@ds-mo/ui 2.7.0 → 2.9.0

package/dist/components/{p-DqBCQRRd.js → p-CF4avTQw.js}

@@ -1,2 +1,2 @@
-import{p as o,H as r,h as i,a as s,t as m}from"./index.js";import{FlagAustria as n}from"@ds-mo/icons/svg/flags/FlagAustria";import{FlagBelgium as e}from"@ds-mo/icons/svg/flags/FlagBelgium";import{FlagBulgaria as c}from"@ds-mo/icons/svg/flags/FlagBulgaria";import{FlagCanada as t}from"@ds-mo/icons/svg/flags/FlagCanada";import{FlagCroatia as l}from"@ds-mo/icons/svg/flags/FlagCroatia";import{FlagCyprus as d}from"@ds-mo/icons/svg/flags/FlagCyprus";import{FlagCzechRepublic as a}from"@ds-mo/icons/svg/flags/FlagCzechRepublic";import{FlagDenmark as g}from"@ds-mo/icons/svg/flags/FlagDenmark";import{FlagEU as f}from"@ds-mo/icons/svg/flags/FlagEU";import{FlagEstonia as p}from"@ds-mo/icons/svg/flags/FlagEstonia";import{FlagFinland as v}from"@ds-mo/icons/svg/flags/FlagFinland";import{FlagFrance as u}from"@ds-mo/icons/svg/flags/FlagFrance";import{FlagGermany as h}from"@ds-mo/icons/svg/flags/FlagGermany";import{FlagGreece as C}from"@ds-mo/icons/svg/flags/FlagGreece";import{FlagHungary as F}from"@ds-mo/icons/svg/flags/FlagHungary";import{FlagIreland as S}from"@ds-mo/icons/svg/flags/FlagIreland";import{FlagItaly as b}from"@ds-mo/icons/svg/flags/FlagItaly";import{FlagLatvia as D}from"@ds-mo/icons/svg/flags/FlagLatvia";import{FlagLithuania as P}from"@ds-mo/icons/svg/flags/FlagLithuania";import{FlagLuxembourg as y}from"@ds-mo/icons/svg/flags/FlagLuxembourg";import{FlagMalta as k}from"@ds-mo/icons/svg/flags/FlagMalta";import{FlagMexico as w}from"@ds-mo/icons/svg/flags/FlagMexico";import{FlagNetherlands as B}from"@ds-mo/icons/svg/flags/FlagNetherlands";import{FlagPoland as L}from"@ds-mo/icons/svg/flags/FlagPoland";import{FlagPortugal as T}from"@ds-mo/icons/svg/flags/FlagPortugal";import{FlagRomania as E}from"@ds-mo/icons/svg/flags/FlagRomania";import{FlagSlovakia as A}from"@ds-mo/icons/svg/flags/FlagSlovakia";import{FlagSlovenia as G}from"@ds-mo/icons/svg/flags/FlagSlovenia";import{FlagSpain as M}from"@ds-mo/icons/svg/flags/FlagSpain";import{FlagSweden as R}from"@ds-mo/icons/svg/flags/FlagSweden";import{FlagUnitedKingdom as x}from"@ds-mo/icons/svg/flags/FlagUnitedKingdom";import{FlagUnitedStates as I}from"@ds-mo/icons/svg/flags/FlagUnitedStates";import{AI as V}from"@ds-mo/icons/svg/AI";import{AIChip as z}from"@ds-mo/icons/svg/AIChip";import{AINew as q}from"@ds-mo/icons/svg/AINew";import{AISparkle as W}from"@ds-mo/icons/svg/AISparkle";import{AUX as U}from"@ds-mo/icons/svg/AUX";import{AUXFilled as H}from"@ds-mo/icons/svg/AUXFilled";import{AndroidFilled as O}from"@ds-mo/icons/svg/AndroidFilled";import{ArrowDown as _}from"@ds-mo/icons/svg/ArrowDown";import{ArrowLeft as N}from"@ds-mo/icons/svg/ArrowLeft";import{ArrowPath as K}from"@ds-mo/icons/svg/ArrowPath";import{ArrowRight as Z}from"@ds-mo/icons/svg/ArrowRight";import{ArrowUp as J}from"@ds-mo/icons/svg/ArrowUp";import{ArrowsDiagonal as Q}from"@ds-mo/icons/svg/ArrowsDiagonal";import{ArrowsDiff as X}from"@ds-mo/icons/svg/ArrowsDiff";import{ArrowsDiffDisabled as j}from"@ds-mo/icons/svg/ArrowsDiffDisabled";import{ArrowsVertical as $}from"@ds-mo/icons/svg/ArrowsVertical";import{AtSign as Y}from"@ds-mo/icons/svg/AtSign";import{Avatar as oo}from"@ds-mo/icons/svg/Avatar";import{BackslashBrackets as ro}from"@ds-mo/icons/svg/BackslashBrackets";import{BatteryCharging as io}from"@ds-mo/icons/svg/BatteryCharging";import{BatteryEmpty as so}from"@ds-mo/icons/svg/BatteryEmpty";import{BatteryFull as mo}from"@ds-mo/icons/svg/BatteryFull";import{BatteryHalf as no}from"@ds-mo/icons/svg/BatteryHalf";import{BatteryLow as eo}from"@ds-mo/icons/svg/BatteryLow";import{Beaker as co}from"@ds-mo/icons/svg/Beaker";import{Bell as to}from"@ds-mo/icons/svg/Bell";import{BellCircle as lo}from"@ds-mo/icons/svg/BellCircle";import{BellExclamation as ao}from"@ds-mo/icons/svg/BellExclamation";import{BellFilled as go}from"@ds-mo/icons/svg/BellFilled";import{BellRinging as fo}from"@ds-mo/icons/svg/BellRinging";import{BellWifi as po}from"@ds-mo/icons/svg/BellWifi";import{BlackWhite as vo}from"@ds-mo/icons/svg/BlackWhite";import{BlankUI as uo}from"@ds-mo/icons/svg/BlankUI";import{Bluetooth as ho}from"@ds-mo/icons/svg/Bluetooth";import{Bolt as Co}from"@ds-mo/icons/svg/Bolt";import{BoltFilled as Fo}from"@ds-mo/icons/svg/BoltFilled";import{Bookmark as So}from"@ds-mo/icons/svg/Bookmark";import{Box as bo}from"@ds-mo/icons/svg/Box";import{Braces as Do}from"@ds-mo/icons/svg/Braces";import{Bug as Po}from"@ds-mo/icons/svg/Bug";import{BuildingFacility as yo}from"@ds-mo/icons/svg/BuildingFacility";import{BuildingHome as ko}from"@ds-mo/icons/svg/BuildingHome";import{BuildingOffice as wo}from"@ds-mo/icons/svg/BuildingOffice";import{BuildingPublic as Bo}from"@ds-mo/icons/svg/BuildingPublic";import{BuildingShop as Lo}from"@ds-mo/icons/svg/BuildingShop";import{Bulb as To}from"@ds-mo/icons/svg/Bulb";import{Calculator as Eo}from"@ds-mo/icons/svg/Calculator";import{Calendar as Ao}from"@ds-mo/icons/svg/Calendar";import{CalendarClock as Go}from"@ds-mo/icons/svg/CalendarClock";import{CameraA as Mo}from"@ds-mo/icons/svg/CameraA";import{CameraB as Ro}from"@ds-mo/icons/svg/CameraB";import{Card as xo}from"@ds-mo/icons/svg/Card";import{CardPerson as Io}from"@ds-mo/icons/svg/CardPerson";import{Cart as Vo}from"@ds-mo/icons/svg/Cart";import{Chart as zo}from"@ds-mo/icons/svg/Chart";import{Check as qo}from"@ds-mo/icons/svg/Check";import{CheckCircle as Wo}from"@ds-mo/icons/svg/CheckCircle";import{CheckCircleFilled as Uo}from"@ds-mo/icons/svg/CheckCircleFilled";import{CheckDouble as Ho}from"@ds-mo/icons/svg/CheckDouble";import{ChevronDown as Oo}from"@ds-mo/icons/svg/ChevronDown";import{ChevronLeft as _o}from"@ds-mo/icons/svg/ChevronLeft";import{ChevronLeftDouble as No}from"@ds-mo/icons/svg/ChevronLeftDouble";import{ChevronRight as Ko}from"@ds-mo/icons/svg/ChevronRight";import{ChevronRightDouble as Zo}from"@ds-mo/icons/svg/ChevronRightDouble";import{ChevronUp as Jo}from"@ds-mo/icons/svg/ChevronUp";import{ChevronUpDown as Qo}from"@ds-mo/icons/svg/ChevronUpDown";import{Circle as Xo}from"@ds-mo/icons/svg/Circle";import{CircleArrow as jo}from"@ds-mo/icons/svg/CircleArrow";import{CircleArrowsDiff as $o}from"@ds-mo/icons/svg/CircleArrowsDiff";import{CircleArrowsDiffDisabled as Yo}from"@ds-mo/icons/svg/CircleArrowsDiffDisabled";import{CircleConcentricFilled as or}from"@ds-mo/icons/svg/CircleConcentricFilled";import{CircleConcentricThree as rr}from"@ds-mo/icons/svg/CircleConcentricThree";import{CircleConcentricTwo as ir}from"@ds-mo/icons/svg/CircleConcentricTwo";import{CircleExclamation as sr}from"@ds-mo/icons/svg/CircleExclamation";import{CircleExclamationFilled as mr}from"@ds-mo/icons/svg/CircleExclamationFilled";import{CircleFastForward as nr}from"@ds-mo/icons/svg/CircleFastForward";import{CircleFilled as er}from"@ds-mo/icons/svg/CircleFilled";import{CircleGrid as cr}from"@ds-mo/icons/svg/CircleGrid";import{CirclePlay as tr}from"@ds-mo/icons/svg/CirclePlay";import{CircleQuestion as lr}from"@ds-mo/icons/svg/CircleQuestion";import{CircleSlash as dr}from"@ds-mo/icons/svg/CircleSlash";import{Clipboard as ar}from"@ds-mo/icons/svg/Clipboard";import{ClipboardCheck as gr}from"@ds-mo/icons/svg/ClipboardCheck";import{Clock as fr}from"@ds-mo/icons/svg/Clock";import{ClockDefer as pr}from"@ds-mo/icons/svg/ClockDefer";import{ClockFilled as vr}from"@ds-mo/icons/svg/ClockFilled";import{ClockSixteenHour as ur}from"@ds-mo/icons/svg/ClockSixteenHour";import{Cloud as hr}from"@ds-mo/icons/svg/Cloud";import{CloudEllipses as Cr}from"@ds-mo/icons/svg/CloudEllipses";import{CloudLightning as Fr}from"@ds-mo/icons/svg/CloudLightning";import{CloudRain as Sr}from"@ds-mo/icons/svg/CloudRain";import{CloudRainSun as br}from"@ds-mo/icons/svg/CloudRainSun";import{CloudSun as Dr}from"@ds-mo/icons/svg/CloudSun";import{CloudWind as Pr}from"@ds-mo/icons/svg/CloudWind";import{Cluster as yr}from"@ds-mo/icons/svg/Cluster";import{Coin as kr}from"@ds-mo/icons/svg/Coin";import{CoinStack as wr}from"@ds-mo/icons/svg/CoinStack";import{CoinStackGeneral as Br}from"@ds-mo/icons/svg/CoinStackGeneral";import{Compass as Lr}from"@ds-mo/icons/svg/Compass";import{Copy as Tr}from"@ds-mo/icons/svg/Copy";import{Crop as Er}from"@ds-mo/icons/svg/Crop";import{Cross as Ar}from"@ds-mo/icons/svg/Cross";import{CrossCircle as Gr}from"@ds-mo/icons/svg/CrossCircle";import{CrossCircleFilled as Mr}from"@ds-mo/icons/svg/CrossCircleFilled";import{Cube as Rr}from"@ds-mo/icons/svg/Cube";import{Cup as xr}from"@ds-mo/icons/svg/Cup";import{CursorPointer as Ir}from"@ds-mo/icons/svg/CursorPointer";import{CursorPointerMinus as Vr}from"@ds-mo/icons/svg/CursorPointerMinus";import{CursorPointerPlus as zr}from"@ds-mo/icons/svg/CursorPointerPlus";import{Dashboard as qr}from"@ds-mo/icons/svg/Dashboard";import{DeviceAIDashcamPlus as Wr}from"@ds-mo/icons/svg/DeviceAIDashcamPlus";import{DeviceAssetTracker as Ur}from"@ds-mo/icons/svg/DeviceAssetTracker";import{DeviceDVR as Hr}from"@ds-mo/icons/svg/DeviceDVR";import{DeviceDashcam as Or}from"@ds-mo/icons/svg/DeviceDashcam";import{DeviceDashcamLiveStream as _r}from"@ds-mo/icons/svg/DeviceDashcamLiveStream";import{DeviceDoorSensor as Nr}from"@ds-mo/icons/svg/DeviceDoorSensor";import{DeviceMobile as Kr}from"@ds-mo/icons/svg/DeviceMobile";import{DeviceMobileTwo as Zr}from"@ds-mo/icons/svg/DeviceMobileTwo";import{DeviceOmnicam as Jr}from"@ds-mo/icons/svg/DeviceOmnicam";import{DeviceSensor as Qr}from"@ds-mo/icons/svg/DeviceSensor";import{DeviceTablet as Xr}from"@ds-mo/icons/svg/DeviceTablet";import{DeviceVehicleGateway as jr}from"@ds-mo/icons/svg/DeviceVehicleGateway";import{Devices as $r}from"@ds-mo/icons/svg/Devices";import{Document as Yr}from"@ds-mo/icons/svg/Document";import{DocumentArrow as oi}from"@ds-mo/icons/svg/DocumentArrow";import{DocumentChart as ri}from"@ds-mo/icons/svg/DocumentChart";import{DocumentDollar as ii}from"@ds-mo/icons/svg/DocumentDollar";import{DocumentGear as si}from"@ds-mo/icons/svg/DocumentGear";import{DocumentInverted as mi}from"@ds-mo/icons/svg/DocumentInverted";import{DocumentPencil as ni}from"@ds-mo/icons/svg/DocumentPencil";import{DocumentPlus as ei}from"@ds-mo/icons/svg/DocumentPlus";import{DocumentQuestion as ci}from"@ds-mo/icons/svg/DocumentQuestion";import{DocumentReceipt as ti}from"@ds-mo/icons/svg/DocumentReceipt";import{DocumentStacked as li}from"@ds-mo/icons/svg/DocumentStacked";import{Dot as di}from"@ds-mo/icons/svg/Dot";import{DotFilled as ai}from"@ds-mo/icons/svg/DotFilled";import{DotPath as gi}from"@ds-mo/icons/svg/DotPath";import{Download as fi}from"@ds-mo/icons/svg/Download";import{Drag as pi}from"@ds-mo/icons/svg/Drag";import{Ellipses as vi}from"@ds-mo/icons/svg/Ellipses";import{Email as ui}from"@ds-mo/icons/svg/Email";import{Engine as hi}from"@ds-mo/icons/svg/Engine";import{Enter as Ci}from"@ds-mo/icons/svg/Enter";import{EntityAsset as Fi}from"@ds-mo/icons/svg/EntityAsset";import{EntityAssetFilled as Si}from"@ds-mo/icons/svg/EntityAssetFilled";import{EntityDriver as bi}from"@ds-mo/icons/svg/EntityDriver";import{EntityDriverFilled as Di}from"@ds-mo/icons/svg/EntityDriverFilled";import{EntityTravelGroup as Pi}from"@ds-mo/icons/svg/EntityTravelGroup";import{EntityTravelGroupFilled as yi}from"@ds-mo/icons/svg/EntityTravelGroupFilled";import{EntityVehicle as ki}from"@ds-mo/icons/svg/EntityVehicle";import{EntityVehicleCharging as wi}from"@ds-mo/icons/svg/EntityVehicleCharging";import{EntityVehicleChargingFilled as Bi}from"@ds-mo/icons/svg/EntityVehicleChargingFilled";import{EntityVehicleFilled as Li}from"@ds-mo/icons/svg/EntityVehicleFilled";import{EntityVehicleImmobilized as Ti}from"@ds-mo/icons/svg/EntityVehicleImmobilized";import{EntityVehicleImmobilizedFilled as Ei}from"@ds-mo/icons/svg/EntityVehicleImmobilizedFilled";import{ErrorTriangle as Ai}from"@ds-mo/icons/svg/ErrorTriangle";import{ErrorTriangleFilled as Gi}from"@ds-mo/icons/svg/ErrorTriangleFilled";import{ErrorTriangleSimpleFilled as Mi}from"@ds-mo/icons/svg/ErrorTriangleSimpleFilled";import{Export as Ri}from"@ds-mo/icons/svg/Export";import{ExternalLink as xi}from"@ds-mo/icons/svg/ExternalLink";import{Eye as Ii}from"@ds-mo/icons/svg/Eye";import{EyeDisabled as Vi}from"@ds-mo/icons/svg/EyeDisabled";import{EyeLock as zi}from"@ds-mo/icons/svg/EyeLock";import{FastForward as qi}from"@ds-mo/icons/svg/FastForward";import{FastForwardSkip as Wi}from"@ds-mo/icons/svg/FastForwardSkip";import{Filters as Ui}from"@ds-mo/icons/svg/Filters";import{FitToScreen as Hi}from"@ds-mo/icons/svg/FitToScreen";import{Flag as Oi}from"@ds-mo/icons/svg/Flag";import{FlagFilled as _i}from"@ds-mo/icons/svg/FlagFilled";import{FloppyDisk as Ni}from"@ds-mo/icons/svg/FloppyDisk";import{Folder as Ki}from"@ds-mo/icons/svg/Folder";import{FolderFilled as Zi}from"@ds-mo/icons/svg/FolderFilled";import{FuelPump as Ji}from"@ds-mo/icons/svg/FuelPump";import{FullScreen as Qi}from"@ds-mo/icons/svg/FullScreen";import{FullScreenExit as Xi}from"@ds-mo/icons/svg/FullScreenExit";import{Gauge as ji}from"@ds-mo/icons/svg/Gauge";import{GaugeTemperature as $i}from"@ds-mo/icons/svg/GaugeTemperature";import{Gear as Yi}from"@ds-mo/icons/svg/Gear";import{GearCheck as os}from"@ds-mo/icons/svg/GearCheck";import{Geofence as rs}from"@ds-mo/icons/svg/Geofence";import{GeofenceCircle as is}from"@ds-mo/icons/svg/GeofenceCircle";import{GeofenceDiamond as ss}from"@ds-mo/icons/svg/GeofenceDiamond";import{GeofenceSquare as ms}from"@ds-mo/icons/svg/GeofenceSquare";import{GlobeNetwork as ns}from"@ds-mo/icons/svg/GlobeNetwork";import{GlobeWorldMap as es}from"@ds-mo/icons/svg/GlobeWorldMap";import{Graph as cs}from"@ds-mo/icons/svg/Graph";import{GraphArrow as ts}from"@ds-mo/icons/svg/GraphArrow";import{GraphBars as ls}from"@ds-mo/icons/svg/GraphBars";import{GraphDecreasing as ds}from"@ds-mo/icons/svg/GraphDecreasing";import{GraphIncreasing as as}from"@ds-mo/icons/svg/GraphIncreasing";import{GroupBy as gs}from"@ds-mo/icons/svg/GroupBy";import{Hamburger as fs}from"@ds-mo/icons/svg/Hamburger";import{HandOpen as ps}from"@ds-mo/icons/svg/HandOpen";import{Headset as vs}from"@ds-mo/icons/svg/Headset";import{History as us}from"@ds-mo/icons/svg/History";import{HourGlass as hs}from"@ds-mo/icons/svg/HourGlass";import{Image as Cs}from"@ds-mo/icons/svg/Image";import{Import as Fs}from"@ds-mo/icons/svg/Import";import{ImportClock as Ss}from"@ds-mo/icons/svg/ImportClock";import{Inbox as bs}from"@ds-mo/icons/svg/Inbox";import{IosFilled as Ds}from"@ds-mo/icons/svg/IosFilled";import{Jerrycan as Ps}from"@ds-mo/icons/svg/Jerrycan";import{KeyA as ys}from"@ds-mo/icons/svg/KeyA";import{KeyB as ks}from"@ds-mo/icons/svg/KeyB";import{KeyCmd as ws}from"@ds-mo/icons/svg/KeyCmd";import{KeyShift as Bs}from"@ds-mo/icons/svg/KeyShift";import{LED as Ls}from"@ds-mo/icons/svg/LED";import{Layers as Ts}from"@ds-mo/icons/svg/Layers";import{Leaf as Es}from"@ds-mo/icons/svg/Leaf";import{LeftCollapse as As}from"@ds-mo/icons/svg/LeftCollapse";import{LeftCollapseB as Gs}from"@ds-mo/icons/svg/LeftCollapseB";import{LeftExpand as Ms}from"@ds-mo/icons/svg/LeftExpand";import{LeftExpandB as Rs}from"@ds-mo/icons/svg/LeftExpandB";import{LeftTurnSignal as xs}from"@ds-mo/icons/svg/LeftTurnSignal";import{LetterB as Is}from"@ds-mo/icons/svg/LetterB";import{LetterC as Vs}from"@ds-mo/icons/svg/LetterC";import{LetterI as zs}from"@ds-mo/icons/svg/LetterI";import{License as qs}from"@ds-mo/icons/svg/License";import{LicensePlate as Ws}from"@ds-mo/icons/svg/LicensePlate";import{Lifebuoy as Us}from"@ds-mo/icons/svg/Lifebuoy";import{Link as Hs}from"@ds-mo/icons/svg/Link";import{List as Os}from"@ds-mo/icons/svg/List";import{Loads as _s}from"@ds-mo/icons/svg/Loads";import{LocationPin as Ns}from"@ds-mo/icons/svg/LocationPin";import{LocationPinArrows as Ks}from"@ds-mo/icons/svg/LocationPinArrows";import{LocationPinDisabled as Zs}from"@ds-mo/icons/svg/LocationPinDisabled";import{LocationPinDollar as Js}from"@ds-mo/icons/svg/LocationPinDollar";import{LockClosed as Qs}from"@ds-mo/icons/svg/LockClosed";import{LockClosedFilled as Xs}from"@ds-mo/icons/svg/LockClosedFilled";import{LockOpen as js}from"@ds-mo/icons/svg/LockOpen";import{Logout as $s}from"@ds-mo/icons/svg/Logout";import{Logs as Ys}from"@ds-mo/icons/svg/Logs";import{LogsMagnifyingGlass as om}from"@ds-mo/icons/svg/LogsMagnifyingGlass";import{MagnifyingGlass as rm}from"@ds-mo/icons/svg/MagnifyingGlass";import{MagnifyingGlassGraph as im}from"@ds-mo/icons/svg/MagnifyingGlassGraph";import{MagnifyingGlassZoomIn as sm}from"@ds-mo/icons/svg/MagnifyingGlassZoomIn";import{MagnifyingGlassZoomOut as mm}from"@ds-mo/icons/svg/MagnifyingGlassZoomOut";import{MapNavigation as nm}from"@ds-mo/icons/svg/MapNavigation";import{MapPage as em}from"@ds-mo/icons/svg/MapPage";import{MapPin as cm}from"@ds-mo/icons/svg/MapPin";import{MarkRead as tm}from"@ds-mo/icons/svg/MarkRead";import{Match as lm}from"@ds-mo/icons/svg/Match";import{MessageBubble as dm}from"@ds-mo/icons/svg/MessageBubble";import{MessageBubbleStack as am}from"@ds-mo/icons/svg/MessageBubbleStack";import{Messaging as gm}from"@ds-mo/icons/svg/Messaging";import{Mic as fm}from"@ds-mo/icons/svg/Mic";import{MicMute as pm}from"@ds-mo/icons/svg/MicMute";import{Minimize as vm}from"@ds-mo/icons/svg/Minimize";import{Monitor as um}from"@ds-mo/icons/svg/Monitor";import{Notification as hm}from"@ds-mo/icons/svg/Notification";import{NumberTen as Cm}from"@ds-mo/icons/svg/NumberTen";import{OctagonSubtract as Fm}from"@ds-mo/icons/svg/OctagonSubtract";import{Odometer as Sm}from"@ds-mo/icons/svg/Odometer";import{OverviewAI as bm}from"@ds-mo/icons/svg/OverviewAI";import{PanelCollapse as Dm}from"@ds-mo/icons/svg/PanelCollapse";import{PanelExpand as Pm}from"@ds-mo/icons/svg/PanelExpand";import{Paperclip as ym}from"@ds-mo/icons/svg/Paperclip";import{PaperplaneSend as km}from"@ds-mo/icons/svg/PaperplaneSend";import{Paragraph as wm}from"@ds-mo/icons/svg/Paragraph";import{ParagraphCheck as Bm}from"@ds-mo/icons/svg/ParagraphCheck";import{ParagraphPencil as Lm}from"@ds-mo/icons/svg/ParagraphPencil";import{Pause as Tm}from"@ds-mo/icons/svg/Pause";import{PauseFilled as Em}from"@ds-mo/icons/svg/PauseFilled";import{Pencil as Am}from"@ds-mo/icons/svg/Pencil";import{PencilSquiggle as Gm}from"@ds-mo/icons/svg/PencilSquiggle";import{Person as Mm}from"@ds-mo/icons/svg/Person";import{PersonAt as Rm}from"@ds-mo/icons/svg/PersonAt";import{PersonConnect as xm}from"@ds-mo/icons/svg/PersonConnect";import{PersonFrame as Im}from"@ds-mo/icons/svg/PersonFrame";import{PersonGear as Vm}from"@ds-mo/icons/svg/PersonGear";import{PersonGroup as zm}from"@ds-mo/icons/svg/PersonGroup";import{PersonGroupArrows as qm}from"@ds-mo/icons/svg/PersonGroupArrows";import{PersonManager as Wm}from"@ds-mo/icons/svg/PersonManager";import{PersonShield as Um}from"@ds-mo/icons/svg/PersonShield";import{PersonStar as Hm}from"@ds-mo/icons/svg/PersonStar";import{Phone as Om}from"@ds-mo/icons/svg/Phone";import{PhoneDisconnect as _m}from"@ds-mo/icons/svg/PhoneDisconnect";import{PicmanFilled as Nm}from"@ds-mo/icons/svg/PicmanFilled";import{Pin as Km}from"@ds-mo/icons/svg/Pin";import{PipBottomLeft as Zm}from"@ds-mo/icons/svg/PipBottomLeft";import{PipBottomRight as Jm}from"@ds-mo/icons/svg/PipBottomRight";import{PipTopLeft as Qm}from"@ds-mo/icons/svg/PipTopLeft";import{PipTopRight as Xm}from"@ds-mo/icons/svg/PipTopRight";import{Play as jm}from"@ds-mo/icons/svg/Play";import{PlayFilled as $m}from"@ds-mo/icons/svg/PlayFilled";import{Plug as Ym}from"@ds-mo/icons/svg/Plug";import{Plus as on}from"@ds-mo/icons/svg/Plus";import{PlusCircle as rn}from"@ds-mo/icons/svg/PlusCircle";import{Preferences as sn}from"@ds-mo/icons/svg/Preferences";import{Printer as mn}from"@ds-mo/icons/svg/Printer";import{PunchCard as nn}from"@ds-mo/icons/svg/PunchCard";import{Puzzle as en}from"@ds-mo/icons/svg/Puzzle";import{PuzzleJoined as cn}from"@ds-mo/icons/svg/PuzzleJoined";import{Redo as tn}from"@ds-mo/icons/svg/Redo";import{Refresh as ln}from"@ds-mo/icons/svg/Refresh";import{Restore as dn}from"@ds-mo/icons/svg/Restore";import{RewardRibbon as an}from"@ds-mo/icons/svg/RewardRibbon";import{Rewind as gn}from"@ds-mo/icons/svg/Rewind";import{RewindSkip as fn}from"@ds-mo/icons/svg/RewindSkip";import{RewindSkipFilled as pn}from"@ds-mo/icons/svg/RewindSkipFilled";import{RightCollapse as vn}from"@ds-mo/icons/svg/RightCollapse";import{RightCollapseB as un}from"@ds-mo/icons/svg/RightCollapseB";import{RightExpand as hn}from"@ds-mo/icons/svg/RightExpand";import{RightExpandB as Cn}from"@ds-mo/icons/svg/RightExpandB";import{RightTurnSignal as Fn}from"@ds-mo/icons/svg/RightTurnSignal";import{Rotate as Sn}from"@ds-mo/icons/svg/Rotate";import{Satellite as bn}from"@ds-mo/icons/svg/Satellite";import{Scan as Dn}from"@ds-mo/icons/svg/Scan";import{Scissor as Pn}from"@ds-mo/icons/svg/Scissor";import{Scope as yn}from"@ds-mo/icons/svg/Scope";import{Seatbelt as kn}from"@ds-mo/icons/svg/Seatbelt";import{SeatbeltBuckle as wn}from"@ds-mo/icons/svg/SeatbeltBuckle";import{Shapes as Bn}from"@ds-mo/icons/svg/Shapes";import{ShareCircles as Ln}from"@ds-mo/icons/svg/ShareCircles";import{ShareCirclesFilled as Tn}from"@ds-mo/icons/svg/ShareCirclesFilled";import{SharePaperplane as En}from"@ds-mo/icons/svg/SharePaperplane";import{Shield as An}from"@ds-mo/icons/svg/Shield";import{ShieldCheck as Gn}from"@ds-mo/icons/svg/ShieldCheck";import{ShieldCheckmarkFilled as Mn}from"@ds-mo/icons/svg/ShieldCheckmarkFilled";import{ShieldCircle as Rn}from"@ds-mo/icons/svg/ShieldCircle";import{ShieldCircleFilled as xn}from"@ds-mo/icons/svg/ShieldCircleFilled";import{ShieldCross as In}from"@ds-mo/icons/svg/ShieldCross";import{ShieldCrossFilled as Vn}from"@ds-mo/icons/svg/ShieldCrossFilled";import{ShieldFilled as zn}from"@ds-mo/icons/svg/ShieldFilled";import{ShieldLock as qn}from"@ds-mo/icons/svg/ShieldLock";import{ShieldLockFilled as Wn}from"@ds-mo/icons/svg/ShieldLockFilled";import{ShoppingBag as Un}from"@ds-mo/icons/svg/ShoppingBag";import{Snowflake as Hn}from"@ds-mo/icons/svg/Snowflake";import{SpeakerPhone as On}from"@ds-mo/icons/svg/SpeakerPhone";import{SpeedometerArrow as _n}from"@ds-mo/icons/svg/SpeedometerArrow";import{SpeedometerLeft as Nn}from"@ds-mo/icons/svg/SpeedometerLeft";import{SpeedometerRight as Kn}from"@ds-mo/icons/svg/SpeedometerRight";import{SpikeCirclePercentage as Zn}from"@ds-mo/icons/svg/SpikeCirclePercentage";import{SpikeCirclePercentageFilled as Jn}from"@ds-mo/icons/svg/SpikeCirclePercentageFilled";import{Square as Qn}from"@ds-mo/icons/svg/Square";import{SquareArrowTopRight as Xn}from"@ds-mo/icons/svg/SquareArrowTopRight";import{SquareCheck as jn}from"@ds-mo/icons/svg/SquareCheck";import{SquareCheckFilled as $n}from"@ds-mo/icons/svg/SquareCheckFilled";import{SquareDollar as Yn}from"@ds-mo/icons/svg/SquareDollar";import{SquareDollarFilled as oe}from"@ds-mo/icons/svg/SquareDollarFilled";import{SquareDottedMinus as re}from"@ds-mo/icons/svg/SquareDottedMinus";import{SquareFilled as ie}from"@ds-mo/icons/svg/SquareFilled";import{SquareGrid as se}from"@ds-mo/icons/svg/SquareGrid";import{SquarePencil as me}from"@ds-mo/icons/svg/SquarePencil";import{SquarePlus as ne}from"@ds-mo/icons/svg/SquarePlus";import{SquareSubtract as ee}from"@ds-mo/icons/svg/SquareSubtract";import{SquareSubtractFilled as ce}from"@ds-mo/icons/svg/SquareSubtractFilled";import{Star as te}from"@ds-mo/icons/svg/Star";import{StarFilled as le}from"@ds-mo/icons/svg/StarFilled";import{Stopwatch as de}from"@ds-mo/icons/svg/Stopwatch";import{Street as ae}from"@ds-mo/icons/svg/Street";import{Subtract as ge}from"@ds-mo/icons/svg/Subtract";import{SubtractCircle as fe}from"@ds-mo/icons/svg/SubtractCircle";import{SubtractCircleFilled as pe}from"@ds-mo/icons/svg/SubtractCircleFilled";import{Table as ve}from"@ds-mo/icons/svg/Table";import{Tag as ue}from"@ds-mo/icons/svg/Tag";import{Target as he}from"@ds-mo/icons/svg/Target";import{TargetDollar as Ce}from"@ds-mo/icons/svg/TargetDollar";import{Text as Fe}from"@ds-mo/icons/svg/Text";import{ThemeDark as Se}from"@ds-mo/icons/svg/ThemeDark";import{ThemeLight as be}from"@ds-mo/icons/svg/ThemeLight";import{ThumbsDown as De}from"@ds-mo/icons/svg/ThumbsDown";import{ThumbsDownFilled as Pe}from"@ds-mo/icons/svg/ThumbsDownFilled";import{ThumbsUp as ye}from"@ds-mo/icons/svg/ThumbsUp";import{ThumbsUpFilled as ke}from"@ds-mo/icons/svg/ThumbsUpFilled";import{TirePressure as we}from"@ds-mo/icons/svg/TirePressure";import{Toggle as Be}from"@ds-mo/icons/svg/Toggle";import{TrafficLight as Le}from"@ds-mo/icons/svg/TrafficLight";import{Trash as Te}from"@ds-mo/icons/svg/Trash";import{Trophy as Ee}from"@ds-mo/icons/svg/Trophy";import{TurnSignal as Ae}from"@ds-mo/icons/svg/TurnSignal";import{TurnSignalFilled as Ge}from"@ds-mo/icons/svg/TurnSignalFilled";import{Undo as Me}from"@ds-mo/icons/svg/Undo";import{Upgrade as Re}from"@ds-mo/icons/svg/Upgrade";import{Upload as xe}from"@ds-mo/icons/svg/Upload";import{VehicleTrailer as Ie}from"@ds-mo/icons/svg/VehicleTrailer";import{VehicleTruck as Ve}from"@ds-mo/icons/svg/VehicleTruck";import{VehicleTruckMagnifyingGlass as ze}from"@ds-mo/icons/svg/VehicleTruckMagnifyingGlass";import{Video as qe}from"@ds-mo/icons/svg/Video";import{ViewMenu as We}from"@ds-mo/icons/svg/ViewMenu";import{Volume as Ue}from"@ds-mo/icons/svg/Volume";import{VolumeFilled as He}from"@ds-mo/icons/svg/VolumeFilled";import{VolumeMute as Oe}from"@ds-mo/icons/svg/VolumeMute";import{VolumeMuteFilled as _e}from"@ds-mo/icons/svg/VolumeMuteFilled";import{WandSparkle as Ne}from"@ds-mo/icons/svg/WandSparkle";import{Waveform as Ke}from"@ds-mo/icons/svg/Waveform";import{Webhooks as Ze}from"@ds-mo/icons/svg/Webhooks";import{Whistle as Je}from"@ds-mo/icons/svg/Whistle";import{WiFiHorizontal as Qe}from"@ds-mo/icons/svg/WiFiHorizontal";import{WiFiTower as Xe}from"@ds-mo/icons/svg/WiFiTower";import{WifiVertical as je}from"@ds-mo/icons/svg/WifiVertical";import{WifiVerticalFilled as $e}from"@ds-mo/icons/svg/WifiVerticalFilled";import{WifiVerticalFilledDisabled as Ye}from"@ds-mo/icons/svg/WifiVerticalFilledDisabled";import{WorkflowA as oc}from"@ds-mo/icons/svg/WorkflowA";import{WorkflowB as rc}from"@ds-mo/icons/svg/WorkflowB";import{Wrench as ic}from"@ds-mo/icons/svg/Wrench";import{ZoomBackOut as sc}from"@ds-mo/icons/svg/ZoomBackOut";const mc={FlagAustria:n,FlagBelgium:e,FlagBulgaria:c,FlagCanada:t,FlagCroatia:l,FlagCyprus:d,FlagCzechRepublic:a,FlagDenmark:g,FlagEU:f,FlagEstonia:p,FlagFinland:v,FlagFrance:u,FlagGermany:h,FlagGreece:C,FlagHungary:F,FlagIreland:S,FlagItaly:b,FlagLatvia:D,FlagLithuania:P,FlagLuxembourg:y,FlagMalta:k,FlagMexico:w,FlagNetherlands:B,FlagPoland:L,FlagPortugal:T,FlagRomania:E,FlagSlovakia:A,FlagSlovenia:G,FlagSpain:M,FlagSweden:R,FlagUnitedKingdom:x,FlagUnitedStates:I};const nc={AI:V,AIChip:z,AINew:q,AISparkle:W,AUX:U,AUXFilled:H,AndroidFilled:O,ArrowDown:_,ArrowLeft:N,ArrowPath:K,ArrowRight:Z,ArrowUp:J,ArrowsDiagonal:Q,ArrowsDiff:X,ArrowsDiffDisabled:j,ArrowsVertical:$,AtSign:Y,Avatar:oo,BackslashBrackets:ro,BatteryCharging:io,BatteryEmpty:so,BatteryFull:mo,BatteryHalf:no,BatteryLow:eo,Beaker:co,Bell:to,BellCircle:lo,BellExclamation:ao,BellFilled:go,BellRinging:fo,BellWifi:po,BlackWhite:vo,BlankUI:uo,Bluetooth:ho,Bolt:Co,BoltFilled:Fo,Bookmark:So,Box:bo,Braces:Do,Bug:Po,BuildingFacility:yo,BuildingHome:ko,BuildingOffice:wo,BuildingPublic:Bo,BuildingShop:Lo,Bulb:To,Calculator:Eo,Calendar:Ao,CalendarClock:Go,CameraA:Mo,CameraB:Ro,Card:xo,CardPerson:Io,Cart:Vo,Chart:zo,Check:qo,CheckCircle:Wo,CheckCircleFilled:Uo,CheckDouble:Ho,ChevronDown:Oo,ChevronLeft:_o,ChevronLeftDouble:No,ChevronRight:Ko,ChevronRightDouble:Zo,ChevronUp:Jo,ChevronUpDown:Qo,Circle:Xo,CircleArrow:jo,CircleArrowsDiff:$o,CircleArrowsDiffDisabled:Yo,CircleConcentricFilled:or,CircleConcentricThree:rr,CircleConcentricTwo:ir,CircleExclamation:sr,CircleExclamationFilled:mr,CircleFastForward:nr,CircleFilled:er,CircleGrid:cr,CirclePlay:tr,CircleQuestion:lr,CircleSlash:dr,Clipboard:ar,ClipboardCheck:gr,Clock:fr,ClockDefer:pr,ClockFilled:vr,ClockSixteenHour:ur,Cloud:hr,CloudEllipses:Cr,CloudLightning:Fr,CloudRain:Sr,CloudRainSun:br,CloudSun:Dr,CloudWind:Pr,Cluster:yr,Coin:kr,CoinStack:wr,CoinStackGeneral:Br,Compass:Lr,Copy:Tr,Crop:Er,Cross:Ar,CrossCircle:Gr,CrossCircleFilled:Mr,Cube:Rr,Cup:xr,CursorPointer:Ir,CursorPointerMinus:Vr,CursorPointerPlus:zr,Dashboard:qr,DeviceAIDashcamPlus:Wr,DeviceAssetTracker:Ur,DeviceDVR:Hr,DeviceDashcam:Or,DeviceDashcamLiveStream:_r,DeviceDoorSensor:Nr,DeviceMobile:Kr,DeviceMobileTwo:Zr,DeviceOmnicam:Jr,DeviceSensor:Qr,DeviceTablet:Xr,DeviceVehicleGateway:jr,Devices:$r,Document:Yr,DocumentArrow:oi,DocumentChart:ri,DocumentDollar:ii,DocumentGear:si,DocumentInverted:mi,DocumentPencil:ni,DocumentPlus:ei,DocumentQuestion:ci,DocumentReceipt:ti,DocumentStacked:li,Dot:di,DotFilled:ai,DotPath:gi,Download:fi,Drag:pi,Ellipses:vi,Email:ui,Engine:hi,Enter:Ci,EntityAsset:Fi,EntityAssetFilled:Si,EntityDriver:bi,EntityDriverFilled:Di,EntityTravelGroup:Pi,EntityTravelGroupFilled:yi,EntityVehicle:ki,EntityVehicleCharging:wi,EntityVehicleChargingFilled:Bi,EntityVehicleFilled:Li,EntityVehicleImmobilized:Ti,EntityVehicleImmobilizedFilled:Ei,ErrorTriangle:Ai,ErrorTriangleFilled:Gi,ErrorTriangleSimpleFilled:Mi,Export:Ri,ExternalLink:xi,Eye:Ii,EyeDisabled:Vi,EyeLock:zi,FastForward:qi,FastForwardSkip:Wi,Filters:Ui,FitToScreen:Hi,Flag:Oi,FlagFilled:_i,FloppyDisk:Ni,Folder:Ki,FolderFilled:Zi,FuelPump:Ji,FullScreen:Qi,FullScreenExit:Xi,Gauge:ji,GaugeTemperature:$i,Gear:Yi,GearCheck:os,Geofence:rs,GeofenceCircle:is,GeofenceDiamond:ss,GeofenceSquare:ms,GlobeNetwork:ns,GlobeWorldMap:es,Graph:cs,GraphArrow:ts,GraphBars:ls,GraphDecreasing:ds,GraphIncreasing:as,GroupBy:gs,Hamburger:fs,HandOpen:ps,Headset:vs,History:us,HourGlass:hs,Image:Cs,Import:Fs,ImportClock:Ss,Inbox:bs,IosFilled:Ds,Jerrycan:Ps,KeyA:ys,KeyB:ks,KeyCmd:ws,KeyShift:Bs,LED:Ls,Layers:Ts,Leaf:Es,LeftCollapse:As,LeftCollapseB:Gs,LeftExpand:Ms,LeftExpandB:Rs,LeftTurnSignal:xs,LetterB:Is,LetterC:Vs,LetterI:zs,License:qs,LicensePlate:Ws,Lifebuoy:Us,Link:Hs,List:Os,Loads:_s,LocationPin:Ns,LocationPinArrows:Ks,LocationPinDisabled:Zs,LocationPinDollar:Js,LockClosed:Qs,LockClosedFilled:Xs,LockOpen:js,Logout:$s,Logs:Ys,LogsMagnifyingGlass:om,MagnifyingGlass:rm,MagnifyingGlassGraph:im,MagnifyingGlassZoomIn:sm,MagnifyingGlassZoomOut:mm,MapNavigation:nm,MapPage:em,MapPin:cm,MarkRead:tm,Match:lm,MessageBubble:dm,MessageBubbleStack:am,Messaging:gm,Mic:fm,MicMute:pm,Minimize:vm,Monitor:um,Notification:hm,NumberTen:Cm,OctagonSubtract:Fm,Odometer:Sm,OverviewAI:bm,PanelCollapse:Dm,PanelExpand:Pm,Paperclip:ym,PaperplaneSend:km,Paragraph:wm,ParagraphCheck:Bm,ParagraphPencil:Lm,Pause:Tm,PauseFilled:Em,Pencil:Am,PencilSquiggle:Gm,Person:Mm,PersonAt:Rm,PersonConnect:xm,PersonFrame:Im,PersonGear:Vm,PersonGroup:zm,PersonGroupArrows:qm,PersonManager:Wm,PersonShield:Um,PersonStar:Hm,Phone:Om,PhoneDisconnect:_m,PicmanFilled:Nm,Pin:Km,PipBottomLeft:Zm,PipBottomRight:Jm,PipTopLeft:Qm,PipTopRight:Xm,Play:jm,PlayFilled:$m,Plug:Ym,Plus:on,PlusCircle:rn,Preferences:sn,Printer:mn,PunchCard:nn,Puzzle:en,PuzzleJoined:cn,Redo:tn,Refresh:ln,Restore:dn,RewardRibbon:an,Rewind:gn,RewindSkip:fn,RewindSkipFilled:pn,RightCollapse:vn,RightCollapseB:un,RightExpand:hn,RightExpandB:Cn,RightTurnSignal:Fn,Rotate:Sn,Satellite:bn,Scan:Dn,Scissor:Pn,Scope:yn,Seatbelt:kn,SeatbeltBuckle:wn,Shapes:Bn,ShareCircles:Ln,ShareCirclesFilled:Tn,SharePaperplane:En,Shield:An,ShieldCheck:Gn,ShieldCheckmarkFilled:Mn,ShieldCircle:Rn,ShieldCircleFilled:xn,ShieldCross:In,ShieldCrossFilled:Vn,ShieldFilled:zn,ShieldLock:qn,ShieldLockFilled:Wn,ShoppingBag:Un,Snowflake:Hn,SpeakerPhone:On,SpeedometerArrow:_n,SpeedometerLeft:Nn,SpeedometerRight:Kn,SpikeCirclePercentage:Zn,SpikeCirclePercentageFilled:Jn,Square:Qn,SquareArrowTopRight:Xn,SquareCheck:jn,SquareCheckFilled:$n,SquareDollar:Yn,SquareDollarFilled:oe,SquareDottedMinus:re,SquareFilled:ie,SquareGrid:se,SquarePencil:me,SquarePlus:ne,SquareSubtract:ee,SquareSubtractFilled:ce,Star:te,StarFilled:le,Stopwatch:de,Street:ae,Subtract:ge,SubtractCircle:fe,SubtractCircleFilled:pe,Table:ve,Tag:ue,Target:he,TargetDollar:Ce,Text:Fe,ThemeDark:Se,ThemeLight:be,ThumbsDown:De,ThumbsDownFilled:Pe,ThumbsUp:ye,ThumbsUpFilled:ke,TirePressure:we,Toggle:Be,TrafficLight:Le,Trash:Te,Trophy:Ee,TurnSignal:Ae,TurnSignalFilled:Ge,Undo:Me,Upgrade:Re,Upload:xe,VehicleTrailer:Ie,VehicleTruck:Ve,VehicleTruckMagnifyingGlass:ze,Video:qe,ViewMenu:We,Volume:Ue,VolumeFilled:He,VolumeMute:Oe,VolumeMuteFilled:_e,WandSparkle:Ne,Waveform:Ke,Webhooks:Ze,Whistle:Je,WiFiHorizontal:Qe,WiFiTower:Xe,WifiVertical:je,WifiVerticalFilled:$e,WifiVerticalFilledDisabled:Ye,WorkflowA:oc,WorkflowB:rc,Wrench:ic,ZoomBackOut:sc};const ec=()=>`.icon.sc-ds-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:0;color:var(--color-foreground-primary);width:var(--_icon-sz, var(--dimension-iconography-md));height:var(--_icon-sz, var(--dimension-iconography-md))}.icon__svg.sc-ds-icon{display:contents;line-height:0}.icon--size-xs.sc-ds-icon{--_icon-sz:var(--dimension-iconography-xs)}.icon--size-sm.sc-ds-icon{--_icon-sz:var(--dimension-iconography-sm)}.icon--size-md.sc-ds-icon{--_icon-sz:var(--dimension-iconography-md)}.icon--size-lg.sc-ds-icon{--_icon-sz:var(--dimension-iconography-lg)}.icon--size-xl.sc-ds-icon{--_icon-sz:var(--dimension-iconography-xl)}.icon--size-2xl.sc-ds-icon{--_icon-sz:var(--dimension-iconography-2xl)}.icon--size-3xl.sc-ds-icon{--_icon-sz:var(--dimension-iconography-3xl)}.icon--color-primary.sc-ds-icon{color:var(--color-foreground-primary)}.icon--color-secondary.sc-ds-icon{color:var(--color-foreground-secondary)}.icon--color-tertiary.sc-ds-icon{color:var(--color-foreground-tertiary)}.icon--color-quaternary.sc-ds-icon{color:var(--color-foreground-quaternary)}.icon--color-inherit.sc-ds-icon{color:inherit}.icon--color-brand.sc-ds-icon{color:var(--color-foreground-bold-brand)}.icon--color-negative.sc-ds-icon{color:var(--color-foreground-bold-negative)}.icon--color-positive.sc-ds-icon{color:var(--color-foreground-bold-positive)}.icon--color-warning.sc-ds-icon{color:var(--color-foreground-bold-warning)}.icon--color-caution.sc-ds-icon{color:var(--color-foreground-bold-caution)}.icon--color-ai.sc-ds-icon{color:var(--color-foreground-bold-ai)}.icon--color-guide.sc-ds-icon{color:var(--color-foreground-bold-guide)}.icon--color-neutral.sc-ds-icon{color:var(--color-foreground-bold-neutral)}.icon--color-faint-brand.sc-ds-icon{color:var(--color-foreground-faint-brand)}.icon--color-faint-negative.sc-ds-icon{color:var(--color-foreground-faint-negative)}.icon--color-faint-positive.sc-ds-icon{color:var(--color-foreground-faint-positive)}.icon--color-faint-warning.sc-ds-icon{color:var(--color-foreground-faint-warning)}.icon--color-faint-caution.sc-ds-icon{color:var(--color-foreground-faint-caution)}.icon--color-faint-ai.sc-ds-icon{color:var(--color-foreground-faint-ai)}.icon--color-faint-neutral.sc-ds-icon{color:var(--color-foreground-faint-neutral)}.icon--color-medium-brand.sc-ds-icon{color:var(--color-foreground-medium-brand)}.icon--color-medium-negative.sc-ds-icon{color:var(--color-foreground-medium-negative)}.icon--color-medium-positive.sc-ds-icon{color:var(--color-foreground-medium-positive)}.icon--color-medium-warning.sc-ds-icon{color:var(--color-foreground-medium-warning)}.icon--color-medium-caution.sc-ds-icon{color:var(--color-foreground-medium-caution)}.icon--color-medium-ai.sc-ds-icon{color:var(--color-foreground-medium-ai)}.icon--color-medium-neutral.sc-ds-icon{color:var(--color-foreground-medium-neutral)}.icon--color-bold-brand.sc-ds-icon{color:var(--color-foreground-bold-brand)}.icon--color-bold-negative.sc-ds-icon{color:var(--color-foreground-bold-negative)}.icon--color-bold-positive.sc-ds-icon{color:var(--color-foreground-bold-positive)}.icon--color-bold-warning.sc-ds-icon{color:var(--color-foreground-bold-warning)}.icon--color-bold-caution.sc-ds-icon{color:var(--color-foreground-bold-caution)}.icon--color-bold-ai.sc-ds-icon{color:var(--color-foreground-bold-ai)}.icon--color-bold-neutral.sc-ds-icon{color:var(--color-foreground-bold-neutral)}.icon--color-strong-brand.sc-ds-icon{color:var(--color-foreground-strong-brand)}.icon--color-strong-negative.sc-ds-icon{color:var(--color-foreground-strong-negative)}.icon--color-strong-positive.sc-ds-icon{color:var(--color-foreground-strong-positive)}.icon--color-strong-warning.sc-ds-icon{color:var(--color-foreground-strong-warning)}.icon--color-strong-caution.sc-ds-icon{color:var(--color-foreground-strong-caution)}.icon--color-strong-ai.sc-ds-icon{color:var(--color-foreground-strong-ai)}.icon--color-strong-neutral.sc-ds-icon{color:var(--color-foreground-strong-neutral)}.icon--color-on-strong.sc-ds-icon{color:var(--color-foreground-on-strong-background-primary)}.icon--color-on-bold.sc-ds-icon{color:var(--color-foreground-on-bold-background-primary)}`;const cc=o(class o extends r{constructor(o){super();if(o!==false){this.__registerHost()}this.name="";this.size="md";this.flag=false}get svgString(){const o=this.flag?mc:nc;return o[this.name]??""}updateSvg(){const o=this.el.querySelector(".icon__svg");if(!o)return;o.innerHTML=this.svgString;const r=o.querySelector("svg");if(r){r.removeAttribute("width");r.removeAttribute("height");r.setAttribute("focusable","false");r.setAttribute("aria-hidden","true");r.style.display="block";r.style.flexShrink="0";r.style.width="100%";r.style.height="100%"}}onIconChange(){this.updateSvg()}componentDidRender(){this.updateSvg()}render(){const o=typeof this.color==="string"&&this.color.startsWith("var(--");const r={icon:true,[`icon--size-${this.size}`]:true,[`icon--color-${this.color}`]:!!this.color&&!o&&this.color!=="inherit","icon--color-inherit":this.color==="inherit"};const m=o?{color:this.color}:undefined;return i(s,{key:"14a084149e2f9f46946a8d8abf4a9a77bd1836db",style:{display:"inline-flex",alignItems:"center",justifyContent:"center"}},i("span",{key:"77243650243fc35e22c89a3c87a8776f7c571094",class:r,style:m,role:this.label?"img":"presentation","aria-label":this.label,"aria-hidden":!this.label?"true":undefined},i("span",{key:"50820ce777075a42b5114b0fdf11e5e7311ff9f1",class:"icon__svg"})))}get el(){return this}static get watchers(){return{name:[{onIconChange:0}],flag:[{onIconChange:0}]}}static get style(){return ec()}},[2,"ds-icon",{name:[1],size:[1],color:[1],label:[1],flag:[4]},undefined,{name:[{onIconChange:0}],flag:[{onIconChange:0}]}]);function tc(){if(typeof customElements==="undefined"){return}const o=["ds-icon"];o.forEach((o=>{switch(o){case"ds-icon":if(!customElements.get(m(o))){customElements.define(m(o),cc)}break}}))}tc();export{cc as I,tc as d};
-//# sourceMappingURL=p-DqBCQRRd.js.map
+import{p as o,H as r,h as i,a as s,t as m}from"./index.js";import{FlagAustria as n}from"@ds-mo/icons/svg/flags/FlagAustria";import{FlagBelgium as e}from"@ds-mo/icons/svg/flags/FlagBelgium";import{FlagBulgaria as c}from"@ds-mo/icons/svg/flags/FlagBulgaria";import{FlagCanada as t}from"@ds-mo/icons/svg/flags/FlagCanada";import{FlagCroatia as l}from"@ds-mo/icons/svg/flags/FlagCroatia";import{FlagCyprus as d}from"@ds-mo/icons/svg/flags/FlagCyprus";import{FlagCzechRepublic as a}from"@ds-mo/icons/svg/flags/FlagCzechRepublic";import{FlagDenmark as g}from"@ds-mo/icons/svg/flags/FlagDenmark";import{FlagEU as f}from"@ds-mo/icons/svg/flags/FlagEU";import{FlagEstonia as p}from"@ds-mo/icons/svg/flags/FlagEstonia";import{FlagFinland as v}from"@ds-mo/icons/svg/flags/FlagFinland";import{FlagFrance as u}from"@ds-mo/icons/svg/flags/FlagFrance";import{FlagGermany as h}from"@ds-mo/icons/svg/flags/FlagGermany";import{FlagGreece as C}from"@ds-mo/icons/svg/flags/FlagGreece";import{FlagHungary as F}from"@ds-mo/icons/svg/flags/FlagHungary";import{FlagIreland as S}from"@ds-mo/icons/svg/flags/FlagIreland";import{FlagItaly as b}from"@ds-mo/icons/svg/flags/FlagItaly";import{FlagLatvia as D}from"@ds-mo/icons/svg/flags/FlagLatvia";import{FlagLithuania as P}from"@ds-mo/icons/svg/flags/FlagLithuania";import{FlagLuxembourg as y}from"@ds-mo/icons/svg/flags/FlagLuxembourg";import{FlagMalta as k}from"@ds-mo/icons/svg/flags/FlagMalta";import{FlagMexico as w}from"@ds-mo/icons/svg/flags/FlagMexico";import{FlagNetherlands as B}from"@ds-mo/icons/svg/flags/FlagNetherlands";import{FlagPoland as L}from"@ds-mo/icons/svg/flags/FlagPoland";import{FlagPortugal as T}from"@ds-mo/icons/svg/flags/FlagPortugal";import{FlagRomania as E}from"@ds-mo/icons/svg/flags/FlagRomania";import{FlagSlovakia as A}from"@ds-mo/icons/svg/flags/FlagSlovakia";import{FlagSlovenia as G}from"@ds-mo/icons/svg/flags/FlagSlovenia";import{FlagSpain as M}from"@ds-mo/icons/svg/flags/FlagSpain";import{FlagSweden as R}from"@ds-mo/icons/svg/flags/FlagSweden";import{FlagUnitedKingdom as x}from"@ds-mo/icons/svg/flags/FlagUnitedKingdom";import{FlagUnitedStates as I}from"@ds-mo/icons/svg/flags/FlagUnitedStates";import{AI as V}from"@ds-mo/icons/svg/AI";import{AIChip as z}from"@ds-mo/icons/svg/AIChip";import{AINew as q}from"@ds-mo/icons/svg/AINew";import{AISparkle as W}from"@ds-mo/icons/svg/AISparkle";import{AUX as U}from"@ds-mo/icons/svg/AUX";import{AUXFilled as H}from"@ds-mo/icons/svg/AUXFilled";import{AndroidFilled as O}from"@ds-mo/icons/svg/AndroidFilled";import{ArrowDown as _}from"@ds-mo/icons/svg/ArrowDown";import{ArrowLeft as N}from"@ds-mo/icons/svg/ArrowLeft";import{ArrowPath as K}from"@ds-mo/icons/svg/ArrowPath";import{ArrowRight as Z}from"@ds-mo/icons/svg/ArrowRight";import{ArrowUp as J}from"@ds-mo/icons/svg/ArrowUp";import{ArrowsDiagonal as Q}from"@ds-mo/icons/svg/ArrowsDiagonal";import{ArrowsDiff as X}from"@ds-mo/icons/svg/ArrowsDiff";import{ArrowsDiffDisabled as j}from"@ds-mo/icons/svg/ArrowsDiffDisabled";import{ArrowsVertical as $}from"@ds-mo/icons/svg/ArrowsVertical";import{AtSign as Y}from"@ds-mo/icons/svg/AtSign";import{Avatar as oo}from"@ds-mo/icons/svg/Avatar";import{BackslashBrackets as ro}from"@ds-mo/icons/svg/BackslashBrackets";import{BatteryCharging as io}from"@ds-mo/icons/svg/BatteryCharging";import{BatteryEmpty as so}from"@ds-mo/icons/svg/BatteryEmpty";import{BatteryFull as mo}from"@ds-mo/icons/svg/BatteryFull";import{BatteryHalf as no}from"@ds-mo/icons/svg/BatteryHalf";import{BatteryLow as eo}from"@ds-mo/icons/svg/BatteryLow";import{Beaker as co}from"@ds-mo/icons/svg/Beaker";import{Bell as to}from"@ds-mo/icons/svg/Bell";import{BellCircle as lo}from"@ds-mo/icons/svg/BellCircle";import{BellExclamation as ao}from"@ds-mo/icons/svg/BellExclamation";import{BellFilled as go}from"@ds-mo/icons/svg/BellFilled";import{BellRinging as fo}from"@ds-mo/icons/svg/BellRinging";import{BellWifi as po}from"@ds-mo/icons/svg/BellWifi";import{BlackWhite as vo}from"@ds-mo/icons/svg/BlackWhite";import{BlankUI as uo}from"@ds-mo/icons/svg/BlankUI";import{Bluetooth as ho}from"@ds-mo/icons/svg/Bluetooth";import{Bolt as Co}from"@ds-mo/icons/svg/Bolt";import{BoltFilled as Fo}from"@ds-mo/icons/svg/BoltFilled";import{Bookmark as So}from"@ds-mo/icons/svg/Bookmark";import{Box as bo}from"@ds-mo/icons/svg/Box";import{Braces as Do}from"@ds-mo/icons/svg/Braces";import{Bug as Po}from"@ds-mo/icons/svg/Bug";import{BuildingFacility as yo}from"@ds-mo/icons/svg/BuildingFacility";import{BuildingHome as ko}from"@ds-mo/icons/svg/BuildingHome";import{BuildingOffice as wo}from"@ds-mo/icons/svg/BuildingOffice";import{BuildingPublic as Bo}from"@ds-mo/icons/svg/BuildingPublic";import{BuildingShop as Lo}from"@ds-mo/icons/svg/BuildingShop";import{Bulb as To}from"@ds-mo/icons/svg/Bulb";import{Calculator as Eo}from"@ds-mo/icons/svg/Calculator";import{Calendar as Ao}from"@ds-mo/icons/svg/Calendar";import{CalendarClock as Go}from"@ds-mo/icons/svg/CalendarClock";import{CameraA as Mo}from"@ds-mo/icons/svg/CameraA";import{CameraB as Ro}from"@ds-mo/icons/svg/CameraB";import{Card as xo}from"@ds-mo/icons/svg/Card";import{CardPerson as Io}from"@ds-mo/icons/svg/CardPerson";import{Cart as Vo}from"@ds-mo/icons/svg/Cart";import{Chart as zo}from"@ds-mo/icons/svg/Chart";import{Check as qo}from"@ds-mo/icons/svg/Check";import{CheckCircle as Wo}from"@ds-mo/icons/svg/CheckCircle";import{CheckCircleFilled as Uo}from"@ds-mo/icons/svg/CheckCircleFilled";import{CheckDouble as Ho}from"@ds-mo/icons/svg/CheckDouble";import{ChevronDown as Oo}from"@ds-mo/icons/svg/ChevronDown";import{ChevronLeft as _o}from"@ds-mo/icons/svg/ChevronLeft";import{ChevronLeftDouble as No}from"@ds-mo/icons/svg/ChevronLeftDouble";import{ChevronRight as Ko}from"@ds-mo/icons/svg/ChevronRight";import{ChevronRightDouble as Zo}from"@ds-mo/icons/svg/ChevronRightDouble";import{ChevronUp as Jo}from"@ds-mo/icons/svg/ChevronUp";import{ChevronUpDown as Qo}from"@ds-mo/icons/svg/ChevronUpDown";import{Circle as Xo}from"@ds-mo/icons/svg/Circle";import{CircleArrow as jo}from"@ds-mo/icons/svg/CircleArrow";import{CircleArrowsDiff as $o}from"@ds-mo/icons/svg/CircleArrowsDiff";import{CircleArrowsDiffDisabled as Yo}from"@ds-mo/icons/svg/CircleArrowsDiffDisabled";import{CircleConcentricFilled as or}from"@ds-mo/icons/svg/CircleConcentricFilled";import{CircleConcentricThree as rr}from"@ds-mo/icons/svg/CircleConcentricThree";import{CircleConcentricTwo as ir}from"@ds-mo/icons/svg/CircleConcentricTwo";import{CircleExclamation as sr}from"@ds-mo/icons/svg/CircleExclamation";import{CircleExclamationFilled as mr}from"@ds-mo/icons/svg/CircleExclamationFilled";import{CircleFastForward as nr}from"@ds-mo/icons/svg/CircleFastForward";import{CircleFilled as er}from"@ds-mo/icons/svg/CircleFilled";import{CircleGrid as cr}from"@ds-mo/icons/svg/CircleGrid";import{CirclePlay as tr}from"@ds-mo/icons/svg/CirclePlay";import{CircleQuestion as lr}from"@ds-mo/icons/svg/CircleQuestion";import{CircleSlash as dr}from"@ds-mo/icons/svg/CircleSlash";import{Clipboard as ar}from"@ds-mo/icons/svg/Clipboard";import{ClipboardCheck as gr}from"@ds-mo/icons/svg/ClipboardCheck";import{Clock as fr}from"@ds-mo/icons/svg/Clock";import{ClockDefer as pr}from"@ds-mo/icons/svg/ClockDefer";import{ClockFilled as vr}from"@ds-mo/icons/svg/ClockFilled";import{ClockSixteenHour as ur}from"@ds-mo/icons/svg/ClockSixteenHour";import{Cloud as hr}from"@ds-mo/icons/svg/Cloud";import{CloudEllipses as Cr}from"@ds-mo/icons/svg/CloudEllipses";import{CloudLightning as Fr}from"@ds-mo/icons/svg/CloudLightning";import{CloudRain as Sr}from"@ds-mo/icons/svg/CloudRain";import{CloudRainSun as br}from"@ds-mo/icons/svg/CloudRainSun";import{CloudSun as Dr}from"@ds-mo/icons/svg/CloudSun";import{CloudWind as Pr}from"@ds-mo/icons/svg/CloudWind";import{Cluster as yr}from"@ds-mo/icons/svg/Cluster";import{Coin as kr}from"@ds-mo/icons/svg/Coin";import{CoinStack as wr}from"@ds-mo/icons/svg/CoinStack";import{CoinStackGeneral as Br}from"@ds-mo/icons/svg/CoinStackGeneral";import{Compass as Lr}from"@ds-mo/icons/svg/Compass";import{Copy as Tr}from"@ds-mo/icons/svg/Copy";import{Crop as Er}from"@ds-mo/icons/svg/Crop";import{Cross as Ar}from"@ds-mo/icons/svg/Cross";import{CrossCircle as Gr}from"@ds-mo/icons/svg/CrossCircle";import{CrossCircleFilled as Mr}from"@ds-mo/icons/svg/CrossCircleFilled";import{Cube as Rr}from"@ds-mo/icons/svg/Cube";import{Cup as xr}from"@ds-mo/icons/svg/Cup";import{CursorPointer as Ir}from"@ds-mo/icons/svg/CursorPointer";import{CursorPointerMinus as Vr}from"@ds-mo/icons/svg/CursorPointerMinus";import{CursorPointerPlus as zr}from"@ds-mo/icons/svg/CursorPointerPlus";import{Dashboard as qr}from"@ds-mo/icons/svg/Dashboard";import{DeviceAIDashcamPlus as Wr}from"@ds-mo/icons/svg/DeviceAIDashcamPlus";import{DeviceAssetTracker as Ur}from"@ds-mo/icons/svg/DeviceAssetTracker";import{DeviceDVR as Hr}from"@ds-mo/icons/svg/DeviceDVR";import{DeviceDashcam as Or}from"@ds-mo/icons/svg/DeviceDashcam";import{DeviceDashcamLiveStream as _r}from"@ds-mo/icons/svg/DeviceDashcamLiveStream";import{DeviceDoorSensor as Nr}from"@ds-mo/icons/svg/DeviceDoorSensor";import{DeviceMobile as Kr}from"@ds-mo/icons/svg/DeviceMobile";import{DeviceMobileTwo as Zr}from"@ds-mo/icons/svg/DeviceMobileTwo";import{DeviceOmnicam as Jr}from"@ds-mo/icons/svg/DeviceOmnicam";import{DeviceSensor as Qr}from"@ds-mo/icons/svg/DeviceSensor";import{DeviceTablet as Xr}from"@ds-mo/icons/svg/DeviceTablet";import{DeviceVehicleGateway as jr}from"@ds-mo/icons/svg/DeviceVehicleGateway";import{Devices as $r}from"@ds-mo/icons/svg/Devices";import{Document as Yr}from"@ds-mo/icons/svg/Document";import{DocumentArrow as oi}from"@ds-mo/icons/svg/DocumentArrow";import{DocumentChart as ri}from"@ds-mo/icons/svg/DocumentChart";import{DocumentDollar as ii}from"@ds-mo/icons/svg/DocumentDollar";import{DocumentGear as si}from"@ds-mo/icons/svg/DocumentGear";import{DocumentInverted as mi}from"@ds-mo/icons/svg/DocumentInverted";import{DocumentPencil as ni}from"@ds-mo/icons/svg/DocumentPencil";import{DocumentPlus as ei}from"@ds-mo/icons/svg/DocumentPlus";import{DocumentQuestion as ci}from"@ds-mo/icons/svg/DocumentQuestion";import{DocumentReceipt as ti}from"@ds-mo/icons/svg/DocumentReceipt";import{DocumentStacked as li}from"@ds-mo/icons/svg/DocumentStacked";import{Dot as di}from"@ds-mo/icons/svg/Dot";import{DotFilled as ai}from"@ds-mo/icons/svg/DotFilled";import{DotPath as gi}from"@ds-mo/icons/svg/DotPath";import{Download as fi}from"@ds-mo/icons/svg/Download";import{Drag as pi}from"@ds-mo/icons/svg/Drag";import{Ellipses as vi}from"@ds-mo/icons/svg/Ellipses";import{Email as ui}from"@ds-mo/icons/svg/Email";import{Engine as hi}from"@ds-mo/icons/svg/Engine";import{Enter as Ci}from"@ds-mo/icons/svg/Enter";import{EntityAsset as Fi}from"@ds-mo/icons/svg/EntityAsset";import{EntityAssetFilled as Si}from"@ds-mo/icons/svg/EntityAssetFilled";import{EntityDriver as bi}from"@ds-mo/icons/svg/EntityDriver";import{EntityDriverFilled as Di}from"@ds-mo/icons/svg/EntityDriverFilled";import{EntityTravelGroup as Pi}from"@ds-mo/icons/svg/EntityTravelGroup";import{EntityTravelGroupFilled as yi}from"@ds-mo/icons/svg/EntityTravelGroupFilled";import{EntityVehicle as ki}from"@ds-mo/icons/svg/EntityVehicle";import{EntityVehicleCharging as wi}from"@ds-mo/icons/svg/EntityVehicleCharging";import{EntityVehicleChargingFilled as Bi}from"@ds-mo/icons/svg/EntityVehicleChargingFilled";import{EntityVehicleFilled as Li}from"@ds-mo/icons/svg/EntityVehicleFilled";import{EntityVehicleImmobilized as Ti}from"@ds-mo/icons/svg/EntityVehicleImmobilized";import{EntityVehicleImmobilizedFilled as Ei}from"@ds-mo/icons/svg/EntityVehicleImmobilizedFilled";import{ErrorTriangle as Ai}from"@ds-mo/icons/svg/ErrorTriangle";import{ErrorTriangleFilled as Gi}from"@ds-mo/icons/svg/ErrorTriangleFilled";import{ErrorTriangleSimpleFilled as Mi}from"@ds-mo/icons/svg/ErrorTriangleSimpleFilled";import{Export as Ri}from"@ds-mo/icons/svg/Export";import{ExternalLink as xi}from"@ds-mo/icons/svg/ExternalLink";import{Eye as Ii}from"@ds-mo/icons/svg/Eye";import{EyeDisabled as Vi}from"@ds-mo/icons/svg/EyeDisabled";import{EyeLock as zi}from"@ds-mo/icons/svg/EyeLock";import{FastForward as qi}from"@ds-mo/icons/svg/FastForward";import{FastForwardSkip as Wi}from"@ds-mo/icons/svg/FastForwardSkip";import{Filters as Ui}from"@ds-mo/icons/svg/Filters";import{FitToScreen as Hi}from"@ds-mo/icons/svg/FitToScreen";import{Flag as Oi}from"@ds-mo/icons/svg/Flag";import{FlagFilled as _i}from"@ds-mo/icons/svg/FlagFilled";import{FloppyDisk as Ni}from"@ds-mo/icons/svg/FloppyDisk";import{Folder as Ki}from"@ds-mo/icons/svg/Folder";import{FolderFilled as Zi}from"@ds-mo/icons/svg/FolderFilled";import{FuelPump as Ji}from"@ds-mo/icons/svg/FuelPump";import{FullScreen as Qi}from"@ds-mo/icons/svg/FullScreen";import{FullScreenExit as Xi}from"@ds-mo/icons/svg/FullScreenExit";import{Gauge as ji}from"@ds-mo/icons/svg/Gauge";import{GaugeTemperature as $i}from"@ds-mo/icons/svg/GaugeTemperature";import{Gear as Yi}from"@ds-mo/icons/svg/Gear";import{GearCheck as os}from"@ds-mo/icons/svg/GearCheck";import{Geofence as rs}from"@ds-mo/icons/svg/Geofence";import{GeofenceCircle as is}from"@ds-mo/icons/svg/GeofenceCircle";import{GeofenceDiamond as ss}from"@ds-mo/icons/svg/GeofenceDiamond";import{GeofenceSquare as ms}from"@ds-mo/icons/svg/GeofenceSquare";import{GlobeNetwork as ns}from"@ds-mo/icons/svg/GlobeNetwork";import{GlobeWorldMap as es}from"@ds-mo/icons/svg/GlobeWorldMap";import{Graph as cs}from"@ds-mo/icons/svg/Graph";import{GraphArrow as ts}from"@ds-mo/icons/svg/GraphArrow";import{GraphBars as ls}from"@ds-mo/icons/svg/GraphBars";import{GraphDecreasing as ds}from"@ds-mo/icons/svg/GraphDecreasing";import{GraphIncreasing as as}from"@ds-mo/icons/svg/GraphIncreasing";import{GroupBy as gs}from"@ds-mo/icons/svg/GroupBy";import{Hamburger as fs}from"@ds-mo/icons/svg/Hamburger";import{HandOpen as ps}from"@ds-mo/icons/svg/HandOpen";import{Headset as vs}from"@ds-mo/icons/svg/Headset";import{History as us}from"@ds-mo/icons/svg/History";import{HourGlass as hs}from"@ds-mo/icons/svg/HourGlass";import{Image as Cs}from"@ds-mo/icons/svg/Image";import{Import as Fs}from"@ds-mo/icons/svg/Import";import{ImportClock as Ss}from"@ds-mo/icons/svg/ImportClock";import{Inbox as bs}from"@ds-mo/icons/svg/Inbox";import{IosFilled as Ds}from"@ds-mo/icons/svg/IosFilled";import{Jerrycan as Ps}from"@ds-mo/icons/svg/Jerrycan";import{KeyA as ys}from"@ds-mo/icons/svg/KeyA";import{KeyB as ks}from"@ds-mo/icons/svg/KeyB";import{KeyCmd as ws}from"@ds-mo/icons/svg/KeyCmd";import{KeyShift as Bs}from"@ds-mo/icons/svg/KeyShift";import{LED as Ls}from"@ds-mo/icons/svg/LED";import{Layers as Ts}from"@ds-mo/icons/svg/Layers";import{Leaf as Es}from"@ds-mo/icons/svg/Leaf";import{LeftCollapse as As}from"@ds-mo/icons/svg/LeftCollapse";import{LeftCollapseB as Gs}from"@ds-mo/icons/svg/LeftCollapseB";import{LeftExpand as Ms}from"@ds-mo/icons/svg/LeftExpand";import{LeftExpandB as Rs}from"@ds-mo/icons/svg/LeftExpandB";import{LeftTurnSignal as xs}from"@ds-mo/icons/svg/LeftTurnSignal";import{LetterB as Is}from"@ds-mo/icons/svg/LetterB";import{LetterC as Vs}from"@ds-mo/icons/svg/LetterC";import{LetterI as zs}from"@ds-mo/icons/svg/LetterI";import{License as qs}from"@ds-mo/icons/svg/License";import{LicensePlate as Ws}from"@ds-mo/icons/svg/LicensePlate";import{Lifebuoy as Us}from"@ds-mo/icons/svg/Lifebuoy";import{Link as Hs}from"@ds-mo/icons/svg/Link";import{List as Os}from"@ds-mo/icons/svg/List";import{Loads as _s}from"@ds-mo/icons/svg/Loads";import{LocationPin as Ns}from"@ds-mo/icons/svg/LocationPin";import{LocationPinArrows as Ks}from"@ds-mo/icons/svg/LocationPinArrows";import{LocationPinDisabled as Zs}from"@ds-mo/icons/svg/LocationPinDisabled";import{LocationPinDollar as Js}from"@ds-mo/icons/svg/LocationPinDollar";import{LockClosed as Qs}from"@ds-mo/icons/svg/LockClosed";import{LockClosedFilled as Xs}from"@ds-mo/icons/svg/LockClosedFilled";import{LockOpen as js}from"@ds-mo/icons/svg/LockOpen";import{Logout as $s}from"@ds-mo/icons/svg/Logout";import{Logs as Ys}from"@ds-mo/icons/svg/Logs";import{LogsMagnifyingGlass as om}from"@ds-mo/icons/svg/LogsMagnifyingGlass";import{MagnifyingGlass as rm}from"@ds-mo/icons/svg/MagnifyingGlass";import{MagnifyingGlassGraph as im}from"@ds-mo/icons/svg/MagnifyingGlassGraph";import{MagnifyingGlassZoomIn as sm}from"@ds-mo/icons/svg/MagnifyingGlassZoomIn";import{MagnifyingGlassZoomOut as mm}from"@ds-mo/icons/svg/MagnifyingGlassZoomOut";import{MapNavigation as nm}from"@ds-mo/icons/svg/MapNavigation";import{MapPage as em}from"@ds-mo/icons/svg/MapPage";import{MapPin as cm}from"@ds-mo/icons/svg/MapPin";import{MarkRead as tm}from"@ds-mo/icons/svg/MarkRead";import{Match as lm}from"@ds-mo/icons/svg/Match";import{MessageBubble as dm}from"@ds-mo/icons/svg/MessageBubble";import{MessageBubbleStack as am}from"@ds-mo/icons/svg/MessageBubbleStack";import{Messaging as gm}from"@ds-mo/icons/svg/Messaging";import{Mic as fm}from"@ds-mo/icons/svg/Mic";import{MicMute as pm}from"@ds-mo/icons/svg/MicMute";import{Minimize as vm}from"@ds-mo/icons/svg/Minimize";import{Monitor as um}from"@ds-mo/icons/svg/Monitor";import{Notification as hm}from"@ds-mo/icons/svg/Notification";import{NumberTen as Cm}from"@ds-mo/icons/svg/NumberTen";import{OctagonSubtract as Fm}from"@ds-mo/icons/svg/OctagonSubtract";import{Odometer as Sm}from"@ds-mo/icons/svg/Odometer";import{OverviewAI as bm}from"@ds-mo/icons/svg/OverviewAI";import{PanelCollapse as Dm}from"@ds-mo/icons/svg/PanelCollapse";import{PanelExpand as Pm}from"@ds-mo/icons/svg/PanelExpand";import{Paperclip as ym}from"@ds-mo/icons/svg/Paperclip";import{PaperplaneSend as km}from"@ds-mo/icons/svg/PaperplaneSend";import{Paragraph as wm}from"@ds-mo/icons/svg/Paragraph";import{ParagraphCheck as Bm}from"@ds-mo/icons/svg/ParagraphCheck";import{ParagraphPencil as Lm}from"@ds-mo/icons/svg/ParagraphPencil";import{Pause as Tm}from"@ds-mo/icons/svg/Pause";import{PauseFilled as Em}from"@ds-mo/icons/svg/PauseFilled";import{Pencil as Am}from"@ds-mo/icons/svg/Pencil";import{PencilSquiggle as Gm}from"@ds-mo/icons/svg/PencilSquiggle";import{Person as Mm}from"@ds-mo/icons/svg/Person";import{PersonAt as Rm}from"@ds-mo/icons/svg/PersonAt";import{PersonConnect as xm}from"@ds-mo/icons/svg/PersonConnect";import{PersonFrame as Im}from"@ds-mo/icons/svg/PersonFrame";import{PersonGear as Vm}from"@ds-mo/icons/svg/PersonGear";import{PersonGroup as zm}from"@ds-mo/icons/svg/PersonGroup";import{PersonGroupArrows as qm}from"@ds-mo/icons/svg/PersonGroupArrows";import{PersonManager as Wm}from"@ds-mo/icons/svg/PersonManager";import{PersonShield as Um}from"@ds-mo/icons/svg/PersonShield";import{PersonStar as Hm}from"@ds-mo/icons/svg/PersonStar";import{Phone as Om}from"@ds-mo/icons/svg/Phone";import{PhoneDisconnect as _m}from"@ds-mo/icons/svg/PhoneDisconnect";import{PicmanFilled as Nm}from"@ds-mo/icons/svg/PicmanFilled";import{Pin as Km}from"@ds-mo/icons/svg/Pin";import{PipBottomLeft as Zm}from"@ds-mo/icons/svg/PipBottomLeft";import{PipBottomRight as Jm}from"@ds-mo/icons/svg/PipBottomRight";import{PipTopLeft as Qm}from"@ds-mo/icons/svg/PipTopLeft";import{PipTopRight as Xm}from"@ds-mo/icons/svg/PipTopRight";import{Play as jm}from"@ds-mo/icons/svg/Play";import{PlayFilled as $m}from"@ds-mo/icons/svg/PlayFilled";import{Plug as Ym}from"@ds-mo/icons/svg/Plug";import{Plus as on}from"@ds-mo/icons/svg/Plus";import{PlusCircle as rn}from"@ds-mo/icons/svg/PlusCircle";import{Preferences as sn}from"@ds-mo/icons/svg/Preferences";import{Printer as mn}from"@ds-mo/icons/svg/Printer";import{PunchCard as nn}from"@ds-mo/icons/svg/PunchCard";import{Puzzle as en}from"@ds-mo/icons/svg/Puzzle";import{PuzzleJoined as cn}from"@ds-mo/icons/svg/PuzzleJoined";import{Redo as tn}from"@ds-mo/icons/svg/Redo";import{Refresh as ln}from"@ds-mo/icons/svg/Refresh";import{Restore as dn}from"@ds-mo/icons/svg/Restore";import{RewardRibbon as an}from"@ds-mo/icons/svg/RewardRibbon";import{Rewind as gn}from"@ds-mo/icons/svg/Rewind";import{RewindSkip as fn}from"@ds-mo/icons/svg/RewindSkip";import{RewindSkipFilled as pn}from"@ds-mo/icons/svg/RewindSkipFilled";import{RightCollapse as vn}from"@ds-mo/icons/svg/RightCollapse";import{RightCollapseB as un}from"@ds-mo/icons/svg/RightCollapseB";import{RightExpand as hn}from"@ds-mo/icons/svg/RightExpand";import{RightExpandB as Cn}from"@ds-mo/icons/svg/RightExpandB";import{RightTurnSignal as Fn}from"@ds-mo/icons/svg/RightTurnSignal";import{Rotate as Sn}from"@ds-mo/icons/svg/Rotate";import{Satellite as bn}from"@ds-mo/icons/svg/Satellite";import{Scan as Dn}from"@ds-mo/icons/svg/Scan";import{Scissor as Pn}from"@ds-mo/icons/svg/Scissor";import{Scope as yn}from"@ds-mo/icons/svg/Scope";import{Seatbelt as kn}from"@ds-mo/icons/svg/Seatbelt";import{SeatbeltBuckle as wn}from"@ds-mo/icons/svg/SeatbeltBuckle";import{Shapes as Bn}from"@ds-mo/icons/svg/Shapes";import{ShareCircles as Ln}from"@ds-mo/icons/svg/ShareCircles";import{ShareCirclesFilled as Tn}from"@ds-mo/icons/svg/ShareCirclesFilled";import{SharePaperplane as En}from"@ds-mo/icons/svg/SharePaperplane";import{Shield as An}from"@ds-mo/icons/svg/Shield";import{ShieldCheck as Gn}from"@ds-mo/icons/svg/ShieldCheck";import{ShieldCheckmarkFilled as Mn}from"@ds-mo/icons/svg/ShieldCheckmarkFilled";import{ShieldCircle as Rn}from"@ds-mo/icons/svg/ShieldCircle";import{ShieldCircleFilled as xn}from"@ds-mo/icons/svg/ShieldCircleFilled";import{ShieldCross as In}from"@ds-mo/icons/svg/ShieldCross";import{ShieldCrossFilled as Vn}from"@ds-mo/icons/svg/ShieldCrossFilled";import{ShieldFilled as zn}from"@ds-mo/icons/svg/ShieldFilled";import{ShieldLock as qn}from"@ds-mo/icons/svg/ShieldLock";import{ShieldLockFilled as Wn}from"@ds-mo/icons/svg/ShieldLockFilled";import{ShoppingBag as Un}from"@ds-mo/icons/svg/ShoppingBag";import{Snowflake as Hn}from"@ds-mo/icons/svg/Snowflake";import{SpeakerPhone as On}from"@ds-mo/icons/svg/SpeakerPhone";import{SpeedometerArrow as _n}from"@ds-mo/icons/svg/SpeedometerArrow";import{SpeedometerLeft as Nn}from"@ds-mo/icons/svg/SpeedometerLeft";import{SpeedometerRight as Kn}from"@ds-mo/icons/svg/SpeedometerRight";import{SpikeCirclePercentage as Zn}from"@ds-mo/icons/svg/SpikeCirclePercentage";import{SpikeCirclePercentageFilled as Jn}from"@ds-mo/icons/svg/SpikeCirclePercentageFilled";import{Square as Qn}from"@ds-mo/icons/svg/Square";import{SquareArrowTopRight as Xn}from"@ds-mo/icons/svg/SquareArrowTopRight";import{SquareCheck as jn}from"@ds-mo/icons/svg/SquareCheck";import{SquareCheckFilled as $n}from"@ds-mo/icons/svg/SquareCheckFilled";import{SquareDollar as Yn}from"@ds-mo/icons/svg/SquareDollar";import{SquareDollarFilled as oe}from"@ds-mo/icons/svg/SquareDollarFilled";import{SquareDottedMinus as re}from"@ds-mo/icons/svg/SquareDottedMinus";import{SquareFilled as ie}from"@ds-mo/icons/svg/SquareFilled";import{SquareGrid as se}from"@ds-mo/icons/svg/SquareGrid";import{SquarePencil as me}from"@ds-mo/icons/svg/SquarePencil";import{SquarePlus as ne}from"@ds-mo/icons/svg/SquarePlus";import{SquareSubtract as ee}from"@ds-mo/icons/svg/SquareSubtract";import{SquareSubtractFilled as ce}from"@ds-mo/icons/svg/SquareSubtractFilled";import{Star as te}from"@ds-mo/icons/svg/Star";import{StarFilled as le}from"@ds-mo/icons/svg/StarFilled";import{Stopwatch as de}from"@ds-mo/icons/svg/Stopwatch";import{Street as ae}from"@ds-mo/icons/svg/Street";import{Subtract as ge}from"@ds-mo/icons/svg/Subtract";import{SubtractCircle as fe}from"@ds-mo/icons/svg/SubtractCircle";import{SubtractCircleFilled as pe}from"@ds-mo/icons/svg/SubtractCircleFilled";import{Table as ve}from"@ds-mo/icons/svg/Table";import{Tag as ue}from"@ds-mo/icons/svg/Tag";import{Target as he}from"@ds-mo/icons/svg/Target";import{TargetDollar as Ce}from"@ds-mo/icons/svg/TargetDollar";import{Text as Fe}from"@ds-mo/icons/svg/Text";import{ThemeDark as Se}from"@ds-mo/icons/svg/ThemeDark";import{ThemeLight as be}from"@ds-mo/icons/svg/ThemeLight";import{ThumbsDown as De}from"@ds-mo/icons/svg/ThumbsDown";import{ThumbsDownFilled as Pe}from"@ds-mo/icons/svg/ThumbsDownFilled";import{ThumbsUp as ye}from"@ds-mo/icons/svg/ThumbsUp";import{ThumbsUpFilled as ke}from"@ds-mo/icons/svg/ThumbsUpFilled";import{TirePressure as we}from"@ds-mo/icons/svg/TirePressure";import{Toggle as Be}from"@ds-mo/icons/svg/Toggle";import{TrafficLight as Le}from"@ds-mo/icons/svg/TrafficLight";import{Trash as Te}from"@ds-mo/icons/svg/Trash";import{Trophy as Ee}from"@ds-mo/icons/svg/Trophy";import{TurnSignal as Ae}from"@ds-mo/icons/svg/TurnSignal";import{TurnSignalFilled as Ge}from"@ds-mo/icons/svg/TurnSignalFilled";import{Undo as Me}from"@ds-mo/icons/svg/Undo";import{Upgrade as Re}from"@ds-mo/icons/svg/Upgrade";import{Upload as xe}from"@ds-mo/icons/svg/Upload";import{VehicleTrailer as Ie}from"@ds-mo/icons/svg/VehicleTrailer";import{VehicleTruck as Ve}from"@ds-mo/icons/svg/VehicleTruck";import{VehicleTruckMagnifyingGlass as ze}from"@ds-mo/icons/svg/VehicleTruckMagnifyingGlass";import{Video as qe}from"@ds-mo/icons/svg/Video";import{ViewMenu as We}from"@ds-mo/icons/svg/ViewMenu";import{Volume as Ue}from"@ds-mo/icons/svg/Volume";import{VolumeFilled as He}from"@ds-mo/icons/svg/VolumeFilled";import{VolumeMute as Oe}from"@ds-mo/icons/svg/VolumeMute";import{VolumeMuteFilled as _e}from"@ds-mo/icons/svg/VolumeMuteFilled";import{WandSparkle as Ne}from"@ds-mo/icons/svg/WandSparkle";import{Waveform as Ke}from"@ds-mo/icons/svg/Waveform";import{Webhooks as Ze}from"@ds-mo/icons/svg/Webhooks";import{Whistle as Je}from"@ds-mo/icons/svg/Whistle";import{WiFiHorizontal as Qe}from"@ds-mo/icons/svg/WiFiHorizontal";import{WiFiTower as Xe}from"@ds-mo/icons/svg/WiFiTower";import{WifiVertical as je}from"@ds-mo/icons/svg/WifiVertical";import{WifiVerticalFilled as $e}from"@ds-mo/icons/svg/WifiVerticalFilled";import{WifiVerticalFilledDisabled as Ye}from"@ds-mo/icons/svg/WifiVerticalFilledDisabled";import{WorkflowA as oc}from"@ds-mo/icons/svg/WorkflowA";import{WorkflowB as rc}from"@ds-mo/icons/svg/WorkflowB";import{Wrench as ic}from"@ds-mo/icons/svg/Wrench";import{ZoomBackOut as sc}from"@ds-mo/icons/svg/ZoomBackOut";const mc={FlagAustria:n,FlagBelgium:e,FlagBulgaria:c,FlagCanada:t,FlagCroatia:l,FlagCyprus:d,FlagCzechRepublic:a,FlagDenmark:g,FlagEU:f,FlagEstonia:p,FlagFinland:v,FlagFrance:u,FlagGermany:h,FlagGreece:C,FlagHungary:F,FlagIreland:S,FlagItaly:b,FlagLatvia:D,FlagLithuania:P,FlagLuxembourg:y,FlagMalta:k,FlagMexico:w,FlagNetherlands:B,FlagPoland:L,FlagPortugal:T,FlagRomania:E,FlagSlovakia:A,FlagSlovenia:G,FlagSpain:M,FlagSweden:R,FlagUnitedKingdom:x,FlagUnitedStates:I};const nc={AI:V,AIChip:z,AINew:q,AISparkle:W,AUX:U,AUXFilled:H,AndroidFilled:O,ArrowDown:_,ArrowLeft:N,ArrowPath:K,ArrowRight:Z,ArrowUp:J,ArrowsDiagonal:Q,ArrowsDiff:X,ArrowsDiffDisabled:j,ArrowsVertical:$,AtSign:Y,Avatar:oo,BackslashBrackets:ro,BatteryCharging:io,BatteryEmpty:so,BatteryFull:mo,BatteryHalf:no,BatteryLow:eo,Beaker:co,Bell:to,BellCircle:lo,BellExclamation:ao,BellFilled:go,BellRinging:fo,BellWifi:po,BlackWhite:vo,BlankUI:uo,Bluetooth:ho,Bolt:Co,BoltFilled:Fo,Bookmark:So,Box:bo,Braces:Do,Bug:Po,BuildingFacility:yo,BuildingHome:ko,BuildingOffice:wo,BuildingPublic:Bo,BuildingShop:Lo,Bulb:To,Calculator:Eo,Calendar:Ao,CalendarClock:Go,CameraA:Mo,CameraB:Ro,Card:xo,CardPerson:Io,Cart:Vo,Chart:zo,Check:qo,CheckCircle:Wo,CheckCircleFilled:Uo,CheckDouble:Ho,ChevronDown:Oo,ChevronLeft:_o,ChevronLeftDouble:No,ChevronRight:Ko,ChevronRightDouble:Zo,ChevronUp:Jo,ChevronUpDown:Qo,Circle:Xo,CircleArrow:jo,CircleArrowsDiff:$o,CircleArrowsDiffDisabled:Yo,CircleConcentricFilled:or,CircleConcentricThree:rr,CircleConcentricTwo:ir,CircleExclamation:sr,CircleExclamationFilled:mr,CircleFastForward:nr,CircleFilled:er,CircleGrid:cr,CirclePlay:tr,CircleQuestion:lr,CircleSlash:dr,Clipboard:ar,ClipboardCheck:gr,Clock:fr,ClockDefer:pr,ClockFilled:vr,ClockSixteenHour:ur,Cloud:hr,CloudEllipses:Cr,CloudLightning:Fr,CloudRain:Sr,CloudRainSun:br,CloudSun:Dr,CloudWind:Pr,Cluster:yr,Coin:kr,CoinStack:wr,CoinStackGeneral:Br,Compass:Lr,Copy:Tr,Crop:Er,Cross:Ar,CrossCircle:Gr,CrossCircleFilled:Mr,Cube:Rr,Cup:xr,CursorPointer:Ir,CursorPointerMinus:Vr,CursorPointerPlus:zr,Dashboard:qr,DeviceAIDashcamPlus:Wr,DeviceAssetTracker:Ur,DeviceDVR:Hr,DeviceDashcam:Or,DeviceDashcamLiveStream:_r,DeviceDoorSensor:Nr,DeviceMobile:Kr,DeviceMobileTwo:Zr,DeviceOmnicam:Jr,DeviceSensor:Qr,DeviceTablet:Xr,DeviceVehicleGateway:jr,Devices:$r,Document:Yr,DocumentArrow:oi,DocumentChart:ri,DocumentDollar:ii,DocumentGear:si,DocumentInverted:mi,DocumentPencil:ni,DocumentPlus:ei,DocumentQuestion:ci,DocumentReceipt:ti,DocumentStacked:li,Dot:di,DotFilled:ai,DotPath:gi,Download:fi,Drag:pi,Ellipses:vi,Email:ui,Engine:hi,Enter:Ci,EntityAsset:Fi,EntityAssetFilled:Si,EntityDriver:bi,EntityDriverFilled:Di,EntityTravelGroup:Pi,EntityTravelGroupFilled:yi,EntityVehicle:ki,EntityVehicleCharging:wi,EntityVehicleChargingFilled:Bi,EntityVehicleFilled:Li,EntityVehicleImmobilized:Ti,EntityVehicleImmobilizedFilled:Ei,ErrorTriangle:Ai,ErrorTriangleFilled:Gi,ErrorTriangleSimpleFilled:Mi,Export:Ri,ExternalLink:xi,Eye:Ii,EyeDisabled:Vi,EyeLock:zi,FastForward:qi,FastForwardSkip:Wi,Filters:Ui,FitToScreen:Hi,Flag:Oi,FlagFilled:_i,FloppyDisk:Ni,Folder:Ki,FolderFilled:Zi,FuelPump:Ji,FullScreen:Qi,FullScreenExit:Xi,Gauge:ji,GaugeTemperature:$i,Gear:Yi,GearCheck:os,Geofence:rs,GeofenceCircle:is,GeofenceDiamond:ss,GeofenceSquare:ms,GlobeNetwork:ns,GlobeWorldMap:es,Graph:cs,GraphArrow:ts,GraphBars:ls,GraphDecreasing:ds,GraphIncreasing:as,GroupBy:gs,Hamburger:fs,HandOpen:ps,Headset:vs,History:us,HourGlass:hs,Image:Cs,Import:Fs,ImportClock:Ss,Inbox:bs,IosFilled:Ds,Jerrycan:Ps,KeyA:ys,KeyB:ks,KeyCmd:ws,KeyShift:Bs,LED:Ls,Layers:Ts,Leaf:Es,LeftCollapse:As,LeftCollapseB:Gs,LeftExpand:Ms,LeftExpandB:Rs,LeftTurnSignal:xs,LetterB:Is,LetterC:Vs,LetterI:zs,License:qs,LicensePlate:Ws,Lifebuoy:Us,Link:Hs,List:Os,Loads:_s,LocationPin:Ns,LocationPinArrows:Ks,LocationPinDisabled:Zs,LocationPinDollar:Js,LockClosed:Qs,LockClosedFilled:Xs,LockOpen:js,Logout:$s,Logs:Ys,LogsMagnifyingGlass:om,MagnifyingGlass:rm,MagnifyingGlassGraph:im,MagnifyingGlassZoomIn:sm,MagnifyingGlassZoomOut:mm,MapNavigation:nm,MapPage:em,MapPin:cm,MarkRead:tm,Match:lm,MessageBubble:dm,MessageBubbleStack:am,Messaging:gm,Mic:fm,MicMute:pm,Minimize:vm,Monitor:um,Notification:hm,NumberTen:Cm,OctagonSubtract:Fm,Odometer:Sm,OverviewAI:bm,PanelCollapse:Dm,PanelExpand:Pm,Paperclip:ym,PaperplaneSend:km,Paragraph:wm,ParagraphCheck:Bm,ParagraphPencil:Lm,Pause:Tm,PauseFilled:Em,Pencil:Am,PencilSquiggle:Gm,Person:Mm,PersonAt:Rm,PersonConnect:xm,PersonFrame:Im,PersonGear:Vm,PersonGroup:zm,PersonGroupArrows:qm,PersonManager:Wm,PersonShield:Um,PersonStar:Hm,Phone:Om,PhoneDisconnect:_m,PicmanFilled:Nm,Pin:Km,PipBottomLeft:Zm,PipBottomRight:Jm,PipTopLeft:Qm,PipTopRight:Xm,Play:jm,PlayFilled:$m,Plug:Ym,Plus:on,PlusCircle:rn,Preferences:sn,Printer:mn,PunchCard:nn,Puzzle:en,PuzzleJoined:cn,Redo:tn,Refresh:ln,Restore:dn,RewardRibbon:an,Rewind:gn,RewindSkip:fn,RewindSkipFilled:pn,RightCollapse:vn,RightCollapseB:un,RightExpand:hn,RightExpandB:Cn,RightTurnSignal:Fn,Rotate:Sn,Satellite:bn,Scan:Dn,Scissor:Pn,Scope:yn,Seatbelt:kn,SeatbeltBuckle:wn,Shapes:Bn,ShareCircles:Ln,ShareCirclesFilled:Tn,SharePaperplane:En,Shield:An,ShieldCheck:Gn,ShieldCheckmarkFilled:Mn,ShieldCircle:Rn,ShieldCircleFilled:xn,ShieldCross:In,ShieldCrossFilled:Vn,ShieldFilled:zn,ShieldLock:qn,ShieldLockFilled:Wn,ShoppingBag:Un,Snowflake:Hn,SpeakerPhone:On,SpeedometerArrow:_n,SpeedometerLeft:Nn,SpeedometerRight:Kn,SpikeCirclePercentage:Zn,SpikeCirclePercentageFilled:Jn,Square:Qn,SquareArrowTopRight:Xn,SquareCheck:jn,SquareCheckFilled:$n,SquareDollar:Yn,SquareDollarFilled:oe,SquareDottedMinus:re,SquareFilled:ie,SquareGrid:se,SquarePencil:me,SquarePlus:ne,SquareSubtract:ee,SquareSubtractFilled:ce,Star:te,StarFilled:le,Stopwatch:de,Street:ae,Subtract:ge,SubtractCircle:fe,SubtractCircleFilled:pe,Table:ve,Tag:ue,Target:he,TargetDollar:Ce,Text:Fe,ThemeDark:Se,ThemeLight:be,ThumbsDown:De,ThumbsDownFilled:Pe,ThumbsUp:ye,ThumbsUpFilled:ke,TirePressure:we,Toggle:Be,TrafficLight:Le,Trash:Te,Trophy:Ee,TurnSignal:Ae,TurnSignalFilled:Ge,Undo:Me,Upgrade:Re,Upload:xe,VehicleTrailer:Ie,VehicleTruck:Ve,VehicleTruckMagnifyingGlass:ze,Video:qe,ViewMenu:We,Volume:Ue,VolumeFilled:He,VolumeMute:Oe,VolumeMuteFilled:_e,WandSparkle:Ne,Waveform:Ke,Webhooks:Ze,Whistle:Je,WiFiHorizontal:Qe,WiFiTower:Xe,WifiVertical:je,WifiVerticalFilled:$e,WifiVerticalFilledDisabled:Ye,WorkflowA:oc,WorkflowB:rc,Wrench:ic,ZoomBackOut:sc};const ec=()=>`.icon.sc-ds-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:0;color:var(--color-foreground-primary);width:var(--_icon-sz, var(--dimension-iconography-md));height:var(--_icon-sz, var(--dimension-iconography-md))}.icon__svg.sc-ds-icon{display:contents;line-height:0}.icon--size-xs.sc-ds-icon{--_icon-sz:var(--dimension-iconography-xs)}.icon--size-sm.sc-ds-icon{--_icon-sz:var(--dimension-iconography-sm)}.icon--size-md.sc-ds-icon{--_icon-sz:var(--dimension-iconography-md)}.icon--size-lg.sc-ds-icon{--_icon-sz:var(--dimension-iconography-lg)}.icon--size-xl.sc-ds-icon{--_icon-sz:var(--dimension-iconography-xl)}.icon--size-2xl.sc-ds-icon{--_icon-sz:var(--dimension-iconography-2xl)}.icon--size-3xl.sc-ds-icon{--_icon-sz:var(--dimension-iconography-3xl)}.icon--color-primary.sc-ds-icon{color:var(--color-foreground-primary)}.icon--color-secondary.sc-ds-icon{color:var(--color-foreground-secondary)}.icon--color-tertiary.sc-ds-icon{color:var(--color-foreground-tertiary)}.icon--color-quaternary.sc-ds-icon{color:var(--color-foreground-quaternary)}.icon--color-inherit.sc-ds-icon{color:inherit}.icon--color-brand.sc-ds-icon{color:var(--color-foreground-bold-brand)}.icon--color-negative.sc-ds-icon{color:var(--color-foreground-bold-negative)}.icon--color-positive.sc-ds-icon{color:var(--color-foreground-bold-positive)}.icon--color-warning.sc-ds-icon{color:var(--color-foreground-bold-warning)}.icon--color-caution.sc-ds-icon{color:var(--color-foreground-bold-caution)}.icon--color-ai.sc-ds-icon{color:var(--color-foreground-bold-ai)}.icon--color-guide.sc-ds-icon{color:var(--color-foreground-bold-guide)}.icon--color-neutral.sc-ds-icon{color:var(--color-foreground-bold-neutral)}.icon--color-faint-brand.sc-ds-icon{color:var(--color-foreground-faint-brand)}.icon--color-faint-negative.sc-ds-icon{color:var(--color-foreground-faint-negative)}.icon--color-faint-positive.sc-ds-icon{color:var(--color-foreground-faint-positive)}.icon--color-faint-warning.sc-ds-icon{color:var(--color-foreground-faint-warning)}.icon--color-faint-caution.sc-ds-icon{color:var(--color-foreground-faint-caution)}.icon--color-faint-ai.sc-ds-icon{color:var(--color-foreground-faint-ai)}.icon--color-faint-neutral.sc-ds-icon{color:var(--color-foreground-faint-neutral)}.icon--color-medium-brand.sc-ds-icon{color:var(--color-foreground-medium-brand)}.icon--color-medium-negative.sc-ds-icon{color:var(--color-foreground-medium-negative)}.icon--color-medium-positive.sc-ds-icon{color:var(--color-foreground-medium-positive)}.icon--color-medium-warning.sc-ds-icon{color:var(--color-foreground-medium-warning)}.icon--color-medium-caution.sc-ds-icon{color:var(--color-foreground-medium-caution)}.icon--color-medium-ai.sc-ds-icon{color:var(--color-foreground-medium-ai)}.icon--color-medium-neutral.sc-ds-icon{color:var(--color-foreground-medium-neutral)}.icon--color-bold-brand.sc-ds-icon{color:var(--color-foreground-bold-brand)}.icon--color-bold-negative.sc-ds-icon{color:var(--color-foreground-bold-negative)}.icon--color-bold-positive.sc-ds-icon{color:var(--color-foreground-bold-positive)}.icon--color-bold-warning.sc-ds-icon{color:var(--color-foreground-bold-warning)}.icon--color-bold-caution.sc-ds-icon{color:var(--color-foreground-bold-caution)}.icon--color-bold-ai.sc-ds-icon{color:var(--color-foreground-bold-ai)}.icon--color-bold-neutral.sc-ds-icon{color:var(--color-foreground-bold-neutral)}.icon--color-strong-brand.sc-ds-icon{color:var(--color-foreground-strong-brand)}.icon--color-strong-negative.sc-ds-icon{color:var(--color-foreground-strong-negative)}.icon--color-strong-positive.sc-ds-icon{color:var(--color-foreground-strong-positive)}.icon--color-strong-warning.sc-ds-icon{color:var(--color-foreground-strong-warning)}.icon--color-strong-caution.sc-ds-icon{color:var(--color-foreground-strong-caution)}.icon--color-strong-ai.sc-ds-icon{color:var(--color-foreground-strong-ai)}.icon--color-strong-neutral.sc-ds-icon{color:var(--color-foreground-strong-neutral)}.icon--color-on-strong.sc-ds-icon{color:var(--color-foreground-on-strong-background-primary)}.icon--color-on-bold.sc-ds-icon{color:var(--color-foreground-on-bold-background-primary)}`;const cc=o(class o extends r{constructor(o){super();if(o!==false){this.__registerHost()}this.name="";this.size="md";this.flag=false}get svgString(){const o=this.flag?mc:nc;return o[this.name]??""}updateSvg(){const o=this.el.querySelector(".icon__svg");if(!o)return;o.innerHTML=this.svgString;const r=o.querySelector("svg");if(r){r.removeAttribute("width");r.removeAttribute("height");r.setAttribute("focusable","false");r.setAttribute("aria-hidden","true");r.style.display="block";r.style.flexShrink="0";r.style.width="100%";r.style.height="100%"}}onIconChange(){this.updateSvg()}componentDidRender(){this.updateSvg()}render(){const o=typeof this.color==="string"&&this.color.startsWith("var(--");const r={icon:true,[`icon--size-${this.size}`]:true,[`icon--color-${this.color}`]:!!this.color&&!o&&this.color!=="inherit","icon--color-inherit":this.color==="inherit"};const m=o?{color:this.color}:undefined;return i(s,{key:"653f903bf70ae550ff236c2ab5ff995dcd7a2fba",style:{display:"inline-flex",alignItems:"center",justifyContent:"center"}},i("span",{key:"9655daec61cb4266ee4cb9372be9063280764bad",class:r,style:m,role:this.label?"img":"presentation","aria-label":this.label,"aria-hidden":!this.label?"true":undefined},i("span",{key:"dfad051e0a6545bcbed40c24c6989fc51c388eb2",class:"icon__svg"})))}get el(){return this}static get watchers(){return{name:[{onIconChange:0}],flag:[{onIconChange:0}]}}static get style(){return ec()}},[2,"ds-icon",{name:[1],size:[1],color:[1],label:[1],flag:[4]},undefined,{name:[{onIconChange:0}],flag:[{onIconChange:0}]}]);function tc(){if(typeof customElements==="undefined"){return}const o=["ds-icon"];o.forEach((o=>{switch(o){case"ds-icon":if(!customElements.get(m(o))){customElements.define(m(o),cc)}break}}))}tc();export{cc as I,tc as d};
+//# sourceMappingURL=p-CF4avTQw.js.map

