@ds-mo/ui 2.10.4 → 2.11.1

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

@@ -0,0 +1 @@
+{"version":3,"names":["dimensionIconographyMd","dimensionMenuWidthXs","dimensionPanelWidthMd","dimensionRadius025","dimensionSize200","dimensionSize300","dimensionSpace050","effectAnimationDelayLong2","effectAnimationDelayMedium1","effectAnimationDurationMedium1","effectAnimationDurationShort3","effectMotionShort2","effectMotionShort3","typographyLineheightMd","typographyLineheightXl","TOKEN_DEFAULTS","space050","radius025","size200","size300","iconographyMd","panelWidthMd","menuWidthXs","lineheightMd","lineheightXl","motionShort2","motionShort3","animationDurationShort3","animationDurationMedium1","animationDelayMedium1","animationDelayLong2","menuFallbackHeight","tooltipFallbackWidth","TOKEN_CSS_LENGTHS"],"sources":["node_modules/@ds-mo/tokens/dist/index.mjs","src/wc/utils/token-defaults.ts"],"sourcesContent":["export const colorAlwaysDarkBackground = '--color-always-dark-background';\nexport const colorAlwaysDarkBorderBoldAi = '--color-always-dark-border-bold-ai';\nexport const colorAlwaysDarkBorderBoldBrand = '--color-always-dark-border-bold-brand';\nexport const colorAlwaysDarkBorderBoldCaution = '--color-always-dark-border-bold-caution';\nexport const colorAlwaysDarkBorderBoldGuide = '--color-always-dark-border-bold-guide';\nexport const colorAlwaysDarkBorderBoldNegative = '--color-always-dark-border-bold-negative';\nexport const colorAlwaysDarkBorderBoldNeutral = '--color-always-dark-border-bold-neutral';\nexport const colorAlwaysDarkBorderBoldPositive = '--color-always-dark-border-bold-positive';\nexport const colorAlwaysDarkBorderBoldWalkthrough = '--color-always-dark-border-bold-walkthrough';\nexport const colorAlwaysDarkBorderBoldWarning = '--color-always-dark-border-bold-warning';\nexport const colorAlwaysDarkBorderFaintAi = '--color-always-dark-border-faint-ai';\nexport const colorAlwaysDarkBorderFaintBrand = '--color-always-dark-border-faint-brand';\nexport const colorAlwaysDarkBorderFaintCaution = '--color-always-dark-border-faint-caution';\nexport const colorAlwaysDarkBorderFaintGuide = '--color-always-dark-border-faint-guide';\nexport const colorAlwaysDarkBorderFaintNegative = '--color-always-dark-border-faint-negative';\nexport const colorAlwaysDarkBorderFaintNeutral = '--color-always-dark-border-faint-neutral';\nexport const colorAlwaysDarkBorderFaintPositive = '--color-always-dark-border-faint-positive';\nexport const colorAlwaysDarkBorderFaintWalkthrough = '--color-always-dark-border-faint-walkthrough';\nexport const colorAlwaysDarkBorderFaintWarning = '--color-always-dark-border-faint-warning';\nexport const colorAlwaysDarkBorderMediumAi = '--color-always-dark-border-medium-ai';\nexport const colorAlwaysDarkBorderMediumBrand = '--color-always-dark-border-medium-brand';\nexport const colorAlwaysDarkBorderMediumCaution = '--color-always-dark-border-medium-caution';\nexport const colorAlwaysDarkBorderMediumGuide = '--color-always-dark-border-medium-guide';\nexport const colorAlwaysDarkBorderMediumNegative = '--color-always-dark-border-medium-negative';\nexport const colorAlwaysDarkBorderMediumNeutral = '--color-always-dark-border-medium-neutral';\nexport const colorAlwaysDarkBorderMediumPositive = '--color-always-dark-border-medium-positive';\nexport const colorAlwaysDarkBorderMediumWalkthrough = '--color-always-dark-border-medium-walkthrough';\nexport const colorAlwaysDarkBorderMediumWarning = '--color-always-dark-border-medium-warning';\nexport const colorAlwaysDarkBorderPrimary = '--color-always-dark-border-primary';\nexport const colorAlwaysDarkBorderSecondary = '--color-always-dark-border-secondary';\nexport const colorAlwaysDarkBorderStrongAi = '--color-always-dark-border-strong-ai';\nexport const colorAlwaysDarkBorderStrongBrand = '--color-always-dark-border-strong-brand';\nexport const colorAlwaysDarkBorderStrongCaution = '--color-always-dark-border-strong-caution';\nexport const colorAlwaysDarkBorderStrongGuide = '--color-always-dark-border-strong-guide';\nexport const colorAlwaysDarkBorderStrongNegative = '--color-always-dark-border-strong-negative';\nexport const colorAlwaysDarkBorderStrongNeutral = '--color-always-dark-border-strong-neutral';\nexport const colorAlwaysDarkBorderStrongPositive = '--color-always-dark-border-strong-positive';\nexport const colorAlwaysDarkBorderStrongWalkthrough = '--color-always-dark-border-strong-walkthrough';\nexport const colorAlwaysDarkBorderStrongWarning = '--color-always-dark-border-strong-warning';\nexport const colorAlwaysDarkBorderTertiary = '--color-always-dark-border-tertiary';\nexport const colorAlwaysDarkDivider = '--color-always-dark-divider';\nexport const colorAlwaysDarkForegroundAi = '--color-always-dark-foreground-ai';\nexport const colorAlwaysDarkForegroundBrand = '--color-always-dark-foreground-brand';\nexport const colorAlwaysDarkForegroundCaution = '--color-always-dark-foreground-caution';\nexport const colorAlwaysDarkForegroundGuide = '--color-always-dark-foreground-guide';\nexport const colorAlwaysDarkForegroundNegative = '--color-always-dark-foreground-negative';\nexport const colorAlwaysDarkForegroundNeutral = '--color-always-dark-foreground-neutral';\nexport const colorAlwaysDarkForegroundPositive = '--color-always-dark-foreground-positive';\nexport const colorAlwaysDarkForegroundPrimary = '--color-always-dark-foreground-primary';\nexport const colorAlwaysDarkForegroundQuaternary = '--color-always-dark-foreground-quaternary';\nexport const colorAlwaysDarkForegroundSecondary = '--color-always-dark-foreground-secondary';\nexport const colorAlwaysDarkForegroundTertiary = '--color-always-dark-foreground-tertiary';\nexport const colorAlwaysDarkForegroundWalkthrough = '--color-always-dark-foreground-walkthrough';\nexport const colorAlwaysDarkForegroundWarning = '--color-always-dark-foreground-warning';\nexport const colorAlwaysDarkInteractionActive = '--color-always-dark-interaction-active';\nexport const colorAlwaysDarkInteractionFocus = '--color-always-dark-interaction-focus';\nexport const colorAlwaysDarkInteractionHover = '--color-always-dark-interaction-hover';\nexport const colorAlwaysDarkInteractionPressed = '--color-always-dark-interaction-pressed';\nexport const colorBackgroundBoldAi = '--color-background-bold-ai';\nexport const colorBackgroundBoldBrand = '--color-background-bold-brand';\nexport const colorBackgroundBoldCaution = '--color-background-bold-caution';\nexport const colorBackgroundBoldGuide = '--color-background-bold-guide';\nexport const colorBackgroundBoldNegative = '--color-background-bold-negative';\nexport const colorBackgroundBoldNeutral = '--color-background-bold-neutral';\nexport const colorBackgroundBoldPositive = '--color-background-bold-positive';\nexport const colorBackgroundBoldWalkthrough = '--color-background-bold-walkthrough';\nexport const colorBackgroundBoldWarning = '--color-background-bold-warning';\nexport const colorBackgroundFaintAi = '--color-background-faint-ai';\nexport const colorBackgroundFaintBrand = '--color-background-faint-brand';\nexport const colorBackgroundFaintCaution = '--color-background-faint-caution';\nexport const colorBackgroundFaintGuide = '--color-background-faint-guide';\nexport const colorBackgroundFaintNegative = '--color-background-faint-negative';\nexport const colorBackgroundFaintNeutral = '--color-background-faint-neutral';\nexport const colorBackgroundFaintPositive = '--color-background-faint-positive';\nexport const colorBackgroundFaintWalkthrough = '--color-background-faint-walkthrough';\nexport const colorBackgroundFaintWarning = '--color-background-faint-warning';\nexport const colorBackgroundMediumAi = '--color-background-medium-ai';\nexport const colorBackgroundMediumBrand = '--color-background-medium-brand';\nexport const colorBackgroundMediumCaution = '--color-background-medium-caution';\nexport const colorBackgroundMediumGuide = '--color-background-medium-guide';\nexport const colorBackgroundMediumNegative = '--color-background-medium-negative';\nexport const colorBackgroundMediumNeutral = '--color-background-medium-neutral';\nexport const colorBackgroundMediumPositive = '--color-background-medium-positive';\nexport const colorBackgroundMediumWalkthrough = '--color-background-medium-walkthrough';\nexport const colorBackgroundMediumWarning = '--color-background-medium-warning';\nexport const colorBackgroundPrimary = '--color-background-primary';\nexport const colorBackgroundSecondary = '--color-background-secondary';\nexport const colorBackgroundShade = '--color-background-shade';\nexport const colorBackgroundStrongAi = '--color-background-strong-ai';\nexport const colorBackgroundStrongBrand = '--color-background-strong-brand';\nexport const colorBackgroundStrongCaution = '--color-background-strong-caution';\nexport const colorBackgroundStrongGuide = '--color-background-strong-guide';\nexport const colorBackgroundStrongNegative = '--color-background-strong-negative';\nexport const colorBackgroundStrongNeutral = '--color-background-strong-neutral';\nexport const colorBackgroundStrongPositive = '--color-background-strong-positive';\nexport const colorBackgroundStrongWalkthrough = '--color-background-strong-walkthrough';\nexport const colorBackgroundStrongWarning = '--color-background-strong-warning';\nexport const colorBackgroundTranslucent = '--color-background-translucent';\nexport const colorBackgroundTransparent = '--color-background-transparent';\nexport const colorBorderBoldAi = '--color-border-bold-ai';\nexport const colorBorderBoldBrand = '--color-border-bold-brand';\nexport const colorBorderBoldCaution = '--color-border-bold-caution';\nexport const colorBorderBoldGuide = '--color-border-bold-guide';\nexport const colorBorderBoldNegative = '--color-border-bold-negative';\nexport const colorBorderBoldNeutral = '--color-border-bold-neutral';\nexport const colorBorderBoldPositive = '--color-border-bold-positive';\nexport const colorBorderBoldWalkthrough = '--color-border-bold-walkthrough';\nexport const colorBorderBoldWarning = '--color-border-bold-warning';\nexport const colorBorderFaintAi = '--color-border-faint-ai';\nexport const colorBorderFaintBrand = '--color-border-faint-brand';\nexport const colorBorderFaintCaution = '--color-border-faint-caution';\nexport const colorBorderFaintGuide = '--color-border-faint-guide';\nexport const colorBorderFaintNegative = '--color-border-faint-negative';\nexport const colorBorderFaintNeutral = '--color-border-faint-neutral';\nexport const colorBorderFaintPositive = '--color-border-faint-positive';\nexport const colorBorderFaintWalkthrough = '--color-border-faint-walkthrough';\nexport const colorBorderFaintWarning = '--color-border-faint-warning';\nexport const colorBorderMediumAi = '--color-border-medium-ai';\nexport const colorBorderMediumBrand = '--color-border-medium-brand';\nexport const colorBorderMediumCaution = '--color-border-medium-caution';\nexport const colorBorderMediumGuide = '--color-border-medium-guide';\nexport const colorBorderMediumNegative = '--color-border-medium-negative';\nexport const colorBorderMediumNeutral = '--color-border-medium-neutral';\nexport const colorBorderMediumPositive = '--color-border-medium-positive';\nexport const colorBorderMediumWalkthrough = '--color-border-medium-walkthrough';\nexport const colorBorderMediumWarning = '--color-border-medium-warning';\nexport const colorBorderOnBoldBackgroundPrimary = '--color-border-on-bold-background-primary';\nexport const colorBorderOnBoldBackgroundSecondary = '--color-border-on-bold-background-secondary';\nexport const colorBorderOnBoldBackgroundTertiary = '--color-border-on-bold-background-tertiary';\nexport const colorBorderOnMediumBackgroundPrimary = '--color-border-on-medium-background-primary';\nexport const colorBorderOnMediumBackgroundSecondary = '--color-border-on-medium-background-secondary';\nexport const colorBorderOnMediumBackgroundTertiary = '--color-border-on-medium-background-tertiary';\nexport const colorBorderOnStrongBackgroundPrimary = '--color-border-on-strong-background-primary';\nexport const colorBorderOnStrongBackgroundSecondary = '--color-border-on-strong-background-secondary';\nexport const colorBorderOnStrongBackgroundTertiary = '--color-border-on-strong-background-tertiary';\nexport const colorBorderOnTranslucentBackgroundPrimary = '--color-border-on-translucent-background-primary';\nexport const colorBorderOnTranslucentBackgroundSecondary = '--color-border-on-translucent-background-secondary';\nexport const colorBorderOnTranslucentBackgroundTertiary = '--color-border-on-translucent-background-tertiary';\nexport const colorBorderPrimary = '--color-border-primary';\nexport const colorBorderSecondary = '--color-border-secondary';\nexport const colorBorderStrongAi = '--color-border-strong-ai';\nexport const colorBorderStrongBrand = '--color-border-strong-brand';\nexport const colorBorderStrongCaution = '--color-border-strong-caution';\nexport const colorBorderStrongGuide = '--color-border-strong-guide';\nexport const colorBorderStrongNegative = '--color-border-strong-negative';\nexport const colorBorderStrongNeutral = '--color-border-strong-neutral';\nexport const colorBorderStrongPositive = '--color-border-strong-positive';\nexport const colorBorderStrongWalkthrough = '--color-border-strong-walkthrough';\nexport const colorBorderStrongWarning = '--color-border-strong-warning';\nexport const colorBorderTertiary = '--color-border-tertiary';\nexport const colorColorIntentBlueBoldBackground = '--color-color-intent-blue-bold-background';\nexport const colorColorIntentBlueBoldBorder = '--color-color-intent-blue-bold-border';\nexport const colorColorIntentBlueBoldForeground = '--color-color-intent-blue-bold-foreground';\nexport const colorColorIntentBlueFaintBackground = '--color-color-intent-blue-faint-background';\nexport const colorColorIntentBlueFaintBorder = '--color-color-intent-blue-faint-border';\nexport const colorColorIntentBlueFaintForeground = '--color-color-intent-blue-faint-foreground';\nexport const colorColorIntentBlueMediumBackground = '--color-color-intent-blue-medium-background';\nexport const colorColorIntentBlueMediumBorder = '--color-color-intent-blue-medium-border';\nexport const colorColorIntentBlueMediumForeground = '--color-color-intent-blue-medium-foreground';\nexport const colorColorIntentBlueStrongBackground = '--color-color-intent-blue-strong-background';\nexport const colorColorIntentBlueStrongBorder = '--color-color-intent-blue-strong-border';\nexport const colorColorIntentBlueStrongForeground = '--color-color-intent-blue-strong-foreground';\nexport const colorColorIntentCyanBoldBackground = '--color-color-intent-cyan-bold-background';\nexport const colorColorIntentCyanBoldBorder = '--color-color-intent-cyan-bold-border';\nexport const colorColorIntentCyanBoldForeground = '--color-color-intent-cyan-bold-foreground';\nexport const colorColorIntentCyanFaintBackground = '--color-color-intent-cyan-faint-background';\nexport const colorColorIntentCyanFaintBorder = '--color-color-intent-cyan-faint-border';\nexport const colorColorIntentCyanFaintForeground = '--color-color-intent-cyan-faint-foreground';\nexport const colorColorIntentCyanMediumBackground = '--color-color-intent-cyan-medium-background';\nexport const colorColorIntentCyanMediumBorder = '--color-color-intent-cyan-medium-border';\nexport const colorColorIntentCyanMediumForeground = '--color-color-intent-cyan-medium-foreground';\nexport const colorColorIntentCyanStrongBackground = '--color-color-intent-cyan-strong-background';\nexport const colorColorIntentCyanStrongBorder = '--color-color-intent-cyan-strong-border';\nexport const colorColorIntentCyanStrongForeground = '--color-color-intent-cyan-strong-foreground';\nexport const colorColorIntentGreenBoldBackground = '--color-color-intent-green-bold-background';\nexport const colorColorIntentGreenBoldBorder = '--color-color-intent-green-bold-border';\nexport const colorColorIntentGreenBoldForeground = '--color-color-intent-green-bold-foreground';\nexport const colorColorIntentGreenFaintBackground = '--color-color-intent-green-faint-background';\nexport const colorColorIntentGreenFaintBorder = '--color-color-intent-green-faint-border';\nexport const colorColorIntentGreenFaintForeground = '--color-color-intent-green-faint-foreground';\nexport const colorColorIntentGreenMediumBackground = '--color-color-intent-green-medium-background';\nexport const colorColorIntentGreenMediumBorder = '--color-color-intent-green-medium-border';\nexport const colorColorIntentGreenMediumForeground = '--color-color-intent-green-medium-foreground';\nexport const colorColorIntentGreenStrongBackground = '--color-color-intent-green-strong-background';\nexport const colorColorIntentGreenStrongBorder = '--color-color-intent-green-strong-border';\nexport const colorColorIntentGreenStrongForeground = '--color-color-intent-green-strong-foreground';\nexport const colorColorIntentGreyBoldBackground = '--color-color-intent-grey-bold-background';\nexport const colorColorIntentGreyBoldBorder = '--color-color-intent-grey-bold-border';\nexport const colorColorIntentGreyBoldForeground = '--color-color-intent-grey-bold-foreground';\nexport const colorColorIntentGreyFaintBackground = '--color-color-intent-grey-faint-background';\nexport const colorColorIntentGreyFaintBorder = '--color-color-intent-grey-faint-border';\nexport const colorColorIntentGreyFaintForeground = '--color-color-intent-grey-faint-foreground';\nexport const colorColorIntentGreyMediumBackground = '--color-color-intent-grey-medium-background';\nexport const colorColorIntentGreyMediumBorder = '--color-color-intent-grey-medium-border';\nexport const colorColorIntentGreyMediumForeground = '--color-color-intent-grey-medium-foreground';\nexport const colorColorIntentGreyStrongBackground = '--color-color-intent-grey-strong-background';\nexport const colorColorIntentGreyStrongBorder = '--color-color-intent-grey-strong-border';\nexport const colorColorIntentGreyStrongForeground = '--color-color-intent-grey-strong-foreground';\nexport const colorColorIntentInteractionOnBoldBackgroundFocus = '--color-color-intent-interaction-on-bold-background-focus';\nexport const colorColorIntentInteractionOnBoldBackgroundHover = '--color-color-intent-interaction-on-bold-background-hover';\nexport const colorColorIntentInteractionOnBoldBackgroundPressed = '--color-color-intent-interaction-on-bold-background-pressed';\nexport const colorColorIntentInteractionOnFaintBackgroundFocus = '--color-color-intent-interaction-on-faint-background-focus';\nexport const colorColorIntentInteractionOnFaintBackgroundHover = '--color-color-intent-interaction-on-faint-background-hover';\nexport const colorColorIntentInteractionOnFaintBackgroundPressed = '--color-color-intent-interaction-on-faint-background-pressed';\nexport const colorColorIntentInteractionOnMediumBackgroundFocus = '--color-color-intent-interaction-on-medium-background-focus';\nexport const colorColorIntentInteractionOnMediumBackgroundHover = '--color-color-intent-interaction-on-medium-background-hover';\nexport const colorColorIntentInteractionOnMediumBackgroundPressed = '--color-color-intent-interaction-on-medium-background-pressed';\nexport const colorColorIntentInteractionOnStrongBackgroundFocus = '--color-color-intent-interaction-on-strong-background-focus';\nexport const colorColorIntentInteractionOnStrongBackgroundHover = '--color-color-intent-interaction-on-strong-background-hover';\nexport const colorColorIntentInteractionOnStrongBackgroundPressed = '--color-color-intent-interaction-on-strong-background-pressed';\nexport const colorColorIntentMagentaBoldBackground = '--color-color-intent-magenta-bold-background';\nexport const colorColorIntentMagentaBoldBorder = '--color-color-intent-magenta-bold-border';\nexport const colorColorIntentMagentaBoldForeground = '--color-color-intent-magenta-bold-foreground';\nexport const colorColorIntentMagentaFaintBackground = '--color-color-intent-magenta-faint-background';\nexport const colorColorIntentMagentaFaintBorder = '--color-color-intent-magenta-faint-border';\nexport const colorColorIntentMagentaFaintForeground = '--color-color-intent-magenta-faint-foreground';\nexport const colorColorIntentMagentaMediumBackground = '--color-color-intent-magenta-medium-background';\nexport const colorColorIntentMagentaMediumBorder = '--color-color-intent-magenta-medium-border';\nexport const colorColorIntentMagentaMediumForeground = '--color-color-intent-magenta-medium-foreground';\nexport const colorColorIntentMagentaStrongBackground = '--color-color-intent-magenta-strong-background';\nexport const colorColorIntentMagentaStrongBorder = '--color-color-intent-magenta-strong-border';\nexport const colorColorIntentMagentaStrongForeground = '--color-color-intent-magenta-strong-foreground';\nexport const colorColorIntentOliveBoldBackground = '--color-color-intent-olive-bold-background';\nexport const colorColorIntentOliveBoldBorder = '--color-color-intent-olive-bold-border';\nexport const colorColorIntentOliveBoldForeground = '--color-color-intent-olive-bold-foreground';\nexport const colorColorIntentOliveFaintBackground = '--color-color-intent-olive-faint-background';\nexport const colorColorIntentOliveFaintBorder = '--color-color-intent-olive-faint-border';\nexport const colorColorIntentOliveFaintForeground = '--color-color-intent-olive-faint-foreground';\nexport const colorColorIntentOliveMediumBackground = '--color-color-intent-olive-medium-background';\nexport const colorColorIntentOliveMediumBorder = '--color-color-intent-olive-medium-border';\nexport const colorColorIntentOliveMediumForeground = '--color-color-intent-olive-medium-foreground';\nexport const colorColorIntentOliveStrongBackground = '--color-color-intent-olive-strong-background';\nexport const colorColorIntentOliveStrongBorder = '--color-color-intent-olive-strong-border';\nexport const colorColorIntentOliveStrongForeground = '--color-color-intent-olive-strong-foreground';\nexport const colorColorIntentOrangeBoldBackground = '--color-color-intent-orange-bold-background';\nexport const colorColorIntentOrangeBoldBorder = '--color-color-intent-orange-bold-border';\nexport const colorColorIntentOrangeBoldForeground = '--color-color-intent-orange-bold-foreground';\nexport const colorColorIntentOrangeFaintBackground = '--color-color-intent-orange-faint-background';\nexport const colorColorIntentOrangeFaintBorder = '--color-color-intent-orange-faint-border';\nexport const colorColorIntentOrangeFaintForeground = '--color-color-intent-orange-faint-foreground';\nexport const colorColorIntentOrangeMediumBackground = '--color-color-intent-orange-medium-background';\nexport const colorColorIntentOrangeMediumBorder = '--color-color-intent-orange-medium-border';\nexport const colorColorIntentOrangeMediumForeground = '--color-color-intent-orange-medium-foreground';\nexport const colorColorIntentOrangeStrongBackground = '--color-color-intent-orange-strong-background';\nexport const colorColorIntentOrangeStrongBorder = '--color-color-intent-orange-strong-border';\nexport const colorColorIntentOrangeStrongForeground = '--color-color-intent-orange-strong-foreground';\nexport const colorColorIntentPinkBoldBackground = '--color-color-intent-pink-bold-background';\nexport const colorColorIntentPinkBoldBorder = '--color-color-intent-pink-bold-border';\nexport const colorColorIntentPinkBoldForeground = '--color-color-intent-pink-bold-foreground';\nexport const colorColorIntentPinkFaintBackground = '--color-color-intent-pink-faint-background';\nexport const colorColorIntentPinkFaintBorder = '--color-color-intent-pink-faint-border';\nexport const colorColorIntentPinkFaintForeground = '--color-color-intent-pink-faint-foreground';\nexport const colorColorIntentPinkMediumBackground = '--color-color-intent-pink-medium-background';\nexport const colorColorIntentPinkMediumBorder = '--color-color-intent-pink-medium-border';\nexport const colorColorIntentPinkMediumForeground = '--color-color-intent-pink-medium-foreground';\nexport const colorColorIntentPinkStrongBackground = '--color-color-intent-pink-strong-background';\nexport const colorColorIntentPinkStrongBorder = '--color-color-intent-pink-strong-border';\nexport const colorColorIntentPinkStrongForeground = '--color-color-intent-pink-strong-foreground';\nexport const colorColorIntentPurpleBoldBackground = '--color-color-intent-purple-bold-background';\nexport const colorColorIntentPurpleBoldBorder = '--color-color-intent-purple-bold-border';\nexport const colorColorIntentPurpleBoldForeground = '--color-color-intent-purple-bold-foreground';\nexport const colorColorIntentPurpleFaintBackground = '--color-color-intent-purple-faint-background';\nexport const colorColorIntentPurpleFaintBorder = '--color-color-intent-purple-faint-border';\nexport const colorColorIntentPurpleFaintForeground = '--color-color-intent-purple-faint-foreground';\nexport const colorColorIntentPurpleMediumBackground = '--color-color-intent-purple-medium-background';\nexport const colorColorIntentPurpleMediumBorder = '--color-color-intent-purple-medium-border';\nexport const colorColorIntentPurpleMediumForeground = '--color-color-intent-purple-medium-foreground';\nexport const colorColorIntentPurpleStrongBackground = '--color-color-intent-purple-strong-background';\nexport const colorColorIntentPurpleStrongBorder = '--color-color-intent-purple-strong-border';\nexport const colorColorIntentPurpleStrongForeground = '--color-color-intent-purple-strong-foreground';\nexport const colorColorIntentRedBoldBackground = '--color-color-intent-red-bold-background';\nexport const colorColorIntentRedBoldBorder = '--color-color-intent-red-bold-border';\nexport const colorColorIntentRedBoldForeground = '--color-color-intent-red-bold-foreground';\nexport const colorColorIntentRedFaintBackground = '--color-color-intent-red-faint-background';\nexport const colorColorIntentRedFaintBorder = '--color-color-intent-red-faint-border';\nexport const colorColorIntentRedFaintForeground = '--color-color-intent-red-faint-foreground';\nexport const colorColorIntentRedMediumBackground = '--color-color-intent-red-medium-background';\nexport const colorColorIntentRedMediumBorder = '--color-color-intent-red-medium-border';\nexport const colorColorIntentRedMediumForeground = '--color-color-intent-red-medium-foreground';\nexport const colorColorIntentRedStrongBackground = '--color-color-intent-red-strong-background';\nexport const colorColorIntentRedStrongBorder = '--color-color-intent-red-strong-border';\nexport const colorColorIntentRedStrongForeground = '--color-color-intent-red-strong-foreground';\nexport const colorColorIntentTealBoldBackground = '--color-color-intent-teal-bold-background';\nexport const colorColorIntentTealBoldBorder = '--color-color-intent-teal-bold-border';\nexport const colorColorIntentTealBoldForeground = '--color-color-intent-teal-bold-foreground';\nexport const colorColorIntentTealFaintBackground = '--color-color-intent-teal-faint-background';\nexport const colorColorIntentTealFaintBorder = '--color-color-intent-teal-faint-border';\nexport const colorColorIntentTealFaintForeground = '--color-color-intent-teal-faint-foreground';\nexport const colorColorIntentTealMediumBackground = '--color-color-intent-teal-medium-background';\nexport const colorColorIntentTealMediumBorder = '--color-color-intent-teal-medium-border';\nexport const colorColorIntentTealMediumForeground = '--color-color-intent-teal-medium-foreground';\nexport const colorColorIntentTealStrongBackground = '--color-color-intent-teal-strong-background';\nexport const colorColorIntentTealStrongBorder = '--color-color-intent-teal-strong-border';\nexport const colorColorIntentTealStrongForeground = '--color-color-intent-teal-strong-foreground';\nexport const colorColorIntentYellowBoldBackground = '--color-color-intent-yellow-bold-background';\nexport const colorColorIntentYellowBoldBorder = '--color-color-intent-yellow-bold-border';\nexport const colorColorIntentYellowBoldForeground = '--color-color-intent-yellow-bold-foreground';\nexport const colorColorIntentYellowFaintBackground = '--color-color-intent-yellow-faint-background';\nexport const colorColorIntentYellowFaintBorder = '--color-color-intent-yellow-faint-border';\nexport const colorColorIntentYellowFaintForeground = '--color-color-intent-yellow-faint-foreground';\nexport const colorColorIntentYellowMediumBackground = '--color-color-intent-yellow-medium-background';\nexport const colorColorIntentYellowMediumBorder = '--color-color-intent-yellow-medium-border';\nexport const colorColorIntentYellowMediumForeground = '--color-color-intent-yellow-medium-foreground';\nexport const colorColorIntentYellowStrongBackground = '--color-color-intent-yellow-strong-background';\nexport const colorColorIntentYellowStrongBorder = '--color-color-intent-yellow-strong-border';\nexport const colorColorIntentYellowStrongForeground = '--color-color-intent-yellow-strong-foreground';\nexport const colorDataCategory1 = '--color-data-category-1';\nexport const colorDataCategory10 = '--color-data-category-10';\nexport const colorDataCategory11 = '--color-data-category-11';\nexport const colorDataCategory12 = '--color-data-category-12';\nexport const colorDataCategory2 = '--color-data-category-2';\nexport const colorDataCategory3 = '--color-data-category-3';\nexport const colorDataCategory4 = '--color-data-category-4';\nexport const colorDataCategory5 = '--color-data-category-5';\nexport const colorDataCategory6 = '--color-data-category-6';\nexport const colorDataCategory7 = '--color-data-category-7';\nexport const colorDataCategory8 = '--color-data-category-8';\nexport const colorDataCategory9 = '--color-data-category-9';\nexport const colorDataDivergingBlueOrange51 = '--color-data-diverging-blue-orange-5-1';\nexport const colorDataDivergingBlueOrange52 = '--color-data-diverging-blue-orange-5-2';\nexport const colorDataDivergingBlueOrange53 = '--color-data-diverging-blue-orange-5-3';\nexport const colorDataDivergingBlueOrange54 = '--color-data-diverging-blue-orange-5-4';\nexport const colorDataDivergingBlueOrange55 = '--color-data-diverging-blue-orange-5-5';\nexport const colorDataDivergingBlueOrange71 = '--color-data-diverging-blue-orange-7-1';\nexport const colorDataDivergingBlueOrange72 = '--color-data-diverging-blue-orange-7-2';\nexport const colorDataDivergingBlueOrange73 = '--color-data-diverging-blue-orange-7-3';\nexport const colorDataDivergingBlueOrange74 = '--color-data-diverging-blue-orange-7-4';\nexport const colorDataDivergingBlueOrange75 = '--color-data-diverging-blue-orange-7-5';\nexport const colorDataDivergingBlueOrange76 = '--color-data-diverging-blue-orange-7-6';\nexport const colorDataDivergingBlueOrange77 = '--color-data-diverging-blue-orange-7-7';\nexport const colorDataDivergingBlueOrange91 = '--color-data-diverging-blue-orange-9-1';\nexport const colorDataDivergingBlueOrange92 = '--color-data-diverging-blue-orange-9-2';\nexport const colorDataDivergingBlueOrange93 = '--color-data-diverging-blue-orange-9-3';\nexport const colorDataDivergingBlueOrange94 = '--color-data-diverging-blue-orange-9-4';\nexport const colorDataDivergingBlueOrange95 = '--color-data-diverging-blue-orange-9-5';\nexport const colorDataDivergingBlueOrange96 = '--color-data-diverging-blue-orange-9-6';\nexport const colorDataDivergingBlueOrange97 = '--color-data-diverging-blue-orange-9-7';\nexport const colorDataDivergingBlueOrange98 = '--color-data-diverging-blue-orange-9-8';\nexport const colorDataDivergingBlueOrange99 = '--color-data-diverging-blue-orange-9-9';\nexport const colorDataMisc1 = '--color-data-misc-1';\nexport const colorDataMisc2 = '--color-data-misc-2';\nexport const colorDataMisc3 = '--color-data-misc-3';\nexport const colorDataMisc4 = '--color-data-misc-4';\nexport const colorDataSequenceBlue21 = '--color-data-sequence-blue-2-1';\nexport const colorDataSequenceBlue22 = '--color-data-sequence-blue-2-2';\nexport const colorDataSequenceBlue31 = '--color-data-sequence-blue-3-1';\nexport const colorDataSequenceBlue32 = '--color-data-sequence-blue-3-2';\nexport const colorDataSequenceBlue33 = '--color-data-sequence-blue-3-3';\nexport const colorDataSequenceBlue41 = '--color-data-sequence-blue-4-1';\nexport const colorDataSequenceBlue42 = '--color-data-sequence-blue-4-2';\nexport const colorDataSequenceBlue43 = '--color-data-sequence-blue-4-3';\nexport const colorDataSequenceBlue44 = '--color-data-sequence-blue-4-4';\nexport const colorDataWinLossLoss = '--color-data-win-loss-loss';\nexport const colorDataWinLossWin = '--color-data-win-loss-win';\nexport const colorDataWinLossWinAlt = '--color-data-win-loss-win-alt';\nexport const colorDividerDivider = '--color-divider-divider';\nexport const colorDividerOnBoldBackground = '--color-divider-on-bold-background';\nexport const colorDividerOnMediumBackground = '--color-divider-on-medium-background';\nexport const colorDividerOnStrongBackground = '--color-divider-on-strong-background';\nexport const colorDividerOnTranslucentBackground = '--color-divider-on-translucent-background';\nexport const colorDriverStatusBackgroundDriving = '--color-driver-status-background-driving';\nexport const colorDriverStatusBackgroundOffDuty = '--color-driver-status-background-off-duty';\nexport const colorDriverStatusBackgroundOnDuty = '--color-driver-status-background-on-duty';\nexport const colorDriverStatusBackgroundPersonalConveyance = '--color-driver-status-background-personal-conveyance';\nexport const colorDriverStatusBackgroundYardMove = '--color-driver-status-background-yard-move';\nexport const colorDriverStatusForeground = '--color-driver-status-foreground';\nexport const colorDriverStatusInteractionFocus = '--color-driver-status-interaction-focus';\nexport const colorDriverStatusInteractionHover = '--color-driver-status-interaction-hover';\nexport const colorDriverStatusInteractionPressed = '--color-driver-status-interaction-pressed';\nexport const colorElevationHighlight = '--color-elevation-highlight';\nexport const colorElevationShadow = '--color-elevation-shadow';\nexport const colorEntityClusterMarkerBackground = '--color-entity-cluster-marker-background';\nexport const colorEntityClusterMarkerForeground = '--color-entity-cluster-marker-foreground';\nexport const colorEntityClusterMarkerInteractionFocus = '--color-entity-cluster-marker-interaction-focus';\nexport const colorEntityClusterMarkerInteractionHover = '--color-entity-cluster-marker-interaction-hover';\nexport const colorEntityClusterMarkerInteractionPressed = '--color-entity-cluster-marker-interaction-pressed';\nexport const colorEntityMarkerBackgroundIdling = '--color-entity-marker-background-idling';\nexport const colorEntityMarkerBackgroundImmobilized = '--color-entity-marker-background-immobilized';\nexport const colorEntityMarkerBackgroundInMotion = '--color-entity-marker-background-in-motion';\nexport const colorEntityMarkerBackgroundStale = '--color-entity-marker-background-stale';\nexport const colorEntityMarkerBackgroundStationary = '--color-entity-marker-background-stationary';\nexport const colorEntityMarkerForeground = '--color-entity-marker-foreground';\nexport const colorEntityMarkerInteractionFocus = '--color-entity-marker-interaction-focus';\nexport const colorEntityMarkerInteractionHover = '--color-entity-marker-interaction-hover';\nexport const colorEntityMarkerInteractionPressed = '--color-entity-marker-interaction-pressed';\nexport const colorForegroundBoldAi = '--color-foreground-bold-ai';\nexport const colorForegroundBoldBrand = '--color-foreground-bold-brand';\nexport const colorForegroundBoldCaution = '--color-foreground-bold-caution';\nexport const colorForegroundBoldGuide = '--color-foreground-bold-guide';\nexport const colorForegroundBoldNegative = '--color-foreground-bold-negative';\nexport const colorForegroundBoldNeutral = '--color-foreground-bold-neutral';\nexport const colorForegroundBoldPositive = '--color-foreground-bold-positive';\nexport const colorForegroundBoldWalkthrough = '--color-foreground-bold-walkthrough';\nexport const colorForegroundBoldWarning = '--color-foreground-bold-warning';\nexport const colorForegroundFaintAi = '--color-foreground-faint-ai';\nexport const colorForegroundFaintBrand = '--color-foreground-faint-brand';\nexport const colorForegroundFaintCaution = '--color-foreground-faint-caution';\nexport const colorForegroundFaintGuide = '--color-foreground-faint-guide';\nexport const colorForegroundFaintNegative = '--color-foreground-faint-negative';\nexport const colorForegroundFaintNeutral = '--color-foreground-faint-neutral';\nexport const colorForegroundFaintPositive = '--color-foreground-faint-positive';\nexport const colorForegroundFaintWalkthrough = '--color-foreground-faint-walkthrough';\nexport const colorForegroundFaintWarning = '--color-foreground-faint-warning';\nexport const colorForegroundMediumAi = '--color-foreground-medium-ai';\nexport const colorForegroundMediumBrand = '--color-foreground-medium-brand';\nexport const colorForegroundMediumCaution = '--color-foreground-medium-caution';\nexport const colorForegroundMediumGuide = '--color-foreground-medium-guide';\nexport const colorForegroundMediumNegative = '--color-foreground-medium-negative';\nexport const colorForegroundMediumNeutral = '--color-foreground-medium-neutral';\nexport const colorForegroundMediumPositive = '--color-foreground-medium-positive';\nexport const colorForegroundMediumWalkthrough = '--color-foreground-medium-walkthrough';\nexport const colorForegroundMediumWarning = '--color-foreground-medium-warning';\nexport const colorForegroundOnBoldBackgroundPrimary = '--color-foreground-on-bold-background-primary';\nexport const colorForegroundOnBoldBackgroundQuaternary = '--color-foreground-on-bold-background-quaternary';\nexport const colorForegroundOnBoldBackgroundSecondary = '--color-foreground-on-bold-background-secondary';\nexport const colorForegroundOnBoldBackgroundTertiary = '--color-foreground-on-bold-background-tertiary';\nexport const colorForegroundOnMediumBackgroundPrimary = '--color-foreground-on-medium-background-primary';\nexport const colorForegroundOnMediumBackgroundQuaternary = '--color-foreground-on-medium-background-quaternary';\nexport const colorForegroundOnMediumBackgroundSecondary = '--color-foreground-on-medium-background-secondary';\nexport const colorForegroundOnMediumBackgroundTertiary = '--color-foreground-on-medium-background-tertiary';\nexport const colorForegroundOnStrongBackgroundPrimary = '--color-foreground-on-strong-background-primary';\nexport const colorForegroundOnStrongBackgroundQuaternary = '--color-foreground-on-strong-background-quaternary';\nexport const colorForegroundOnStrongBackgroundSecondary = '--color-foreground-on-strong-background-secondary';\nexport const colorForegroundOnStrongBackgroundTertiary = '--color-foreground-on-strong-background-tertiary';\nexport const colorForegroundOnTranslucentBackgroundPrimary = '--color-foreground-on-translucent-background-primary';\nexport const colorForegroundOnTranslucentBackgroundQuaternary = '--color-foreground-on-translucent-background-quaternary';\nexport const colorForegroundOnTranslucentBackgroundSecondary = '--color-foreground-on-translucent-background-secondary';\nexport const colorForegroundOnTranslucentBackgroundTertiary = '--color-foreground-on-translucent-background-tertiary';\nexport const colorForegroundPrimary = '--color-foreground-primary';\nexport const colorForegroundQuaternary = '--color-foreground-quaternary';\nexport const colorForegroundSecondary = '--color-foreground-secondary';\nexport const colorForegroundStrongAi = '--color-foreground-strong-ai';\nexport const colorForegroundStrongBrand = '--color-foreground-strong-brand';\nexport const colorForegroundStrongCaution = '--color-foreground-strong-caution';\nexport const colorForegroundStrongGuide = '--color-foreground-strong-guide';\nexport const colorForegroundStrongNegative = '--color-foreground-strong-negative';\nexport const colorForegroundStrongNeutral = '--color-foreground-strong-neutral';\nexport const colorForegroundStrongPositive = '--color-foreground-strong-positive';\nexport const colorForegroundStrongWalkthrough = '--color-foreground-strong-walkthrough';\nexport const colorForegroundStrongWarning = '--color-foreground-strong-warning';\nexport const colorForegroundTertiary = '--color-foreground-tertiary';\nexport const colorInteractionActive = '--color-interaction-active';\nexport const colorInteractionFocus = '--color-interaction-focus';\nexport const colorInteractionHover = '--color-interaction-hover';\nexport const colorInteractionOnBoldBackgroundActive = '--color-interaction-on-bold-background-active';\nexport const colorInteractionOnBoldBackgroundFocus = '--color-interaction-on-bold-background-focus';\nexport const colorInteractionOnBoldBackgroundHover = '--color-interaction-on-bold-background-hover';\nexport const colorInteractionOnBoldBackgroundPressed = '--color-interaction-on-bold-background-pressed';\nexport const colorInteractionOnMediumBackgroundActive = '--color-interaction-on-medium-background-active';\nexport const colorInteractionOnMediumBackgroundFocus = '--color-interaction-on-medium-background-focus';\nexport const colorInteractionOnMediumBackgroundHover = '--color-interaction-on-medium-background-hover';\nexport const colorInteractionOnMediumBackgroundPressed = '--color-interaction-on-medium-background-pressed';\nexport const colorInteractionOnStrongBackgroundActive = '--color-interaction-on-strong-background-active';\nexport const colorInteractionOnStrongBackgroundFocus = '--color-interaction-on-strong-background-focus';\nexport const colorInteractionOnStrongBackgroundHover = '--color-interaction-on-strong-background-hover';\nexport const colorInteractionOnStrongBackgroundPressed = '--color-interaction-on-strong-background-pressed';\nexport const colorInteractionOnTranslucentBackgroundActive = '--color-interaction-on-translucent-background-active';\nexport const colorInteractionOnTranslucentBackgroundFocus = '--color-interaction-on-translucent-background-focus';\nexport const colorInteractionOnTranslucentBackgroundHover = '--color-interaction-on-translucent-background-hover';\nexport const colorInteractionOnTranslucentBackgroundPressed = '--color-interaction-on-translucent-background-pressed';\nexport const colorInteractionPressed = '--color-interaction-pressed';\nexport const colorInvertedBackground = '--color-inverted-background';\nexport const colorInvertedBorderBoldAi = '--color-inverted-border-bold-ai';\nexport const colorInvertedBorderBoldBrand = '--color-inverted-border-bold-brand';\nexport const colorInvertedBorderBoldCaution = '--color-inverted-border-bold-caution';\nexport const colorInvertedBorderBoldGuide = '--color-inverted-border-bold-guide';\nexport const colorInvertedBorderBoldNegative = '--color-inverted-border-bold-negative';\nexport const colorInvertedBorderBoldNeutral = '--color-inverted-border-bold-neutral';\nexport const colorInvertedBorderBoldPositive = '--color-inverted-border-bold-positive';\nexport const colorInvertedBorderBoldWalkthrough = '--color-inverted-border-bold-walkthrough';\nexport const colorInvertedBorderBoldWarning = '--color-inverted-border-bold-warning';\nexport const colorInvertedBorderFaintAi = '--color-inverted-border-faint-ai';\nexport const colorInvertedBorderFaintBrand = '--color-inverted-border-faint-brand';\nexport const colorInvertedBorderFaintCaution = '--color-inverted-border-faint-caution';\nexport const colorInvertedBorderFaintGuide = '--color-inverted-border-faint-guide';\nexport const colorInvertedBorderFaintNegative = '--color-inverted-border-faint-negative';\nexport const colorInvertedBorderFaintNeutral = '--color-inverted-border-faint-neutral';\nexport const colorInvertedBorderFaintPositive = '--color-inverted-border-faint-positive';\nexport const colorInvertedBorderFaintWalkthrough = '--color-inverted-border-faint-walkthrough';\nexport const colorInvertedBorderFaintWarning = '--color-inverted-border-faint-warning';\nexport const colorInvertedBorderMediumAi = '--color-inverted-border-medium-ai';\nexport const colorInvertedBorderMediumBrand = '--color-inverted-border-medium-brand';\nexport const colorInvertedBorderMediumCaution = '--color-inverted-border-medium-caution';\nexport const colorInvertedBorderMediumGuide = '--color-inverted-border-medium-guide';\nexport const colorInvertedBorderMediumNegative = '--color-inverted-border-medium-negative';\nexport const colorInvertedBorderMediumNeutral = '--color-inverted-border-medium-neutral';\nexport const colorInvertedBorderMediumPositive = '--color-inverted-border-medium-positive';\nexport const colorInvertedBorderMediumWalkthrough = '--color-inverted-border-medium-walkthrough';\nexport const colorInvertedBorderMediumWarning = '--color-inverted-border-medium-warning';\nexport const colorInvertedBorderPrimary = '--color-inverted-border-primary';\nexport const colorInvertedBorderSecondary = '--color-inverted-border-secondary';\nexport const colorInvertedBorderStrongAi = '--color-inverted-border-strong-ai';\nexport const colorInvertedBorderStrongBrand = '--color-inverted-border-strong-brand';\nexport const colorInvertedBorderStrongCaution = '--color-inverted-border-strong-caution';\nexport const colorInvertedBorderStrongGuide = '--color-inverted-border-strong-guide';\nexport const colorInvertedBorderStrongNegative = '--color-inverted-border-strong-negative';\nexport const colorInvertedBorderStrongNeutral = '--color-inverted-border-strong-neutral';\nexport const colorInvertedBorderStrongPositive = '--color-inverted-border-strong-positive';\nexport const colorInvertedBorderStrongWalkthrough = '--color-inverted-border-strong-walkthrough';\nexport const colorInvertedBorderStrongWarning = '--color-inverted-border-strong-warning';\nexport const colorInvertedBorderTertiary = '--color-inverted-border-tertiary';\nexport const colorInvertedDivider = '--color-inverted-divider';\nexport const colorInvertedForegroundAi = '--color-inverted-foreground-ai';\nexport const colorInvertedForegroundBrand = '--color-inverted-foreground-brand';\nexport const colorInvertedForegroundCaution = '--color-inverted-foreground-caution';\nexport const colorInvertedForegroundGuide = '--color-inverted-foreground-guide';\nexport const colorInvertedForegroundNegative = '--color-inverted-foreground-negative';\nexport const colorInvertedForegroundNeutral = '--color-inverted-foreground-neutral';\nexport const colorInvertedForegroundPositive = '--color-inverted-foreground-positive';\nexport const colorInvertedForegroundPrimary = '--color-inverted-foreground-primary';\nexport const colorInvertedForegroundQuaternary = '--color-inverted-foreground-quaternary';\nexport const colorInvertedForegroundSecondary = '--color-inverted-foreground-secondary';\nexport const colorInvertedForegroundTertiary = '--color-inverted-foreground-tertiary';\nexport const colorInvertedForegroundWalkthrough = '--color-inverted-foreground-walkthrough';\nexport const colorInvertedForegroundWarning = '--color-inverted-foreground-warning';\nexport const colorInvertedInteractionActive = '--color-inverted-interaction-active';\nexport const colorInvertedInteractionFocus = '--color-inverted-interaction-focus';\nexport const colorInvertedInteractionHover = '--color-inverted-interaction-hover';\nexport const colorInvertedInteractionPressed = '--color-inverted-interaction-pressed';\nexport const colorLocationMarkerBackgroundBrand = '--color-location-marker-background-brand';\nexport const colorLocationMarkerBackgroundCaution = '--color-location-marker-background-caution';\nexport const colorLocationMarkerBackgroundNegative = '--color-location-marker-background-negative';\nexport const colorLocationMarkerBackgroundNeutral = '--color-location-marker-background-neutral';\nexport const colorLocationMarkerBackgroundPositive = '--color-location-marker-background-positive';\nexport const colorLocationMarkerBackgroundWarning = '--color-location-marker-background-warning';\nexport const colorLocationMarkerForeground = '--color-location-marker-foreground';\nexport const colorLocationMarkerInteractionFocus = '--color-location-marker-interaction-focus';\nexport const colorLocationMarkerInteractionHover = '--color-location-marker-interaction-hover';\nexport const colorLocationMarkerInteractionPressed = '--color-location-marker-interaction-pressed';\nexport const colorMediaBackground = '--color-media-background';\nexport const colorMediaBorderPrimary = '--color-media-border-primary';\nexport const colorMediaBorderSecondary = '--color-media-border-secondary';\nexport const colorMediaBorderTertiary = '--color-media-border-tertiary';\nexport const colorMediaDivider = '--color-media-divider';\nexport const colorMediaForegroundPrimary = '--color-media-foreground-primary';\nexport const colorMediaForegroundQuaternary = '--color-media-foreground-quaternary';\nexport const colorMediaForegroundSecondary = '--color-media-foreground-secondary';\nexport const colorMediaForegroundTertiary = '--color-media-foreground-tertiary';\nexport const colorMediaInteractionActive = '--color-media-interaction-active';\nexport const colorMediaInteractionFocus = '--color-media-interaction-focus';\nexport const colorMediaInteractionHover = '--color-media-interaction-hover';\nexport const colorMediaInteractionPressed = '--color-media-interaction-pressed';\nexport const colorNavigationBackground = '--color-navigation-background';\nexport const colorNavigationBorderPrimary = '--color-navigation-border-primary';\nexport const colorNavigationBorderSecondary = '--color-navigation-border-secondary';\nexport const colorNavigationBorderTertiary = '--color-navigation-border-tertiary';\nexport const colorNavigationDivider = '--color-navigation-divider';\nexport const colorNavigationForegroundBrand = '--color-navigation-foreground-brand';\nexport const colorNavigationForegroundPrimary = '--color-navigation-foreground-primary';\nexport const colorNavigationForegroundQuaternary = '--color-navigation-foreground-quaternary';\nexport const colorNavigationForegroundSecondary = '--color-navigation-foreground-secondary';\nexport const colorNavigationForegroundTertiary = '--color-navigation-foreground-tertiary';\nexport const colorNavigationInteractionActive = '--color-navigation-interaction-active';\nexport const colorNavigationInteractionFocus = '--color-navigation-interaction-focus';\nexport const colorNavigationInteractionHover = '--color-navigation-interaction-hover';\nexport const colorNavigationInteractionPressed = '--color-navigation-interaction-pressed';\nexport const colorReferenceBlack0 = '--color-reference-black-0';\nexport const colorReferenceBlack10 = '--color-reference-black-10';\nexport const colorReferenceBlack100 = '--color-reference-black-100';\nexport const colorReferenceBlack15 = '--color-reference-black-15';\nexport const colorReferenceBlack20 = '--color-reference-black-20';\nexport const colorReferenceBlack25 = '--color-reference-black-25';\nexport const colorReferenceBlack30 = '--color-reference-black-30';\nexport const colorReferenceBlack35 = '--color-reference-black-35';\nexport const colorReferenceBlack40 = '--color-reference-black-40';\nexport const colorReferenceBlack45 = '--color-reference-black-45';\nexport const colorReferenceBlack5 = '--color-reference-black-5';\nexport const colorReferenceBlack50 = '--color-reference-black-50';\nexport const colorReferenceBlack55 = '--color-reference-black-55';\nexport const colorReferenceBlack60 = '--color-reference-black-60';\nexport const colorReferenceBlack65 = '--color-reference-black-65';\nexport const colorReferenceBlack70 = '--color-reference-black-70';\nexport const colorReferenceBlack75 = '--color-reference-black-75';\nexport const colorReferenceBlack80 = '--color-reference-black-80';\nexport const colorReferenceBlack85 = '--color-reference-black-85';\nexport const colorReferenceBlack90 = '--color-reference-black-90';\nexport const colorReferenceBlack95 = '--color-reference-black-95';\nexport const colorReferenceDarkBlue250L27C05Faint = '--color-reference-dark-blue-250-l27-c05-faint';\nexport const colorReferenceDarkBlue250L50C17Medium = '--color-reference-dark-blue-250-l50-c17-medium';\nexport const colorReferenceDarkBlue250L65C20Bold = '--color-reference-dark-blue-250-l65-c20-bold';\nexport const colorReferenceDarkBlue250L91C05Strong = '--color-reference-dark-blue-250-l91-c05-strong';\nexport const colorReferenceDarkCyan215L27C05Faint = '--color-reference-dark-cyan-215-l27-c05-faint';\nexport const colorReferenceDarkCyan215L50C11Medium = '--color-reference-dark-cyan-215-l50-c11-medium';\nexport const colorReferenceDarkCyan215L70C15Bold = '--color-reference-dark-cyan-215-l70-c15-bold';\nexport const colorReferenceDarkCyan215L92C07Strong = '--color-reference-dark-cyan-215-l92-c07-strong';\nexport const colorReferenceDarkGreen145L27C05Faint = '--color-reference-dark-green-145-l27-c05-faint';\nexport const colorReferenceDarkGreen145L50C17Medium = '--color-reference-dark-green-145-l50-c17-medium';\nexport const colorReferenceDarkGreen145L70C19Bold = '--color-reference-dark-green-145-l70-c19-bold';\nexport const colorReferenceDarkGreen145L93C06Strong = '--color-reference-dark-green-145-l93-c06-strong';\nexport const colorReferenceDarkMagenta325L28C05Faint = '--color-reference-dark-magenta-325-l28-c05-faint';\nexport const colorReferenceDarkMagenta325L51C17Medium = '--color-reference-dark-magenta-325-l51-c17-medium';\nexport const colorReferenceDarkMagenta325L67C20Bold = '--color-reference-dark-magenta-325-l67-c20-bold';\nexport const colorReferenceDarkMagenta325L90C08Strong = '--color-reference-dark-magenta-325-l90-c08-strong';\nexport const colorReferenceDarkOlive115L27C05Faint = '--color-reference-dark-olive-115-l27-c05-faint';\nexport const colorReferenceDarkOlive115L51C13Medium = '--color-reference-dark-olive-115-l51-c13-medium';\nexport const colorReferenceDarkOlive115L75C19Bold = '--color-reference-dark-olive-115-l75-c19-bold';\nexport const colorReferenceDarkOlive115L93C05Strong = '--color-reference-dark-olive-115-l93-c05-strong';\nexport const colorReferenceDarkOrange60L28C05Faint = '--color-reference-dark-orange-60-l28-c05-faint';\nexport const colorReferenceDarkOrange60L51C13Medium = '--color-reference-dark-orange-60-l51-c13-medium';\nexport const colorReferenceDarkOrange60L75C20Bold = '--color-reference-dark-orange-60-l75-c20-bold';\nexport const colorReferenceDarkOrange60L92C06Strong = '--color-reference-dark-orange-60-l92-c06-strong';\nexport const colorReferenceDarkPink0L28C05Faint = '--color-reference-dark-pink-0-l28-c05-faint';\nexport const colorReferenceDarkPink0L52C17Medium = '--color-reference-dark-pink-0-l52-c17-medium';\nexport const colorReferenceDarkPink0L68C20Bold = '--color-reference-dark-pink-0-l68-c20-bold';\nexport const colorReferenceDarkPink0L92C05Strong = '--color-reference-dark-pink-0-l92-c05-strong';\nexport const colorReferenceDarkPurple290L28C05Faint = '--color-reference-dark-purple-290-l28-c05-faint';\nexport const colorReferenceDarkPurple290L52C17Medium = '--color-reference-dark-purple-290-l52-c17-medium';\nexport const colorReferenceDarkPurple290L67C20Bold = '--color-reference-dark-purple-290-l67-c20-bold';\nexport const colorReferenceDarkPurple290L92C05Strong = '--color-reference-dark-purple-290-l92-c05-strong';\nexport const colorReferenceDarkRed30L28C05Faint = '--color-reference-dark-red-30-l28-c05-faint';\nexport const colorReferenceDarkRed30L51C17Medium = '--color-reference-dark-red-30-l51-c17-medium';\nexport const colorReferenceDarkRed30L70C20Bold = '--color-reference-dark-red-30-l70-c20-bold';\nexport const colorReferenceDarkRed30L91C06Strong = '--color-reference-dark-red-30-l91-c06-strong';\nexport const colorReferenceDarkTeal180L27C05Faint = '--color-reference-dark-teal-180-l27-c05-faint';\nexport const colorReferenceDarkTeal180L50C12Medium = '--color-reference-dark-teal-180-l50-c12-medium';\nexport const colorReferenceDarkTeal180L70C15Bold = '--color-reference-dark-teal-180-l70-c15-bold';\nexport const colorReferenceDarkTeal180L93C08Strong = '--color-reference-dark-teal-180-l93-c08-strong';\nexport const colorReferenceDarkYellow85L28C05Faint = '--color-reference-dark-yellow-85-l28-c05-faint';\nexport const colorReferenceDarkYellow85L51C12Medium = '--color-reference-dark-yellow-85-l51-c12-medium';\nexport const colorReferenceDarkYellow85L80C18Bold = '--color-reference-dark-yellow-85-l80-c18-bold';\nexport const colorReferenceDarkYellow85L93C05Strong = '--color-reference-dark-yellow-85-l93-c05-strong';\nexport const colorReferenceGreyL18 = '--color-reference-grey-l18';\nexport const colorReferenceGreyL20 = '--color-reference-grey-l20';\nexport const colorReferenceGreyL27DarkFaint = '--color-reference-grey-l27-dark-faint';\nexport const colorReferenceGreyL30LightStrong = '--color-reference-grey-l30-light-strong';\nexport const colorReferenceGreyL50DarkMedium = '--color-reference-grey-l50-dark-medium';\nexport const colorReferenceGreyL51LightBold = '--color-reference-grey-l51-light-bold';\nexport const colorReferenceGreyL65DarkBold = '--color-reference-grey-l65-dark-bold';\nexport const colorReferenceGreyL75LightMedium = '--color-reference-grey-l75-light-medium';\nexport const colorReferenceGreyL91DarkStrong = '--color-reference-grey-l91-dark-strong';\nexport const colorReferenceGreyL93LightFaint = '--color-reference-grey-l93-light-faint';\nexport const colorReferenceGreyL98 = '--color-reference-grey-l98';\nexport const colorReferenceLightBlue250L33C09Strong = '--color-reference-light-blue-250-l33-c09-strong';\nexport const colorReferenceLightBlue250L50C18Bold = '--color-reference-light-blue-250-l50-c18-bold';\nexport const colorReferenceLightBlue250L70C18Medium = '--color-reference-light-blue-250-l70-c18-medium';\nexport const colorReferenceLightBlue250L92C04Faint = '--color-reference-light-blue-250-l92-c04-faint';\nexport const colorReferenceLightCyan215L30C07Strong = '--color-reference-light-cyan-215-l30-c07-strong';\nexport const colorReferenceLightCyan215L51C11Bold = '--color-reference-light-cyan-215-l51-c11-bold';\nexport const colorReferenceLightCyan215L75C17Medium = '--color-reference-light-cyan-215-l75-c17-medium';\nexport const colorReferenceLightCyan215L94C04Faint = '--color-reference-light-cyan-215-l94-c04-faint';\nexport const colorReferenceLightGreen145L35C13Strong = '--color-reference-light-green-145-l35-c13-strong';\nexport const colorReferenceLightGreen145L50C19Bold = '--color-reference-light-green-145-l50-c19-bold';\nexport const colorReferenceLightGreen145L75C22Medium = '--color-reference-light-green-145-l75-c22-medium';\nexport const colorReferenceLightGreen145L94C05Faint = '--color-reference-light-green-145-l94-c05-faint';\nexport const colorReferenceLightMagenta325L30C13Strong = '--color-reference-light-magenta-325-l30-c13-strong';\nexport const colorReferenceLightMagenta325L54C20Bold = '--color-reference-light-magenta-325-l54-c20-bold';\nexport const colorReferenceLightMagenta325L70C23Medium = '--color-reference-light-magenta-325-l70-c23-medium';\nexport const colorReferenceLightMagenta325L94C05Faint = '--color-reference-light-magenta-325-l94-c05-faint';\nexport const colorReferenceLightOlive115L35C09Strong = '--color-reference-light-olive-115-l35-c09-strong';\nexport const colorReferenceLightOlive115L51C13Bold = '--color-reference-light-olive-115-l51-c13-bold';\nexport const colorReferenceLightOlive115L85C22Medium = '--color-reference-light-olive-115-l85-c22-medium';\nexport const colorReferenceLightOlive115L93C05Faint = '--color-reference-light-olive-115-l93-c05-faint';\nexport const colorReferenceLightOrange60L35C09Strong = '--color-reference-light-orange-60-l35-c09-strong';\nexport const colorReferenceLightOrange60L52C13Bold = '--color-reference-light-orange-60-l52-c13-bold';\nexport const colorReferenceLightOrange60L75C20Medium = '--color-reference-light-orange-60-l75-c20-medium';\nexport const colorReferenceLightOrange60L93C05Faint = '--color-reference-light-orange-60-l93-c05-faint';\nexport const colorReferenceLightPink0L29C10Strong = '--color-reference-light-pink-0-l29-c10-strong';\nexport const colorReferenceLightPink0L53C20Bold = '--color-reference-light-pink-0-l53-c20-bold';\nexport const colorReferenceLightPink0L70C22Medium = '--color-reference-light-pink-0-l70-c22-medium';\nexport const colorReferenceLightPink0L93C05Faint = '--color-reference-light-pink-0-l93-c05-faint';\nexport const colorReferenceLightPurple290L35C13Strong = '--color-reference-light-purple-290-l35-c13-strong';\nexport const colorReferenceLightPurple290L52C20Bold = '--color-reference-light-purple-290-l52-c20-bold';\nexport const colorReferenceLightPurple290L75C15Medium = '--color-reference-light-purple-290-l75-c15-medium';\nexport const colorReferenceLightPurple290L92C04Faint = '--color-reference-light-purple-290-l92-c04-faint';\nexport const colorReferenceLightRed30L30C11Strong = '--color-reference-light-red-30-l30-c11-strong';\nexport const colorReferenceLightRed30L53C20Bold = '--color-reference-light-red-30-l53-c20-bold';\nexport const colorReferenceLightRed30L70C20Medium = '--color-reference-light-red-30-l70-c20-medium';\nexport const colorReferenceLightRed30L93C04Faint = '--color-reference-light-red-30-l93-c04-faint';\nexport const colorReferenceLightTeal180L35C09Strong = '--color-reference-light-teal-180-l35-c09-strong';\nexport const colorReferenceLightTeal180L50C12Bold = '--color-reference-light-teal-180-l50-c12-bold';\nexport const colorReferenceLightTeal180L75C17Medium = '--color-reference-light-teal-180-l75-c17-medium';\nexport const colorReferenceLightTeal180L94C05Faint = '--color-reference-light-teal-180-l94-c05-faint';\nexport const colorReferenceLightYellow85L40C09Strong = '--color-reference-light-yellow-85-l40-c09-strong';\nexport const colorReferenceLightYellow85L51C12Bold = '--color-reference-light-yellow-85-l51-c12-bold';\nexport const colorReferenceLightYellow85L85C20Medium = '--color-reference-light-yellow-85-l85-c20-medium';\nexport const colorReferenceLightYellow85L93C08Faint = '--color-reference-light-yellow-85-l93-c08-faint';\nexport const colorReferenceWhite0 = '--color-reference-white-0';\nexport const colorReferenceWhite10 = '--color-reference-white-10';\nexport const colorReferenceWhite100 = '--color-reference-white-100';\nexport const colorReferenceWhite15 = '--color-reference-white-15';\nexport const colorReferenceWhite20 = '--color-reference-white-20';\nexport const colorReferenceWhite25 = '--color-reference-white-25';\nexport const colorReferenceWhite30 = '--color-reference-white-30';\nexport const colorReferenceWhite35 = '--color-reference-white-35';\nexport const colorReferenceWhite40 = '--color-reference-white-40';\nexport const colorReferenceWhite45 = '--color-reference-white-45';\nexport const colorReferenceWhite5 = '--color-reference-white-5';\nexport const colorReferenceWhite50 = '--color-reference-white-50';\nexport const colorReferenceWhite55 = '--color-reference-white-55';\nexport const colorReferenceWhite60 = '--color-reference-white-60';\nexport const colorReferenceWhite65 = '--color-reference-white-65';\nexport const colorReferenceWhite70 = '--color-reference-white-70';\nexport const colorReferenceWhite75 = '--color-reference-white-75';\nexport const colorReferenceWhite80 = '--color-reference-white-80';\nexport const colorReferenceWhite85 = '--color-reference-white-85';\nexport const colorReferenceWhite90 = '--color-reference-white-90';\nexport const colorReferenceWhite95 = '--color-reference-white-95';\nexport const colorSafetyScoreBackgroundExcellent = '--color-safety-score-background-excellent';\nexport const colorSafetyScoreBackgroundFair = '--color-safety-score-background-fair';\nexport const colorSafetyScoreBackgroundGood = '--color-safety-score-background-good';\nexport const colorSafetyScoreForegroundOnExcellent = '--color-safety-score-foreground-on-excellent';\nexport const colorSafetyScoreForegroundOnFair = '--color-safety-score-foreground-on-fair';\nexport const colorSafetyScoreForegroundOnGood = '--color-safety-score-foreground-on-good';\nexport const colorSafetyScoreInteractionFocus = '--color-safety-score-interaction-focus';\nexport const colorSafetyScoreInteractionHover = '--color-safety-score-interaction-hover';\nexport const colorSafetyScoreInteractionPressed = '--color-safety-score-interaction-pressed';\nexport const colorSettingsProfileBackground = '--color-settings-profile-background';\nexport const colorSettingsProfileBorder = '--color-settings-profile-border';\nexport const colorSettingsProfileForeground = '--color-settings-profile-foreground';\nexport const colorShimmerFade = '--color-shimmer-fade';\nexport const colorShimmerHighlight = '--color-shimmer-highlight';\nexport const dimensionBase = '--dimension-base';\nexport const dimensionCardWidthLg = '--dimension-card-width-lg';\nexport const dimensionCardWidthMd = '--dimension-card-width-md';\nexport const dimensionCardWidthSm = '--dimension-card-width-sm';\nexport const dimensionCardWidthXs = '--dimension-card-width-xs';\nexport const dimensionFormWidthLg = '--dimension-form-width-lg';\nexport const dimensionFormWidthMd = '--dimension-form-width-md';\nexport const dimensionFormWidthSm = '--dimension-form-width-sm';\nexport const dimensionFormWidthXl = '--dimension-form-width-xl';\nexport const dimensionFormWidthXs = '--dimension-form-width-xs';\nexport const dimensionIconography2xl = '--dimension-iconography-2xl';\nexport const dimensionIconography3xl = '--dimension-iconography-3xl';\nexport const dimensionIconographyLg = '--dimension-iconography-lg';\nexport const dimensionIconographyMd = '--dimension-iconography-md';\nexport const dimensionIconographySm = '--dimension-iconography-sm';\nexport const dimensionIconographyXl = '--dimension-iconography-xl';\nexport const dimensionIconographyXs = '--dimension-iconography-xs';\nexport const dimensionMenuWidthLg = '--dimension-menu-width-lg';\nexport const dimensionMenuWidthMd = '--dimension-menu-width-md';\nexport const dimensionMenuWidthSm = '--dimension-menu-width-sm';\nexport const dimensionMenuWidthXs = '--dimension-menu-width-xs';\nexport const dimensionModalWidth2xl = '--dimension-modal-width-2xl';\nexport const dimensionModalWidthFill = '--dimension-modal-width-fill';\nexport const dimensionModalWidthLg = '--dimension-modal-width-lg';\nexport const dimensionModalWidthMd = '--dimension-modal-width-md';\nexport const dimensionModalWidthSm = '--dimension-modal-width-sm';\nexport const dimensionModalWidthXl = '--dimension-modal-width-xl';\nexport const dimensionModalWidthXs = '--dimension-modal-width-xs';\nexport const dimensionOffset000 = '--dimension-offset-000';\nexport const dimensionOffset025 = '--dimension-offset-025';\nexport const dimensionOffset050 = '--dimension-offset-050';\nexport const dimensionOffset075 = '--dimension-offset-075';\nexport const dimensionOffset100 = '--dimension-offset-100';\nexport const dimensionOffset125 = '--dimension-offset-125';\nexport const dimensionOffset150 = '--dimension-offset-150';\nexport const dimensionOffset175 = '--dimension-offset-175';\nexport const dimensionOffset200 = '--dimension-offset-200';\nexport const dimensionOffset250 = '--dimension-offset-250';\nexport const dimensionOffsetBase = '--dimension-offset-base';\nexport const dimensionOffsetN025 = '--dimension-offset-n025';\nexport const dimensionOffsetN050 = '--dimension-offset-n050';\nexport const dimensionOffsetN075 = '--dimension-offset-n075';\nexport const dimensionOffsetN100 = '--dimension-offset-n100';\nexport const dimensionOffsetN125 = '--dimension-offset-n125';\nexport const dimensionOffsetN150 = '--dimension-offset-n150';\nexport const dimensionOffsetN175 = '--dimension-offset-n175';\nexport const dimensionOffsetN200 = '--dimension-offset-n200';\nexport const dimensionOffsetN250 = '--dimension-offset-n250';\nexport const dimensionPanelWidth2xl = '--dimension-panel-width-2xl';\nexport const dimensionPanelWidth2xs = '--dimension-panel-width-2xs';\nexport const dimensionPanelWidthFill = '--dimension-panel-width-fill';\nexport const dimensionPanelWidthLg = '--dimension-panel-width-lg';\nexport const dimensionPanelWidthMd = '--dimension-panel-width-md';\nexport const dimensionPanelWidthSm = '--dimension-panel-width-sm';\nexport const dimensionPanelWidthXl = '--dimension-panel-width-xl';\nexport const dimensionPanelWidthXs = '--dimension-panel-width-xs';\nexport const dimensionRadius000 = '--dimension-radius-000';\nexport const dimensionRadius012 = '--dimension-radius-012';\nexport const dimensionRadius025 = '--dimension-radius-025';\nexport const dimensionRadius037 = '--dimension-radius-037';\nexport const dimensionRadius050 = '--dimension-radius-050';\nexport const dimensionRadius075 = '--dimension-radius-075';\nexport const dimensionRadius100 = '--dimension-radius-100';\nexport const dimensionRadius125 = '--dimension-radius-125';\nexport const dimensionRadius150 = '--dimension-radius-150';\nexport const dimensionRadius175 = '--dimension-radius-175';\nexport const dimensionRadius200 = '--dimension-radius-200';\nexport const dimensionRadius250 = '--dimension-radius-250';\nexport const dimensionRadius300 = '--dimension-radius-300';\nexport const dimensionRadius400 = '--dimension-radius-400';\nexport const dimensionRadius600 = '--dimension-radius-600';\nexport const dimensionRadiusBase = '--dimension-radius-base';\nexport const dimensionRadiusHalf = '--dimension-radius-half';\nexport const dimensionScaleDefault = '--dimension-scale-default';\nexport const dimensionScaleSubtle = '--dimension-scale-subtle';\nexport const dimensionSize000 = '--dimension-size-000';\nexport const dimensionSize050 = '--dimension-size-050';\nexport const dimensionSize075 = '--dimension-size-075';\nexport const dimensionSize100 = '--dimension-size-100';\nexport const dimensionSize150 = '--dimension-size-150';\nexport const dimensionSize200 = '--dimension-size-200';\nexport const dimensionSize250 = '--dimension-size-250';\nexport const dimensionSize300 = '--dimension-size-300';\nexport const dimensionSize400 = '--dimension-size-400';\nexport const dimensionSize500 = '--dimension-size-500';\nexport const dimensionSize600 = '--dimension-size-600';\nexport const dimensionSize800 = '--dimension-size-800';\nexport const dimensionSizeBase = '--dimension-size-base';\nexport const dimensionSpace000 = '--dimension-space-000';\nexport const dimensionSpace012 = '--dimension-space-012';\nexport const dimensionSpace025 = '--dimension-space-025';\nexport const dimensionSpace050 = '--dimension-space-050';\nexport const dimensionSpace075 = '--dimension-space-075';\nexport const dimensionSpace100 = '--dimension-space-100';\nexport const dimensionSpace125 = '--dimension-space-125';\nexport const dimensionSpace150 = '--dimension-space-150';\nexport const dimensionSpace175 = '--dimension-space-175';\nexport const dimensionSpace200 = '--dimension-space-200';\nexport const dimensionSpace250 = '--dimension-space-250';\nexport const dimensionSpace300 = '--dimension-space-300';\nexport const dimensionSpace400 = '--dimension-space-400';\nexport const dimensionSpace600 = '--dimension-space-600';\nexport const dimensionSpace800 = '--dimension-space-800';\nexport const dimensionSpaceBase = '--dimension-space-base';\nexport const dimensionSpaceN012 = '--dimension-space-n012';\nexport const dimensionSpaceN025 = '--dimension-space-n025';\nexport const dimensionSpaceN050 = '--dimension-space-n050';\nexport const dimensionSpaceN075 = '--dimension-space-n075';\nexport const dimensionSpaceN100 = '--dimension-space-n100';\nexport const dimensionSpaceN125 = '--dimension-space-n125';\nexport const dimensionSpaceN150 = '--dimension-space-n150';\nexport const dimensionSpaceN175 = '--dimension-space-n175';\nexport const dimensionSpaceN200 = '--dimension-space-n200';\nexport const dimensionSpaceN250 = '--dimension-space-n250';\nexport const dimensionSpaceN300 = '--dimension-space-n300';\nexport const dimensionSpaceN400 = '--dimension-space-n400';\nexport const dimensionSpaceN600 = '--dimension-space-n600';\nexport const dimensionSpaceN800 = '--dimension-space-n800';\nexport const dimensionStrokeWidth012 = '--dimension-stroke-width-012';\nexport const dimensionStrokeWidth015 = '--dimension-stroke-width-015';\nexport const dimensionStrokeWidth018 = '--dimension-stroke-width-018';\nexport const dimensionStrokeWidth025 = '--dimension-stroke-width-025';\nexport const dimensionStrokeWidth037 = '--dimension-stroke-width-037';\nexport const dimensionStrokeWidth050 = '--dimension-stroke-width-050';\nexport const dimensionStrokeWidthBase = '--dimension-stroke-width-base';\nexport const dimensionTableColumnWidthLg = '--dimension-table-column-width-lg';\nexport const dimensionTableColumnWidthMd = '--dimension-table-column-width-md';\nexport const dimensionTableColumnWidthSm = '--dimension-table-column-width-sm';\nexport const dimensionTableColumnWidthXl = '--dimension-table-column-width-xl';\nexport const dimensionTableColumnWidthXs = '--dimension-table-column-width-xs';\nexport const dimensionTooltipWidthLg = '--dimension-tooltip-width-lg';\nexport const dimensionTooltipWidthMd = '--dimension-tooltip-width-md';\nexport const dimensionTooltipWidthSm = '--dimension-tooltip-width-sm';\nexport const dimensionZIndexBase = '--dimension-z-index-base';\nexport const dimensionZIndexFloating = '--dimension-z-index-floating';\nexport const dimensionZIndexModal = '--dimension-z-index-modal';\nexport const dimensionZIndexOverlay = '--dimension-z-index-overlay';\nexport const dimensionZIndexRaised = '--dimension-z-index-raised';\nexport const dimensionZIndexTooltip = '--dimension-z-index-tooltip';\nexport const effectAnimationDelayInstant = '--effect-animation-delay-instant';\nexport const effectAnimationDelayLong1 = '--effect-animation-delay-long-1';\nexport const effectAnimationDelayLong2 = '--effect-animation-delay-long-2';\nexport const effectAnimationDelayLong3 = '--effect-animation-delay-long-3';\nexport const effectAnimationDelayMedium1 = '--effect-animation-delay-medium-1';\nexport const effectAnimationDelayMedium2 = '--effect-animation-delay-medium-2';\nexport const effectAnimationDelayMedium3 = '--effect-animation-delay-medium-3';\nexport const effectAnimationDelayShort1 = '--effect-animation-delay-short-1';\nexport const effectAnimationDelayShort2 = '--effect-animation-delay-short-2';\nexport const effectAnimationDelayShort3 = '--effect-animation-delay-short-3';\nexport const effectAnimationDurationInstant = '--effect-animation-duration-instant';\nexport const effectAnimationDurationLong1 = '--effect-animation-duration-long-1';\nexport const effectAnimationDurationLong2 = '--effect-animation-duration-long-2';\nexport const effectAnimationDurationLong3 = '--effect-animation-duration-long-3';\nexport const effectAnimationDurationMedium1 = '--effect-animation-duration-medium-1';\nexport const effectAnimationDurationMedium2 = '--effect-animation-duration-medium-2';\nexport const effectAnimationDurationMedium3 = '--effect-animation-duration-medium-3';\nexport const effectAnimationDurationShort1 = '--effect-animation-duration-short-1';\nexport const effectAnimationDurationShort2 = '--effect-animation-duration-short-2';\nexport const effectAnimationDurationShort3 = '--effect-animation-duration-short-3';\nexport const effectAnimationEasingEaseIn = '--effect-animation-easing-ease-in';\nexport const effectAnimationEasingEaseInOut = '--effect-animation-easing-ease-in-out';\nexport const effectAnimationEasingEaseInOutBack = '--effect-animation-easing-ease-in-out-back';\nexport const effectAnimationEasingEaseOut = '--effect-animation-easing-ease-out';\nexport const effectAnimationEasingLinear = '--effect-animation-easing-linear';\nexport const effectBlurLg = '--effect-blur-lg';\nexport const effectBlurMd = '--effect-blur-md';\nexport const effectBlurSm = '--effect-blur-sm';\nexport const effectElevationDepressedMd = '--effect-elevation-depressed-md';\nexport const effectElevationDepressedSm = '--effect-elevation-depressed-sm';\nexport const effectElevationElevatedFloating = '--effect-elevation-elevated-floating';\nexport const effectElevationElevatedMd = '--effect-elevation-elevated-md';\nexport const effectElevationElevatedNone = '--effect-elevation-elevated-none';\nexport const effectElevationElevatedPanelBottom = '--effect-elevation-elevated-panel-bottom';\nexport const effectElevationElevatedPanelLeft = '--effect-elevation-elevated-panel-left';\nexport const effectElevationElevatedPanelRight = '--effect-elevation-elevated-panel-right';\nexport const effectElevationElevatedPanelTop = '--effect-elevation-elevated-panel-top';\nexport const effectElevationElevatedSm = '--effect-elevation-elevated-sm';\nexport const effectFocusRing = '--effect-focus-ring';\nexport const effectHighlightDepressedMd = '--effect-highlight-depressed-md';\nexport const effectHighlightDepressedSm = '--effect-highlight-depressed-sm';\nexport const effectHighlightElevatedFloating = '--effect-highlight-elevated-floating';\nexport const effectHighlightElevatedMd = '--effect-highlight-elevated-md';\nexport const effectHighlightElevatedNone = '--effect-highlight-elevated-none';\nexport const effectHighlightElevatedPanelBottom = '--effect-highlight-elevated-panel-bottom';\nexport const effectHighlightElevatedPanelLeft = '--effect-highlight-elevated-panel-left';\nexport const effectHighlightElevatedPanelRight = '--effect-highlight-elevated-panel-right';\nexport const effectHighlightElevatedPanelTop = '--effect-highlight-elevated-panel-top';\nexport const effectHighlightElevatedSm = '--effect-highlight-elevated-sm';\nexport const effectMotionInstant = '--effect-motion-instant';\nexport const effectMotionLong1 = '--effect-motion-long-1';\nexport const effectMotionLong2 = '--effect-motion-long-2';\nexport const effectMotionLong3 = '--effect-motion-long-3';\nexport const effectMotionMedium1 = '--effect-motion-medium-1';\nexport const effectMotionMedium2 = '--effect-motion-medium-2';\nexport const effectMotionMedium3 = '--effect-motion-medium-3';\nexport const effectMotionShort1 = '--effect-motion-short-1';\nexport const effectMotionShort2 = '--effect-motion-short-2';\nexport const effectMotionShort3 = '--effect-motion-short-3';\nexport const effectShadowDepressedMd = '--effect-shadow-depressed-md';\nexport const effectShadowDepressedSm = '--effect-shadow-depressed-sm';\nexport const effectShadowElevatedFloating = '--effect-shadow-elevated-floating';\nexport const effectShadowElevatedMd = '--effect-shadow-elevated-md';\nexport const effectShadowElevatedNone = '--effect-shadow-elevated-none';\nexport const effectShadowElevatedPanelBottom = '--effect-shadow-elevated-panel-bottom';\nexport const effectShadowElevatedPanelLeft = '--effect-shadow-elevated-panel-left';\nexport const effectShadowElevatedPanelRight = '--effect-shadow-elevated-panel-right';\nexport const effectShadowElevatedPanelTop = '--effect-shadow-elevated-panel-top';\nexport const effectShadowElevatedSm = '--effect-shadow-elevated-sm';\nexport const effectTransitionInteractionBackgroundInstant = '--effect-transition-interaction-background-instant';\nexport const effectTransitionInteractionBackgroundLong1 = '--effect-transition-interaction-background-long-1';\nexport const effectTransitionInteractionBackgroundLong2 = '--effect-transition-interaction-background-long-2';\nexport const effectTransitionInteractionBackgroundLong3 = '--effect-transition-interaction-background-long-3';\nexport const effectTransitionInteractionBackgroundMedium1 = '--effect-transition-interaction-background-medium-1';\nexport const effectTransitionInteractionBackgroundMedium2 = '--effect-transition-interaction-background-medium-2';\nexport const effectTransitionInteractionBackgroundMedium3 = '--effect-transition-interaction-background-medium-3';\nexport const effectTransitionInteractionBackgroundShort1 = '--effect-transition-interaction-background-short-1';\nexport const effectTransitionInteractionBackgroundShort2 = '--effect-transition-interaction-background-short-2';\nexport const effectTransitionInteractionBackgroundShort3 = '--effect-transition-interaction-background-short-3';\nexport const effectTransitionInteractionBorderColorInstant = '--effect-transition-interaction-border-color-instant';\nexport const effectTransitionInteractionBorderColorLong1 = '--effect-transition-interaction-border-color-long-1';\nexport const effectTransitionInteractionBorderColorLong2 = '--effect-transition-interaction-border-color-long-2';\nexport const effectTransitionInteractionBorderColorLong3 = '--effect-transition-interaction-border-color-long-3';\nexport const effectTransitionInteractionBorderColorMedium1 = '--effect-transition-interaction-border-color-medium-1';\nexport const effectTransitionInteractionBorderColorMedium2 = '--effect-transition-interaction-border-color-medium-2';\nexport const effectTransitionInteractionBorderColorMedium3 = '--effect-transition-interaction-border-color-medium-3';\nexport const effectTransitionInteractionBorderColorShort1 = '--effect-transition-interaction-border-color-short-1';\nexport const effectTransitionInteractionBorderColorShort2 = '--effect-transition-interaction-border-color-short-2';\nexport const effectTransitionInteractionBorderColorShort3 = '--effect-transition-interaction-border-color-short-3';\nexport const effectTransitionInteractionColorInstant = '--effect-transition-interaction-color-instant';\nexport const effectTransitionInteractionColorLong1 = '--effect-transition-interaction-color-long-1';\nexport const effectTransitionInteractionColorLong2 = '--effect-transition-interaction-color-long-2';\nexport const effectTransitionInteractionColorLong3 = '--effect-transition-interaction-color-long-3';\nexport const effectTransitionInteractionColorMedium1 = '--effect-transition-interaction-color-medium-1';\nexport const effectTransitionInteractionColorMedium2 = '--effect-transition-interaction-color-medium-2';\nexport const effectTransitionInteractionColorMedium3 = '--effect-transition-interaction-color-medium-3';\nexport const effectTransitionInteractionColorShort1 = '--effect-transition-interaction-color-short-1';\nexport const effectTransitionInteractionColorShort2 = '--effect-transition-interaction-color-short-2';\nexport const effectTransitionInteractionColorShort3 = '--effect-transition-interaction-color-short-3';\nexport const effectTransitionInteractionOpacityInstant = '--effect-transition-interaction-opacity-instant';\nexport const effectTransitionInteractionOpacityLong1 = '--effect-transition-interaction-opacity-long-1';\nexport const effectTransitionInteractionOpacityLong2 = '--effect-transition-interaction-opacity-long-2';\nexport const effectTransitionInteractionOpacityLong3 = '--effect-transition-interaction-opacity-long-3';\nexport const effectTransitionInteractionOpacityMedium1 = '--effect-transition-interaction-opacity-medium-1';\nexport const effectTransitionInteractionOpacityMedium2 = '--effect-transition-interaction-opacity-medium-2';\nexport const effectTransitionInteractionOpacityMedium3 = '--effect-transition-interaction-opacity-medium-3';\nexport const effectTransitionInteractionOpacityShort1 = '--effect-transition-interaction-opacity-short-1';\nexport const effectTransitionInteractionOpacityShort2 = '--effect-transition-interaction-opacity-short-2';\nexport const effectTransitionInteractionOpacityShort3 = '--effect-transition-interaction-opacity-short-3';\nexport const effectTransitionInteractionTransformInstant = '--effect-transition-interaction-transform-instant';\nexport const effectTransitionInteractionTransformLong1 = '--effect-transition-interaction-transform-long-1';\nexport const effectTransitionInteractionTransformLong2 = '--effect-transition-interaction-transform-long-2';\nexport const effectTransitionInteractionTransformLong3 = '--effect-transition-interaction-transform-long-3';\nexport const effectTransitionInteractionTransformMedium1 = '--effect-transition-interaction-transform-medium-1';\nexport const effectTransitionInteractionTransformMedium2 = '--effect-transition-interaction-transform-medium-2';\nexport const effectTransitionInteractionTransformMedium3 = '--effect-transition-interaction-transform-medium-3';\nexport const effectTransitionInteractionTransformShort1 = '--effect-transition-interaction-transform-short-1';\nexport const effectTransitionInteractionTransformShort2 = '--effect-transition-interaction-transform-short-2';\nexport const effectTransitionInteractionTransformShort3 = '--effect-transition-interaction-transform-short-3';\nexport const typographyFontFamily = '--typography-font-family';\nexport const typographyFontsize2xl = '--typography-fontsize-2xl';\nexport const typographyFontsize3xl = '--typography-fontsize-3xl';\nexport const typographyFontsizeLg = '--typography-fontsize-lg';\nexport const typographyFontsizeMd = '--typography-fontsize-md';\nexport const typographyFontsizeSm = '--typography-fontsize-sm';\nexport const typographyFontsizeXl = '--typography-fontsize-xl';\nexport const typographyFontsizeXs = '--typography-fontsize-xs';\nexport const typographyLetterspacingNegative = '--typography-letterspacing-negative';\nexport const typographyLetterspacingNegativeDouble = '--typography-letterspacing-negative-double';\nexport const typographyLetterspacingNegativeHalf = '--typography-letterspacing-negative-half';\nexport const typographyLetterspacingNone = '--typography-letterspacing-none';\nexport const typographyLetterspacingPositive = '--typography-letterspacing-positive';\nexport const typographyLineheight2xl = '--typography-lineheight-2xl';\nexport const typographyLineheight3xl = '--typography-lineheight-3xl';\nexport const typographyLineheightLg = '--typography-lineheight-lg';\nexport const typographyLineheightMd = '--typography-lineheight-md';\nexport const typographyLineheightSm = '--typography-lineheight-sm';\nexport const typographyLineheightXl = '--typography-lineheight-xl';\nexport const typographyLineheightXs = '--typography-lineheight-xs';\nexport const typographyParagraphspacingLg = '--typography-paragraphspacing-lg';\nexport const typographyParagraphspacingMd = '--typography-paragraphspacing-md';\nexport const typographyParagraphspacingNone = '--typography-paragraphspacing-none';\nexport const typographyParagraphspacingSm = '--typography-paragraphspacing-sm';\nexport const typographyWeightBold = '--typography-weight-bold';\nexport const typographyWeightMedium = '--typography-weight-medium';\nexport const typographyWeightRegular = '--typography-weight-regular';\nexport const typographyWeightSemibold = '--typography-weight-semibold';\n","import {\n  dimensionIconographyMd,\n  dimensionIconographySm,\n  dimensionIconographyXs,\n  dimensionMenuWidthXs,\n  dimensionPanelWidth2xs,\n  dimensionPanelWidthLg,\n  dimensionPanelWidthMd,\n  dimensionRadius025,\n  dimensionSize200,\n  dimensionSize300,\n  dimensionSize600,\n  dimensionSize800,\n  dimensionSpace050,\n  dimensionSpace200,\n  typographyLineheightLg,\n  typographyLineheightMd,\n  typographyLineheightSm,\n  typographyLineheightXl,\n  typographyLineheightXs,\n  effectAnimationDelayLong2,\n  effectAnimationDelayMedium1,\n  effectAnimationDelayShort2,\n  effectAnimationDurationMedium1,\n  effectAnimationDurationShort3,\n  effectMotionShort2,\n  effectMotionShort3,\n} from '@ds-mo/tokens/ts';\n\n/** TokoMo CSS custom-property names for shared component defaults (runtime resolution). */\nexport const TOKEN_DEFAULTS = {\n  space050: dimensionSpace050,\n  space200: dimensionSpace200,\n  radius025: dimensionRadius025,\n  size200: dimensionSize200,\n  size300: dimensionSize300,\n  size600: dimensionSize600,\n  size800: dimensionSize800,\n  iconographyMd: dimensionIconographyMd,\n  iconographySm: dimensionIconographySm,\n  iconographyXs: dimensionIconographyXs,\n  panelWidth2xs: dimensionPanelWidth2xs,\n  panelWidthMd: dimensionPanelWidthMd,\n  panelWidthLg: dimensionPanelWidthLg,\n  menuWidthXs: dimensionMenuWidthXs,\n  lineheightLg: typographyLineheightLg,\n  lineheightMd: typographyLineheightMd,\n  lineheightSm: typographyLineheightSm,\n  lineheightXl: typographyLineheightXl,\n  lineheightXs: typographyLineheightXs,\n  motionShort2: effectMotionShort2,\n  motionShort3: effectMotionShort3,\n  animationDurationShort3: effectAnimationDurationShort3,\n  animationDurationMedium1: effectAnimationDurationMedium1,\n  animationDelayMedium1: effectAnimationDelayMedium1,\n  animationDelayShort2: effectAnimationDelayShort2,\n  animationDelayLong2: effectAnimationDelayLong2,\n  /** Unmeasured menu height fallback: 20× base (160px at default scale). */\n  menuFallbackHeight: 'calc(var(--dimension-size-base) * 20)',\n  /** Unmeasured tooltip width fallback: size-800 + size-200 (80px). */\n  tooltipFallbackWidth: 'calc(var(--dimension-size-800) + var(--dimension-size-200))',\n} as const;\n\nexport type TokenDefaultKey = keyof typeof TOKEN_DEFAULTS;\n\n/** Valid CSS length strings for overlay offset props — bind on `sideOffset` / `alignOffset` in hosts. */\nexport const TOKEN_CSS_LENGTHS = {\n  space050: `var(${dimensionSpace050})`,\n  space200: `var(${dimensionSpace200})`,\n  menuWidthXs: `var(${dimensionMenuWidthXs})`,\n} as const;\n"],"mappings":"AAotBO,MAAMA,EAAyB,6BAO/B,MAAMC,EAAuB,4BAgC7B,MAAMC,EAAwB,6BAM9B,MAAMC,EAAqB,yBAsB3B,MAAMC,EAAmB,uBAEzB,MAAMC,EAAmB,uBASzB,MAAMC,EAAoB,wBAkD1B,MAAMC,EAA4B,kCAElC,MAAMC,EAA8B,oCAUpC,MAAMC,EAAiC,uCAKvC,MAAMC,EAAgC,sCAsCtC,MAAMC,EAAqB,0BAC3B,MAAMC,EAAqB,0BA6E3B,MAAMC,EAAyB,6BAE/B,MAAMC,EAAyB,6BC77B/B,MAAMC,EAAiB,CAC5BC,SAAUV,EAEVW,UAAWd,EACXe,QAASd,EACTe,QAASd,EAGTe,cAAepB,EAIfqB,aAAcnB,EAEdoB,YAAarB,EAEbsB,aAAcV,EAEdW,aAAcV,EAEdW,aAAcd,EACde,aAAcd,EACde,wBAAyBjB,EACzBkB,yBAA0BnB,EAC1BoB,sBAAuBrB,EAEvBsB,oBAAqBvB,EAErBwB,mBAAoB,wCAEpBC,qBAAsB,+DAMjB,MAAMC,EAAoB,CAC/BjB,SAAU,OAAOV,a","ignoreList":[]}