package/dist/components/{p-C9za7IDu.js → p-CJubWt1F.js}

@@ -1,2 +1,2 @@
-import{p as t,H as e,h as o,a as r,t as n}from"./index.js";const s=()=>`.text.sc-ds-text{margin:0}.text--truncate-1.sc-ds-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text--truncate-2.sc-ds-text,.text--truncate-3.sc-ds-text,.text--truncate-4.sc-ds-text,.text--truncate-5.sc-ds-text{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;word-break:break-word}.text--truncate-2.sc-ds-text{-webkit-line-clamp:2}.text--truncate-3.sc-ds-text{-webkit-line-clamp:3}.text--truncate-4.sc-ds-text{-webkit-line-clamp:4}.text--truncate-5.sc-ds-text{-webkit-line-clamp:5}.text--nowrap.sc-ds-text{white-space:nowrap;word-break:normal;overflow:hidden;text-overflow:ellipsis;min-width:0}.text--balance.sc-ds-text{text-wrap:balance}.text--pretty.sc-ds-text{text-wrap:pretty}.text--color-primary.sc-ds-text{color:var(--color-foreground-primary)}.text--color-secondary.sc-ds-text{color:var(--color-foreground-secondary)}.text--color-tertiary.sc-ds-text{color:var(--color-foreground-tertiary)}.text--color-brand.sc-ds-text{color:var(--color-foreground-bold-brand)}.text--color-negative.sc-ds-text{color:var(--color-foreground-bold-negative)}.text--color-positive.sc-ds-text{color:var(--color-foreground-bold-positive)}.text--color-warning.sc-ds-text{color:var(--color-foreground-bold-warning)}.text--color-caution.sc-ds-text{color:var(--color-foreground-bold-caution)}.text--color-ai.sc-ds-text{color:var(--color-foreground-bold-ai)}.text--color-on-strong.sc-ds-text{color:var(--color-foreground-on-strong-background-primary)}.text--color-on-bold.sc-ds-text{color:var(--color-foreground-on-bold-background-primary)}.text--color-inherit.sc-ds-text{color:inherit}.text--decoration-underline.sc-ds-text{text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}.text--decoration-dotted-underline.sc-ds-text{text-decoration:underline dotted;text-underline-offset:2px;text-decoration-thickness:1px}.text--italic.sc-ds-text{font-style:italic}.text--font-feature-tabular-nums.sc-ds-text{font-variant-numeric:tabular-nums;font-feature-settings:'tnum'}.text--align-left.sc-ds-text{text-align:left}.text--align-center.sc-ds-text{text-align:center}.text--align-right.sc-ds-text{text-align:right}`;const i=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}this.variant="text-body-medium";this.italic=false;this.lineTruncation="none";this.fontFeature="normal";this.as="p"}render(){const t=this.as;const e=t=>typeof t==="string"&&t.startsWith("var(--");const n={[this.variant]:true,text:true,"text--nowrap":this.wrap==="nowrap","text--balance":this.wrap==="balance","text--pretty":this.wrap==="pretty","text--truncate-1":this.lineTruncation===1&&this.wrap!=="nowrap","text--truncate-2":this.lineTruncation===2&&this.wrap!=="nowrap","text--truncate-3":this.lineTruncation===3&&this.wrap!=="nowrap","text--truncate-4":this.lineTruncation===4&&this.wrap!=="nowrap","text--truncate-5":this.lineTruncation===5&&this.wrap!=="nowrap","text--color-primary":this.color==="primary","text--color-secondary":this.color==="secondary","text--color-tertiary":this.color==="tertiary","text--color-brand":this.color==="brand","text--color-negative":this.color==="negative","text--color-positive":this.color==="positive","text--color-warning":this.color==="warning","text--color-caution":this.color==="caution","text--color-ai":this.color==="ai","text--color-on-strong":this.color==="on-strong","text--color-on-bold":this.color==="on-bold","text--color-inherit":this.color==="inherit","text--decoration-underline":this.decoration==="underline","text--decoration-dotted-underline":this.decoration==="dotted-underline","text--italic":this.italic,"text--align-left":this.align==="left","text--align-center":this.align==="center","text--align-right":this.align==="right","text--font-feature-tabular-nums":this.fontFeature==="tabular-nums"};const s=this.color&&e(this.color)?{color:this.color}:undefined;const i={};if(this.as==="label"&&this.for)i["for"]=this.for;return o(r,{key:"a2a0db4222bbbce592d8059718a30dd547b70f18",style:{display:"contents"}},o(t,{key:"5465c8b31b32258440ce93d547e50f341afd49d5",class:n,style:s,...i},o("slot",{key:"92cc4d8fc79e8828395fe6994c61b0c409d15109"})))}static get style(){return s()}},[262,"ds-text",{variant:[1],color:[1],decoration:[1],italic:[4],align:[1],lineTruncation:[8,"line-truncation"],wrap:[1],fontFeature:[1,"font-feature"],as:[1],for:[1]}]);function c(){if(typeof customElements==="undefined"){return}const t=["ds-text"];t.forEach((t=>{switch(t){case"ds-text":if(!customElements.get(n(t))){customElements.define(n(t),i)}break}}))}c();export{i as T,c as d};
-//# sourceMappingURL=p-C9za7IDu.js.map
+import{p as t,H as e,h as o,a as r,t as n}from"./index.js";const s=()=>`.text.sc-ds-text{margin:0}.text--truncate-1.sc-ds-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text--truncate-2.sc-ds-text,.text--truncate-3.sc-ds-text,.text--truncate-4.sc-ds-text,.text--truncate-5.sc-ds-text{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;word-break:break-word}.text--truncate-2.sc-ds-text{-webkit-line-clamp:2}.text--truncate-3.sc-ds-text{-webkit-line-clamp:3}.text--truncate-4.sc-ds-text{-webkit-line-clamp:4}.text--truncate-5.sc-ds-text{-webkit-line-clamp:5}.text--nowrap.sc-ds-text{white-space:nowrap;word-break:normal;overflow:hidden;text-overflow:ellipsis;min-width:0}.text--balance.sc-ds-text{text-wrap:balance}.text--pretty.sc-ds-text{text-wrap:pretty}.text--color-primary.sc-ds-text{color:var(--color-foreground-primary)}.text--color-secondary.sc-ds-text{color:var(--color-foreground-secondary)}.text--color-tertiary.sc-ds-text{color:var(--color-foreground-tertiary)}.text--color-brand.sc-ds-text{color:var(--color-foreground-bold-brand)}.text--color-negative.sc-ds-text{color:var(--color-foreground-bold-negative)}.text--color-positive.sc-ds-text{color:var(--color-foreground-bold-positive)}.text--color-warning.sc-ds-text{color:var(--color-foreground-bold-warning)}.text--color-caution.sc-ds-text{color:var(--color-foreground-bold-caution)}.text--color-ai.sc-ds-text{color:var(--color-foreground-bold-ai)}.text--color-on-strong.sc-ds-text{color:var(--color-foreground-on-strong-background-primary)}.text--color-on-bold.sc-ds-text{color:var(--color-foreground-on-bold-background-primary)}.text--color-inherit.sc-ds-text{color:inherit}.text--decoration-underline.sc-ds-text{text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}.text--decoration-dotted-underline.sc-ds-text{text-decoration:underline dotted;text-underline-offset:2px;text-decoration-thickness:1px}.text--italic.sc-ds-text{font-style:italic}.text--font-feature-tabular-nums.sc-ds-text{font-variant-numeric:tabular-nums;font-feature-settings:'tnum'}.text--align-left.sc-ds-text{text-align:left}.text--align-center.sc-ds-text{text-align:center}.text--align-right.sc-ds-text{text-align:right}`;const i=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}this.variant="text-body-medium";this.italic=false;this.lineTruncation="none";this.fontFeature="normal";this.as="p"}render(){const t=this.as;const e=t=>typeof t==="string"&&t.startsWith("var(--");const n={[this.variant]:true,text:true,"text--nowrap":this.wrap==="nowrap","text--balance":this.wrap==="balance","text--pretty":this.wrap==="pretty","text--truncate-1":this.lineTruncation===1&&this.wrap!=="nowrap","text--truncate-2":this.lineTruncation===2&&this.wrap!=="nowrap","text--truncate-3":this.lineTruncation===3&&this.wrap!=="nowrap","text--truncate-4":this.lineTruncation===4&&this.wrap!=="nowrap","text--truncate-5":this.lineTruncation===5&&this.wrap!=="nowrap","text--color-primary":this.color==="primary","text--color-secondary":this.color==="secondary","text--color-tertiary":this.color==="tertiary","text--color-brand":this.color==="brand","text--color-negative":this.color==="negative","text--color-positive":this.color==="positive","text--color-warning":this.color==="warning","text--color-caution":this.color==="caution","text--color-ai":this.color==="ai","text--color-on-strong":this.color==="on-strong","text--color-on-bold":this.color==="on-bold","text--color-inherit":this.color==="inherit","text--decoration-underline":this.decoration==="underline","text--decoration-dotted-underline":this.decoration==="dotted-underline","text--italic":this.italic,"text--align-left":this.align==="left","text--align-center":this.align==="center","text--align-right":this.align==="right","text--font-feature-tabular-nums":this.fontFeature==="tabular-nums"};const s=this.color&&e(this.color)?{color:this.color}:undefined;const i={};if(this.as==="label"&&this.for)i["for"]=this.for;return o(r,{key:"ac837805408b88532a001ed1df0ec001b4dea6e9",style:{display:"contents"}},o(t,{key:"97004d084bd5cbc57907ac433efe5e73a9e0d1fa",class:n,style:s,...i},o("slot",{key:"9b73c9acbbdd99f2a5842621f7f07c8353010fbf"})))}static get style(){return s()}},[262,"ds-text",{variant:[1],color:[1],decoration:[1],italic:[4],align:[1],lineTruncation:[8,"line-truncation"],wrap:[1],fontFeature:[1,"font-feature"],as:[1],for:[1]}]);function c(){if(typeof customElements==="undefined"){return}const t=["ds-text"];t.forEach((t=>{switch(t){case"ds-text":if(!customElements.get(n(t))){customElements.define(n(t),i)}break}}))}c();export{i as T,c as d};
+//# sourceMappingURL=p-CJubWt1F.js.map

package/dist/components/p-CKCBqwIw.js

@@ -0,0 +1,2 @@
+import{p as e,H as s,c as i,h as t,a as n,t as o}from"./index.js";import{d as r}from"./p-DnGr8qtq.js";import{d as a}from"./p-CDNVPM2x.js";import{a as d,T as c}from"./p-jjfqrXnP.js";import{r as u}from"./p-BWUTr_XN.js";import{r as l}from"./p-C1cBr-Ri.js";function h(e){const{anchorRect:s,popupWidth:i,popupHeight:t,side:n,align:o,sideOffsetPx:r,alignOffsetPx:a,viewportPadPx:d,viewportWidth:c,viewportHeight:u}=e;let l=0;let h=0;switch(n){case"top":h=s.top-t-r;l=o==="start"?s.left+a:o==="end"?s.right-i+a:s.left+s.width/2-i/2+a;break;case"bottom":h=s.bottom+r;l=o==="start"?s.left+a:o==="end"?s.right-i+a:s.left+s.width/2-i/2+a;break;case"left":l=s.left-i-r;h=o==="start"?s.top+a:o==="end"?s.bottom-t+a:s.top+s.height/2-t/2+a;break;case"right":l=s.right+r;h=o==="start"?s.top+a:o==="end"?s.bottom-t+a:s.top+s.height/2-t/2+a;break}return{x:Math.min(Math.max(l,d),c-i-d),y:Math.min(Math.max(h,d),u-t-d)}}function m(e){return"variant"in e&&e.variant==="gradient-picker"}const f=()=>`.sc-ds-menu-h{--ds-focus-ring-width:var(--dimension-stroke-width-025, 2px);--ds-focus-ring-offset:var(--dimension-space-025, 2px);--ds-focus-ring-color:var(--color-interaction-focus)}.ds-focus-ring.sc-ds-menu:focus-visible{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}.ds-focus-ring.ds-focus-ring--visible.sc-ds-menu{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}.ds-focus-ring-inset.sc-ds-menu:focus-visible{outline:none}.ds-focus-ring-inset.sc-ds-menu:focus-visible::after{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:calc(-1 * var(--ds-focus-ring-width))}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-menu{outline:none}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-menu::after{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:calc(-1 * var(--ds-focus-ring-width))}.menu-popup.sc-ds-menu{box-sizing:border-box;display:flex;flex-direction:column;min-width:var(--dimension-menu-width-xs);max-width:var(--dimension-panel-width-lg);overflow:hidden;background-color:var(--color-background-primary);border-radius:var(--dimension-radius-075);box-shadow:var(--effect-shadow-elevated-floating);animation:menuFadeIn var(--effect-motion-short-2) forwards;backface-visibility:hidden;will-change:transform}.menu-popup.sc-ds-menu::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:var(--effect-highlight-elevated-floating)}.menu-popup--closing.sc-ds-menu{animation:menuFadeOut var(--effect-motion-short-2) forwards}@keyframes menuFadeIn{from{opacity:0;transform:inherit scale(0.97)}to{opacity:1}}@keyframes menuFadeOut{from{opacity:1}to{opacity:0}}.menu-section.sc-ds-menu{display:flex;flex-direction:column;gap:var(--dimension-space-050);padding:var(--dimension-space-050)}.menu-section--divided.sc-ds-menu{border-bottom:var(--dimension-stroke-width-015) solid var(--color-border-tertiary)}.section-header.sc-ds-menu{display:flex;align-items:center;height:var(--dimension-size-400);padding:var(--dimension-space-050) var(--dimension-space-075);-webkit-user-select:none;user-select:none}.section-label.sc-ds-menu{display:inline-flex;align-items:center;padding:0 var(--dimension-space-025);color:var(--color-foreground-secondary)}.menu-item.sc-ds-menu{display:flex;align-items:center;gap:var(--dimension-space-050);position:relative;width:100%;min-height:var(--dimension-size-400);padding:var(--dimension-space-075);box-sizing:border-box;border:none;border-radius:var(--dimension-radius-025);background:transparent;cursor:pointer;-webkit-user-select:none;user-select:none;text-align:left;color:inherit;--_hover-bg:var(--color-interaction-hover);--_pressed-bg:var(--color-interaction-pressed);--_selected-bg:var(--color-interaction-active)}.menu-item.sc-ds-menu:has(.menu-item__subtext){align-items:flex-start}.menu-item.sc-ds-menu::after{content:'';position:absolute;inset:0;border-radius:inherit;background:transparent;pointer-events:none;transition:none}.menu-item--selected.sc-ds-menu::after{background:var(--_selected-bg);transition:none}.menu-item.sc-ds-menu:hover:not(:disabled):not(.menu-item--selected)::after{background:var(--_hover-bg);transition:none}.menu-item.sc-ds-menu:active:not(:disabled)::after{background:var(--_pressed-bg);transition:none}.menu-item--inactive.sc-ds-menu{opacity:0.5;cursor:not-allowed;pointer-events:none}.menu-item--destructive.sc-ds-menu .menu-item__label.sc-ds-menu{color:var(--color-foreground-bold-negative) !important}.menu-item__content.sc-ds-menu{position:relative;z-index:1;display:flex;flex:1;flex-direction:column;gap:var(--dimension-space-025);min-width:0}.menu-item__label.sc-ds-menu{padding:0 var(--dimension-space-025);color:var(--color-foreground-secondary)}.menu-item.sc-ds-menu:has(.menu-item__subtext) .menu-item__label.sc-ds-menu,.menu-item--selected.sc-ds-menu .menu-item__label.sc-ds-menu{color:var(--color-foreground-primary)}.menu-item__subtext.sc-ds-menu{padding:0 var(--dimension-space-025);color:var(--color-foreground-secondary);line-height:1.4}.menu-item__toggle.sc-ds-menu{position:relative;z-index:1;flex-shrink:0;width:calc(var(--dimension-size-400) + var(--dimension-size-050));height:var(--dimension-size-250);border-radius:var(--dimension-radius-125);background-color:var(--color-background-translucent);transition:background-color var(--effect-motion-short-2)}.menu-item__toggle--on.sc-ds-menu{background-color:var(--color-background-medium-brand)}.menu-item__toggle-thumb.sc-ds-menu{position:absolute;top:var(--dimension-space-025);left:var(--dimension-space-025);width:var(--dimension-size-200);height:var(--dimension-size-200);border-radius:50%;background-color:var(--color-foreground-on-bold-background-primary);transition:transform var(--effect-motion-short-2)}.menu-item__toggle--on.sc-ds-menu .menu-item__toggle-thumb.sc-ds-menu{transform:translateX(var(--dimension-offset-200, 16px))}`;const p=8;const g=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.dsClose=i(this,"dsClose");this.dsSelect=i(this,"dsSelect");this.dsGradientSelect=i(this,"dsGradientSelect");this.open=false;this.items=[];this.sections=[];this.side="bottom";this.align="start";this.sideOffset=d.space050;this.alignOffset=0;this.initialFocusVisible=false;this.shouldRender=false;this.closing=false;this.pos={x:0,y:0};this.focusedIndex=0;this.positionReady=false;this.focusRingVisible=false;this.clickOutsideHandler=null;this.scrollResizeHandler=null;this.closeTimer=null;this.itemEls=[];this.positionRetryRaf=null;this.listenersReady=false}componentDidLoad(){if(this.open)this.onOpenChange(true)}disconnectedCallback(){this.cancelPositionRetry();this.teardownListeners()}onOpenChange(e){if(e){this.teardownListeners();this.shouldRender=true;this.closing=false;this.positionReady=false;this.listenersReady=false;this.focusRingVisible=this.initialFocusVisible;this.listenersReady=true;this.setupListeners();this.schedulePositionUpdate((()=>{this.focusInitialItem()}))}else if(this.shouldRender){this.cancelPositionRetry();this.closing=true;this.teardownListeners();this.listenersReady=false;this.closeTimer=setTimeout((()=>{this.shouldRender=false;this.closing=false;this.closeTimer=null}),this.closeAnimationMs)}}onAnchorChange(){if(this.open)this.schedulePositionUpdate()}onPositionPropsChange(){if(this.open)this.schedulePositionUpdate()}get viewportPadPx(){return u(c.space050,c.space050)}get sideOffsetPx(){return u(this.sideOffset,c.space050)}get alignOffsetPx(){return u(this.alignOffset,0)}get popupFallbackWidthPx(){return u(c.menuWidthXs,c.menuWidthXs)}get popupFallbackHeightPx(){return u(c.menuFallbackHeight,c.menuFallbackHeight)}get closeAnimationMs(){return l(c.motionShort2,c.animationDurationShort3)}get resolvedAnchor(){if(this.anchor)return this.anchor;if(this.anchorId)return document.getElementById(this.anchorId);return null}get activeSections(){if(this.sections.length>0)return this.sections;if(this.items.length>0)return[{items:this.items}];return[]}get flatItems(){return this.activeSections.flatMap((e=>m(e)?[]:e.items))}cancelPositionRetry(){if(this.positionRetryRaf!==null){cancelAnimationFrame(this.positionRetryRaf);this.positionRetryRaf=null}}schedulePositionUpdate(e){if(!this.open)return;this.cancelPositionRetry();this.positionReady=false;let s=p;const i=()=>{this.positionRetryRaf=null;if(!this.open)return;if(this.calculatePosition()){this.positionReady=true;e?.();return}if(s>0){s-=1;this.positionRetryRaf=requestAnimationFrame(i)}};this.positionRetryRaf=requestAnimationFrame(i)}calculatePosition(){const e=this.resolvedAnchor;if(!e)return false;const s=this.el.querySelector(".menu-popup");if(!s)return false;this.pos=h({anchorRect:e.getBoundingClientRect(),popupWidth:s.offsetWidth||this.popupFallbackWidthPx,popupHeight:s.offsetHeight||this.popupFallbackHeightPx,side:this.side,align:this.align,sideOffsetPx:this.sideOffsetPx,alignOffsetPx:this.alignOffsetPx,viewportPadPx:this.viewportPadPx,viewportWidth:window.innerWidth,viewportHeight:window.innerHeight});return true}focusInitialItem(){const e=this.flatItems;const s=e.findIndex((e=>e.isSelected&&!e.isInactive));const i=e.findIndex((e=>!e.isInactive));this.focusedIndex=s>=0?s:i>=0?i:0;requestAnimationFrame((()=>{const e=this.el.querySelectorAll(".menu-item");e[this.focusedIndex]?.focus()}))}setupListeners(){this.clickOutsideHandler=e=>{const s=e.target;const i=this.el.querySelector(".menu-popup");const t=this.resolvedAnchor;if(i?.contains(s)||t?.contains(s))return;this.close()};this.scrollResizeHandler=()=>{if(this.shouldRender&&!this.closing)this.calculatePosition()};document.addEventListener("mousedown",this.clickOutsideHandler,true);window.addEventListener("scroll",this.scrollResizeHandler,true);window.addEventListener("resize",this.scrollResizeHandler)}teardownListeners(){if(this.clickOutsideHandler){document.removeEventListener("mousedown",this.clickOutsideHandler,true);this.clickOutsideHandler=null}if(this.scrollResizeHandler){window.removeEventListener("scroll",this.scrollResizeHandler,true);window.removeEventListener("resize",this.scrollResizeHandler);this.scrollResizeHandler=null}if(this.closeTimer){clearTimeout(this.closeTimer);this.closeTimer=null}}close(){this.resolvedAnchor?.focus();this.dsClose.emit();this.open=false;this.onOpenChange(false)}handleKeyDown(e){if(!this.shouldRender||this.closing)return;const s=this.flatItems;const i=s.map(((e,s)=>({it:e,i:s}))).filter((({it:e})=>!e.isInactive)).map((({i:e})=>e));if(!i.length)return;const t=i.indexOf(this.focusedIndex);const n=t<0?0:t;switch(e.key){case"ArrowDown":e.preventDefault();e.stopPropagation();this.focusRingVisible=true;this.focusedIndex=i[(n+1)%i.length];this.focusItem(this.focusedIndex);break;case"ArrowUp":e.preventDefault();e.stopPropagation();this.focusRingVisible=true;this.focusedIndex=i[(n-1+i.length)%i.length];this.focusItem(this.focusedIndex);break;case"Home":e.preventDefault();e.stopPropagation();this.focusRingVisible=true;this.focusedIndex=i[0];this.focusItem(this.focusedIndex);break;case"End":e.preventDefault();e.stopPropagation();this.focusRingVisible=true;this.focusedIndex=i[i.length-1];this.focusItem(this.focusedIndex);break;case"Escape":e.preventDefault();this.close();break;case"Tab":e.preventDefault();this.close();break}}focusItem(e){const s=this.el.querySelectorAll(".menu-item");s[e]?.focus()}handleItemClick(e){if(e.isInactive)return;this.dsSelect.emit(e)}handleGradientSelect(e){this.dsGradientSelect.emit(e)}render(){if(!this.shouldRender)return t(n,{style:{display:"contents"}});const e=this.activeSections;let s=0;const i={position:"fixed",left:"0",top:"0",transform:`translate(${Math.round(this.pos.x)}px, ${Math.round(this.pos.y)}px)`,zIndex:"9998",visibility:this.positionReady?"visible":"hidden"};if(this.menuWidth)i["width"]=this.menuWidth;if(this.minWidth)i["min-width"]=this.minWidth;return t(n,{style:{display:"contents"}},t("div",{class:{"menu-popup":true,"menu-popup--closing":this.closing},style:i,role:"menu","aria-label":"Menu","aria-orientation":"vertical"},e.map(((i,n)=>t("div",{key:n,class:{"menu-section":true,"menu-section--divided":n<e.length-1,"menu-section--gradient-picker":m(i)},role:i.header?"group":undefined,"aria-label":i.header},i.header&&t("div",{class:"section-header","aria-hidden":"true"},t("span",{class:"text-body-small-emphasis section-label"},i.header)),m(i)?t("ds-shell-gradient-picker",{value:i.value,onDsChange:e=>{e.stopPropagation();this.handleGradientSelect(e.detail)}}):i.items.map((e=>{const i=s++;const n=this.focusedIndex===i;return t("button",{key:i,type:"button",class:{"menu-item":true,"ds-focus-ring-inset":true,"ds-focus-ring--visible":n&&this.focusRingVisible,"menu-item--selected":!!e.isSelected,"menu-item--inactive":!!e.isInactive,"menu-item--destructive":!!e.isDestructive,"menu-item--focused":n},role:"menuitem","aria-current":e.isSelected?"true":undefined,disabled:e.isInactive,tabIndex:n?0:-1,onMouseDown:()=>{this.focusRingVisible=false},onClick:()=>this.handleItemClick(e),onFocus:()=>{this.focusedIndex=i}},t("div",{class:"menu-item__content"},t("span",{class:e.isSelected?"text-body-medium-emphasis menu-item__label":"text-body-medium menu-item__label"},e.label),e.subtext&&t("span",{class:"text-body-small menu-item__subtext"},e.subtext)),e.showToggle&&t("div",{class:{"menu-item__toggle":true,"menu-item__toggle--on":!!e.toggleValue},"aria-hidden":"true"},t("div",{class:"menu-item__toggle-thumb"})))})))))))}get el(){return this}static get watchers(){return{open:[{onOpenChange:0}],anchor:[{onAnchorChange:0}],anchorId:[{onAnchorChange:0}],side:[{onPositionPropsChange:0}],align:[{onPositionPropsChange:0}],sideOffset:[{onPositionPropsChange:0}],alignOffset:[{onPositionPropsChange:0}]}}static get style(){return f()}},[2,"ds-menu",{open:[1028],items:[16],sections:[16],side:[1],align:[1],sideOffset:[8,"side-offset"],alignOffset:[8,"align-offset"],menuWidth:[1,"menu-width"],minWidth:[1,"min-width"],anchor:[16],anchorId:[1,"anchor-id"],initialFocusVisible:[4,"initial-focus-visible"],shouldRender:[32],closing:[32],pos:[32],focusedIndex:[32],positionReady:[32],focusRingVisible:[32]},[[0,"keydown","handleKeyDown"]],{open:[{onOpenChange:0}],anchor:[{onAnchorChange:0}],anchorId:[{onAnchorChange:0}],side:[{onPositionPropsChange:0}],align:[{onPositionPropsChange:0}],sideOffset:[{onPositionPropsChange:0}],alignOffset:[{onPositionPropsChange:0}]}]);function v(){if(typeof customElements==="undefined"){return}const e=["ds-menu","ds-shell-gradient-picker","ds-shell-gradient-swatch"];e.forEach((e=>{switch(e){case"ds-menu":if(!customElements.get(o(e))){customElements.define(o(e),g)}break;case"ds-shell-gradient-picker":if(!customElements.get(o(e))){r()}break;case"ds-shell-gradient-swatch":if(!customElements.get(o(e))){a()}break}}))}v();export{g as M,v as d};
+//# sourceMappingURL=p-CKCBqwIw.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["computeMenuPosition","input","anchorRect","a","popupWidth","pw","popupHeight","ph","side","align","sideOffsetPx","alignOffsetPx","viewportPadPx","vpPad","viewportWidth","viewportHeight","x","y","top","left","right","width","bottom","height","Math","min","max","isMenuGradientPickerSection","section","variant","menuCss","POSITION_RETRY_BUDGET","Menu","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","open","items","sections","sideOffset","TOKEN_CSS_LENGTHS","space050","alignOffset","initialFocusVisible","shouldRender","closing","pos","focusedIndex","positionReady","focusRingVisible","clickOutsideHandler","scrollResizeHandler","closeTimer","itemEls","positionRetryRaf","listenersReady","componentDidLoad","onOpenChange","disconnectedCallback","cancelPositionRetry","teardownListeners","isOpen","setupListeners","schedulePositionUpdate","focusInitialItem","setTimeout","closeAnimationMs","onAnchorChange","onPositionPropsChange","resolveCssLengthPx","TOKEN_DEFAULTS","popupFallbackWidthPx","menuWidthXs","popupFallbackHeightPx","menuFallbackHeight","resolveCssTimeMs","motionShort2","animationDurationShort3","resolvedAnchor","anchor","anchorId","document","getElementById","activeSections","length","flatItems","flatMap","cancelAnimationFrame","onReady","remaining","attempt","calculatePosition","requestAnimationFrame","anchorEl","popup","el","querySelector","getBoundingClientRect","offsetWidth","offsetHeight","window","innerWidth","innerHeight","flat","selectedIdx","findIndex","it","isSelected","isInactive","firstEnabledIdx","btns","querySelectorAll","focus","e","t","target","contains","close","addEventListener","removeEventListener","clearTimeout","dsClose","emit","handleKeyDown","enabled","map","i","filter","cur","indexOf","safe","key","preventDefault","stopPropagation","focusItem","idx","handleItemClick","item","dsSelect","handleGradientSelect","preset","dsGradientSelect","render","h","Host","style","display","flatIdx","popupStyle","position","transform","round","zIndex","visibility","menuWidth","minWidth","class","role","si","header","undefined","value","onDsChange","detail","isFocused","type","isDestructive","disabled","tabIndex","onMouseDown","onClick","onFocus","label","subtext","showToggle","toggleValue"],"sources":["src/wc/components/Menu/menu-position.ts","src/wc/components/Menu/menu-types.ts","src/wc/components/Menu/Menu.css?tag=ds-menu&encapsulation=scoped","src/wc/components/Menu/Menu.tsx"],"sourcesContent":["export type MenuSide = 'top' | 'right' | 'bottom' | 'left';\nexport type MenuAlign = 'start' | 'center' | 'end';\n\nexport interface MenuPositionInput {\n  anchorRect: Pick<DOMRectReadOnly, 'top' | 'left' | 'right' | 'bottom' | 'width' | 'height'>;\n  popupWidth: number;\n  popupHeight: number;\n  side: MenuSide;\n  align: MenuAlign;\n  sideOffsetPx: number;\n  alignOffsetPx: number;\n  viewportPadPx: number;\n  viewportWidth: number;\n  viewportHeight: number;\n}\n\n/** Pure layout math for ds-menu — anchor rect + placement props → viewport-fixed x/y. */\nexport function computeMenuPosition(input: MenuPositionInput): { x: number; y: number } {\n  const {\n    anchorRect: a,\n    popupWidth: pw,\n    popupHeight: ph,\n    side,\n    align,\n    sideOffsetPx,\n    alignOffsetPx,\n    viewportPadPx: vpPad,\n    viewportWidth,\n    viewportHeight,\n  } = input;\n\n  let x = 0;\n  let y = 0;\n\n  switch (side) {\n    case 'top':\n      y = a.top - ph - sideOffsetPx;\n      x =\n        align === 'start'\n          ? a.left + alignOffsetPx\n          : align === 'end'\n            ? a.right - pw + alignOffsetPx\n            : a.left + a.width / 2 - pw / 2 + alignOffsetPx;\n      break;\n    case 'bottom':\n      y = a.bottom + sideOffsetPx;\n      x =\n        align === 'start'\n          ? a.left + alignOffsetPx\n          : align === 'end'\n            ? a.right - pw + alignOffsetPx\n            : a.left + a.width / 2 - pw / 2 + alignOffsetPx;\n      break;\n    case 'left':\n      x = a.left - pw - sideOffsetPx;\n      y =\n        align === 'start'\n          ? a.top + alignOffsetPx\n          : align === 'end'\n            ? a.bottom - ph + alignOffsetPx\n            : a.top + a.height / 2 - ph / 2 + alignOffsetPx;\n      break;\n    case 'right':\n      x = a.right + sideOffsetPx;\n      y =\n        align === 'start'\n          ? a.top + alignOffsetPx\n          : align === 'end'\n            ? a.bottom - ph + alignOffsetPx\n            : a.top + a.height / 2 - ph / 2 + alignOffsetPx;\n      break;\n  }\n\n  return {\n    x: Math.min(Math.max(x, vpPad), viewportWidth - pw - vpPad),\n    y: Math.min(Math.max(y, vpPad), viewportHeight - ph - vpPad),\n  };\n}\n","import type { ShellGradientPreset } from '../../nav/shell-gradient-presets';\n\nexport type { MenuAlign, MenuSide } from './menu-position';\nexport {\n  PANEL_NAV_USER_MENU_PLACEMENT,\n  type MenuPlacement,\n} from './menu-placement';\n\nexport interface MenuItemData {\n  label: string;\n  value?: string;\n  subtext?: string;\n  isSelected?: boolean;\n  isInactive?: boolean;\n  isDestructive?: boolean;\n  showToggle?: boolean;\n  toggleValue?: boolean;\n}\n\nexport interface MenuItemsSection {\n  header?: string;\n  items: MenuItemData[];\n}\n\nexport interface MenuGradientPickerSection {\n  header?: string;\n  variant: 'gradient-picker';\n  value: ShellGradientPreset;\n}\n\nexport type MenuSection = MenuItemsSection | MenuGradientPickerSection;\n\nexport function isMenuGradientPickerSection(\n  section: MenuSection,\n): section is MenuGradientPickerSection {\n  return 'variant' in section && section.variant === 'gradient-picker';\n}\n\nexport type { ShellGradientPreset };\n","@import '../../utils/focus-ring.css';\n\n/* ── Popup shell ─────────────────────────────────────────────────────────── */\n\n.menu-popup {\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  min-width: var(--dimension-menu-width-xs);\n  max-width: var(--dimension-panel-width-lg);\n  overflow: hidden;\n  background-color: var(--color-background-primary);\n  border-radius: var(--dimension-radius-075);\n  /* Split elevation: shadow on shell, inset highlight on ::after (combined token clips with overflow:hidden). */\n  box-shadow: var(--effect-shadow-elevated-floating);\n  animation: menuFadeIn var(--effect-motion-short-2) forwards;\n  backface-visibility: hidden;\n  will-change: transform;\n}\n\n.menu-popup::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  border-radius: inherit;\n  pointer-events: none;\n  box-shadow: var(--effect-highlight-elevated-floating);\n}\n\n.menu-popup--closing {\n  animation: menuFadeOut var(--effect-motion-short-2) forwards;\n}\n\n@keyframes menuFadeIn {\n  from { opacity: 0; transform: inherit scale(0.97); }\n  to   { opacity: 1; }\n}\n\n@keyframes menuFadeOut {\n  from { opacity: 1; }\n  to   { opacity: 0; }\n}\n\n/* ── Sections ────────────────────────────────────────────────────────────── */\n\n.menu-section {\n  display: flex;\n  flex-direction: column;\n  gap: var(--dimension-space-050);\n  padding: var(--dimension-space-050);\n}\n\n.menu-section--divided {\n  border-bottom: var(--dimension-stroke-width-015) solid var(--color-border-tertiary);\n}\n\n.section-header {\n  display: flex;\n  align-items: center;\n  height: var(--dimension-size-400);\n  padding: var(--dimension-space-050) var(--dimension-space-075);\n  -webkit-user-select: none;\n  user-select: none;\n}\n\n.section-label {\n  display: inline-flex;\n  align-items: center;\n  padding: 0 var(--dimension-space-025);\n  color: var(--color-foreground-secondary);\n}\n\n/* ── Items ───────────────────────────────────────────────────────────────── */\n\n.menu-item {\n  display: flex;\n  align-items: center;\n  gap: var(--dimension-space-050);\n  position: relative;\n  width: 100%;\n  min-height: var(--dimension-size-400);\n  padding: var(--dimension-space-075);\n  box-sizing: border-box;\n  border: none;\n  border-radius: var(--dimension-radius-025);\n  background: transparent;\n  cursor: pointer;\n  -webkit-user-select: none;\n  user-select: none;\n  text-align: left;\n  color: inherit;\n  --_hover-bg: var(--color-interaction-hover);\n  --_pressed-bg: var(--color-interaction-pressed);\n  --_selected-bg: var(--color-interaction-active);\n}\n\n.menu-item:has(.menu-item__subtext) {\n  align-items: flex-start;\n}\n\n/* Interaction layer — same ::after pattern as tabs / BarNav trigger */\n.menu-item::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  border-radius: inherit;\n  background: transparent;\n  pointer-events: none;\n  transition: none;\n}\n\n.menu-item--selected::after {\n  background: var(--_selected-bg);\n  transition: none;\n}\n\n.menu-item:hover:not(:disabled):not(.menu-item--selected)::after {\n  background: var(--_hover-bg);\n  transition: none;\n}\n\n.menu-item:active:not(:disabled)::after {\n  background: var(--_pressed-bg);\n  transition: none;\n}\n\n.menu-item--inactive {\n  opacity: 0.5;\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n.menu-item--destructive .menu-item__label {\n  color: var(--color-foreground-bold-negative) !important;\n}\n\n.menu-item__content {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  gap: var(--dimension-space-025);\n  min-width: 0;\n}\n\n.menu-item__label {\n  padding: 0 var(--dimension-space-025);\n  color: var(--color-foreground-secondary);\n}\n\n.menu-item:has(.menu-item__subtext) .menu-item__label,\n.menu-item--selected .menu-item__label {\n  color: var(--color-foreground-primary);\n}\n\n.menu-item__subtext {\n  padding: 0 var(--dimension-space-025);\n  color: var(--color-foreground-secondary);\n  line-height: 1.4;\n}\n\n/* ── Toggle suffix ───────────────────────────────────────────────────────── */\n\n.menu-item__toggle {\n  position: relative;\n  z-index: 1;\n  flex-shrink: 0;\n  width: calc(var(--dimension-size-400) + var(--dimension-size-050));\n  height: var(--dimension-size-250);\n  border-radius: var(--dimension-radius-125);\n  background-color: var(--color-background-translucent);\n  transition: background-color var(--effect-motion-short-2);\n}\n\n.menu-item__toggle--on {\n  background-color: var(--color-background-medium-brand);\n}\n\n.menu-item__toggle-thumb {\n  position: absolute;\n  top: var(--dimension-space-025);\n  left: var(--dimension-space-025);\n  width: var(--dimension-size-200);\n  height: var(--dimension-size-200);\n  border-radius: 50%;\n  background-color: var(--color-foreground-on-bold-background-primary);\n  transition: transform var(--effect-motion-short-2);\n}\n\n.menu-item__toggle--on .menu-item__toggle-thumb {\n  transform: translateX(var(--dimension-offset-200, 16px));\n}\n","import { Component, Prop, State, Event, EventEmitter, Element, Watch, Listen, h, Host } from '@stencil/core';\nimport { resolveCssLengthPx, resolveCssTimeMs, TOKEN_CSS_LENGTHS, TOKEN_DEFAULTS } from '../../utils';\nimport { computeMenuPosition, type MenuAlign, type MenuSide } from './menu-position';\nimport type { MenuItemData, MenuSection } from './menu-types';\nimport { isMenuGradientPickerSection } from './menu-types';\nimport type { ShellGradientPreset } from '../../nav/shell-gradient-presets';\n\n/** rAF retries while the popup mounts or the anchor resolves. */\nconst POSITION_RETRY_BUDGET = 8;\n\n@Component({\n  tag: 'ds-menu',\n  styleUrl: 'Menu.css',\n  scoped: true,\n})\nexport class Menu {\n  @Element() el!: HTMLElement;\n\n  @Prop({ mutable: true }) open: boolean = false;\n  @Prop() items: MenuItemData[] = [];\n  @Prop() sections: MenuSection[] = [];\n  @Prop() side: MenuSide = 'bottom';\n  @Prop() align: MenuAlign = 'start';\n  /** Gap between anchor and menu — number (px) or TokoMo length (`var(--dimension-space-050)`, etc.). */\n  @Prop() sideOffset: number | string = TOKEN_CSS_LENGTHS.space050;\n  /** Cross-axis offset — number (px) or TokoMo length. */\n  @Prop() alignOffset: number | string = 0;\n  @Prop() menuWidth: string | undefined;\n  @Prop() minWidth: string | undefined;\n  /** External trigger element to position against. Set via JS: menuEl.anchor = buttonEl */\n  @Prop() anchor: HTMLElement | undefined;\n  /** ID of the external trigger element for positioning */\n  @Prop() anchorId: string | undefined;\n  /** Show a visible ring on the initially focused menu item. Use only when the opener was keyboard-driven. */\n  @Prop() initialFocusVisible: boolean = false;\n\n  @State() private shouldRender: boolean = false;\n  @State() private closing: boolean = false;\n  @State() private pos: { x: number; y: number } = { x: 0, y: 0 };\n  @State() private focusedIndex: number = 0;\n  @State() private positionReady: boolean = false;\n  @State() private focusRingVisible: boolean = false;\n\n  @Event() dsClose!: EventEmitter<void>;\n  @Event() dsSelect!: EventEmitter<MenuItemData>;\n  /** Emitted when a `gradient-picker` section swatch is chosen. */\n  @Event() dsGradientSelect!: EventEmitter<ShellGradientPreset>;\n\n  private clickOutsideHandler: ((e: MouseEvent) => void) | null = null;\n  private scrollResizeHandler: (() => void) | null = null;\n  private closeTimer: ReturnType<typeof setTimeout> | null = null;\n  private itemEls: HTMLElement[] = [];\n  private positionRetryRaf: number | null = null;\n  private listenersReady = false;\n\n  componentDidLoad() {\n    if (this.open) this.onOpenChange(true);\n  }\n\n  disconnectedCallback() {\n    this.cancelPositionRetry();\n    this.teardownListeners();\n  }\n\n  @Watch('open')\n  onOpenChange(isOpen: boolean) {\n    if (isOpen) {\n      this.teardownListeners();\n      this.shouldRender = true;\n      this.closing = false;\n      this.positionReady = false;\n      this.listenersReady = false;\n      this.focusRingVisible = this.initialFocusVisible;\n      this.listenersReady = true;\n      this.setupListeners();\n      this.schedulePositionUpdate(() => {\n        this.focusInitialItem();\n      });\n    } else if (this.shouldRender) {\n      this.cancelPositionRetry();\n      this.closing = true;\n      this.teardownListeners();\n      this.listenersReady = false;\n      this.closeTimer = setTimeout(() => {\n        this.shouldRender = false;\n        this.closing = false;\n        this.closeTimer = null;\n      }, this.closeAnimationMs);\n    }\n  }\n\n  @Watch('anchor')\n  @Watch('anchorId')\n  onAnchorChange() {\n    if (this.open) this.schedulePositionUpdate();\n  }\n\n  @Watch('side')\n  @Watch('align')\n  @Watch('sideOffset')\n  @Watch('alignOffset')\n  onPositionPropsChange() {\n    if (this.open) this.schedulePositionUpdate();\n  }\n\n  private get viewportPadPx(): number {\n    return resolveCssLengthPx(TOKEN_DEFAULTS.space050, TOKEN_DEFAULTS.space050);\n  }\n\n  private get sideOffsetPx(): number {\n    return resolveCssLengthPx(this.sideOffset, TOKEN_DEFAULTS.space050);\n  }\n\n  private get alignOffsetPx(): number {\n    return resolveCssLengthPx(this.alignOffset, 0);\n  }\n\n  private get popupFallbackWidthPx(): number {\n    return resolveCssLengthPx(TOKEN_DEFAULTS.menuWidthXs, TOKEN_DEFAULTS.menuWidthXs);\n  }\n\n  private get popupFallbackHeightPx(): number {\n    return resolveCssLengthPx(TOKEN_DEFAULTS.menuFallbackHeight, TOKEN_DEFAULTS.menuFallbackHeight);\n  }\n\n  private get closeAnimationMs(): number {\n    return resolveCssTimeMs(TOKEN_DEFAULTS.motionShort2, TOKEN_DEFAULTS.animationDurationShort3);\n  }\n\n  private get resolvedAnchor(): HTMLElement | null {\n    if (this.anchor) return this.anchor;\n    if (this.anchorId) return document.getElementById(this.anchorId);\n    return null;\n  }\n\n  private get activeSections(): MenuSection[] {\n    if (this.sections.length > 0) return this.sections;\n    if (this.items.length > 0) return [{ items: this.items }];\n    return [];\n  }\n\n  private get flatItems(): MenuItemData[] {\n    return this.activeSections.flatMap(section =>\n      isMenuGradientPickerSection(section) ? [] : section.items,\n    );\n  }\n\n  private cancelPositionRetry() {\n    if (this.positionRetryRaf !== null) {\n      cancelAnimationFrame(this.positionRetryRaf);\n      this.positionRetryRaf = null;\n    }\n  }\n\n  /** Retry until anchor + popup exist — do not reveal at 0,0 on a failed first pass. */\n  private schedulePositionUpdate(onReady?: () => void) {\n    if (!this.open) return;\n\n    this.cancelPositionRetry();\n    this.positionReady = false;\n\n    let remaining = POSITION_RETRY_BUDGET;\n\n    const attempt = () => {\n      this.positionRetryRaf = null;\n      if (!this.open) return;\n\n      if (this.calculatePosition()) {\n        this.positionReady = true;\n        onReady?.();\n        return;\n      }\n\n      if (remaining > 0) {\n        remaining -= 1;\n        this.positionRetryRaf = requestAnimationFrame(attempt);\n      }\n    };\n\n    this.positionRetryRaf = requestAnimationFrame(attempt);\n  }\n\n  /** @returns `true` when anchor and popup were found and `pos` was updated. */\n  private calculatePosition(): boolean {\n    const anchorEl = this.resolvedAnchor;\n    if (!anchorEl) return false;\n    const popup = this.el.querySelector('.menu-popup') as HTMLElement | null;\n    if (!popup) return false;\n\n    this.pos = computeMenuPosition({\n      anchorRect: anchorEl.getBoundingClientRect(),\n      popupWidth: popup.offsetWidth || this.popupFallbackWidthPx,\n      popupHeight: popup.offsetHeight || this.popupFallbackHeightPx,\n      side: this.side,\n      align: this.align,\n      sideOffsetPx: this.sideOffsetPx,\n      alignOffsetPx: this.alignOffsetPx,\n      viewportPadPx: this.viewportPadPx,\n      viewportWidth: window.innerWidth,\n      viewportHeight: window.innerHeight,\n    });\n    return true;\n  }\n\n  /** Focus the selected item when present, otherwise the first enabled item. */\n  private focusInitialItem() {\n    const flat = this.flatItems;\n    const selectedIdx = flat.findIndex(it => it.isSelected && !it.isInactive);\n    const firstEnabledIdx = flat.findIndex(it => !it.isInactive);\n    this.focusedIndex = selectedIdx >= 0\n      ? selectedIdx\n      : (firstEnabledIdx >= 0 ? firstEnabledIdx : 0);\n\n    requestAnimationFrame(() => {\n      const btns = this.el.querySelectorAll<HTMLElement>('.menu-item');\n      btns[this.focusedIndex]?.focus();\n    });\n  }\n\n  private setupListeners() {\n    this.clickOutsideHandler = (e: MouseEvent) => {\n      const t = e.target as Node;\n      const popup = this.el.querySelector('.menu-popup');\n      const anchorEl = this.resolvedAnchor;\n      if (popup?.contains(t) || anchorEl?.contains(t)) return;\n      this.close();\n    };\n\n    this.scrollResizeHandler = () => {\n      if (this.shouldRender && !this.closing) this.calculatePosition();\n    };\n\n    document.addEventListener('mousedown', this.clickOutsideHandler, true);\n    window.addEventListener('scroll', this.scrollResizeHandler, true);\n    window.addEventListener('resize', this.scrollResizeHandler);\n  }\n\n  private teardownListeners() {\n    if (this.clickOutsideHandler) {\n      document.removeEventListener('mousedown', this.clickOutsideHandler, true);\n      this.clickOutsideHandler = null;\n    }\n    if (this.scrollResizeHandler) {\n      window.removeEventListener('scroll', this.scrollResizeHandler, true);\n      window.removeEventListener('resize', this.scrollResizeHandler);\n      this.scrollResizeHandler = null;\n    }\n    if (this.closeTimer) {\n      clearTimeout(this.closeTimer);\n      this.closeTimer = null;\n    }\n  }\n\n  private close() {\n    this.resolvedAnchor?.focus();\n    this.dsClose.emit();\n    this.open = false;\n    this.onOpenChange(false);\n  }\n\n  @Listen('keydown')\n  handleKeyDown(e: KeyboardEvent) {\n    if (!this.shouldRender || this.closing) return;\n    const flat = this.flatItems;\n    const enabled = flat.map((it, i) => ({ it, i })).filter(({ it }) => !it.isInactive).map(({ i }) => i);\n    if (!enabled.length) return;\n\n    const cur = enabled.indexOf(this.focusedIndex);\n    const safe = cur < 0 ? 0 : cur;\n\n    switch (e.key) {\n      case 'ArrowDown':\n        e.preventDefault(); e.stopPropagation();\n        this.focusRingVisible = true;\n        this.focusedIndex = enabled[(safe + 1) % enabled.length];\n        this.focusItem(this.focusedIndex);\n        break;\n      case 'ArrowUp':\n        e.preventDefault(); e.stopPropagation();\n        this.focusRingVisible = true;\n        this.focusedIndex = enabled[(safe - 1 + enabled.length) % enabled.length];\n        this.focusItem(this.focusedIndex);\n        break;\n      case 'Home':\n        e.preventDefault(); e.stopPropagation();\n        this.focusRingVisible = true;\n        this.focusedIndex = enabled[0];\n        this.focusItem(this.focusedIndex);\n        break;\n      case 'End':\n        e.preventDefault(); e.stopPropagation();\n        this.focusRingVisible = true;\n        this.focusedIndex = enabled[enabled.length - 1];\n        this.focusItem(this.focusedIndex);\n        break;\n      case 'Escape':\n        e.preventDefault();\n        this.close();\n        break;\n      case 'Tab':\n        e.preventDefault();\n        this.close();\n        break;\n    }\n  }\n\n  private focusItem(idx: number) {\n    const btns = this.el.querySelectorAll<HTMLElement>('.menu-item');\n    btns[idx]?.focus();\n  }\n\n  private handleItemClick(item: MenuItemData) {\n    if (item.isInactive) return;\n    this.dsSelect.emit(item);\n  }\n\n  private handleGradientSelect(preset: ShellGradientPreset) {\n    this.dsGradientSelect.emit(preset);\n  }\n\n  render() {\n    if (!this.shouldRender) return <Host style={{ display: 'contents' }} />;\n\n    const sections = this.activeSections;\n    let flatIdx = 0;\n\n    const popupStyle: Record<string, string> = {\n      position: 'fixed',\n      left: '0',\n      top: '0',\n      transform: `translate(${Math.round(this.pos.x)}px, ${Math.round(this.pos.y)}px)`,\n      zIndex: '9998',\n      visibility: this.positionReady ? 'visible' : 'hidden',\n    };\n\n    if (this.menuWidth) popupStyle['width'] = this.menuWidth;\n    if (this.minWidth) popupStyle['min-width'] = this.minWidth;\n\n    return (\n      <Host style={{ display: 'contents' }}>\n        <div\n          class={{ 'menu-popup': true, 'menu-popup--closing': this.closing }}\n          style={popupStyle}\n          role=\"menu\"\n          aria-label=\"Menu\"\n          aria-orientation=\"vertical\"\n        >\n          {sections.map((section, si) => (\n            <div\n              key={si}\n              class={{\n                'menu-section': true,\n                'menu-section--divided': si < sections.length - 1,\n                'menu-section--gradient-picker': isMenuGradientPickerSection(section),\n              }}\n              role={section.header ? 'group' : undefined}\n              aria-label={section.header}\n            >\n              {section.header && (\n                <div class=\"section-header\" aria-hidden=\"true\">\n                  <span class=\"text-body-small-emphasis section-label\">{section.header}</span>\n                </div>\n              )}\n              {isMenuGradientPickerSection(section) ? (\n                <ds-shell-gradient-picker\n                  value={section.value}\n                  onDsChange={(e: CustomEvent<ShellGradientPreset>) => {\n                    e.stopPropagation();\n                    this.handleGradientSelect(e.detail);\n                  }}\n                />\n              ) : (\n                section.items.map(item => {\n                const idx = flatIdx++;\n                const isFocused = this.focusedIndex === idx;\n                return (\n                  <button\n                    key={idx}\n                    type=\"button\"\n                    class={{\n                      'menu-item': true,\n                      'ds-focus-ring-inset': true,\n                      'ds-focus-ring--visible': isFocused && this.focusRingVisible,\n                      'menu-item--selected': !!item.isSelected,\n                      'menu-item--inactive': !!item.isInactive,\n                      'menu-item--destructive': !!item.isDestructive,\n                      'menu-item--focused': isFocused,\n                    }}\n                    role=\"menuitem\"\n                    aria-current={item.isSelected ? 'true' : undefined}\n                    disabled={item.isInactive}\n                    tabIndex={isFocused ? 0 : -1}\n                    onMouseDown={() => { this.focusRingVisible = false; }}\n                    onClick={() => this.handleItemClick(item)}\n                    onFocus={() => { this.focusedIndex = idx; }}\n                  >\n                    <div class=\"menu-item__content\">\n                      <span class={item.isSelected ? 'text-body-medium-emphasis menu-item__label' : 'text-body-medium menu-item__label'}>\n                        {item.label}\n                      </span>\n                      {item.subtext && (\n                        <span class=\"text-body-small menu-item__subtext\">{item.subtext}</span>\n                      )}\n                    </div>\n                    {item.showToggle && (\n                      <div class={{ 'menu-item__toggle': true, 'menu-item__toggle--on': !!item.toggleValue }} aria-hidden=\"true\">\n                        <div class=\"menu-item__toggle-thumb\" />\n                      </div>\n                    )}\n                  </button>\n                );\n              }))}\n            </div>\n          ))}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/components/p-C_hgdYcC.js