package/dist/lib/nav/index.js

@@ -196,11 +196,18 @@ import {
   dimensionPanelWidth2xs,
   dimensionPanelWidthLg,
   dimensionPanelWidthMd,
+  dimensionRadius025,
+  dimensionSize200,
   dimensionSize300,
   dimensionSize600,
   dimensionSize800,
   dimensionSpace050,
   dimensionSpace200,
+  typographyLineheightLg,
+  typographyLineheightMd,
+  typographyLineheightSm,
+  typographyLineheightXl,
+  typographyLineheightXs,
   effectAnimationDelayLong2,
   effectAnimationDelayMedium1,
   effectAnimationDelayShort2,

package/dist/lib/nav/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/wc/nav/nav-chrome.ts", "../../../src/wc/utils/resolve-css-time-ms.ts", "../../../src/wc/nav/shell-view-transition.ts", "../../../src/wc/nav/shell-gradient-presets.ts", "../../../src/wc/nav/shell-gradient.ts", "../../../src/wc/utils/token-defaults.ts", "../../../src/wc/components/Menu/menu-placement.ts", "../../../src/wc/nav/chrome-transition.ts", "../../../src/wc/nav/shell-chrome-metrics.ts", "../../../src/wc/nav/badge-gradient-ring.ts"],
-  "sourcesContent": ["/** Nav chrome style slot \u2014 dashboard vs settings. Colors unified for now; texture hooks use the class. */\nexport type NavChromeStyle = 'dashboard' | 'settings';\n\n/** Document hint for first paint before framework props land. */\nexport const NAV_STYLE_HINT_ATTR = 'data-nav-style';\n\nexport function readNavStyleAttr(attr: string | null): NavChromeStyle | undefined {\n  if (attr === 'dashboard' || attr === 'settings') return attr;\n  return undefined;\n}\n\nexport function setNavStyleHint(style: NavChromeStyle): void {\n  if (typeof document === 'undefined') return;\n  document.documentElement.setAttribute(NAV_STYLE_HINT_ATTR, style);\n}\n\nexport function clearNavStyleHint(): void {\n  if (typeof document === 'undefined') return;\n  document.documentElement.removeAttribute(NAV_STYLE_HINT_ATTR);\n}\n\nexport function resolveNavChromeStyle(\n  styleProp: NavChromeStyle,\n  hostAttr: string | null,\n  docHint?: string | null,\n): NavChromeStyle {\n  const fromHost = readNavStyleAttr(hostAttr);\n  if (fromHost) return fromHost;\n\n  const hint =\n    docHint !== undefined\n      ? docHint\n      : typeof document !== 'undefined'\n        ? document.documentElement.getAttribute(NAV_STYLE_HINT_ATTR)\n        : null;\n  const fromHint = readNavStyleAttr(hint);\n  if (fromHint) return fromHint;\n\n  return styleProp;\n}\n\nexport function shouldResyncNavChromeStyle(\n  renderedStyle: NavChromeStyle,\n  style: NavChromeStyle,\n): boolean {\n  return renderedStyle !== style;\n}\n", "/** Parse a CSS <time> value (or motion shorthand's first token) to milliseconds. */\nexport function parseCssTimeMs(value: string, fallback: number): number {\n  const firstToken = value.trim().split(/\\s+/)[0] ?? '';\n  const num = parseFloat(firstToken);\n  if (Number.isNaN(num)) return fallback;\n  if (/ms\\s*$/.test(firstToken)) return num;\n  if (/s\\s*$/.test(firstToken)) return num * 1000;\n  return num;\n}\n\nfunction extractCssCustomProp(ref: string): string | null {\n  const varMatch = ref.match(/^var\\(\\s*(--[^),]+)/);\n  if (varMatch) return varMatch[1].trim();\n  if (ref.startsWith('--')) return ref.trim();\n  return null;\n}\n\nfunction readTokenTimeMs(token: string, fallback: number): number {\n  if (typeof document === 'undefined') return fallback;\n\n  const prop = extractCssCustomProp(token);\n  if (!prop) return parseCssTimeMs(token, fallback);\n\n  const raw = getComputedStyle(document.documentElement).getPropertyValue(prop).trim();\n  return parseCssTimeMs(raw, fallback);\n}\n\n/**\n * Resolve a duration to milliseconds for JS timers aligned with CSS motion tokens.\n * Accepts numbers (ms), raw times (`200ms`, `0.75s`), or `var(--effect-*)` references.\n */\nexport function resolveCssTimeMs(\n  value: number | string | undefined,\n  fallbackToken: string,\n): number {\n  if (typeof value === 'number') return value;\n\n  const token = typeof value === 'string' && value.trim() ? value.trim() : fallbackToken;\n  const prop = extractCssCustomProp(token);\n\n  if (prop) {\n    return readTokenTimeMs(token, readTokenTimeMs(fallbackToken, 200));\n  }\n\n  return parseCssTimeMs(token, readTokenTimeMs(fallbackToken, 200));\n}\n", "import { parseCssTimeMs } from '../utils/resolve-css-time-ms';\n\n/** `view-transition-name` on `ds-bar-nav` \u2014 pairs with root reveal in shell apps. */\nexport const SHELL_BAR_NAV_VT_NAME = 'ds-shell-bar-nav';\n\nexport { parseCssTimeMs };\n\nconst VT_STYLE_ID = 'ds-shell-nav-vt-style';\n\n/** TokoMo tokens for the dashboard \u2194 settings radial reveal (WAAPI). */\nexport const SHELL_NAV_REVEAL_DURATION_VAR = '--effect-animation-duration-medium-3';\nexport const SHELL_NAV_REVEAL_EASING_VAR = '--effect-animation-easing-ease-in-out';\nconst SHELL_NAV_REVEAL_DURATION_FALLBACK_MS = 500;\nconst SHELL_NAV_REVEAL_EASING_FALLBACK = 'ease-in-out';\n\nfunction readCssCustomProperty(name: string, fallback: string): string {\n  if (typeof document === 'undefined') return fallback;\n  const value = getComputedStyle(document.documentElement).getPropertyValue(name).trim();\n  return value || fallback;\n}\n\n/** Suppress default cross-fade and pin new snapshots to a 0px circle for WAAPI reveal. */\nexport function ensureShellNavVtStyle(): void {\n  if (typeof document === 'undefined') return;\n\n  const content = [\n    '::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}',\n    `::view-transition-old(${SHELL_BAR_NAV_VT_NAME}),::view-transition-new(${SHELL_BAR_NAV_VT_NAME}){animation:none;mix-blend-mode:normal}`,\n    `::view-transition-old(${SHELL_BAR_NAV_VT_NAME}){z-index:1}`,\n    `::view-transition-new(${SHELL_BAR_NAV_VT_NAME}){z-index:2;clip-path:circle(0px at var(--vt-x,50%) var(--vt-y,50%))}`,\n    '::view-transition-new(root){clip-path:circle(0px at var(--vt-x,50%) var(--vt-y,50%))}',\n  ].join('\\n');\n\n  const existing = document.getElementById(VT_STYLE_ID) as HTMLStyleElement | null;\n  if (existing) {\n    if (existing.textContent !== content) existing.textContent = content;\n    return;\n  }\n\n  const style = document.createElement('style');\n  style.id = VT_STYLE_ID;\n  style.textContent = content;\n  document.head.appendChild(style);\n}\n\nexport interface ShellNavRevealOrigin {\n  x: number;\n  y: number;\n  maxRadius: number;\n}\n\n/** Origin for the radial reveal \u2014 defaults to panel-nav footer gear, then viewport center. */\nexport function resolveShellNavRevealOrigin(originEl?: HTMLElement | null): ShellNavRevealOrigin {\n  const btn =\n    originEl ??\n    document.querySelector<HTMLElement>('.panel-nav__footer-btn');\n  const rect = btn?.getBoundingClientRect();\n  const x = rect ? Math.round(rect.left + rect.width / 2) : Math.round(window.innerWidth / 2);\n  const y = rect ? Math.round(rect.top + rect.height / 2) : Math.round(window.innerHeight / 2);\n  const maxRadius = Math.ceil(\n    Math.hypot(Math.max(x, window.innerWidth - x), Math.max(y, window.innerHeight - y)),\n  );\n  return { x, y, maxRadius };\n}\n\nexport function setShellNavRevealOriginVars(origin: ShellNavRevealOrigin): void {\n  document.documentElement.style.setProperty('--vt-x', `${origin.x}px`);\n  document.documentElement.style.setProperty('--vt-y', `${origin.y}px`);\n}\n\n/** Animate root + bar-nav snapshots with the same radial clip-path reveal. */\nexport function animateShellNavRadialReveal(\n  origin: ShellNavRevealOrigin,\n  durationMs?: number,\n): void {\n  const duration =\n    durationMs ??\n    parseCssTimeMs(\n      readCssCustomProperty(SHELL_NAV_REVEAL_DURATION_VAR, '400ms'),\n      SHELL_NAV_REVEAL_DURATION_FALLBACK_MS,\n    );\n  const easing = readCssCustomProperty(\n    SHELL_NAV_REVEAL_EASING_VAR,\n    SHELL_NAV_REVEAL_EASING_FALLBACK,\n  );\n  const keyframes = {\n    clipPath: [\n      `circle(0px at ${origin.x}px ${origin.y}px)`,\n      `circle(${origin.maxRadius}px at ${origin.x}px ${origin.y}px)`,\n    ],\n  };\n  const options = {\n    duration,\n    easing,\n    fill: 'forwards' as const,\n  };\n\n  document.documentElement.animate(keyframes, {\n    ...options,\n    pseudoElement: '::view-transition-new(root)',\n  });\n  document.documentElement.animate(keyframes, {\n    ...options,\n    pseudoElement: `::view-transition-new(${SHELL_BAR_NAV_VT_NAME})`,\n  });\n}\n\n/** Run radial reveal when a view transition's `ready` promise settles (app/router driver). */\nexport function runShellNavStyleRevealOnReady(\n  transition: { ready: Promise<void> },\n  originEl?: HTMLElement | null,\n): void {\n  ensureShellNavVtStyle();\n  const origin = resolveShellNavRevealOrigin(originEl);\n  setShellNavRevealOriginVars(origin);\n\n  transition.ready\n    .then(() => animateShellNavRadialReveal(origin))\n    .catch(() => {\n      /* transition skipped or superseded */\n    });\n}\n", "/** Built-in shell chrome wash presets \u2014 none (solid secondary), cool, neutral, warm. */\nexport type ShellGradientPreset = 'none' | 'cool' | 'neutral' | 'warm';\n\nexport const SHELL_GRADIENT_PRESETS: ShellGradientPreset[] = ['none', 'cool', 'neutral', 'warm'];\n\n/** Wash presets shown after the `none` option in pickers. */\nexport const SHELL_GRADIENT_WASH_PRESETS: Exclude<ShellGradientPreset, 'none'>[] = [\n  'cool',\n  'neutral',\n  'warm',\n];\n\n/** Default wash when `gradient-preset` is omitted. */\nexport const DEFAULT_SHELL_GRADIENT_PRESET: ShellGradientPreset = 'neutral';\n\nexport const SHELL_GRADIENT_PRESET_LABELS: Record<ShellGradientPreset, string> = {\n  none: 'None',\n  cool: 'Cool',\n  neutral: 'Neutral',\n  warm: 'Warm',\n};\n\nconst SHELL_GRADIENT_PRESET_STOP: Record<Exclude<ShellGradientPreset, 'none'>, string> = {\n  cool: 'var(--color-color-intent-blue-strong-background)',\n  neutral: 'var(--color-color-intent-grey-strong-background)',\n  warm: 'var(--color-color-intent-yellow-strong-background)',\n};\n\nconst GRADIENT_GEOMETRY = '100% 100% at 0% 0%';\n\nexport function shellGradientPresetStopToken(preset: ShellGradientPreset): string | null {\n  if (preset === 'none') return null;\n  return SHELL_GRADIENT_PRESET_STOP[preset];\n}\n\nexport function isShellGradientPreset(value: string): value is ShellGradientPreset {\n  return (SHELL_GRADIENT_PRESETS as string[]).includes(value);\n}\n\n/**\n * Coerce unknown/absent presets to the default. Runtime values escape the\n * type: removing the reflected `gradient-preset` attribute (e.g. an Angular\n * `[attr.gradient-preset]=\"null\"` binding) drives the prop to null past its\n * field default \u2014 without normalization the stop lookup interpolates the\n * literal string \"undefined\" into CSS and the wash silently disappears.\n */\nexport function normalizeShellGradientPreset(\n  value: string | null | undefined,\n): ShellGradientPreset {\n  return value != null && isShellGradientPreset(value) ? value : DEFAULT_SHELL_GRADIENT_PRESET;\n}\n\n/** Radial wash for a preset \u2014 transparent at top-left into the intent stop. `none` returns no image. */\nexport function buildShellRadialGradientForPreset(preset: ShellGradientPreset): string {\n  const normalized = normalizeShellGradientPreset(preset);\n  if (normalized === 'none') return 'none';\n\n  const stop = shellGradientPresetStopToken(normalized);\n  return `radial-gradient(${GRADIENT_GEOMETRY}, var(--color-background-transparent) 0%, ${stop} 100%)`;\n}\n", "/** CSS var names consumed by `ds-panel-nav` / `ds-bar-nav` inside `ds-app-shell`. */\nimport type { ShellGradientPreset } from './shell-gradient-presets';\nimport {\n  DEFAULT_SHELL_GRADIENT_PRESET,\n  buildShellRadialGradientForPreset,\n} from './shell-gradient-presets';\n\nexport type { ShellGradientPreset } from './shell-gradient-presets';\nexport {\n  DEFAULT_SHELL_GRADIENT_PRESET,\n  SHELL_GRADIENT_PRESETS,\n  SHELL_GRADIENT_PRESET_LABELS,\n  buildShellRadialGradientForPreset,\n  isShellGradientPreset,\n  shellGradientPresetStopToken,\n} from './shell-gradient-presets';\n\nexport const SHELL_GRADIENT_IMAGE_VAR = '--ds-shell-gradient-image';\nexport const SHELL_GRADIENT_SIZE_VAR = '--ds-shell-gradient-size';\nexport const SHELL_GRADIENT_POSITION_PANEL_VAR = '--ds-shell-gradient-position-panel';\nexport const SHELL_GRADIENT_POSITION_BAR_VAR = '--ds-shell-gradient-position-bar';\nexport const SHELL_GRADIENT_OPACITY_VAR = '--ds-shell-gradient-opacity';\n/** Per chrome-surface background-position \u2014 offsets wash + grid to shell row origin. */\nexport const SHELL_CHROME_SURFACE_POSITION_VAR = '--ds-shell-chrome-surface-position';\n\n/** Layer opacity for the nav gradient wash. */\nexport const SHELL_GRADIENT_OPACITY = '0.1';\n\n/** Whether the shared chrome layer (secondary bg + optional wash) should mount. */\nexport function shellChromeLayerActive(gradient: boolean): boolean {\n  return gradient;\n}\n\n/**\n * Shell radial wash \u2014 same for panel and bar nav.\n * Tokens follow `data-theme` (light/dark intent stops).\n */\nexport function buildShellRadialGradient(\n  preset: ShellGradientPreset = DEFAULT_SHELL_GRADIENT_PRESET,\n): string {\n  return buildShellRadialGradientForPreset(preset);\n}\n\n/** Built-in radial image (`gradientSrc` on shell overrides). */\nexport function shellGradientImage(\n  preset: ShellGradientPreset = DEFAULT_SHELL_GRADIENT_PRESET,\n): string {\n  return buildShellRadialGradient(preset);\n}\n\nexport interface ShellViewportDimensions {\n  width: number;\n  height: number;\n}\n\n/**\n * Viewport size for shell chrome with `background-attachment: fixed`.\n * Must not use the `ds-app-shell` element box \u2014 the shell can be shorter or\n * taller than the viewport when host height chains break or content overflows.\n */\nexport function readShellViewportDimensions(win?: Window): ShellViewportDimensions {\n  const w = win ?? (typeof globalThis.window !== 'undefined' ? globalThis.window : undefined);\n  if (!w) return { width: 0, height: 0 };\n\n  const visual = w.visualViewport;\n  return {\n    width: Math.round(visual?.width ?? w.innerWidth),\n    height: Math.round(visual?.height ?? w.innerHeight),\n  };\n}\n\nexport interface ShellGradientLayout {\n  width: number;\n  height: number;\n  panelWidth: number;\n}\n\n/** Pixel `background-size` for the fixed-attachment radial wash. */\nexport function shellGradientSize(layout: Pick<ShellGradientLayout, 'width' | 'height'>): string {\n  return `${Math.round(layout.width)}px ${Math.round(layout.height)}px`;\n}\n\nexport function shellGradientPositionPanel(): string {\n  return '0 0';\n}\n\nexport function shellGradientPositionBar(panelWidth: number): string {\n  return `${-Math.round(panelWidth)}px 0`;\n}\n\n/** Phase-lock a chrome rect to the shell row coordinate system (wash + grid). */\nexport function shellChromeSurfacePosition(leftPx: number, topPx: number): string {\n  return `${-Math.round(leftPx)}px ${-Math.round(topPx)}px`;\n}\n", "import {\n  dimensionIconographyMd,\n  dimensionIconographySm,\n  dimensionIconographyXs,\n  dimensionMenuWidthXs,\n  dimensionPanelWidth2xs,\n  dimensionPanelWidthLg,\n  dimensionPanelWidthMd,\n  dimensionSize300,\n  dimensionSize600,\n  dimensionSize800,\n  dimensionSpace050,\n  dimensionSpace200,\n  effectAnimationDelayLong2,\n  effectAnimationDelayMedium1,\n  effectAnimationDelayShort2,\n  effectAnimationDurationMedium1,\n  effectAnimationDurationShort3,\n  effectMotionShort2,\n  effectMotionShort3,\n} from '@ds-mo/tokens/ts';\n\n/** TokoMo CSS custom-property names for shared component defaults (runtime resolution). */\nexport const TOKEN_DEFAULTS = {\n  space050: dimensionSpace050,\n  space200: dimensionSpace200,\n  size300: dimensionSize300,\n  size600: dimensionSize600,\n  size800: dimensionSize800,\n  iconographyMd: dimensionIconographyMd,\n  iconographySm: dimensionIconographySm,\n  iconographyXs: dimensionIconographyXs,\n  panelWidth2xs: dimensionPanelWidth2xs,\n  panelWidthMd: dimensionPanelWidthMd,\n  panelWidthLg: dimensionPanelWidthLg,\n  menuWidthXs: dimensionMenuWidthXs,\n  motionShort2: effectMotionShort2,\n  motionShort3: effectMotionShort3,\n  animationDurationShort3: effectAnimationDurationShort3,\n  animationDurationMedium1: effectAnimationDurationMedium1,\n  animationDelayMedium1: effectAnimationDelayMedium1,\n  animationDelayShort2: effectAnimationDelayShort2,\n  animationDelayLong2: effectAnimationDelayLong2,\n  /** Unmeasured menu height fallback: 20\u00D7 base (160px at default scale). */\n  menuFallbackHeight: 'calc(var(--dimension-size-base) * 20)',\n  /** Unmeasured tooltip width fallback: size-800 + size-200 (80px). */\n  tooltipFallbackWidth: 'calc(var(--dimension-size-800) + var(--dimension-size-200))',\n} as const;\n\nexport type TokenDefaultKey = keyof typeof TOKEN_DEFAULTS;\n\n/** Valid CSS length strings for overlay offset props \u2014 bind on `sideOffset` / `alignOffset` in hosts. */\nexport const TOKEN_CSS_LENGTHS = {\n  space050: `var(${dimensionSpace050})`,\n  space200: `var(${dimensionSpace200})`,\n  menuWidthXs: `var(${dimensionMenuWidthXs})`,\n} as const;\n", "import { TOKEN_CSS_LENGTHS } from '../../utils/token-defaults';\nimport type { MenuAlign, MenuSide } from './menu-position';\n\n/** Placement props bindable on `ds-menu` (side, align, offsets). */\nexport interface MenuPlacement {\n  side: MenuSide;\n  align: MenuAlign;\n  sideOffset: number | string;\n  alignOffset: number | string;\n}\n\n/**\n * Canonical `ds-menu` placement for the **panel-nav footer user menu**.\n * Anchor from `dsNavUserAction` detail `{ anchor }` (id `ds-panel-nav-user-menu-anchor`).\n *\n * Not for BarNav overflow menus \u2014 those use `side=\"bottom\"` / `align=\"end\"` internally.\n * `align: 'end'` bottom-aligns on the anchor; offsets nudge into the content area:\n * - `sideOffset` space-100 + space-050 (12px): 4px past the panel-nav outer edge (anchor is ~8px inset).\n * - `alignOffset` space-050 (4px): 4px below the footer user row.\n */\nexport const PANEL_NAV_USER_MENU_PLACEMENT = {\n  side: 'right',\n  align: 'end',\n  sideOffset: 'calc(var(--dimension-space-100) + var(--dimension-space-050))',\n  alignOffset: TOKEN_CSS_LENGTHS.space050,\n} as const satisfies MenuPlacement;\n", "/** Bubbling/composed events \u2014 `ds-app-shell` and `ds-bar-nav` coordinate during width motion. */\n\nexport const CHROME_TRANSITION_START = 'dsChromeTransitionStart';\nexport const CHROME_TRANSITION_END = 'dsChromeTransitionEnd';\n\nexport type ChromeTransitionSource = 'panel-nav' | 'panel-tools';\n\nexport interface ChromeTransitionDetail {\n  source: ChromeTransitionSource;\n  /** Panel-tools drawer motion direction; omitted for panel-nav. */\n  phase?: 'opening' | 'closing';\n}\n\n/** Reference-counted gate \u2014 used while panel-nav width is transitioning. */\nexport class ChromeTransitionDepth {\n  private depth = 0;\n\n  enter(): void {\n    this.depth += 1;\n  }\n\n  exit(): void {\n    this.depth = Math.max(0, this.depth - 1);\n  }\n\n  get isActive(): boolean {\n    return this.depth > 0;\n  }\n}\n\nexport interface RafCoalescer {\n  schedule(): void;\n  cancel(): void;\n}\n\n/** Coalesce bursty layout work (ResizeObserver, prop churn) to one callback per frame. */\nexport function createRafCoalescer(onFrame: () => void): RafCoalescer {\n  let rafId = 0;\n  return {\n    schedule() {\n      if (rafId !== 0) return;\n      rafId = requestAnimationFrame(() => {\n        rafId = 0;\n        onFrame();\n      });\n    },\n    cancel() {\n      if (rafId !== 0) {\n        cancelAnimationFrame(rafId);\n        rafId = 0;\n      }\n    },\n  };\n}\n\nexport function readChromeTransitionSource(event: Event): ChromeTransitionSource | undefined {\n  return (event as CustomEvent<ChromeTransitionDetail>).detail?.source;\n}\n\nexport function readChromeTransitionPhase(event: Event): ChromeTransitionDetail['phase'] {\n  return (event as CustomEvent<ChromeTransitionDetail>).detail?.phase;\n}\n", "import { shellGradientPositionBar } from './shell-gradient';\n\n/** Read a `var(--token)` width in px using a hidden probe (works with calc() tokens). */\nexport function readCssVarWidthPx(context: HTMLElement, cssVarName: string): number {\n  if (typeof document === 'undefined') return 0;\n\n  const probe = document.createElement('div');\n  probe.style.cssText =\n    'position:absolute;visibility:hidden;pointer-events:none;height:0;width:var(' +\n    cssVarName +\n    ');';\n  context.appendChild(probe);\n  const width = probe.getBoundingClientRect().width;\n  context.removeChild(probe);\n  return width;\n}\n\nexport interface PanelNavWidthTokens {\n  expandedPx: number;\n  collapsedPx: number;\n}\n\n/** Resolve panel-nav expanded/collapsed widths from scoped CSS vars on `.panel-nav`. */\nexport function readPanelNavWidthTokens(navRoot: HTMLElement): PanelNavWidthTokens {\n  return {\n    expandedPx: readCssVarWidthPx(navRoot, '--_nav-width'),\n    collapsedPx: readCssVarWidthPx(navRoot, '--_nav-width-collapsed'),\n  };\n}\n\nexport function isPanelNavCollapsed(\n  panelNavHost: HTMLElement | null,\n  navRoot: HTMLElement | null,\n): boolean {\n  if (navRoot?.classList.contains('panel-nav--collapsed')) return true;\n  const collapsedProp = (panelNavHost as (HTMLElement & { collapsed?: boolean }) | null)?.collapsed;\n  return collapsedProp === true;\n}\n\nexport function panelWidthPxFromTokens(\n  tokens: PanelNavWidthTokens,\n  collapsed: boolean,\n): number {\n  return collapsed ? tokens.collapsedPx : tokens.expandedPx;\n}\n\nexport function barGradientPositionFromPanelWidth(panelWidthPx: number): string {\n  return shellGradientPositionBar(panelWidthPx);\n}\n", "import {\n  SHELL_GRADIENT_POSITION_BAR_VAR,\n  SHELL_GRADIENT_POSITION_PANEL_VAR,\n} from './shell-gradient';\n\n/** Per-badge background-position for shell gradient ring sampling. */\nexport const BADGE_GRADIENT_POSITION_VAR = '--_badge-gradient-position';\n\nexport interface GradientSurface {\n  element: HTMLElement;\n  chromeHost: HTMLElement;\n  positionVar: string;\n}\n\n/** Whether the badge sits under `ds-app-shell[gradient]`. */\nexport function isShellGradientActive(from: HTMLElement): boolean {\n  // Explicit <HTMLElement>: the inferred HTMLDsAppShellElement type only\n  // resolves where @stencil/core types are installed \u2014 consumers importing\n  // `@ds-mo/ui/nav` (raw TS) compile this without them.\n  const shell = from.closest<HTMLElement>('ds-app-shell');\n  return shell?.hasAttribute('gradient') === true;\n}\n\n/** Bar or panel chrome surface that owns the shell gradient stack. */\nexport function findGradientSurface(from: HTMLElement): GradientSurface | null {\n  const barHost = from.closest('ds-bar-nav') as HTMLElement | null;\n  if (barHost) {\n    const root = barHost.shadowRoot ?? barHost;\n    const element = root.querySelector('.bar-nav');\n    if (element) {\n      return {\n        element: element as HTMLElement,\n        chromeHost: barHost,\n        positionVar: SHELL_GRADIENT_POSITION_BAR_VAR,\n      };\n    }\n  }\n\n  const panelHost = from.closest('ds-panel-nav') as HTMLElement | null;\n  if (panelHost) {\n    const root = panelHost.shadowRoot ?? panelHost;\n    const element = root.querySelector('.panel-nav');\n    if (element) {\n      return {\n        element: element as HTMLElement,\n        chromeHost: panelHost,\n        positionVar: SHELL_GRADIENT_POSITION_PANEL_VAR,\n      };\n    }\n  }\n\n  return null;\n}\n\ninterface ParsedPosition {\n  x: number;\n  y: number;\n}\n\n/** Parse a two-value CSS background-position (e.g. `-200px 0`). */\nexport function parseCssBackgroundPosition(value: string): ParsedPosition {\n  const trimmed = value.trim();\n  if (!trimmed) return { x: 0, y: 0 };\n\n  const parts = trimmed.split(/\\s+/);\n  const x = parseLength(parts[0] ?? '0');\n  const y = parseLength(parts[1] ?? '0');\n  return { x, y };\n}\n\nfunction parseLength(token: string): number {\n  const px = token.match(/^(-?[\\d.]+)px$/);\n  if (px) return Number(px[1]);\n  return 0;\n}\n\n/**\n * Background position for a badge ring so the shell gradient aligns with nav chrome.\n * Uses badge center relative to the painted chrome surface.\n */\nexport function badgeGradientPosition(\n  badgeHost: HTMLElement,\n  surface: GradientSurface,\n  shellPosition: string,\n): string {\n  const badgeRect = badgeHost.getBoundingClientRect();\n  const surfaceRect = surface.element.getBoundingClientRect();\n  const anchorX = badgeRect.left + badgeRect.width / 2 - surfaceRect.left;\n  const anchorY = badgeRect.top + badgeRect.height / 2 - surfaceRect.top;\n  const { x, y } = parseCssBackgroundPosition(shellPosition);\n\n  return `${Math.round(x - anchorX)}px ${Math.round(y - anchorY)}px`;\n}\n\n/** Resolve shell gradient position from chrome host custom properties. */\nexport function readShellGradientPosition(surface: GradientSurface): string {\n  const styles = getComputedStyle(surface.chromeHost);\n  return styles.getPropertyValue(surface.positionVar).trim() || '0 0';\n}\n\n/** Stamp `--_badge-gradient-position` on the badge host (fixed viewport chrome). */\nexport function syncBadgeGradientPosition(badgeHost: HTMLElement): void {\n  if (!isShellGradientActive(badgeHost)) {\n    badgeHost.style.removeProperty(BADGE_GRADIENT_POSITION_VAR);\n    return;\n  }\n\n  badgeHost.style.setProperty(BADGE_GRADIENT_POSITION_VAR, '0 0');\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["/** Nav chrome style slot \u2014 dashboard vs settings. Colors unified for now; texture hooks use the class. */\nexport type NavChromeStyle = 'dashboard' | 'settings';\n\n/** Document hint for first paint before framework props land. */\nexport const NAV_STYLE_HINT_ATTR = 'data-nav-style';\n\nexport function readNavStyleAttr(attr: string | null): NavChromeStyle | undefined {\n  if (attr === 'dashboard' || attr === 'settings') return attr;\n  return undefined;\n}\n\nexport function setNavStyleHint(style: NavChromeStyle): void {\n  if (typeof document === 'undefined') return;\n  document.documentElement.setAttribute(NAV_STYLE_HINT_ATTR, style);\n}\n\nexport function clearNavStyleHint(): void {\n  if (typeof document === 'undefined') return;\n  document.documentElement.removeAttribute(NAV_STYLE_HINT_ATTR);\n}\n\nexport function resolveNavChromeStyle(\n  styleProp: NavChromeStyle,\n  hostAttr: string | null,\n  docHint?: string | null,\n): NavChromeStyle {\n  const fromHost = readNavStyleAttr(hostAttr);\n  if (fromHost) return fromHost;\n\n  const hint =\n    docHint !== undefined\n      ? docHint\n      : typeof document !== 'undefined'\n        ? document.documentElement.getAttribute(NAV_STYLE_HINT_ATTR)\n        : null;\n  const fromHint = readNavStyleAttr(hint);\n  if (fromHint) return fromHint;\n\n  return styleProp;\n}\n\nexport function shouldResyncNavChromeStyle(\n  renderedStyle: NavChromeStyle,\n  style: NavChromeStyle,\n): boolean {\n  return renderedStyle !== style;\n}\n", "/** Parse a CSS <time> value (or motion shorthand's first token) to milliseconds. */\nexport function parseCssTimeMs(value: string, fallback: number): number {\n  const firstToken = value.trim().split(/\\s+/)[0] ?? '';\n  const num = parseFloat(firstToken);\n  if (Number.isNaN(num)) return fallback;\n  if (/ms\\s*$/.test(firstToken)) return num;\n  if (/s\\s*$/.test(firstToken)) return num * 1000;\n  return num;\n}\n\nfunction extractCssCustomProp(ref: string): string | null {\n  const varMatch = ref.match(/^var\\(\\s*(--[^),]+)/);\n  if (varMatch) return varMatch[1].trim();\n  if (ref.startsWith('--')) return ref.trim();\n  return null;\n}\n\nfunction readTokenTimeMs(token: string, fallback: number): number {\n  if (typeof document === 'undefined') return fallback;\n\n  const prop = extractCssCustomProp(token);\n  if (!prop) return parseCssTimeMs(token, fallback);\n\n  const raw = getComputedStyle(document.documentElement).getPropertyValue(prop).trim();\n  return parseCssTimeMs(raw, fallback);\n}\n\n/**\n * Resolve a duration to milliseconds for JS timers aligned with CSS motion tokens.\n * Accepts numbers (ms), raw times (`200ms`, `0.75s`), or `var(--effect-*)` references.\n */\nexport function resolveCssTimeMs(\n  value: number | string | undefined,\n  fallbackToken: string,\n): number {\n  if (typeof value === 'number') return value;\n\n  const token = typeof value === 'string' && value.trim() ? value.trim() : fallbackToken;\n  const prop = extractCssCustomProp(token);\n\n  if (prop) {\n    return readTokenTimeMs(token, readTokenTimeMs(fallbackToken, 200));\n  }\n\n  return parseCssTimeMs(token, readTokenTimeMs(fallbackToken, 200));\n}\n", "import { parseCssTimeMs } from '../utils/resolve-css-time-ms';\n\n/** `view-transition-name` on `ds-bar-nav` \u2014 pairs with root reveal in shell apps. */\nexport const SHELL_BAR_NAV_VT_NAME = 'ds-shell-bar-nav';\n\nexport { parseCssTimeMs };\n\nconst VT_STYLE_ID = 'ds-shell-nav-vt-style';\n\n/** TokoMo tokens for the dashboard \u2194 settings radial reveal (WAAPI). */\nexport const SHELL_NAV_REVEAL_DURATION_VAR = '--effect-animation-duration-medium-3';\nexport const SHELL_NAV_REVEAL_EASING_VAR = '--effect-animation-easing-ease-in-out';\nconst SHELL_NAV_REVEAL_DURATION_FALLBACK_MS = 500;\nconst SHELL_NAV_REVEAL_EASING_FALLBACK = 'ease-in-out';\n\nfunction readCssCustomProperty(name: string, fallback: string): string {\n  if (typeof document === 'undefined') return fallback;\n  const value = getComputedStyle(document.documentElement).getPropertyValue(name).trim();\n  return value || fallback;\n}\n\n/** Suppress default cross-fade and pin new snapshots to a 0px circle for WAAPI reveal. */\nexport function ensureShellNavVtStyle(): void {\n  if (typeof document === 'undefined') return;\n\n  const content = [\n    '::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}',\n    `::view-transition-old(${SHELL_BAR_NAV_VT_NAME}),::view-transition-new(${SHELL_BAR_NAV_VT_NAME}){animation:none;mix-blend-mode:normal}`,\n    `::view-transition-old(${SHELL_BAR_NAV_VT_NAME}){z-index:1}`,\n    `::view-transition-new(${SHELL_BAR_NAV_VT_NAME}){z-index:2;clip-path:circle(0px at var(--vt-x,50%) var(--vt-y,50%))}`,\n    '::view-transition-new(root){clip-path:circle(0px at var(--vt-x,50%) var(--vt-y,50%))}',\n  ].join('\\n');\n\n  const existing = document.getElementById(VT_STYLE_ID) as HTMLStyleElement | null;\n  if (existing) {\n    if (existing.textContent !== content) existing.textContent = content;\n    return;\n  }\n\n  const style = document.createElement('style');\n  style.id = VT_STYLE_ID;\n  style.textContent = content;\n  document.head.appendChild(style);\n}\n\nexport interface ShellNavRevealOrigin {\n  x: number;\n  y: number;\n  maxRadius: number;\n}\n\n/** Origin for the radial reveal \u2014 defaults to panel-nav footer gear, then viewport center. */\nexport function resolveShellNavRevealOrigin(originEl?: HTMLElement | null): ShellNavRevealOrigin {\n  const btn =\n    originEl ??\n    document.querySelector<HTMLElement>('.panel-nav__footer-btn');\n  const rect = btn?.getBoundingClientRect();\n  const x = rect ? Math.round(rect.left + rect.width / 2) : Math.round(window.innerWidth / 2);\n  const y = rect ? Math.round(rect.top + rect.height / 2) : Math.round(window.innerHeight / 2);\n  const maxRadius = Math.ceil(\n    Math.hypot(Math.max(x, window.innerWidth - x), Math.max(y, window.innerHeight - y)),\n  );\n  return { x, y, maxRadius };\n}\n\nexport function setShellNavRevealOriginVars(origin: ShellNavRevealOrigin): void {\n  document.documentElement.style.setProperty('--vt-x', `${origin.x}px`);\n  document.documentElement.style.setProperty('--vt-y', `${origin.y}px`);\n}\n\n/** Animate root + bar-nav snapshots with the same radial clip-path reveal. */\nexport function animateShellNavRadialReveal(\n  origin: ShellNavRevealOrigin,\n  durationMs?: number,\n): void {\n  const duration =\n    durationMs ??\n    parseCssTimeMs(\n      readCssCustomProperty(SHELL_NAV_REVEAL_DURATION_VAR, '400ms'),\n      SHELL_NAV_REVEAL_DURATION_FALLBACK_MS,\n    );\n  const easing = readCssCustomProperty(\n    SHELL_NAV_REVEAL_EASING_VAR,\n    SHELL_NAV_REVEAL_EASING_FALLBACK,\n  );\n  const keyframes = {\n    clipPath: [\n      `circle(0px at ${origin.x}px ${origin.y}px)`,\n      `circle(${origin.maxRadius}px at ${origin.x}px ${origin.y}px)`,\n    ],\n  };\n  const options = {\n    duration,\n    easing,\n    fill: 'forwards' as const,\n  };\n\n  document.documentElement.animate(keyframes, {\n    ...options,\n    pseudoElement: '::view-transition-new(root)',\n  });\n  document.documentElement.animate(keyframes, {\n    ...options,\n    pseudoElement: `::view-transition-new(${SHELL_BAR_NAV_VT_NAME})`,\n  });\n}\n\n/** Run radial reveal when a view transition's `ready` promise settles (app/router driver). */\nexport function runShellNavStyleRevealOnReady(\n  transition: { ready: Promise<void> },\n  originEl?: HTMLElement | null,\n): void {\n  ensureShellNavVtStyle();\n  const origin = resolveShellNavRevealOrigin(originEl);\n  setShellNavRevealOriginVars(origin);\n\n  transition.ready\n    .then(() => animateShellNavRadialReveal(origin))\n    .catch(() => {\n      /* transition skipped or superseded */\n    });\n}\n", "/** Built-in shell chrome wash presets \u2014 none (solid secondary), cool, neutral, warm. */\nexport type ShellGradientPreset = 'none' | 'cool' | 'neutral' | 'warm';\n\nexport const SHELL_GRADIENT_PRESETS: ShellGradientPreset[] = ['none', 'cool', 'neutral', 'warm'];\n\n/** Wash presets shown after the `none` option in pickers. */\nexport const SHELL_GRADIENT_WASH_PRESETS: Exclude<ShellGradientPreset, 'none'>[] = [\n  'cool',\n  'neutral',\n  'warm',\n];\n\n/** Default wash when `gradient-preset` is omitted. */\nexport const DEFAULT_SHELL_GRADIENT_PRESET: ShellGradientPreset = 'neutral';\n\nexport const SHELL_GRADIENT_PRESET_LABELS: Record<ShellGradientPreset, string> = {\n  none: 'None',\n  cool: 'Cool',\n  neutral: 'Neutral',\n  warm: 'Warm',\n};\n\nconst SHELL_GRADIENT_PRESET_STOP: Record<Exclude<ShellGradientPreset, 'none'>, string> = {\n  cool: 'var(--color-color-intent-blue-strong-background)',\n  neutral: 'var(--color-color-intent-grey-strong-background)',\n  warm: 'var(--color-color-intent-yellow-strong-background)',\n};\n\nconst GRADIENT_GEOMETRY = '100% 100% at 0% 0%';\n\nexport function shellGradientPresetStopToken(preset: ShellGradientPreset): string | null {\n  if (preset === 'none') return null;\n  return SHELL_GRADIENT_PRESET_STOP[preset];\n}\n\nexport function isShellGradientPreset(value: string): value is ShellGradientPreset {\n  return (SHELL_GRADIENT_PRESETS as string[]).includes(value);\n}\n\n/**\n * Coerce unknown/absent presets to the default. Runtime values escape the\n * type: removing the reflected `gradient-preset` attribute (e.g. an Angular\n * `[attr.gradient-preset]=\"null\"` binding) drives the prop to null past its\n * field default \u2014 without normalization the stop lookup interpolates the\n * literal string \"undefined\" into CSS and the wash silently disappears.\n */\nexport function normalizeShellGradientPreset(\n  value: string | null | undefined,\n): ShellGradientPreset {\n  return value != null && isShellGradientPreset(value) ? value : DEFAULT_SHELL_GRADIENT_PRESET;\n}\n\n/** Radial wash for a preset \u2014 transparent at top-left into the intent stop. `none` returns no image. */\nexport function buildShellRadialGradientForPreset(preset: ShellGradientPreset): string {\n  const normalized = normalizeShellGradientPreset(preset);\n  if (normalized === 'none') return 'none';\n\n  const stop = shellGradientPresetStopToken(normalized);\n  return `radial-gradient(${GRADIENT_GEOMETRY}, var(--color-background-transparent) 0%, ${stop} 100%)`;\n}\n", "/** CSS var names consumed by `ds-panel-nav` / `ds-bar-nav` inside `ds-app-shell`. */\nimport type { ShellGradientPreset } from './shell-gradient-presets';\nimport {\n  DEFAULT_SHELL_GRADIENT_PRESET,\n  buildShellRadialGradientForPreset,\n} from './shell-gradient-presets';\n\nexport type { ShellGradientPreset } from './shell-gradient-presets';\nexport {\n  DEFAULT_SHELL_GRADIENT_PRESET,\n  SHELL_GRADIENT_PRESETS,\n  SHELL_GRADIENT_PRESET_LABELS,\n  buildShellRadialGradientForPreset,\n  isShellGradientPreset,\n  shellGradientPresetStopToken,\n} from './shell-gradient-presets';\n\nexport const SHELL_GRADIENT_IMAGE_VAR = '--ds-shell-gradient-image';\nexport const SHELL_GRADIENT_SIZE_VAR = '--ds-shell-gradient-size';\nexport const SHELL_GRADIENT_POSITION_PANEL_VAR = '--ds-shell-gradient-position-panel';\nexport const SHELL_GRADIENT_POSITION_BAR_VAR = '--ds-shell-gradient-position-bar';\nexport const SHELL_GRADIENT_OPACITY_VAR = '--ds-shell-gradient-opacity';\n/** Per chrome-surface background-position \u2014 offsets wash + grid to shell row origin. */\nexport const SHELL_CHROME_SURFACE_POSITION_VAR = '--ds-shell-chrome-surface-position';\n\n/** Layer opacity for the nav gradient wash. */\nexport const SHELL_GRADIENT_OPACITY = '0.1';\n\n/** Whether the shared chrome layer (secondary bg + optional wash) should mount. */\nexport function shellChromeLayerActive(gradient: boolean): boolean {\n  return gradient;\n}\n\n/**\n * Shell radial wash \u2014 same for panel and bar nav.\n * Tokens follow `data-theme` (light/dark intent stops).\n */\nexport function buildShellRadialGradient(\n  preset: ShellGradientPreset = DEFAULT_SHELL_GRADIENT_PRESET,\n): string {\n  return buildShellRadialGradientForPreset(preset);\n}\n\n/** Built-in radial image (`gradientSrc` on shell overrides). */\nexport function shellGradientImage(\n  preset: ShellGradientPreset = DEFAULT_SHELL_GRADIENT_PRESET,\n): string {\n  return buildShellRadialGradient(preset);\n}\n\nexport interface ShellViewportDimensions {\n  width: number;\n  height: number;\n}\n\n/**\n * Viewport size for shell chrome with `background-attachment: fixed`.\n * Must not use the `ds-app-shell` element box \u2014 the shell can be shorter or\n * taller than the viewport when host height chains break or content overflows.\n */\nexport function readShellViewportDimensions(win?: Window): ShellViewportDimensions {\n  const w = win ?? (typeof globalThis.window !== 'undefined' ? globalThis.window : undefined);\n  if (!w) return { width: 0, height: 0 };\n\n  const visual = w.visualViewport;\n  return {\n    width: Math.round(visual?.width ?? w.innerWidth),\n    height: Math.round(visual?.height ?? w.innerHeight),\n  };\n}\n\nexport interface ShellGradientLayout {\n  width: number;\n  height: number;\n  panelWidth: number;\n}\n\n/** Pixel `background-size` for the fixed-attachment radial wash. */\nexport function shellGradientSize(layout: Pick<ShellGradientLayout, 'width' | 'height'>): string {\n  return `${Math.round(layout.width)}px ${Math.round(layout.height)}px`;\n}\n\nexport function shellGradientPositionPanel(): string {\n  return '0 0';\n}\n\nexport function shellGradientPositionBar(panelWidth: number): string {\n  return `${-Math.round(panelWidth)}px 0`;\n}\n\n/** Phase-lock a chrome rect to the shell row coordinate system (wash + grid). */\nexport function shellChromeSurfacePosition(leftPx: number, topPx: number): string {\n  return `${-Math.round(leftPx)}px ${-Math.round(topPx)}px`;\n}\n", "import {\n  dimensionIconographyMd,\n  dimensionIconographySm,\n  dimensionIconographyXs,\n  dimensionMenuWidthXs,\n  dimensionPanelWidth2xs,\n  dimensionPanelWidthLg,\n  dimensionPanelWidthMd,\n  dimensionRadius025,\n  dimensionSize200,\n  dimensionSize300,\n  dimensionSize600,\n  dimensionSize800,\n  dimensionSpace050,\n  dimensionSpace200,\n  typographyLineheightLg,\n  typographyLineheightMd,\n  typographyLineheightSm,\n  typographyLineheightXl,\n  typographyLineheightXs,\n  effectAnimationDelayLong2,\n  effectAnimationDelayMedium1,\n  effectAnimationDelayShort2,\n  effectAnimationDurationMedium1,\n  effectAnimationDurationShort3,\n  effectMotionShort2,\n  effectMotionShort3,\n} from '@ds-mo/tokens/ts';\n\n/** TokoMo CSS custom-property names for shared component defaults (runtime resolution). */\nexport const TOKEN_DEFAULTS = {\n  space050: dimensionSpace050,\n  space200: dimensionSpace200,\n  radius025: dimensionRadius025,\n  size200: dimensionSize200,\n  size300: dimensionSize300,\n  size600: dimensionSize600,\n  size800: dimensionSize800,\n  iconographyMd: dimensionIconographyMd,\n  iconographySm: dimensionIconographySm,\n  iconographyXs: dimensionIconographyXs,\n  panelWidth2xs: dimensionPanelWidth2xs,\n  panelWidthMd: dimensionPanelWidthMd,\n  panelWidthLg: dimensionPanelWidthLg,\n  menuWidthXs: dimensionMenuWidthXs,\n  lineheightLg: typographyLineheightLg,\n  lineheightMd: typographyLineheightMd,\n  lineheightSm: typographyLineheightSm,\n  lineheightXl: typographyLineheightXl,\n  lineheightXs: typographyLineheightXs,\n  motionShort2: effectMotionShort2,\n  motionShort3: effectMotionShort3,\n  animationDurationShort3: effectAnimationDurationShort3,\n  animationDurationMedium1: effectAnimationDurationMedium1,\n  animationDelayMedium1: effectAnimationDelayMedium1,\n  animationDelayShort2: effectAnimationDelayShort2,\n  animationDelayLong2: effectAnimationDelayLong2,\n  /** Unmeasured menu height fallback: 20\u00D7 base (160px at default scale). */\n  menuFallbackHeight: 'calc(var(--dimension-size-base) * 20)',\n  /** Unmeasured tooltip width fallback: size-800 + size-200 (80px). */\n  tooltipFallbackWidth: 'calc(var(--dimension-size-800) + var(--dimension-size-200))',\n} as const;\n\nexport type TokenDefaultKey = keyof typeof TOKEN_DEFAULTS;\n\n/** Valid CSS length strings for overlay offset props \u2014 bind on `sideOffset` / `alignOffset` in hosts. */\nexport const TOKEN_CSS_LENGTHS = {\n  space050: `var(${dimensionSpace050})`,\n  space200: `var(${dimensionSpace200})`,\n  menuWidthXs: `var(${dimensionMenuWidthXs})`,\n} as const;\n", "import { TOKEN_CSS_LENGTHS } from '../../utils/token-defaults';\nimport type { MenuAlign, MenuSide } from './menu-position';\n\n/** Placement props bindable on `ds-menu` (side, align, offsets). */\nexport interface MenuPlacement {\n  side: MenuSide;\n  align: MenuAlign;\n  sideOffset: number | string;\n  alignOffset: number | string;\n}\n\n/**\n * Canonical `ds-menu` placement for the **panel-nav footer user menu**.\n * Anchor from `dsNavUserAction` detail `{ anchor }` (id `ds-panel-nav-user-menu-anchor`).\n *\n * Not for BarNav overflow menus \u2014 those use `side=\"bottom\"` / `align=\"end\"` internally.\n * `align: 'end'` bottom-aligns on the anchor; offsets nudge into the content area:\n * - `sideOffset` space-100 + space-050 (12px): 4px past the panel-nav outer edge (anchor is ~8px inset).\n * - `alignOffset` space-050 (4px): 4px below the footer user row.\n */\nexport const PANEL_NAV_USER_MENU_PLACEMENT = {\n  side: 'right',\n  align: 'end',\n  sideOffset: 'calc(var(--dimension-space-100) + var(--dimension-space-050))',\n  alignOffset: TOKEN_CSS_LENGTHS.space050,\n} as const satisfies MenuPlacement;\n", "/** Bubbling/composed events \u2014 `ds-app-shell` and `ds-bar-nav` coordinate during width motion. */\n\nexport const CHROME_TRANSITION_START = 'dsChromeTransitionStart';\nexport const CHROME_TRANSITION_END = 'dsChromeTransitionEnd';\n\nexport type ChromeTransitionSource = 'panel-nav' | 'panel-tools';\n\nexport interface ChromeTransitionDetail {\n  source: ChromeTransitionSource;\n  /** Panel-tools drawer motion direction; omitted for panel-nav. */\n  phase?: 'opening' | 'closing';\n}\n\n/** Reference-counted gate \u2014 used while panel-nav width is transitioning. */\nexport class ChromeTransitionDepth {\n  private depth = 0;\n\n  enter(): void {\n    this.depth += 1;\n  }\n\n  exit(): void {\n    this.depth = Math.max(0, this.depth - 1);\n  }\n\n  get isActive(): boolean {\n    return this.depth > 0;\n  }\n}\n\nexport interface RafCoalescer {\n  schedule(): void;\n  cancel(): void;\n}\n\n/** Coalesce bursty layout work (ResizeObserver, prop churn) to one callback per frame. */\nexport function createRafCoalescer(onFrame: () => void): RafCoalescer {\n  let rafId = 0;\n  return {\n    schedule() {\n      if (rafId !== 0) return;\n      rafId = requestAnimationFrame(() => {\n        rafId = 0;\n        onFrame();\n      });\n    },\n    cancel() {\n      if (rafId !== 0) {\n        cancelAnimationFrame(rafId);\n        rafId = 0;\n      }\n    },\n  };\n}\n\nexport function readChromeTransitionSource(event: Event): ChromeTransitionSource | undefined {\n  return (event as CustomEvent<ChromeTransitionDetail>).detail?.source;\n}\n\nexport function readChromeTransitionPhase(event: Event): ChromeTransitionDetail['phase'] {\n  return (event as CustomEvent<ChromeTransitionDetail>).detail?.phase;\n}\n", "import { shellGradientPositionBar } from './shell-gradient';\n\n/** Read a `var(--token)` width in px using a hidden probe (works with calc() tokens). */\nexport function readCssVarWidthPx(context: HTMLElement, cssVarName: string): number {\n  if (typeof document === 'undefined') return 0;\n\n  const probe = document.createElement('div');\n  probe.style.cssText =\n    'position:absolute;visibility:hidden;pointer-events:none;height:0;width:var(' +\n    cssVarName +\n    ');';\n  context.appendChild(probe);\n  const width = probe.getBoundingClientRect().width;\n  context.removeChild(probe);\n  return width;\n}\n\nexport interface PanelNavWidthTokens {\n  expandedPx: number;\n  collapsedPx: number;\n}\n\n/** Resolve panel-nav expanded/collapsed widths from scoped CSS vars on `.panel-nav`. */\nexport function readPanelNavWidthTokens(navRoot: HTMLElement): PanelNavWidthTokens {\n  return {\n    expandedPx: readCssVarWidthPx(navRoot, '--_nav-width'),\n    collapsedPx: readCssVarWidthPx(navRoot, '--_nav-width-collapsed'),\n  };\n}\n\nexport function isPanelNavCollapsed(\n  panelNavHost: HTMLElement | null,\n  navRoot: HTMLElement | null,\n): boolean {\n  if (navRoot?.classList.contains('panel-nav--collapsed')) return true;\n  const collapsedProp = (panelNavHost as (HTMLElement & { collapsed?: boolean }) | null)?.collapsed;\n  return collapsedProp === true;\n}\n\nexport function panelWidthPxFromTokens(\n  tokens: PanelNavWidthTokens,\n  collapsed: boolean,\n): number {\n  return collapsed ? tokens.collapsedPx : tokens.expandedPx;\n}\n\nexport function barGradientPositionFromPanelWidth(panelWidthPx: number): string {\n  return shellGradientPositionBar(panelWidthPx);\n}\n", "import {\n  SHELL_GRADIENT_POSITION_BAR_VAR,\n  SHELL_GRADIENT_POSITION_PANEL_VAR,\n} from './shell-gradient';\n\n/** Per-badge background-position for shell gradient ring sampling. */\nexport const BADGE_GRADIENT_POSITION_VAR = '--_badge-gradient-position';\n\nexport interface GradientSurface {\n  element: HTMLElement;\n  chromeHost: HTMLElement;\n  positionVar: string;\n}\n\n/** Whether the badge sits under `ds-app-shell[gradient]`. */\nexport function isShellGradientActive(from: HTMLElement): boolean {\n  // Explicit <HTMLElement>: the inferred HTMLDsAppShellElement type only\n  // resolves where @stencil/core types are installed \u2014 consumers importing\n  // `@ds-mo/ui/nav` (raw TS) compile this without them.\n  const shell = from.closest<HTMLElement>('ds-app-shell');\n  return shell?.hasAttribute('gradient') === true;\n}\n\n/** Bar or panel chrome surface that owns the shell gradient stack. */\nexport function findGradientSurface(from: HTMLElement): GradientSurface | null {\n  const barHost = from.closest('ds-bar-nav') as HTMLElement | null;\n  if (barHost) {\n    const root = barHost.shadowRoot ?? barHost;\n    const element = root.querySelector('.bar-nav');\n    if (element) {\n      return {\n        element: element as HTMLElement,\n        chromeHost: barHost,\n        positionVar: SHELL_GRADIENT_POSITION_BAR_VAR,\n      };\n    }\n  }\n\n  const panelHost = from.closest('ds-panel-nav') as HTMLElement | null;\n  if (panelHost) {\n    const root = panelHost.shadowRoot ?? panelHost;\n    const element = root.querySelector('.panel-nav');\n    if (element) {\n      return {\n        element: element as HTMLElement,\n        chromeHost: panelHost,\n        positionVar: SHELL_GRADIENT_POSITION_PANEL_VAR,\n      };\n    }\n  }\n\n  return null;\n}\n\ninterface ParsedPosition {\n  x: number;\n  y: number;\n}\n\n/** Parse a two-value CSS background-position (e.g. `-200px 0`). */\nexport function parseCssBackgroundPosition(value: string): ParsedPosition {\n  const trimmed = value.trim();\n  if (!trimmed) return { x: 0, y: 0 };\n\n  const parts = trimmed.split(/\\s+/);\n  const x = parseLength(parts[0] ?? '0');\n  const y = parseLength(parts[1] ?? '0');\n  return { x, y };\n}\n\nfunction parseLength(token: string): number {\n  const px = token.match(/^(-?[\\d.]+)px$/);\n  if (px) return Number(px[1]);\n  return 0;\n}\n\n/**\n * Background position for a badge ring so the shell gradient aligns with nav chrome.\n * Uses badge center relative to the painted chrome surface.\n */\nexport function badgeGradientPosition(\n  badgeHost: HTMLElement,\n  surface: GradientSurface,\n  shellPosition: string,\n): string {\n  const badgeRect = badgeHost.getBoundingClientRect();\n  const surfaceRect = surface.element.getBoundingClientRect();\n  const anchorX = badgeRect.left + badgeRect.width / 2 - surfaceRect.left;\n  const anchorY = badgeRect.top + badgeRect.height / 2 - surfaceRect.top;\n  const { x, y } = parseCssBackgroundPosition(shellPosition);\n\n  return `${Math.round(x - anchorX)}px ${Math.round(y - anchorY)}px`;\n}\n\n/** Resolve shell gradient position from chrome host custom properties. */\nexport function readShellGradientPosition(surface: GradientSurface): string {\n  const styles = getComputedStyle(surface.chromeHost);\n  return styles.getPropertyValue(surface.positionVar).trim() || '0 0';\n}\n\n/** Stamp `--_badge-gradient-position` on the badge host (fixed viewport chrome). */\nexport function syncBadgeGradientPosition(badgeHost: HTMLElement): void {\n  if (!isShellGradientActive(badgeHost)) {\n    badgeHost.style.removeProperty(BADGE_GRADIENT_POSITION_VAR);\n    return;\n  }\n\n  badgeHost.style.setProperty(BADGE_GRADIENT_POSITION_VAR, '0 0');\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/lib/utils/format-compact-number.d.ts

@@ -0,0 +1,2 @@
+/** Compact large numbers for display: 1000 -> "1k", 1500 -> "1.5k", 110100 -> "110.1k", 1000000 -> "1m". */
+export declare function formatCompactNumber(value: number): string;

package/dist/lib/utils/index.d.ts

@@ -1,5 +1,7 @@
 export { registerIcons } from '../components/Icon/icon-cache';
 export { clearCssLengthPxCache, resolveCssLengthPx } from './resolve-css-length-px';
+export { formatCompactNumber } from './format-compact-number';
+export { truncateSvgTextToWidth } from './truncate-svg-text';
 export { parseCssTimeMs, resolveCssTimeMs } from './resolve-css-time-ms';
 export { SCROLL_EDGE_FADE_DEFAULT_SIZE, SCROLL_EDGE_FADE_SIZE_VAR, isScrollAtEdge, resolveScrollEdgeFadeSize, scrollEdgeFadeClassMap, scrollEdgeFadeMaskImage, scrollEdgeFadeMaskStyle, scrollEdgeFadeSizeStyle, } from './scroll-edge-fade';
 export type { ScrollEdgeFadeEdge, ScrollEdgeFadeOptions, ScrollEdgeFadeSize, ScrollEdgeFadeSizeToken, } from './scroll-edge-fade';

package/dist/lib/utils/index.js

@@ -61,6 +61,48 @@ function resolveCssLengthPx(value, fallback) {
   return px;
 }
 
+// src/wc/utils/format-compact-number.ts
+var COMPACT_UNITS = [
+  { threshold: 1e9, suffix: "b" },
+  { threshold: 1e6, suffix: "m" },
+  { threshold: 1e3, suffix: "k" }
+];
+function formatCompactNumber(value) {
+  const sign = value < 0 ? "-" : "";
+  const abs = Math.abs(value);
+  if (abs < 1e3) return String(value);
+  for (let i = 0; i < COMPACT_UNITS.length; i++) {
+    const unit = COMPACT_UNITS[i];
+    if (abs < unit.threshold) continue;
+    let scaled = Math.round(abs / unit.threshold * 10) / 10;
+    if (scaled >= 1e3 && i > 0) {
+      const next = COMPACT_UNITS[i - 1];
+      scaled = Math.round(abs / next.threshold * 10) / 10;
+      return `${sign}${scaled}${next.suffix}`;
+    }
+    return `${sign}${scaled}${unit.suffix}`;
+  }
+  return String(value);
+}
+
+// src/wc/utils/truncate-svg-text.ts
+function truncateSvgTextToWidth(el, text, maxWidth) {
+  el.textContent = text;
+  if (maxWidth <= 0 || el.getComputedTextLength() <= maxWidth) return text;
+  let lo = 0;
+  let hi = text.length;
+  while (lo < hi) {
+    const mid = Math.ceil((lo + hi) / 2);
+    el.textContent = `${text.slice(0, mid)}\u2026`;
+    if (el.getComputedTextLength() <= maxWidth) {
+      lo = mid;
+    } else {
+      hi = mid - 1;
+    }
+  }
+  return lo > 0 ? `${text.slice(0, lo)}\u2026` : "\u2026";
+}
+
 // src/wc/utils/resolve-css-time-ms.ts
 function parseCssTimeMs(value, fallback) {
   const firstToken = value.trim().split(/\s+/)[0] ?? "";
@@ -184,11 +226,18 @@ import {
   dimensionPanelWidth2xs,
   dimensionPanelWidthLg,
   dimensionPanelWidthMd,
+  dimensionRadius025,
+  dimensionSize200,
   dimensionSize300,
   dimensionSize600,
   dimensionSize800,
   dimensionSpace050,
   dimensionSpace200,
+  typographyLineheightLg,
+  typographyLineheightMd,
+  typographyLineheightSm,
+  typographyLineheightXl,
+  typographyLineheightXs,
   effectAnimationDelayLong2,
   effectAnimationDelayMedium1,
   effectAnimationDelayShort2,
@@ -200,6 +249,8 @@ import {
 var TOKEN_DEFAULTS = {
   space050: dimensionSpace050,
   space200: dimensionSpace200,
+  radius025: dimensionRadius025,
+  size200: dimensionSize200,
   size300: dimensionSize300,
   size600: dimensionSize600,
   size800: dimensionSize800,
@@ -210,6 +261,11 @@ var TOKEN_DEFAULTS = {
   panelWidthMd: dimensionPanelWidthMd,
   panelWidthLg: dimensionPanelWidthLg,
   menuWidthXs: dimensionMenuWidthXs,
+  lineheightLg: typographyLineheightLg,
+  lineheightMd: typographyLineheightMd,
+  lineheightSm: typographyLineheightSm,
+  lineheightXl: typographyLineheightXl,
+  lineheightXs: typographyLineheightXs,
   motionShort2: effectMotionShort2,
   motionShort3: effectMotionShort3,
   animationDurationShort3: effectAnimationDurationShort3,
@@ -233,6 +289,7 @@ export {
   TOKEN_CSS_LENGTHS,
   TOKEN_DEFAULTS,
   clearCssLengthPxCache,
+  formatCompactNumber,
   isScrollAtEdge,
   parseCssTimeMs,
   registerIcons,
@@ -242,6 +299,7 @@ export {
   scrollEdgeFadeClassMap,
   scrollEdgeFadeMaskImage,
   scrollEdgeFadeMaskStyle,
-  scrollEdgeFadeSizeStyle
+  scrollEdgeFadeSizeStyle,
+  truncateSvgTextToWidth
 };
 //# sourceMappingURL=index.js.map