@@ -0,0 +1,2 @@
+import{p as o,H as n,c as i,h as t,a as r,t as e}from"./index.js";import{d as s}from"./p-CiEc8Nwx.js";import{d as c}from"./p-CF4avTQw.js";const d=()=>`.sc-ds-button-unfilled-icon-h{--ds-focus-ring-width:var(--dimension-stroke-width-025, 2px);--ds-focus-ring-offset:var(--dimension-space-025, 2px);--ds-focus-ring-color:var(--color-interaction-focus)}.ds-focus-ring.sc-ds-button-unfilled-icon:focus-visible{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}.ds-focus-ring.ds-focus-ring--visible.sc-ds-button-unfilled-icon{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}.ds-focus-ring-inset.sc-ds-button-unfilled-icon:focus-visible{outline:none}.ds-focus-ring-inset.sc-ds-button-unfilled-icon:focus-visible::after{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:calc(-1 * var(--ds-focus-ring-width))}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-button-unfilled-icon{outline:none}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-button-unfilled-icon::after{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:calc(-1 * var(--ds-focus-ring-width))}.sc-ds-button-unfilled-icon-h{display:inline-flex;flex:0 0 auto;width:var(--dimension-size-400);height:var(--dimension-size-400);min-width:var(--dimension-size-400);min-height:var(--dimension-size-400);outline:none;--ds-button-unfilled-icon-fg:var(--color-foreground-secondary);--ds-button-unfilled-icon-fg-active:var(--color-foreground-primary);--ds-button-unfilled-icon-active-bg:var(--color-interaction-active);--ds-button-unfilled-icon-hover-bg:var(--color-interaction-hover);--ds-button-unfilled-icon-pressed-bg:var(--color-interaction-pressed);--ds-button-unfilled-icon-dot-ring:var(--color-background-secondary);--ds-button-unfilled-icon-border:var(--color-border-tertiary)}.button-icon.sc-ds-button-unfilled-icon{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--dimension-space-075);background:transparent;border:none;border-radius:var(--dimension-radius-025);color:var(--ds-button-unfilled-icon-fg);cursor:pointer;box-sizing:border-box;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden;transition:color var(--effect-motion-short-2)}.button-icon.sc-ds-button-unfilled-icon::before,.button-icon.sc-ds-button-unfilled-icon::after{content:'';position:absolute;inset:0;border-radius:inherit;background:transparent;pointer-events:none;transition:none}.button-icon.sc-ds-button-unfilled-icon::before{z-index:1}.button-icon.sc-ds-button-unfilled-icon::after{z-index:2}.button-icon--active-fill.sc-ds-button-unfilled-icon::before{background:var(--ds-button-unfilled-icon-active-bg)}.button-icon.sc-ds-button-unfilled-icon:hover:not(.button-icon--inactive)::after{background:var(--ds-button-unfilled-icon-hover-bg);transition:none}.button-icon.sc-ds-button-unfilled-icon:active:not(.button-icon--inactive)::after{background:var(--ds-button-unfilled-icon-pressed-bg);transition:none}.button-icon--active.sc-ds-button-unfilled-icon{color:var(--ds-button-unfilled-icon-fg-active)}.button-icon--bordered.sc-ds-button-unfilled-icon{box-shadow:inset 0 0 0 var(--dimension-stroke-width-012) var(--ds-button-unfilled-icon-border)}.button-icon--inactive.sc-ds-button-unfilled-icon{opacity:0.5;cursor:not-allowed;pointer-events:none}.button-icon--contrast-medium.sc-ds-button-unfilled-icon{--ds-button-unfilled-icon-fg:var(--color-foreground-on-medium-background-secondary);--ds-button-unfilled-icon-fg-active:var(--color-foreground-on-medium-background-primary);--ds-button-unfilled-icon-active-bg:var(--color-interaction-on-medium-background-active);--ds-button-unfilled-icon-hover-bg:var(--color-interaction-on-medium-background-hover);--ds-button-unfilled-icon-pressed-bg:var(--color-interaction-on-medium-background-pressed);--ds-button-unfilled-icon-dot-ring:var(--color-background-medium-neutral);--ds-button-unfilled-icon-border:var(--color-border-on-medium-background-tertiary);--ds-focus-ring-color:var(--color-interaction-on-medium-background-focus)}.button-icon--contrast-bold.sc-ds-button-unfilled-icon{--ds-button-unfilled-icon-fg:var(--color-foreground-on-bold-background-secondary);--ds-button-unfilled-icon-fg-active:var(--color-foreground-on-bold-background-primary);--ds-button-unfilled-icon-active-bg:var(--color-interaction-on-bold-background-active);--ds-button-unfilled-icon-hover-bg:var(--color-interaction-on-bold-background-hover);--ds-button-unfilled-icon-pressed-bg:var(--color-interaction-on-bold-background-pressed);--ds-button-unfilled-icon-dot-ring:var(--color-background-bold-neutral);--ds-button-unfilled-icon-border:var(--color-border-on-bold-background-tertiary);--ds-focus-ring-color:var(--color-interaction-on-bold-background-focus)}.button-icon--contrast-strong.sc-ds-button-unfilled-icon{--ds-button-unfilled-icon-fg:var(--color-foreground-on-strong-background-secondary);--ds-button-unfilled-icon-fg-active:var(--color-foreground-on-strong-background-primary);--ds-button-unfilled-icon-active-bg:var(--color-interaction-on-strong-background-active);--ds-button-unfilled-icon-hover-bg:var(--color-interaction-on-strong-background-hover);--ds-button-unfilled-icon-pressed-bg:var(--color-interaction-on-strong-background-pressed);--ds-button-unfilled-icon-dot-ring:var(--color-background-strong-neutral);--ds-button-unfilled-icon-border:var(--color-border-on-strong-background-tertiary);--ds-focus-ring-color:var(--color-interaction-on-strong-background-focus)}.button-icon--on-always-dark.sc-ds-button-unfilled-icon{--ds-button-unfilled-icon-fg:var(--color-always-dark-foreground-secondary);--ds-button-unfilled-icon-fg-active:var(--color-always-dark-foreground-primary);--ds-button-unfilled-icon-active-bg:var(--color-always-dark-interaction-active);--ds-button-unfilled-icon-hover-bg:var(--color-always-dark-interaction-hover);--ds-button-unfilled-icon-pressed-bg:var(--color-always-dark-interaction-pressed);--ds-button-unfilled-icon-dot-ring:var(--color-always-dark-background);--ds-focus-ring-color:var(--color-always-dark-interaction-focus)}.button-icon--on-navigation.sc-ds-button-unfilled-icon{--ds-button-unfilled-icon-fg:var(--color-navigation-foreground-secondary);--ds-button-unfilled-icon-fg-active:var(--color-navigation-foreground-primary);--ds-button-unfilled-icon-active-bg:var(--color-navigation-interaction-active);--ds-button-unfilled-icon-hover-bg:var(--color-navigation-interaction-hover);--ds-button-unfilled-icon-pressed-bg:var(--color-navigation-interaction-pressed);--ds-button-unfilled-icon-dot-ring:var(--color-navigation-background);--ds-focus-ring-color:var(--color-navigation-interaction-focus)}.button-icon__icon-wrap.sc-ds-button-unfilled-icon{position:relative;width:var(--dimension-iconography-md);height:var(--dimension-iconography-md);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;z-index:2}.button-icon__dot.sc-ds-button-unfilled-icon{position:absolute;top:0;right:0;pointer-events:none}`;const a=o(class o extends n{constructor(o){super();if(o!==false){this.__registerHost()}this.dsClick=i(this,"dsClick");this.dsChange=i(this,"dsChange");this.icon="";this.isActive=false;this.activeFill=true;this.hasBorder=false;this.dot=false;this.inactive=false;this.type="button";this.ariaLabel="action";this.buttonEl=null;this.handleClick=o=>{if(this.inactive)return;this.dsClick.emit(o);this.dsChange.emit(!this.isActive)}}async setFocus(){this.buttonEl?.focus()}effectiveContrast(){return this.backgroundContrast??"default"}render(){const o=this.background;const n=this.effectiveContrast();const i={"button-icon":true,"ds-focus-ring-inset":true,"button-icon--active":this.isActive,"button-icon--active-fill":this.isActive&&this.activeFill,"button-icon--bordered":this.hasBorder,"button-icon--inactive":this.inactive,"button-icon--contrast-medium":n==="medium","button-icon--contrast-bold":n==="bold","button-icon--contrast-strong":n==="strong","button-icon--on-always-dark":o==="always-dark","button-icon--on-navigation":o==="navigation"};return t(r,{key:"ec89ac359f7d3e446e6c9e7590e7ebdd749853d2",tabIndex:-1},t("button",{key:"ba0e4c4a841917fd82e05b15f2a29c35e4261c19",ref:o=>{this.buttonEl=o??null},type:this.type,class:i,disabled:this.inactive,tabIndex:this.focusTabIndex??0,"aria-label":this.ariaLabel,"aria-controls":this.controls,"aria-expanded":this.expanded===undefined?undefined:String(this.expanded),"aria-haspopup":this.haspopup,"aria-pressed":this.pressed===undefined?undefined:String(this.pressed),onClick:this.handleClick},t("span",{key:"4ae9fef28410d70600d1d4f1716977da2580ff44",class:"button-icon__icon-wrap"},t("ds-icon",{key:"71669e8aec551277ce8ef3b5c4513b0735114133",name:this.icon,size:"md",color:"inherit"}),this.dot&&t("ds-badge",{key:"35e245c613bb8f32519a351624860b757b8eb863",class:"button-icon__dot",variant:"dot",background:"var(--ds-button-unfilled-icon-dot-ring)",label:"","aria-hidden":"true"}))))}get el(){return this}static get style(){return d()}},[2,"ds-button-unfilled-icon",{icon:[1],isActive:[4,"is-active"],activeFill:[4,"active-fill"],hasBorder:[4,"has-border"],dot:[4],inactive:[4],type:[1],backgroundContrast:[1,"on-background-contrast"],background:[1],ariaLabel:[1,"aria-label"],controls:[1],expanded:[4],haspopup:[1],pressed:[4],focusTabIndex:[2,"tab-index"],setFocus:[64]}]);function u(){if(typeof customElements==="undefined"){return}const o=["ds-button-unfilled-icon","ds-badge","ds-icon"];o.forEach((o=>{switch(o){case"ds-button-unfilled-icon":if(!customElements.get(e(o))){customElements.define(e(o),a)}break;case"ds-badge":if(!customElements.get(e(o))){s()}break;case"ds-icon":if(!customElements.get(e(o))){c()}break}}))}u();export{a as B,u as d};
+//# sourceMappingURL=p-C_hgdYcC.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["buttonUnfilledIconCss","ButtonUnfilledIcon","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","icon","isActive","activeFill","hasBorder","dot","inactive","type","ariaLabel","buttonEl","handleClick","event","dsClick","emit","dsChange","setFocus","focus","effectiveContrast","backgroundContrast","render","bg","background","contrast","cls","h","Host","key","tabIndex","ref","el","class","disabled","focusTabIndex","controls","expanded","undefined","String","haspopup","pressed","onClick","name","size","color","variant","label"],"sources":["src/wc/components/ButtonUnfilledIcon/ButtonUnfilledIcon.css?tag=ds-button-unfilled-icon&encapsulation=scoped","src/wc/components/ButtonUnfilledIcon/ButtonUnfilledIcon.tsx"],"sourcesContent":["@import '../../utils/focus-ring.css';\n\n:host {\n  display: inline-flex;\n  flex: 0 0 auto;\n  width: var(--dimension-size-400);\n  height: var(--dimension-size-400);\n  min-width: var(--dimension-size-400);\n  min-height: var(--dimension-size-400);\n  outline: none;\n  --ds-button-unfilled-icon-fg: var(--color-foreground-secondary);\n  --ds-button-unfilled-icon-fg-active: var(--color-foreground-primary);\n  --ds-button-unfilled-icon-active-bg: var(--color-interaction-active);\n  --ds-button-unfilled-icon-hover-bg: var(--color-interaction-hover);\n  --ds-button-unfilled-icon-pressed-bg: var(--color-interaction-pressed);\n  --ds-button-unfilled-icon-dot-ring: var(--color-background-secondary);\n  --ds-button-unfilled-icon-border: var(--color-border-tertiary);\n}\n\n.button-icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  padding: var(--dimension-space-075);\n  background: transparent;\n  border: none;\n  border-radius: var(--dimension-radius-025);\n  color: var(--ds-button-unfilled-icon-fg);\n  cursor: pointer;\n  box-sizing: border-box;\n  -webkit-user-select: none;\n  user-select: none;\n  position: relative;\n  overflow: hidden;\n  transition: color var(--effect-motion-short-2);\n}\n\n.button-icon::before,\n.button-icon::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  border-radius: inherit;\n  background: transparent;\n  pointer-events: none;\n  transition: none;\n}\n\n/* Layer stack (bottom → top): active fill → hover/press (over border). */\n.button-icon::before {\n  z-index: 1;\n}\n\n.button-icon::after {\n  z-index: 2;\n}\n\n.button-icon--active-fill::before {\n  background: var(--ds-button-unfilled-icon-active-bg);\n}\n\n.button-icon:hover:not(.button-icon--inactive)::after {\n  background: var(--ds-button-unfilled-icon-hover-bg);\n  transition: none;\n}\n\n.button-icon:active:not(.button-icon--inactive)::after {\n  background: var(--ds-button-unfilled-icon-pressed-bg);\n  transition: none;\n}\n\n.button-icon--active {\n  color: var(--ds-button-unfilled-icon-fg-active);\n}\n\n.button-icon--bordered {\n  box-shadow: inset 0 0 0 var(--dimension-stroke-width-012) var(--ds-button-unfilled-icon-border);\n}\n\n.button-icon--inactive {\n  opacity: 0.5;\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n.button-icon--contrast-medium {\n  --ds-button-unfilled-icon-fg: var(--color-foreground-on-medium-background-secondary);\n  --ds-button-unfilled-icon-fg-active: var(--color-foreground-on-medium-background-primary);\n  --ds-button-unfilled-icon-active-bg: var(--color-interaction-on-medium-background-active);\n  --ds-button-unfilled-icon-hover-bg: var(--color-interaction-on-medium-background-hover);\n  --ds-button-unfilled-icon-pressed-bg: var(--color-interaction-on-medium-background-pressed);\n  --ds-button-unfilled-icon-dot-ring: var(--color-background-medium-neutral);\n  --ds-button-unfilled-icon-border: var(--color-border-on-medium-background-tertiary);\n  --ds-focus-ring-color: var(--color-interaction-on-medium-background-focus);\n}\n\n.button-icon--contrast-bold {\n  --ds-button-unfilled-icon-fg: var(--color-foreground-on-bold-background-secondary);\n  --ds-button-unfilled-icon-fg-active: var(--color-foreground-on-bold-background-primary);\n  --ds-button-unfilled-icon-active-bg: var(--color-interaction-on-bold-background-active);\n  --ds-button-unfilled-icon-hover-bg: var(--color-interaction-on-bold-background-hover);\n  --ds-button-unfilled-icon-pressed-bg: var(--color-interaction-on-bold-background-pressed);\n  --ds-button-unfilled-icon-dot-ring: var(--color-background-bold-neutral);\n  --ds-button-unfilled-icon-border: var(--color-border-on-bold-background-tertiary);\n  --ds-focus-ring-color: var(--color-interaction-on-bold-background-focus);\n}\n\n.button-icon--contrast-strong {\n  --ds-button-unfilled-icon-fg: var(--color-foreground-on-strong-background-secondary);\n  --ds-button-unfilled-icon-fg-active: var(--color-foreground-on-strong-background-primary);\n  --ds-button-unfilled-icon-active-bg: var(--color-interaction-on-strong-background-active);\n  --ds-button-unfilled-icon-hover-bg: var(--color-interaction-on-strong-background-hover);\n  --ds-button-unfilled-icon-pressed-bg: var(--color-interaction-on-strong-background-pressed);\n  --ds-button-unfilled-icon-dot-ring: var(--color-background-strong-neutral);\n  --ds-button-unfilled-icon-border: var(--color-border-on-strong-background-tertiary);\n  --ds-focus-ring-color: var(--color-interaction-on-strong-background-focus);\n}\n\n.button-icon--on-always-dark {\n  --ds-button-unfilled-icon-fg: var(--color-always-dark-foreground-secondary);\n  --ds-button-unfilled-icon-fg-active: var(--color-always-dark-foreground-primary);\n  --ds-button-unfilled-icon-active-bg: var(--color-always-dark-interaction-active);\n  --ds-button-unfilled-icon-hover-bg: var(--color-always-dark-interaction-hover);\n  --ds-button-unfilled-icon-pressed-bg: var(--color-always-dark-interaction-pressed);\n  --ds-button-unfilled-icon-dot-ring: var(--color-always-dark-background);\n  --ds-focus-ring-color: var(--color-always-dark-interaction-focus);\n}\n\n.button-icon--on-navigation {\n  --ds-button-unfilled-icon-fg: var(--color-navigation-foreground-secondary);\n  --ds-button-unfilled-icon-fg-active: var(--color-navigation-foreground-primary);\n  --ds-button-unfilled-icon-active-bg: var(--color-navigation-interaction-active);\n  --ds-button-unfilled-icon-hover-bg: var(--color-navigation-interaction-hover);\n  --ds-button-unfilled-icon-pressed-bg: var(--color-navigation-interaction-pressed);\n  --ds-button-unfilled-icon-dot-ring: var(--color-navigation-background);\n  --ds-focus-ring-color: var(--color-navigation-interaction-focus);\n}\n\n.button-icon__icon-wrap {\n  position: relative;\n  width: var(--dimension-iconography-md);\n  height: var(--dimension-iconography-md);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  z-index: 2;\n}\n\n.button-icon__dot {\n  position: absolute;\n  top: 0;\n  right: 0;\n  pointer-events: none;\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop } from '@stencil/core';\n\nexport type ButtonUnfilledIconOnBackgroundContrast = 'default' | 'medium' | 'bold' | 'strong';\n\nexport type ButtonUnfilledIconBackground = 'always-dark' | 'navigation';\n\n@Component({\n  tag: 'ds-button-unfilled-icon',\n  styleUrl: 'ButtonUnfilledIcon.css',\n  scoped: true,\n})\nexport class ButtonUnfilledIcon {\n  @Element() el!: HTMLElement;\n\n  /** Icon name passed to <ds-icon>. */\n  @Prop() icon: string = '';\n\n  /** Active/selected visual state. */\n  @Prop() isActive: boolean = false;\n\n  /** When active, render the active interaction fill. Shell chrome can disable this while keeping active icon colour. */\n  @Prop() activeFill: boolean = true;\n\n  /** Show a 1px tertiary border without changing the interaction model. */\n  @Prop() hasBorder: boolean = false;\n\n  /** Show a notification dot at the top-right of the icon zone. */\n  @Prop() dot: boolean = false;\n\n  /** Disables interaction. */\n  @Prop() inactive: boolean = false;\n\n  /** Native button type. */\n  @Prop() type: 'button' | 'submit' | 'reset' = 'button';\n\n  /**\n   * Foreground and interaction tokens when the button sits on a contrasting parent\n   * background (default, medium, bold, or strong).\n   */\n  @Prop({ attribute: 'on-background-contrast' })\n  backgroundContrast?: ButtonUnfilledIconOnBackgroundContrast;\n\n  /** Parent surface context for navigation and always-dark chrome. */\n  @Prop() background: ButtonUnfilledIconBackground | undefined;\n\n  @Prop({ attribute: 'aria-label' }) ariaLabel: string = 'action';\n  @Prop() controls: string | undefined;\n  @Prop() expanded: boolean | undefined;\n  @Prop() haspopup: string | undefined;\n  @Prop() pressed: boolean | undefined;\n\n  /**\n   * Native `tabindex` for roving keyboard groups in shell chrome.\n   * Omit for the default button tab stop (`0`).\n   */\n  @Prop({ attribute: 'tab-index' }) focusTabIndex?: number;\n\n  @Event() dsClick!: EventEmitter<MouseEvent>;\n  @Event() dsChange!: EventEmitter<boolean>;\n\n  private buttonEl: HTMLButtonElement | null = null;\n\n  @Method()\n  async setFocus() {\n    this.buttonEl?.focus();\n  }\n\n  private handleClick = (event: MouseEvent) => {\n    if (this.inactive) return;\n    this.dsClick.emit(event);\n    this.dsChange.emit(!this.isActive);\n  };\n\n  private effectiveContrast(): ButtonUnfilledIconOnBackgroundContrast {\n    return this.backgroundContrast ?? 'default';\n  }\n\n  render() {\n    const bg = this.background;\n    const contrast = this.effectiveContrast();\n\n    const cls: Record<string, boolean> = {\n      'button-icon': true,\n      'ds-focus-ring-inset': true,\n      'button-icon--active': this.isActive,\n      'button-icon--active-fill': this.isActive && this.activeFill,\n      'button-icon--bordered': this.hasBorder,\n      'button-icon--inactive': this.inactive,\n      'button-icon--contrast-medium': contrast === 'medium',\n      'button-icon--contrast-bold': contrast === 'bold',\n      'button-icon--contrast-strong': contrast === 'strong',\n      'button-icon--on-always-dark': bg === 'always-dark',\n      'button-icon--on-navigation': bg === 'navigation',\n    };\n\n    return (\n      <Host tabIndex={-1}>\n        <button\n          ref={el => {\n            this.buttonEl = el ?? null;\n          }}\n          type={this.type}\n          class={cls}\n          disabled={this.inactive}\n          tabIndex={this.focusTabIndex ?? 0}\n          aria-label={this.ariaLabel}\n          aria-controls={this.controls}\n          aria-expanded={this.expanded === undefined ? undefined : String(this.expanded)}\n          aria-haspopup={this.haspopup}\n          aria-pressed={this.pressed === undefined ? undefined : String(this.pressed)}\n          onClick={this.handleClick}\n        >\n          <span class=\"button-icon__icon-wrap\">\n            <ds-icon name={this.icon} size=\"md\" color=\"inherit\" />\n            {this.dot && (\n              <ds-badge\n                class=\"button-icon__dot\"\n                variant=\"dot\"\n                background=\"var(--ds-button-unfilled-icon-dot-ring)\"\n                label=\"\"\n                aria-hidden=\"true\"\n              />\n            )}\n          </span>\n        </button>\n      </Host>\n    );\n  }\n}\n"],"mappings":"0IAAA,MAAMA,EAAwB,IAAM,wyN,MCWvBC,EAAkBC,EAAA,MAAAD,UAAAE,EAL/B,WAAAC,CAAAC,G,4GASUC,KAAAC,KAAe,GAGfD,KAAAE,SAAoB,MAGpBF,KAAAG,WAAsB,KAGtBH,KAAAI,UAAqB,MAGrBJ,KAAAK,IAAe,MAGfL,KAAAM,SAAoB,MAGpBN,KAAAO,KAAsC,SAYXP,KAAAQ,UAAoB,SAe/CR,KAAAS,SAAqC,KAOrCT,KAAAU,YAAeC,IACrB,GAAIX,KAAKM,SAAU,OACnBN,KAAKY,QAAQC,KAAKF,GAClBX,KAAKc,SAASD,MAAMb,KAAKE,SAAS,CA0DrC,CAjEC,cAAMa,GACJf,KAAKS,UAAUO,O,CAST,iBAAAC,GACN,OAAOjB,KAAKkB,oBAAsB,S,CAGpC,MAAAC,GACE,MAAMC,EAAKpB,KAAKqB,WAChB,MAAMC,EAAWtB,KAAKiB,oBAEtB,MAAMM,EAA+B,CACnC,cAAe,KACf,sBAAuB,KACvB,sBAAuBvB,KAAKE,SAC5B,2BAA4BF,KAAKE,UAAYF,KAAKG,WAClD,wBAAyBH,KAAKI,UAC9B,wBAAyBJ,KAAKM,SAC9B,+BAAgCgB,IAAa,SAC7C,6BAA8BA,IAAa,OAC3C,+BAAgCA,IAAa,SAC7C,8BAA+BF,IAAO,cACtC,6BAA8BA,IAAO,cAGvC,OACEI,EAACC,EAAI,CAAAC,IAAA,2CAACC,UAAU,GACdH,EAAA,UAAAE,IAAA,2CACEE,IAAKC,IACH7B,KAAKS,SAAWoB,GAAM,IAAI,EAE5BtB,KAAMP,KAAKO,KACXuB,MAAOP,EACPQ,SAAU/B,KAAKM,SACfqB,SAAU3B,KAAKgC,eAAiB,EAAC,aACrBhC,KAAKQ,UAAS,gBACXR,KAAKiC,SAAQ,gBACbjC,KAAKkC,WAAaC,UAAYA,UAAYC,OAAOpC,KAAKkC,UAAS,gBAC/DlC,KAAKqC,SAAQ,eACdrC,KAAKsC,UAAYH,UAAYA,UAAYC,OAAOpC,KAAKsC,SACnEC,QAASvC,KAAKU,aAEdc,EAAA,QAAAE,IAAA,2CAAMI,MAAM,0BACVN,EAAA,WAAAE,IAAA,2CAASc,KAAMxC,KAAKC,KAAMwC,KAAK,KAAKC,MAAM,YACzC1C,KAAKK,KACJmB,EAAA,YAAAE,IAAA,2CACEI,MAAM,mBACNa,QAAQ,MACRtB,WAAW,0CACXuB,MAAM,GAAE,cACI,W","ignoreList":[]}

package/dist/components/p-Cv5NDZug.js

@@ -0,0 +1,2 @@
+import{p as t,H as o,c as n,h as l,a as i,t as d}from"./index.js";import{d as e}from"./p-CF4avTQw.js";const r=()=>`.sc-ds-button-filled-h{--ds-focus-ring-width:var(--dimension-stroke-width-025, 2px);--ds-focus-ring-offset:var(--dimension-space-025, 2px);--ds-focus-ring-color:var(--color-interaction-focus)}.ds-focus-ring.sc-ds-button-filled:focus-visible{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}.ds-focus-ring.ds-focus-ring--visible.sc-ds-button-filled{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}.ds-focus-ring-inset.sc-ds-button-filled:focus-visible{outline:none}.ds-focus-ring-inset.sc-ds-button-filled:focus-visible::after{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:calc(-1 * var(--ds-focus-ring-width))}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-button-filled{outline:none}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-button-filled::after{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:calc(-1 * var(--ds-focus-ring-width))}.sc-ds-button-filled-h{display:inline-flex;flex:0 0 auto;width:var(--dimension-size-400);height:var(--dimension-size-400);min-width:var(--dimension-size-400);min-height:var(--dimension-size-400);outline:none;--ds-button-filled-bg:var(--color-background-bold-brand);--ds-button-filled-fg:var(--color-foreground-faint-brand)}.button-filled.sc-ds-button-filled{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--dimension-space-075);border:none;border-radius:var(--dimension-radius-025);background-color:var(--ds-button-filled-bg);color:var(--ds-button-filled-fg);cursor:pointer;box-sizing:border-box;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden;transition:background-color var(--effect-motion-short-2),     color var(--effect-motion-short-2),     transform var(--effect-motion-short-2)}.button-filled.sc-ds-button-filled::before,.button-filled.sc-ds-button-filled::after{content:'';position:absolute;inset:0;border-radius:inherit;background:transparent;pointer-events:none;transition:none}.button-filled.sc-ds-button-filled::before{z-index:1}.button-filled.sc-ds-button-filled::after{z-index:2}.button-filled.sc-ds-button-filled:hover:not(.button-filled--inactive)::before{background:color-mix(in oklch, var(--ds-button-filled-bg) 85%, var(--ds-button-filled-fg))}.button-filled.sc-ds-button-filled:active:not(.button-filled--inactive){transform:scale(var(--dimension-scale-subtle))}.button-filled.sc-ds-button-filled:active:not(.button-filled--inactive)::before{background:color-mix(in oklch, var(--ds-button-filled-bg) 80%, var(--ds-button-filled-fg))}.button-filled--inactive.sc-ds-button-filled{opacity:0.5;cursor:not-allowed;pointer-events:none}.button-filled__icon-wrap.sc-ds-button-filled{position:relative;width:var(--dimension-iconography-md);height:var(--dimension-iconography-md);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;z-index:2}.button-filled--intent-neutral.sc-ds-button-filled{--ds-button-filled-bg:var(--color-background-bold-neutral);--ds-button-filled-fg:var(--color-foreground-faint-neutral)}.button-filled--intent-brand.sc-ds-button-filled{--ds-button-filled-bg:var(--color-background-bold-brand);--ds-button-filled-fg:var(--color-foreground-faint-brand)}.button-filled--intent-ai.sc-ds-button-filled{--ds-button-filled-bg:var(--color-background-bold-ai);--ds-button-filled-fg:var(--color-foreground-faint-ai)}.button-filled--intent-negative.sc-ds-button-filled{--ds-button-filled-bg:var(--color-background-bold-negative);--ds-button-filled-fg:var(--color-foreground-faint-negative)}.button-filled--intent-warning.sc-ds-button-filled{--ds-button-filled-bg:var(--color-background-bold-warning);--ds-button-filled-fg:var(--color-foreground-faint-warning)}.button-filled--intent-caution.sc-ds-button-filled{--ds-button-filled-bg:var(--color-background-bold-caution);--ds-button-filled-fg:var(--color-foreground-faint-caution)}.button-filled--intent-positive.sc-ds-button-filled{--ds-button-filled-bg:var(--color-background-bold-positive);--ds-button-filled-fg:var(--color-foreground-faint-positive)}.button-filled--intent-guide.sc-ds-button-filled{--ds-button-filled-bg:var(--color-background-bold-guide);--ds-button-filled-fg:var(--color-foreground-faint-guide)}.button-filled--intent-walkthrough.sc-ds-button-filled{--ds-button-filled-bg:var(--color-background-bold-walkthrough);--ds-button-filled-fg:var(--color-foreground-faint-walkthrough)}.button-filled--contrast-strong.button-filled--intent-neutral.sc-ds-button-filled{--ds-button-filled-bg:var(--color-background-strong-neutral);--ds-button-filled-fg:var(--color-foreground-medium-neutral)}.button-filled--contrast-strong.button-filled--intent-brand.sc-ds-button-filled{--ds-button-filled-bg:var(--color-background-strong-brand);--ds-button-filled-fg:var(--color-foreground-medium-brand)}.button-filled--contrast-strong.button-filled--intent-ai.sc-ds-button-filled{--ds-button-filled-bg:var(--color-background-strong-ai);--ds-button-filled-fg:var(--color-foreground-medium-ai)}.button-filled--contrast-strong.button-filled--intent-negative.sc-ds-button-filled{--ds-button-filled-bg:var(--color-background-strong-negative);--ds-button-filled-fg:var(--color-foreground-medium-negative)}.button-filled--contrast-strong.button-filled--intent-warning.sc-ds-button-filled{--ds-button-filled-bg:var(--color-background-strong-warning);--ds-button-filled-fg:var(--color-foreground-medium-warning)}.button-filled--contrast-strong.button-filled--intent-caution.sc-ds-button-filled{--ds-button-filled-bg:var(--color-background-strong-caution);--ds-button-filled-fg:var(--color-foreground-medium-caution)}.button-filled--contrast-strong.button-filled--intent-positive.sc-ds-button-filled{--ds-button-filled-bg:var(--color-background-strong-positive);--ds-button-filled-fg:var(--color-foreground-medium-positive)}.button-filled--contrast-strong.button-filled--intent-guide.sc-ds-button-filled{--ds-button-filled-bg:var(--color-background-strong-guide);--ds-button-filled-fg:var(--color-foreground-medium-guide)}.button-filled--contrast-strong.button-filled--intent-walkthrough.sc-ds-button-filled{--ds-button-filled-bg:var(--color-background-strong-walkthrough);--ds-button-filled-fg:var(--color-foreground-medium-walkthrough)}.button-filled--contrast-medium.button-filled--intent-neutral.sc-ds-button-filled{--ds-button-filled-bg:var(--color-background-medium-neutral);--ds-button-filled-fg:var(--color-foreground-strong-neutral)}.button-filled--contrast-medium.button-filled--intent-brand.sc-ds-button-filled{--ds-button-filled-bg:var(--color-background-medium-brand);--ds-button-filled-fg:var(--color-foreground-strong-brand)}.button-filled--contrast-medium.button-filled--intent-ai.sc-ds-button-filled{--ds-button-filled-bg:var(--color-background-medium-ai);--ds-button-filled-fg:var(--color-foreground-strong-ai)}.button-filled--contrast-medium.button-filled--intent-negative.sc-ds-button-filled{--ds-button-filled-bg:var(--color-background-medium-negative);--ds-button-filled-fg:var(--color-foreground-strong-negative)}.button-filled--contrast-medium.button-filled--intent-warning.sc-ds-button-filled{--ds-button-filled-bg:var(--color-background-medium-warning);--ds-button-filled-fg:var(--color-foreground-strong-warning)}.button-filled--contrast-medium.button-filled--intent-caution.sc-ds-button-filled{--ds-button-filled-bg:var(--color-background-medium-caution);--ds-button-filled-fg:var(--color-foreground-strong-caution)}.button-filled--contrast-medium.button-filled--intent-positive.sc-ds-button-filled{--ds-button-filled-bg:var(--color-background-medium-positive);--ds-button-filled-fg:var(--color-foreground-strong-positive)}.button-filled--contrast-medium.button-filled--intent-guide.sc-ds-button-filled{--ds-button-filled-bg:var(--color-background-medium-guide);--ds-button-filled-fg:var(--color-foreground-strong-guide)}.button-filled--contrast-medium.button-filled--intent-walkthrough.sc-ds-button-filled{--ds-button-filled-bg:var(--color-background-medium-walkthrough);--ds-button-filled-fg:var(--color-foreground-strong-walkthrough)}.button-filled--contrast-faint.button-filled--intent-neutral.sc-ds-button-filled{--ds-button-filled-bg:var(--color-background-faint-neutral);--ds-button-filled-fg:var(--color-foreground-bold-neutral)}.button-filled--contrast-faint.button-filled--intent-brand.sc-ds-button-filled{--ds-button-filled-bg:var(--color-background-faint-brand);--ds-button-filled-fg:var(--color-foreground-bold-brand)}.button-filled--contrast-faint.button-filled--intent-ai.sc-ds-button-filled{--ds-button-filled-bg:var(--color-background-faint-ai);--ds-button-filled-fg:var(--color-foreground-bold-ai)}.button-filled--contrast-faint.button-filled--intent-negative.sc-ds-button-filled{--ds-button-filled-bg:var(--color-background-faint-negative);--ds-button-filled-fg:var(--color-foreground-bold-negative)}.button-filled--contrast-faint.button-filled--intent-warning.sc-ds-button-filled{--ds-button-filled-bg:var(--color-background-faint-warning);--ds-button-filled-fg:var(--color-foreground-bold-warning)}.button-filled--contrast-faint.button-filled--intent-caution.sc-ds-button-filled{--ds-button-filled-bg:var(--color-background-faint-caution);--ds-button-filled-fg:var(--color-foreground-bold-caution)}.button-filled--contrast-faint.button-filled--intent-positive.sc-ds-button-filled{--ds-button-filled-bg:var(--color-background-faint-positive);--ds-button-filled-fg:var(--color-foreground-bold-positive)}.button-filled--contrast-faint.button-filled--intent-guide.sc-ds-button-filled{--ds-button-filled-bg:var(--color-background-faint-guide);--ds-button-filled-fg:var(--color-foreground-bold-guide)}.button-filled--contrast-faint.button-filled--intent-walkthrough.sc-ds-button-filled{--ds-button-filled-bg:var(--color-background-faint-walkthrough);--ds-button-filled-fg:var(--color-foreground-bold-walkthrough)}`;const s=t(class t extends o{constructor(t){super();if(t!==false){this.__registerHost()}this.dsClick=n(this,"dsClick");this.icon="";this.intent="brand";this.contrast="bold";this.inactive=false;this.type="button";this.ariaLabel="action";this.buttonEl=null;this.handleClick=t=>{if(this.inactive)return;this.dsClick.emit(t)}}async setFocus(){this.buttonEl?.focus()}render(){const t={"button-filled":true,"ds-focus-ring-inset":true,"button-filled--inactive":this.inactive,[`button-filled--intent-${this.intent}`]:true,[`button-filled--contrast-${this.contrast}`]:this.contrast!=="bold"};return l(i,{key:"aec4966e1b9991fd889db25ae02f7fdcc52f553b",tabIndex:-1},l("button",{key:"fb98aafd42093830d8760bff073ad3c99e78e02b",ref:t=>{this.buttonEl=t??null},type:this.type,class:t,disabled:this.inactive,"aria-label":this.ariaLabel,onClick:this.handleClick},l("span",{key:"4122a00b653c487af06589b6d424b5ddf53f6dd1",class:"button-filled__icon-wrap"},l("ds-icon",{key:"e67d2d10871bac70bbb6e7dbe8f8603d817c8af3",name:this.icon,size:"md",color:"inherit"}))))}get el(){return this}static get style(){return r()}},[2,"ds-button-filled",{icon:[1],intent:[1],contrast:[1],inactive:[4],type:[1],ariaLabel:[1,"aria-label"],setFocus:[64]}]);function u(){if(typeof customElements==="undefined"){return}const t=["ds-button-filled","ds-icon"];t.forEach((t=>{switch(t){case"ds-button-filled":if(!customElements.get(d(t))){customElements.define(d(t),s)}break;case"ds-icon":if(!customElements.get(d(t))){e()}break}}))}u();export{s as B,u as d};
+//# sourceMappingURL=p-Cv5NDZug.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["buttonFilledCss","ButtonFilled","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","icon","intent","contrast","inactive","type","ariaLabel","buttonEl","handleClick","event","dsClick","emit","setFocus","focus","render","cls","h","Host","key","tabIndex","ref","el","class","disabled","onClick","name","size","color"],"sources":["src/wc/components/ButtonFilled/ButtonFilled.css?tag=ds-button-filled&encapsulation=scoped","src/wc/components/ButtonFilled/ButtonFilled.tsx"],"sourcesContent":["@import '../../utils/focus-ring.css';\n\n:host {\n  display: inline-flex;\n  flex: 0 0 auto;\n  width: var(--dimension-size-400);\n  height: var(--dimension-size-400);\n  min-width: var(--dimension-size-400);\n  min-height: var(--dimension-size-400);\n  outline: none;\n  --ds-button-filled-bg: var(--color-background-bold-brand);\n  --ds-button-filled-fg: var(--color-foreground-faint-brand);\n}\n\n.button-filled {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  padding: var(--dimension-space-075);\n  border: none;\n  border-radius: var(--dimension-radius-025);\n  background-color: var(--ds-button-filled-bg);\n  color: var(--ds-button-filled-fg);\n  cursor: pointer;\n  box-sizing: border-box;\n  -webkit-user-select: none;\n  user-select: none;\n  position: relative;\n  overflow: hidden;\n  transition:\n    background-color var(--effect-motion-short-2),\n    color var(--effect-motion-short-2),\n    transform var(--effect-motion-short-2);\n}\n\n.button-filled::before,\n.button-filled::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  border-radius: inherit;\n  background: transparent;\n  pointer-events: none;\n  transition: none;\n}\n\n.button-filled::before {\n  z-index: 1;\n}\n\n.button-filled::after {\n  z-index: 2;\n}\n\n.button-filled:hover:not(.button-filled--inactive)::before {\n  background: color-mix(in oklch, var(--ds-button-filled-bg) 85%, var(--ds-button-filled-fg));\n}\n\n.button-filled:active:not(.button-filled--inactive) {\n  transform: scale(var(--dimension-scale-subtle));\n}\n\n.button-filled:active:not(.button-filled--inactive)::before {\n  background: color-mix(in oklch, var(--ds-button-filled-bg) 80%, var(--ds-button-filled-fg));\n}\n\n.button-filled--inactive {\n  opacity: 0.5;\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n.button-filled__icon-wrap {\n  position: relative;\n  width: var(--dimension-iconography-md);\n  height: var(--dimension-iconography-md);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  z-index: 2;\n}\n\n/* ── Intent + contrast (bold default) ─────────────────────────────────────── */\n\n.button-filled--intent-neutral {\n  --ds-button-filled-bg: var(--color-background-bold-neutral);\n  --ds-button-filled-fg: var(--color-foreground-faint-neutral);\n}\n\n.button-filled--intent-brand {\n  --ds-button-filled-bg: var(--color-background-bold-brand);\n  --ds-button-filled-fg: var(--color-foreground-faint-brand);\n}\n\n.button-filled--intent-ai {\n  --ds-button-filled-bg: var(--color-background-bold-ai);\n  --ds-button-filled-fg: var(--color-foreground-faint-ai);\n}\n\n.button-filled--intent-negative {\n  --ds-button-filled-bg: var(--color-background-bold-negative);\n  --ds-button-filled-fg: var(--color-foreground-faint-negative);\n}\n\n.button-filled--intent-warning {\n  --ds-button-filled-bg: var(--color-background-bold-warning);\n  --ds-button-filled-fg: var(--color-foreground-faint-warning);\n}\n\n.button-filled--intent-caution {\n  --ds-button-filled-bg: var(--color-background-bold-caution);\n  --ds-button-filled-fg: var(--color-foreground-faint-caution);\n}\n\n.button-filled--intent-positive {\n  --ds-button-filled-bg: var(--color-background-bold-positive);\n  --ds-button-filled-fg: var(--color-foreground-faint-positive);\n}\n\n.button-filled--intent-guide {\n  --ds-button-filled-bg: var(--color-background-bold-guide);\n  --ds-button-filled-fg: var(--color-foreground-faint-guide);\n}\n\n.button-filled--intent-walkthrough {\n  --ds-button-filled-bg: var(--color-background-bold-walkthrough);\n  --ds-button-filled-fg: var(--color-foreground-faint-walkthrough);\n}\n\n/* strong → medium fg */\n.button-filled--contrast-strong.button-filled--intent-neutral {\n  --ds-button-filled-bg: var(--color-background-strong-neutral);\n  --ds-button-filled-fg: var(--color-foreground-medium-neutral);\n}\n\n.button-filled--contrast-strong.button-filled--intent-brand {\n  --ds-button-filled-bg: var(--color-background-strong-brand);\n  --ds-button-filled-fg: var(--color-foreground-medium-brand);\n}\n\n.button-filled--contrast-strong.button-filled--intent-ai {\n  --ds-button-filled-bg: var(--color-background-strong-ai);\n  --ds-button-filled-fg: var(--color-foreground-medium-ai);\n}\n\n.button-filled--contrast-strong.button-filled--intent-negative {\n  --ds-button-filled-bg: var(--color-background-strong-negative);\n  --ds-button-filled-fg: var(--color-foreground-medium-negative);\n}\n\n.button-filled--contrast-strong.button-filled--intent-warning {\n  --ds-button-filled-bg: var(--color-background-strong-warning);\n  --ds-button-filled-fg: var(--color-foreground-medium-warning);\n}\n\n.button-filled--contrast-strong.button-filled--intent-caution {\n  --ds-button-filled-bg: var(--color-background-strong-caution);\n  --ds-button-filled-fg: var(--color-foreground-medium-caution);\n}\n\n.button-filled--contrast-strong.button-filled--intent-positive {\n  --ds-button-filled-bg: var(--color-background-strong-positive);\n  --ds-button-filled-fg: var(--color-foreground-medium-positive);\n}\n\n.button-filled--contrast-strong.button-filled--intent-guide {\n  --ds-button-filled-bg: var(--color-background-strong-guide);\n  --ds-button-filled-fg: var(--color-foreground-medium-guide);\n}\n\n.button-filled--contrast-strong.button-filled--intent-walkthrough {\n  --ds-button-filled-bg: var(--color-background-strong-walkthrough);\n  --ds-button-filled-fg: var(--color-foreground-medium-walkthrough);\n}\n\n/* medium → strong fg */\n.button-filled--contrast-medium.button-filled--intent-neutral {\n  --ds-button-filled-bg: var(--color-background-medium-neutral);\n  --ds-button-filled-fg: var(--color-foreground-strong-neutral);\n}\n\n.button-filled--contrast-medium.button-filled--intent-brand {\n  --ds-button-filled-bg: var(--color-background-medium-brand);\n  --ds-button-filled-fg: var(--color-foreground-strong-brand);\n}\n\n.button-filled--contrast-medium.button-filled--intent-ai {\n  --ds-button-filled-bg: var(--color-background-medium-ai);\n  --ds-button-filled-fg: var(--color-foreground-strong-ai);\n}\n\n.button-filled--contrast-medium.button-filled--intent-negative {\n  --ds-button-filled-bg: var(--color-background-medium-negative);\n  --ds-button-filled-fg: var(--color-foreground-strong-negative);\n}\n\n.button-filled--contrast-medium.button-filled--intent-warning {\n  --ds-button-filled-bg: var(--color-background-medium-warning);\n  --ds-button-filled-fg: var(--color-foreground-strong-warning);\n}\n\n.button-filled--contrast-medium.button-filled--intent-caution {\n  --ds-button-filled-bg: var(--color-background-medium-caution);\n  --ds-button-filled-fg: var(--color-foreground-strong-caution);\n}\n\n.button-filled--contrast-medium.button-filled--intent-positive {\n  --ds-button-filled-bg: var(--color-background-medium-positive);\n  --ds-button-filled-fg: var(--color-foreground-strong-positive);\n}\n\n.button-filled--contrast-medium.button-filled--intent-guide {\n  --ds-button-filled-bg: var(--color-background-medium-guide);\n  --ds-button-filled-fg: var(--color-foreground-strong-guide);\n}\n\n.button-filled--contrast-medium.button-filled--intent-walkthrough {\n  --ds-button-filled-bg: var(--color-background-medium-walkthrough);\n  --ds-button-filled-fg: var(--color-foreground-strong-walkthrough);\n}\n\n/* faint → bold fg */\n.button-filled--contrast-faint.button-filled--intent-neutral {\n  --ds-button-filled-bg: var(--color-background-faint-neutral);\n  --ds-button-filled-fg: var(--color-foreground-bold-neutral);\n}\n\n.button-filled--contrast-faint.button-filled--intent-brand {\n  --ds-button-filled-bg: var(--color-background-faint-brand);\n  --ds-button-filled-fg: var(--color-foreground-bold-brand);\n}\n\n.button-filled--contrast-faint.button-filled--intent-ai {\n  --ds-button-filled-bg: var(--color-background-faint-ai);\n  --ds-button-filled-fg: var(--color-foreground-bold-ai);\n}\n\n.button-filled--contrast-faint.button-filled--intent-negative {\n  --ds-button-filled-bg: var(--color-background-faint-negative);\n  --ds-button-filled-fg: var(--color-foreground-bold-negative);\n}\n\n.button-filled--contrast-faint.button-filled--intent-warning {\n  --ds-button-filled-bg: var(--color-background-faint-warning);\n  --ds-button-filled-fg: var(--color-foreground-bold-warning);\n}\n\n.button-filled--contrast-faint.button-filled--intent-caution {\n  --ds-button-filled-bg: var(--color-background-faint-caution);\n  --ds-button-filled-fg: var(--color-foreground-bold-caution);\n}\n\n.button-filled--contrast-faint.button-filled--intent-positive {\n  --ds-button-filled-bg: var(--color-background-faint-positive);\n  --ds-button-filled-fg: var(--color-foreground-bold-positive);\n}\n\n.button-filled--contrast-faint.button-filled--intent-guide {\n  --ds-button-filled-bg: var(--color-background-faint-guide);\n  --ds-button-filled-fg: var(--color-foreground-bold-guide);\n}\n\n.button-filled--contrast-faint.button-filled--intent-walkthrough {\n  --ds-button-filled-bg: var(--color-background-faint-walkthrough);\n  --ds-button-filled-fg: var(--color-foreground-bold-walkthrough);\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop } from '@stencil/core';\n\nexport type ButtonFilledIntent =\n  | 'neutral'\n  | 'brand'\n  | 'ai'\n  | 'negative'\n  | 'warning'\n  | 'caution'\n  | 'positive'\n  | 'guide'\n  | 'walkthrough';\n\nexport type ButtonFilledContrast = 'bold' | 'strong' | 'medium' | 'faint';\n\n@Component({\n  tag: 'ds-button-filled',\n  styleUrl: 'ButtonFilled.css',\n  scoped: true,\n})\nexport class ButtonFilled {\n  @Element() el!: HTMLElement;\n\n  /** Icon name passed to <ds-icon>. */\n  @Prop() icon: string = '';\n\n  /** Semantic colour intent. */\n  @Prop() intent: ButtonFilledIntent = 'brand';\n\n  /**\n   * Background fill weight. Foreground uses the paired contrast token:\n   * bold → faint, strong → medium, medium → strong, faint → bold.\n   */\n  @Prop() contrast: ButtonFilledContrast = 'bold';\n\n  /** Disables interaction. */\n  @Prop() inactive: boolean = false;\n\n  /** Native button type. */\n  @Prop() type: 'button' | 'submit' | 'reset' = 'button';\n\n  @Prop({ attribute: 'aria-label' }) ariaLabel: string = 'action';\n\n  @Event() dsClick!: EventEmitter<MouseEvent>;\n\n  private buttonEl: HTMLButtonElement | null = null;\n\n  @Method()\n  async setFocus() {\n    this.buttonEl?.focus();\n  }\n\n  private handleClick = (event: MouseEvent) => {\n    if (this.inactive) return;\n    this.dsClick.emit(event);\n  };\n\n  render() {\n    const cls: Record<string, boolean> = {\n      'button-filled': true,\n      'ds-focus-ring-inset': true,\n      'button-filled--inactive': this.inactive,\n      [`button-filled--intent-${this.intent}`]: true,\n      [`button-filled--contrast-${this.contrast}`]: this.contrast !== 'bold',\n    };\n\n    return (\n      <Host tabIndex={-1}>\n        <button\n          ref={el => {\n            this.buttonEl = el ?? null;\n          }}\n          type={this.type}\n          class={cls}\n          disabled={this.inactive}\n          aria-label={this.ariaLabel}\n          onClick={this.handleClick}\n        >\n          <span class=\"button-filled__icon-wrap\">\n            <ds-icon name={this.icon} size=\"md\" color=\"inherit\" />\n          </span>\n        </button>\n      </Host>\n    );\n  }\n}\n"],"mappings":"sGAAA,MAAMA,EAAkB,IAAM,4uT,MCoBjBC,EAAYC,EAAA,MAAAD,UAAAE,EALzB,WAAAC,CAAAC,G,2EASUC,KAAAC,KAAe,GAGfD,KAAAE,OAA6B,QAM7BF,KAAAG,SAAiC,OAGjCH,KAAAI,SAAoB,MAGpBJ,KAAAK,KAAsC,SAEXL,KAAAM,UAAoB,SAI/CN,KAAAO,SAAqC,KAOrCP,KAAAQ,YAAeC,IACrB,GAAIT,KAAKI,SAAU,OACnBJ,KAAKU,QAAQC,KAAKF,EAAM,CA+B3B,CArCC,cAAMG,GACJZ,KAAKO,UAAUM,O,CAQjB,MAAAC,GACE,MAAMC,EAA+B,CACnC,gBAAiB,KACjB,sBAAuB,KACvB,0BAA2Bf,KAAKI,SAChC,CAAC,yBAAyBJ,KAAKE,UAAW,KAC1C,CAAC,2BAA2BF,KAAKG,YAAaH,KAAKG,WAAa,QAGlE,OACEa,EAACC,EAAI,CAAAC,IAAA,2CAACC,UAAU,GACdH,EAAA,UAAAE,IAAA,2CACEE,IAAKC,IACHrB,KAAKO,SAAWc,GAAM,IAAI,EAE5BhB,KAAML,KAAKK,KACXiB,MAAOP,EACPQ,SAAUvB,KAAKI,SAAQ,aACXJ,KAAKM,UACjBkB,QAASxB,KAAKQ,aAEdQ,EAAA,QAAAE,IAAA,2CAAMI,MAAM,4BACVN,EAAA,WAAAE,IAAA,2CAASO,KAAMzB,KAAKC,KAAMyB,KAAK,KAAKC,MAAM,c","ignoreList":[]}

package/dist/components/p-DnGr8qtq.js

@@ -0,0 +1,2 @@
+import{p as e,H as s,c as i,h as t,a as r,t as a}from"./index.js";import{d}from"./p-CDNVPM2x.js";import{D as c,S as n}from"./p-0y48zKIF.js";const l=()=>`.sc-ds-shell-gradient-picker-h{display:block;width:100%}.shell-gradient-picker.sc-ds-shell-gradient-picker{box-sizing:border-box;display:flex;align-items:center;width:100%;min-height:var(--dimension-size-400);gap:var(--dimension-space-100);padding:var(--dimension-space-100)}.shell-gradient-picker__divider.sc-ds-shell-gradient-picker{flex:0 0 auto;align-self:center;width:var(--dimension-stroke-width-012);height:var(--dimension-size-300);background-color:var(--color-border-tertiary)}`;const h=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.dsChange=i(this,"dsChange");this.value=c;this.handleSwatchSelect=e=>{if(e===this.value)return;this.value=e;this.dsChange.emit(e)}}renderSwatch(e){return t("ds-shell-gradient-swatch",{key:e,preset:e,selected:this.value===e,onDsSelect:e=>{e.stopPropagation();this.handleSwatchSelect(e.detail)}})}render(){return t(r,{key:"4573ca5cb7b31160608c28c53bcf338064af564c"},t("div",{key:"c22001c9283f77dfcccc2266bf52623bb2baab9f",class:"shell-gradient-picker",role:"radiogroup","aria-label":"Shell gradient theme"},this.renderSwatch("none"),t("div",{key:"67d03eb0a87b4f54f05a0e83dc66fb248719dcbf",class:"shell-gradient-picker__divider","aria-hidden":"true"}),n.map((e=>this.renderSwatch(e)))))}static get style(){return l()}},[2,"ds-shell-gradient-picker",{value:[1537]}]);function o(){if(typeof customElements==="undefined"){return}const e=["ds-shell-gradient-picker","ds-shell-gradient-swatch"];e.forEach((e=>{switch(e){case"ds-shell-gradient-picker":if(!customElements.get(a(e))){customElements.define(a(e),h)}break;case"ds-shell-gradient-swatch":if(!customElements.get(a(e))){d()}break}}))}o();export{h as S,o as d};
+//# sourceMappingURL=p-DnGr8qtq.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["shellGradientPickerCss","ShellGradientPicker","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","value","DEFAULT_SHELL_GRADIENT_PRESET","handleSwatchSelect","preset","dsChange","emit","renderSwatch","h","key","selected","onDsSelect","e","stopPropagation","detail","render","Host","class","role","SHELL_GRADIENT_WASH_PRESETS","map"],"sources":["src/wc/components/ShellGradientPicker/ShellGradientPicker.css?tag=ds-shell-gradient-picker&encapsulation=scoped","src/wc/components/ShellGradientPicker/ShellGradientPicker.tsx"],"sourcesContent":[":host {\n  display: block;\n  width: 100%;\n}\n\n/* One row — same width footprint as menu items; 24px orbs + divider inside. */\n.shell-gradient-picker {\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  width: 100%;\n  min-height: var(--dimension-size-400);\n  gap: var(--dimension-space-100);\n  padding: var(--dimension-space-100);\n}\n\n.shell-gradient-picker__divider {\n  flex: 0 0 auto;\n  align-self: center;\n  width: var(--dimension-stroke-width-012);\n  height: var(--dimension-size-300);\n  background-color: var(--color-border-tertiary);\n}\n","import { Component, Prop, Event, EventEmitter, h, Host } from '@stencil/core';\nimport {\n  SHELL_GRADIENT_WASH_PRESETS,\n  DEFAULT_SHELL_GRADIENT_PRESET,\n  type ShellGradientPreset,\n} from '../ShellGradientSwatch/shell-gradient-swatch-types';\n\n@Component({\n  tag: 'ds-shell-gradient-picker',\n  styleUrl: 'ShellGradientPicker.css',\n  scoped: true,\n})\nexport class ShellGradientPicker {\n  /** Active shell wash preset. */\n  @Prop({ mutable: true, reflect: true }) value: ShellGradientPreset =\n    DEFAULT_SHELL_GRADIENT_PRESET;\n\n  @Event() dsChange!: EventEmitter<ShellGradientPreset>;\n\n  private handleSwatchSelect = (preset: ShellGradientPreset) => {\n    if (preset === this.value) return;\n    this.value = preset;\n    this.dsChange.emit(preset);\n  };\n\n  private renderSwatch(preset: ShellGradientPreset) {\n    return (\n      <ds-shell-gradient-swatch\n        key={preset}\n        preset={preset}\n        selected={this.value === preset}\n        onDsSelect={(e: CustomEvent<ShellGradientPreset>) => {\n          e.stopPropagation();\n          this.handleSwatchSelect(e.detail);\n        }}\n      />\n    );\n  }\n\n  render() {\n    return (\n      <Host>\n        <div\n          class=\"shell-gradient-picker\"\n          role=\"radiogroup\"\n          aria-label=\"Shell gradient theme\"\n        >\n          {this.renderSwatch('none')}\n          <div class=\"shell-gradient-picker__divider\" aria-hidden=\"true\" />\n          {SHELL_GRADIENT_WASH_PRESETS.map(preset => this.renderSwatch(preset))}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"4IAAA,MAAMA,EAAyB,IAAM,ye,MCYxBC,EAAmBC,EAAA,MAAAD,UAAAE,EALhC,WAAAC,CAAAC,G,6EAO0CC,KAAAC,MACtCC,EAIMF,KAAAG,mBAAsBC,IAC5B,GAAIA,IAAWJ,KAAKC,MAAO,OAC3BD,KAAKC,MAAQG,EACbJ,KAAKK,SAASC,KAAKF,EAAO,CAgC7B,CA7BS,YAAAG,CAAaH,GACnB,OACEI,EAAA,4BACEC,IAAKL,EACLA,OAAQA,EACRM,SAAUV,KAAKC,QAAUG,EACzBO,WAAaC,IACXA,EAAEC,kBACFb,KAAKG,mBAAmBS,EAAEE,OAAO,G,CAMzC,MAAAC,GACE,OACEP,EAACQ,EAAI,CAAAP,IAAA,4CACHD,EAAA,OAAAC,IAAA,2CACEQ,MAAM,wBACNC,KAAK,aAAY,aACN,wBAEVlB,KAAKO,aAAa,QACnBC,EAAA,OAAAC,IAAA,2CAAKQ,MAAM,iCAAgC,cAAa,SACvDE,EAA4BC,KAAIhB,GAAUJ,KAAKO,aAAaH,M","ignoreList":[]}

package/dist/components/p-jjfqrXnP.js

@@ -0,0 +1,2 @@
+const n="--dimension-iconography-md";const i="--dimension-menu-width-xs";const o="--dimension-panel-width-md";const t="--dimension-size-300";const a="--dimension-space-050";const e="--effect-animation-delay-long-2";const s="--effect-animation-delay-medium-1";const m="--effect-animation-duration-medium-1";const c="--effect-animation-duration-short-3";const d="--effect-motion-short-2";const r="--effect-motion-short-3";const h={space050:a,size300:t,iconographyMd:n,panelWidthMd:o,menuWidthXs:i,motionShort2:d,motionShort3:r,animationDurationShort3:c,animationDurationMedium1:m,animationDelayMedium1:s,animationDelayLong2:e,menuFallbackHeight:"calc(var(--dimension-size-base) * 20)",tooltipFallbackWidth:"calc(var(--dimension-size-800) + var(--dimension-size-200))"};const l={space050:`var(${a})`};export{h as T,l as a};
+//# sourceMappingURL=p-jjfqrXnP.js.map