@purpur/library 9.0.6 → 9.0.7

package/dist/{ThemeProvider-CrjMv3M8.mjs.map → ThemeProvider-BR1hJQOD.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider-CrjMv3M8.mjs","sources":["../../tokens/dist/color/variables.dark.js","../../theme/src/telia-dark.ts","../../theme/src/telia-light.ts","../../theme/src/telia-theme.ts","../../theme/src/useApplyTheme.ts","../../theme/src/ThemeProvider.tsx"],"sourcesContent":["export const purpurColorPurple50 = \"#faf0ff\";\nexport const purpurColorPurple100 = \"#f4e0ff\";\nexport const purpurColorPurple200 = \"#e4b6fb\";\nexport const purpurColorPurple300 = \"#d58df9\";\nexport const purpurColorPurple400 = \"#c461f7\";\nexport const purpurColorPurple500 = \"#b12df4\";\nexport const purpurColorPurple550 = \"#990ae3\";\nexport const purpurColorPurple600 = \"#8c07d0\";\nexport const purpurColorPurple700 = \"#6d02a3\";\nexport const purpurColorPurple800 = \"#4e0174\";\nexport const purpurColorPurple900 = \"#29003e\";\nexport const purpurColorPurple950 = \"#1f002e\";\nexport const purpurColorBeige50 = \"#f9f1ec\";\nexport const purpurColorBeige100 = \"#ede1d8\";\nexport const purpurColorBeige200 = \"#d7c3b5\";\nexport const purpurColorBeige300 = \"#bba494\";\nexport const purpurColorBeige400 = \"#a08877\";\nexport const purpurColorBeige500 = \"#807268\";\nexport const purpurColorBeige600 = \"#665e58\";\nexport const purpurColorBeige700 = \"#4f4741\";\nexport const purpurColorBeige800 = \"#3b332d\";\nexport const purpurColorBeige900 = \"#2d2824\";\nexport const purpurColorBeige950 = \"#170f09\";\nexport const purpurColorTeal50 = \"#edf5f5\";\nexport const purpurColorTeal100 = \"#d5eae9\";\nexport const purpurColorTeal200 = \"#a1cfcd\";\nexport const purpurColorTeal300 = \"#6eb5b2\";\nexport const purpurColorTeal400 = \"#3a9b96\";\nexport const purpurColorTeal500 = \"#00847e\";\nexport const purpurColorTeal600 = \"#006c67\";\nexport const purpurColorTeal700 = \"#02534f\";\nexport const purpurColorTeal800 = \"#063c39\";\nexport const purpurColorTeal900 = \"#032220\";\nexport const purpurColorTeal950 = \"#011413\";\nexport const purpurColorGray50 = \"#f5f5fa\";\nexport const purpurColorGray100 = \"#e5e5eb\";\nexport const purpurColorGray150 = \"#d6d6dd\";\nexport const purpurColorGray200 = \"#c6c6cd\";\nexport const purpurColorGray300 = \"#aaaab0\";\nexport const purpurColorGray400 = \"#8d8d94\";\nexport const purpurColorGray500 = \"#757579\";\nexport const purpurColorGray600 = \"#5f5f63\";\nexport const purpurColorGray700 = \"#4a4a4d\";\nexport const purpurColorGray800 = \"#353537\";\nexport const purpurColorGray850 = \"#2a2a2c\";\nexport const purpurColorGray900 = \"#202022\";\nexport const purpurColorGray950 = \"#121212\";\nexport const purpurColorGreen50 = \"#e1f9ec\";\nexport const purpurColorGreen100 = \"#c5efd9\";\nexport const purpurColorGreen200 = \"#79d9a7\";\nexport const purpurColorGreen300 = \"#3dbf7c\";\nexport const purpurColorGreen400 = \"#1fa15e\";\nexport const purpurColorGreen500 = \"#018842\";\nexport const purpurColorGreen600 = \"#017037\";\nexport const purpurColorGreen700 = \"#02562b\";\nexport const purpurColorGreen800 = \"#003e1e\";\nexport const purpurColorGreen900 = \"#002411\";\nexport const purpurColorGreen950 = \"#00150a\";\nexport const purpurColorRed50 = \"#fff0f5\";\nexport const purpurColorRed100 = \"#ffdde8\";\nexport const purpurColorRed200 = \"#ffafc9\";\nexport const purpurColorRed300 = \"#ff80ab\";\nexport const purpurColorRed400 = \"#fb4885\";\nexport const purpurColorRed500 = \"#e4175c\";\nexport const purpurColorRed600 = \"#c00543\";\nexport const purpurColorRed700 = \"#980233\";\nexport const purpurColorRed800 = \"#700025\";\nexport const purpurColorRed900 = \"#440016\";\nexport const purpurColorRed950 = \"#2c000e\";\nexport const purpurColorOrange50 = \"#fff2de\";\nexport const purpurColorOrange100 = \"#ffe1b3\";\nexport const purpurColorOrange200 = \"#f9bb5b\";\nexport const purpurColorOrange300 = \"#f39200\";\nexport const purpurColorOrange400 = \"#cc7a00\";\nexport const purpurColorOrange500 = \"#a86602\";\nexport const purpurColorOrange600 = \"#8b5301\";\nexport const purpurColorOrange700 = \"#6a4102\";\nexport const purpurColorOrange800 = \"#4c2f03\";\nexport const purpurColorOrange900 = \"#2b1b03\";\nexport const purpurColorOrange950 = \"#1a0f00\";\nexport const purpurColorBlue50 = \"#e8f6ff\";\nexport const purpurColorBlue100 = \"#caeaff\";\nexport const purpurColorBlue200 = \"#91cdf4\";\nexport const purpurColorBlue300 = \"#62b2e7\";\nexport const purpurColorBlue400 = \"#3694d3\";\nexport const purpurColorBlue500 = \"#0078cb\";\nexport const purpurColorBlue600 = \"#0063a6\";\nexport const purpurColorBlue700 = \"#014d80\";\nexport const purpurColorBlue800 = \"#03385b\";\nexport const purpurColorBlue900 = \"#002036\";\nexport const purpurColorBlue950 = \"#011320\";\nexport const purpurColorTransparentBlack50 = \"rgba(0, 0, 0, 0.05)\";\nexport const purpurColorTransparentBlack100 = \"rgba(0, 0, 0, 0.1)\";\nexport const purpurColorTransparentBlack150 = \"rgba(0, 0, 0, 0.16)\";\nexport const purpurColorTransparentBlack200 = \"rgba(0, 0, 0, 0.22)\";\nexport const purpurColorTransparentBlack300 = \"rgba(0, 0, 0, 0.33)\";\nexport const purpurColorTransparentBlack400 = \"rgba(0, 0, 0, 0.44)\";\nexport const purpurColorTransparentBlack500 = \"rgba(0, 0, 0, 0.54)\";\nexport const purpurColorTransparentBlack600 = \"rgba(0, 0, 0, 0.62)\";\nexport const purpurColorTransparentBlack700 = \"rgba(0, 0, 0, 0.71)\";\nexport const purpurColorTransparentBlack800 = \"rgba(0, 0, 0, 0.8)\";\nexport const purpurColorTransparentBlack850 = \"rgba(0, 0, 0, 0.84)\";\nexport const purpurColorTransparentBlack900 = \"rgba(0, 0, 0, 0.88)\";\nexport const purpurColorTransparentBlack950 = \"rgba(0, 0, 0, 0.93)\";\nexport const purpurColorTransparentWhite50 = \"rgba(255, 255, 255, 0.07)\";\nexport const purpurColorTransparentWhite100 = \"rgba(255, 255, 255, 0.11)\";\nexport const purpurColorTransparentWhite150 = \"rgba(255, 255, 255, 0.16)\";\nexport const purpurColorTransparentWhite200 = \"rgba(255, 255, 255, 0.21)\";\nexport const purpurColorTransparentWhite300 = \"rgba(255, 255, 255, 0.29)\";\nexport const purpurColorTransparentWhite400 = \"rgba(255, 255, 255, 0.37)\";\nexport const purpurColorTransparentWhite500 = \"rgba(255, 255, 255, 0.46)\";\nexport const purpurColorTransparentWhite600 = \"rgba(255, 255, 255, 0.55)\";\nexport const purpurColorTransparentWhite700 = \"rgba(255, 255, 255, 0.66)\";\nexport const purpurColorTransparentWhite800 = \"rgba(255, 255, 255, 0.79)\";\nexport const purpurColorTransparentWhite850 = \"rgba(255, 255, 255, 0.84)\";\nexport const purpurColorTransparentWhite900 = \"rgba(255, 255, 255, 0.89)\";\nexport const purpurColorTransparentWhite950 = \"rgba(255, 255, 255, 0.95)\";\nexport const purpurColorFunctionalBlack = \"#000000\";\nexport const purpurColorFunctionalWhite = \"#ffffff\";\nexport const purpurColorFunctionalTransparent = \"rgba(255, 255, 255, 0)\";\nexport const purpurColorBrandDeepPurple = \"#f4e0ff\";\nexport const purpurColorBrandCorePurple = \"#c461f7\";\nexport const purpurColorBrandLightPurple = \"#29003e\";\nexport const purpurColorBrandDeepBeige = \"#ede1d8\";\nexport const purpurColorBrandBeige = \"#4f4741\";\nexport const purpurColorBrandLightBeige = \"#3b332d\";\nexport const purpurColorBrandOffBlack = \"#ffffff\";\nexport const purpurColorBrandWhite = \"#202022\";\nexport const purpurColorTextDefault = \"rgba(255, 255, 255, 0.95)\";\nexport const purpurColorTextMedium = \"rgba(255, 255, 255, 0.66)\";\nexport const purpurColorTextWeak = \"rgba(255, 255, 255, 0.37)\";\nexport const purpurColorTextDefaultNegative = \"rgba(0, 0, 0, 0.8)\";\nexport const purpurColorTextMediumNegative = \"rgba(0, 0, 0, 0.54)\";\nexport const purpurColorTextWeakNegative = \"rgba(0, 0, 0, 0.44)\";\nexport const purpurColorTextInteractivePrimary = \"#e4b6fb\";\nexport const purpurColorTextInteractivePrimaryHover = \"#f4e0ff\";\nexport const purpurColorTextInteractivePrimaryActive = \"#faf0ff\";\nexport const purpurColorTextInteractiveOnPrimary = \"#4e0174\";\nexport const purpurColorTextInteractiveOnPrimaryNegative = \"#ffffff\";\nexport const purpurColorTextInteractivePrimaryNegative = \"#8c07d0\";\nexport const purpurColorTextInteractivePrimaryHoverNegative = \"#6d02a3\";\nexport const purpurColorTextInteractivePrimaryActiveNegative = \"#4e0174\";\nexport const purpurColorTextInteractiveOnExpressive = \"#ffffff\";\nexport const purpurColorTextInteractiveOnExpressiveNegative = \"#ffffff\";\nexport const purpurColorTextInteractiveOnExpressiveHover = \"#29003e\";\nexport const purpurColorTextInteractiveOnExpressiveHoverNegative = \"#ffffff\";\nexport const purpurColorTextInteractiveOnExpressiveActive = \"#29003e\";\nexport const purpurColorTextInteractiveOnExpressiveActiveNegative = \"#ffffff\";\nexport const purpurColorTextInteractiveOnDestructive = \"#ffffff\";\nexport const purpurColorTextInteractiveSelected = \"#d58df9\";\nexport const purpurColorTextStatusDiscount = \"#d58df9\";\nexport const purpurColorTextStatusErrorStrong = \"#ffafc9\";\nexport const purpurColorTextStatusErrorStrongNegative = \"#980233\";\nexport const purpurColorTextStatusErrorMedium = \"#fb4885\";\nexport const purpurColorTextStatusErrorMediumNegative = \"#e4175c\";\nexport const purpurColorTextStatusSuccessStrong = \"#79d9a7\";\nexport const purpurColorTextStatusSuccessStrongNegative = \"#02562b\";\nexport const purpurColorTextStatusSuccessMedium = \"#1fa15e\";\nexport const purpurColorTextStatusWarningStrong = \"#f9bb5b\";\nexport const purpurColorTextStatusWarningMedium = \"#f39200\";\nexport const purpurColorTextStatusWarningMediumNegative = \"#a86602\";\nexport const purpurColorTextStatusInfoStrong = \"#91cdf4\";\nexport const purpurColorTextStatusInfoMedium = \"#3694d3\";\nexport const purpurColorTextStatusNeutral = \"#ffffff\";\nexport const purpurColorTextStatusSpecial = \"#ffffff\";\nexport const purpurColorTextStatusAttention = \"#4e0174\";\nexport const purpurColorTextStatusBlackFriday = \"#202022\";\nexport const purpurColorTextToneOnTonePrimary = \"#29003e\";\nexport const purpurColorTextToneOnToneSecondary = \"#f4e0ff\";\nexport const purpurColorTextToneOnToneTertiary = \"#ffffff\";\nexport const purpurColorBackgroundPrimary = \"#121212\";\nexport const purpurColorBackgroundPrimaryNegative = \"#ffffff\";\nexport const purpurColorBackgroundSecondary = \"#202022\";\nexport const purpurColorBackgroundSecondaryNegative = \"#f5f5fa\";\nexport const purpurColorBackgroundOnImage = \"rgba(0, 0, 0, 0.71)\";\nexport const purpurColorBackgroundOnImageNegative = \"rgba(255, 255, 255, 0.84)\";\nexport const purpurColorBackgroundInteractiveAutoFill = \"#03385b\";\nexport const purpurColorBackgroundInteractivePrimary = \"#f4e0ff\";\nexport const purpurColorBackgroundInteractivePrimaryHover = \"#e4b6fb\";\nexport const purpurColorBackgroundInteractivePrimaryActive = \"#d58df9\";\nexport const purpurColorBackgroundInteractivePrimaryNegative = \"#4e0174\";\nexport const purpurColorBackgroundInteractivePrimaryHoverNegative = \"#6d02a3\";\nexport const purpurColorBackgroundInteractivePrimaryActiveNegative = \"#8c07d0\";\nexport const purpurColorBackgroundInteractiveExpressive = \"#990ae3\";\nexport const purpurColorBackgroundInteractiveExpressiveHover = \"#c461f7\";\nexport const purpurColorBackgroundInteractiveExpressiveActive = \"#d58df9\";\nexport const purpurColorBackgroundInteractiveExpressiveNegative = \"#990ae3\";\nexport const purpurColorBackgroundInteractiveExpressiveHoverNegative = \"#6d02a3\";\nexport const purpurColorBackgroundInteractiveExpressiveActiveNegative = \"#4e0174\";\nexport const purpurColorBackgroundInteractiveDisabled = \"rgba(255, 255, 255, 0.11)\";\nexport const purpurColorBackgroundInteractiveDisabledNegative = \"rgba(0, 0, 0, 0.1)\";\nexport const purpurColorBackgroundInteractiveTransparentHover = \"#4e0174\";\nexport const purpurColorBackgroundInteractiveTransparentHoverNegative = \"#e4b6fb\";\nexport const purpurColorBackgroundInteractiveTransparentActive = \"#6d02a3\";\nexport const purpurColorBackgroundInteractiveTransparentActiveNegative = \"#d58df9\";\nexport const purpurColorBackgroundInteractiveInactive = \"rgba(255, 255, 255, 0.16)\";\nexport const purpurColorBackgroundInteractiveInactiveNegative = \"rgba(0, 0, 0, 0.05)\";\nexport const purpurColorBackgroundInteractiveReadOnly = \"rgba(255, 255, 255, 0.07)\";\nexport const purpurColorBackgroundInteractiveReadOnlyNegative = \"rgba(0, 0, 0, 0.05)\";\nexport const purpurColorBackgroundInteractiveDestructive = \"#e4175c\";\nexport const purpurColorBackgroundInteractiveDestructiveHover = \"#c00543\";\nexport const purpurColorBackgroundInteractiveDestructiveActive = \"#980233\";\nexport const purpurColorBackgroundStatusInfoMedium = \"#03385b\";\nexport const purpurColorBackgroundStatusInfoStrong = \"#62b2e7\";\nexport const purpurColorBackgroundStatusSuccessMedium = \"#003e1e\";\nexport const purpurColorBackgroundStatusSuccessStrong = \"#3dbf7c\";\nexport const purpurColorBackgroundStatusSuccessStrongNegative = \"#1fa15e\";\nexport const purpurColorBackgroundStatusErrorMedium = \"#700025\";\nexport const purpurColorBackgroundStatusErrorStrong = \"#ff80ab\";\nexport const purpurColorBackgroundStatusErrorStrongNegative = \"#fb4885\";\nexport const purpurColorBackgroundStatusWarningMedium = \"#4c2f03\";\nexport const purpurColorBackgroundStatusWarningStrong = \"#f39200\";\nexport const purpurColorBackgroundStatusWarningStrongNegative = \"#f39200\";\nexport const purpurColorBackgroundStatusNeutral = \"#353537\";\nexport const purpurColorBackgroundStatusSpecial = \"#6d02a3\";\nexport const purpurColorBackgroundStatusAttention = \"#f4e0ff\";\nexport const purpurColorBackgroundStatusBlackFriday = \"#ffffff\";\nexport const purpurColorBackgroundToneOnTonePrimary = \"#f4e0ff\";\nexport const purpurColorBackgroundToneOnToneSecondary = \"#29003e\";\nexport const purpurColorBackgroundToneOnToneTertiary = \"#4f4741\";\nexport const purpurColorBackgroundToneOnToneQuaternary = \"#2d2824\";\nexport const purpurColorBorderMedium = \"rgba(255, 255, 255, 0.29)\";\nexport const purpurColorBorderMediumNegative = \"rgba(0, 0, 0, 0.33)\";\nexport const purpurColorBorderStrong = \"rgba(255, 255, 255, 0.46)\";\nexport const purpurColorBorderStrongNegative = \"rgba(0, 0, 0, 0.54)\";\nexport const purpurColorBorderWeak = \"rgba(255, 255, 255, 0.16)\";\nexport const purpurColorBorderWeakNegative = \"rgba(0, 0, 0, 0.16)\";\nexport const purpurColorBorderInteractiveFocus = \"#c461f7\";\nexport const purpurColorBorderInteractivePrimary = \"#e4b6fb\";\nexport const purpurColorBorderInteractivePrimaryNegative = \"#8c07d0\";\nexport const purpurColorBorderInteractivePrimaryHover = \"#f4e0ff\";\nexport const purpurColorBorderInteractivePrimaryActive = \"#faf0ff\";\nexport const purpurColorBorderInteractivePrimaryHoverNegative = \"#6d02a3\";\nexport const purpurColorBorderInteractivePrimaryActiveNegative = \"#4e0174\";\nexport const purpurColorBorderInteractiveExpressive = \"#990ae3\";\nexport const purpurColorBorderInteractiveSelected = \"#d58df9\";\nexport const purpurColorBorderInteractiveSubtle = \"rgba(255, 255, 255, 0.37)\";\nexport const purpurColorBorderInteractiveSubtleNegative = \"rgba(0, 0, 0, 0.44)\";\nexport const purpurColorBorderInteractiveSubtleHover = \"#e4b6fb\";\nexport const purpurColorBorderInteractiveSubtleHoverNegative = \"#6d02a3\";\nexport const purpurColorBorderStatusError = \"#fb4885\";\nexport const purpurColorBorderStatusErrorNegative = \"#e4175c\";\nexport const purpurColorBorderStatusWarning = \"#f39200\";\nexport const purpurColorBorderStatusInfo = \"#3694d3\";\nexport const purpurColorBorderStatusSuccess = \"#1fa15e\";\nexport const purpurColorBorderStatusSuccessNegative = \"#018842\";\nexport const purpurColorOverlayDefault = \"rgba(0, 0, 0, 0.33)\";\nexport const purpurColorGradientAiBottom = \"#62b2e7\";\nexport const purpurColorGradientAiBottomNegative = \"#3694d3\";\nexport const purpurColorGradientAiTop = \"#d58df9\";\nexport const purpurColorGradientAiTopNegative = \"#b12df4\";\n","import {\n  purpurColorBackgroundInteractiveAutoFill,\n  purpurColorBackgroundInteractiveDestructive,\n  purpurColorBackgroundInteractiveDestructiveActive,\n  purpurColorBackgroundInteractiveDestructiveHover,\n  purpurColorBackgroundInteractiveDisabled,\n  purpurColorBackgroundInteractiveDisabledNegative,\n  purpurColorBackgroundInteractiveExpressive,\n  purpurColorBackgroundInteractiveExpressiveActive,\n  purpurColorBackgroundInteractiveExpressiveActiveNegative,\n  purpurColorBackgroundInteractiveExpressiveHover,\n  purpurColorBackgroundInteractiveExpressiveHoverNegative,\n  purpurColorBackgroundInteractiveExpressiveNegative,\n  purpurColorBackgroundInteractiveInactive,\n  purpurColorBackgroundInteractiveInactiveNegative,\n  purpurColorBackgroundInteractivePrimary,\n  purpurColorBackgroundInteractivePrimaryActive,\n  purpurColorBackgroundInteractivePrimaryActiveNegative,\n  purpurColorBackgroundInteractivePrimaryHover,\n  purpurColorBackgroundInteractivePrimaryHoverNegative,\n  purpurColorBackgroundInteractivePrimaryNegative,\n  purpurColorBackgroundInteractiveReadOnly,\n  purpurColorBackgroundInteractiveReadOnlyNegative,\n  purpurColorBackgroundInteractiveTransparentActive,\n  purpurColorBackgroundInteractiveTransparentActiveNegative,\n  purpurColorBackgroundInteractiveTransparentHover,\n  purpurColorBackgroundInteractiveTransparentHoverNegative,\n  purpurColorBackgroundOnImage,\n  purpurColorBackgroundOnImageNegative,\n  purpurColorBackgroundPrimary,\n  purpurColorBackgroundPrimaryNegative,\n  purpurColorBackgroundSecondary,\n  purpurColorBackgroundSecondaryNegative,\n  purpurColorBackgroundStatusAttention,\n  purpurColorBackgroundStatusBlackFriday,\n  purpurColorBackgroundStatusErrorMedium,\n  purpurColorBackgroundStatusErrorStrong,\n  purpurColorBackgroundStatusErrorStrongNegative,\n  purpurColorBackgroundStatusInfoMedium,\n  purpurColorBackgroundStatusInfoStrong,\n  purpurColorBackgroundStatusNeutral,\n  purpurColorBackgroundStatusSpecial,\n  purpurColorBackgroundStatusSuccessMedium,\n  purpurColorBackgroundStatusSuccessStrong,\n  purpurColorBackgroundStatusSuccessStrongNegative,\n  purpurColorBackgroundStatusWarningMedium,\n  purpurColorBackgroundStatusWarningStrong,\n  purpurColorBackgroundStatusWarningStrongNegative,\n  purpurColorBackgroundToneOnTonePrimary,\n  purpurColorBackgroundToneOnToneQuaternary,\n  purpurColorBackgroundToneOnToneSecondary,\n  purpurColorBackgroundToneOnToneTertiary,\n  purpurColorBorderInteractiveExpressive,\n  purpurColorBorderInteractiveFocus,\n  purpurColorBorderInteractivePrimary,\n  purpurColorBorderInteractivePrimaryActive,\n  purpurColorBorderInteractivePrimaryActiveNegative,\n  purpurColorBorderInteractivePrimaryHover,\n  purpurColorBorderInteractivePrimaryHoverNegative,\n  purpurColorBorderInteractivePrimaryNegative,\n  purpurColorBorderInteractiveSelected,\n  purpurColorBorderInteractiveSubtle,\n  purpurColorBorderInteractiveSubtleHover,\n  purpurColorBorderInteractiveSubtleHoverNegative,\n  purpurColorBorderInteractiveSubtleNegative,\n  purpurColorBorderMedium,\n  purpurColorBorderMediumNegative,\n  purpurColorBorderStatusError,\n  purpurColorBorderStatusErrorNegative,\n  purpurColorBorderStatusInfo,\n  purpurColorBorderStatusSuccess,\n  purpurColorBorderStatusSuccessNegative,\n  purpurColorBorderStatusWarning,\n  purpurColorBorderStrong,\n  purpurColorBorderStrongNegative,\n  purpurColorBorderWeak,\n  purpurColorBorderWeakNegative,\n  purpurColorBrandBeige,\n  purpurColorBrandCorePurple,\n  purpurColorBrandDeepBeige,\n  purpurColorBrandDeepPurple,\n  purpurColorBrandLightBeige,\n  purpurColorBrandLightPurple,\n  purpurColorBrandOffBlack,\n  purpurColorBrandWhite,\n  purpurColorTextDefault,\n  purpurColorTextDefaultNegative,\n  purpurColorTextInteractiveOnDestructive,\n  purpurColorTextInteractiveOnExpressive,\n  purpurColorTextInteractiveOnExpressiveActive,\n  purpurColorTextInteractiveOnExpressiveActiveNegative,\n  purpurColorTextInteractiveOnExpressiveHover,\n  purpurColorTextInteractiveOnExpressiveHoverNegative,\n  purpurColorTextInteractiveOnExpressiveNegative,\n  purpurColorTextInteractiveOnPrimary,\n  purpurColorTextInteractiveOnPrimaryNegative,\n  purpurColorTextInteractivePrimary,\n  purpurColorTextInteractivePrimaryActive,\n  purpurColorTextInteractivePrimaryActiveNegative,\n  purpurColorTextInteractivePrimaryHover,\n  purpurColorTextInteractivePrimaryHoverNegative,\n  purpurColorTextInteractivePrimaryNegative,\n  purpurColorTextInteractiveSelected,\n  purpurColorTextMedium,\n  purpurColorTextMediumNegative,\n  purpurColorTextStatusAttention,\n  purpurColorTextStatusBlackFriday,\n  purpurColorTextStatusDiscount,\n  purpurColorTextStatusErrorMedium,\n  purpurColorTextStatusErrorMediumNegative,\n  purpurColorTextStatusErrorStrong,\n  purpurColorTextStatusErrorStrongNegative,\n  purpurColorTextStatusInfoMedium,\n  purpurColorTextStatusInfoStrong,\n  purpurColorTextStatusNeutral,\n  purpurColorTextStatusSpecial,\n  purpurColorTextStatusSuccessMedium,\n  purpurColorTextStatusSuccessStrong,\n  purpurColorTextStatusSuccessStrongNegative,\n  purpurColorTextStatusWarningMedium,\n  purpurColorTextStatusWarningMediumNegative,\n  purpurColorTextStatusWarningStrong,\n  purpurColorTextToneOnTonePrimary,\n  purpurColorTextToneOnToneSecondary,\n  purpurColorTextToneOnToneTertiary,\n  purpurColorTextWeak,\n  purpurColorTextWeakNegative,\n} from \"@purpur/tokens/dark\";\n\nimport type { ThemeProps } from \"./theme-props\";\n\nexport const dark = {\n  colorBrandDeepPurple: purpurColorBrandDeepPurple,\n  colorBrandCorePurple: purpurColorBrandCorePurple,\n  colorBrandLightPurple: purpurColorBrandLightPurple,\n  colorBrandDeepBeige: purpurColorBrandDeepBeige,\n  colorBrandBeige: purpurColorBrandBeige,\n  colorBrandLightBeige: purpurColorBrandLightBeige,\n  colorBrandOffBlack: purpurColorBrandOffBlack,\n  colorBrandWhite: purpurColorBrandWhite,\n\n  colorTextDefault: purpurColorTextDefault,\n  colorTextMedium: purpurColorTextMedium,\n  colorTextWeak: purpurColorTextWeak,\n  colorTextDefaultNegative: purpurColorTextDefaultNegative,\n  colorTextMediumNegative: purpurColorTextMediumNegative,\n  colorTextWeakNegative: purpurColorTextWeakNegative,\n\n  colorTextInteractivePrimary: purpurColorTextInteractivePrimary,\n  colorTextInteractivePrimaryHover: purpurColorTextInteractivePrimaryHover,\n  colorTextInteractivePrimaryActive: purpurColorTextInteractivePrimaryActive,\n  colorTextInteractiveOnPrimary: purpurColorTextInteractiveOnPrimary,\n  colorTextInteractiveOnExpressive: purpurColorTextInteractiveOnExpressive,\n  colorTextInteractiveOnExpressiveHover: purpurColorTextInteractiveOnExpressiveHover,\n  colorTextInteractiveOnExpressiveActive: purpurColorTextInteractiveOnExpressiveActive,\n  colorTextInteractiveOnDestructive: purpurColorTextInteractiveOnDestructive,\n  colorTextInteractiveSelected: purpurColorTextInteractiveSelected,\n  colorTextInteractivePrimaryNegative: purpurColorTextInteractivePrimaryNegative,\n  colorTextInteractivePrimaryHoverNegative: purpurColorTextInteractivePrimaryHoverNegative,\n  colorTextInteractivePrimaryActiveNegative: purpurColorTextInteractivePrimaryActiveNegative,\n  colorTextInteractiveOnPrimaryNegative: purpurColorTextInteractiveOnPrimaryNegative,\n  colorTextInteractiveOnExpressiveNegative: purpurColorTextInteractiveOnExpressiveNegative,\n  colorTextInteractiveOnExpressiveHoverNegative:\n    purpurColorTextInteractiveOnExpressiveHoverNegative,\n  colorTextInteractiveOnExpressiveActiveNegative:\n    purpurColorTextInteractiveOnExpressiveActiveNegative,\n\n  colorTextStatusInfoMedium: purpurColorTextStatusInfoMedium,\n  colorTextStatusInfoStrong: purpurColorTextStatusInfoStrong,\n  colorTextStatusSuccessMedium: purpurColorTextStatusSuccessMedium,\n  colorTextStatusSuccessStrong: purpurColorTextStatusSuccessStrong,\n  colorTextStatusWarningMedium: purpurColorTextStatusWarningMedium,\n  colorTextStatusWarningStrong: purpurColorTextStatusWarningStrong,\n  colorTextStatusErrorMedium: purpurColorTextStatusErrorMedium,\n  colorTextStatusErrorStrong: purpurColorTextStatusErrorStrong,\n  colorTextStatusNeutral: purpurColorTextStatusNeutral,\n  colorTextStatusSpecial: purpurColorTextStatusSpecial,\n  colorTextStatusAttention: purpurColorTextStatusAttention,\n  colorTextStatusDiscount: purpurColorTextStatusDiscount,\n  colorTextStatusBlackFriday: purpurColorTextStatusBlackFriday,\n  colorTextStatusSuccessStrongNegative: purpurColorTextStatusSuccessStrongNegative,\n  colorTextStatusErrorMediumNegative: purpurColorTextStatusErrorMediumNegative,\n  colorTextStatusErrorStrongNegative: purpurColorTextStatusErrorStrongNegative,\n  colorTextStatusWarningMediumNegative: purpurColorTextStatusWarningMediumNegative,\n\n  colorTextToneOnTonePrimary: purpurColorTextToneOnTonePrimary,\n  colorTextToneOnToneSecondary: purpurColorTextToneOnToneSecondary,\n  colorTextToneOnToneTertiary: purpurColorTextToneOnToneTertiary,\n\n  colorBackgroundPrimary: purpurColorBackgroundPrimary,\n  colorBackgroundSecondary: purpurColorBackgroundSecondary,\n  colorBackgroundOnImage: purpurColorBackgroundOnImage,\n  colorBackgroundPrimaryNegative: purpurColorBackgroundPrimaryNegative,\n  colorBackgroundSecondaryNegative: purpurColorBackgroundSecondaryNegative,\n  colorBackgroundOnImageNegative: purpurColorBackgroundOnImageNegative,\n\n  colorBackgroundInteractivePrimary: purpurColorBackgroundInteractivePrimary,\n  colorBackgroundInteractivePrimaryHover: purpurColorBackgroundInteractivePrimaryHover,\n  colorBackgroundInteractivePrimaryActive: purpurColorBackgroundInteractivePrimaryActive,\n  colorBackgroundInteractiveExpressive: purpurColorBackgroundInteractiveExpressive,\n  colorBackgroundInteractiveExpressiveHover: purpurColorBackgroundInteractiveExpressiveHover,\n  colorBackgroundInteractiveExpressiveActive: purpurColorBackgroundInteractiveExpressiveActive,\n  colorBackgroundInteractiveTransparentHover: purpurColorBackgroundInteractiveTransparentHover,\n  colorBackgroundInteractiveTransparentActive: purpurColorBackgroundInteractiveTransparentActive,\n  colorBackgroundInteractiveDisabled: purpurColorBackgroundInteractiveDisabled,\n  colorBackgroundInteractiveReadOnly: purpurColorBackgroundInteractiveReadOnly,\n  colorBackgroundInteractiveInactive: purpurColorBackgroundInteractiveInactive,\n  colorBackgroundInteractiveDestructive: purpurColorBackgroundInteractiveDestructive,\n  colorBackgroundInteractiveDestructiveHover: purpurColorBackgroundInteractiveDestructiveHover,\n  colorBackgroundInteractiveDestructiveActive: purpurColorBackgroundInteractiveDestructiveActive,\n  colorBackgroundInteractiveAutoFill: purpurColorBackgroundInteractiveAutoFill,\n  colorBackgroundInteractivePrimaryNegative: purpurColorBackgroundInteractivePrimaryNegative,\n  colorBackgroundInteractivePrimaryHoverNegative:\n    purpurColorBackgroundInteractivePrimaryHoverNegative,\n  colorBackgroundInteractivePrimaryActiveNegative:\n    purpurColorBackgroundInteractivePrimaryActiveNegative,\n  colorBackgroundInteractiveExpressiveNegative: purpurColorBackgroundInteractiveExpressiveNegative,\n  colorBackgroundInteractiveExpressiveHoverNegative:\n    purpurColorBackgroundInteractiveExpressiveHoverNegative,\n  colorBackgroundInteractiveExpressiveActiveNegative:\n    purpurColorBackgroundInteractiveExpressiveActiveNegative,\n  colorBackgroundInteractiveTransparentHoverNegative:\n    purpurColorBackgroundInteractiveTransparentHoverNegative,\n  colorBackgroundInteractiveTransparentActiveNegative:\n    purpurColorBackgroundInteractiveTransparentActiveNegative,\n  colorBackgroundInteractiveDisabledNegative: purpurColorBackgroundInteractiveDisabledNegative,\n  colorBackgroundInteractiveInactiveNegative: purpurColorBackgroundInteractiveInactiveNegative,\n  colorBackgroundInteractiveReadOnlyNegative: purpurColorBackgroundInteractiveReadOnlyNegative,\n\n  colorBackgroundStatusInfoMedium: purpurColorBackgroundStatusInfoMedium,\n  colorBackgroundStatusInfoStrong: purpurColorBackgroundStatusInfoStrong,\n  colorBackgroundStatusSuccessMedium: purpurColorBackgroundStatusSuccessMedium,\n  colorBackgroundStatusSuccessStrong: purpurColorBackgroundStatusSuccessStrong,\n  colorBackgroundStatusWarningMedium: purpurColorBackgroundStatusWarningMedium,\n  colorBackgroundStatusWarningStrong: purpurColorBackgroundStatusWarningStrong,\n  colorBackgroundStatusErrorMedium: purpurColorBackgroundStatusErrorMedium,\n  colorBackgroundStatusErrorStrong: purpurColorBackgroundStatusErrorStrong,\n  colorBackgroundStatusNeutral: purpurColorBackgroundStatusNeutral,\n  colorBackgroundStatusSpecial: purpurColorBackgroundStatusSpecial,\n  colorBackgroundStatusAttention: purpurColorBackgroundStatusAttention,\n  colorBackgroundStatusBlackFriday: purpurColorBackgroundStatusBlackFriday,\n  colorBackgroundStatusSuccessStrongNegative: purpurColorBackgroundStatusSuccessStrongNegative,\n  colorBackgroundStatusWarningStrongNegative: purpurColorBackgroundStatusWarningStrongNegative,\n  colorBackgroundStatusErrorStrongNegative: purpurColorBackgroundStatusErrorStrongNegative,\n\n  colorBackgroundToneOnTonePrimary: purpurColorBackgroundToneOnTonePrimary,\n  colorBackgroundToneOnToneSecondary: purpurColorBackgroundToneOnToneSecondary,\n  colorBackgroundToneOnToneTertiary: purpurColorBackgroundToneOnToneTertiary,\n  colorBackgroundToneOnToneQuaternary: purpurColorBackgroundToneOnToneQuaternary,\n\n  colorBorderWeak: purpurColorBorderWeak,\n  colorBorderMedium: purpurColorBorderMedium,\n  colorBorderStrong: purpurColorBorderStrong,\n  colorBorderWeakNegative: purpurColorBorderWeakNegative,\n  colorBorderMediumNegative: purpurColorBorderMediumNegative,\n  colorBorderStrongNegative: purpurColorBorderStrongNegative,\n\n  colorBorderInteractivePrimary: purpurColorBorderInteractivePrimary,\n  colorBorderInteractivePrimaryHover: purpurColorBorderInteractivePrimaryHover,\n  colorBorderInteractivePrimaryActive: purpurColorBorderInteractivePrimaryActive,\n  colorBorderInteractiveFocus: purpurColorBorderInteractiveFocus,\n  colorBorderInteractiveExpressive: purpurColorBorderInteractiveExpressive,\n  colorBorderInteractiveSubtle: purpurColorBorderInteractiveSubtle,\n  colorBorderInteractiveSubtleHover: purpurColorBorderInteractiveSubtleHover,\n  colorBorderInteractiveSelected: purpurColorBorderInteractiveSelected,\n  colorBorderInteractivePrimaryNegative: purpurColorBorderInteractivePrimaryNegative,\n  colorBorderInteractivePrimaryHoverNegative: purpurColorBorderInteractivePrimaryHoverNegative,\n  colorBorderInteractivePrimaryActiveNegative: purpurColorBorderInteractivePrimaryActiveNegative,\n  colorBorderInteractiveSubtleNegative: purpurColorBorderInteractiveSubtleNegative,\n  colorBorderInteractiveSubtleHoverNegative: purpurColorBorderInteractiveSubtleHoverNegative,\n\n  colorBorderStatusError: purpurColorBorderStatusError,\n  colorBorderStatusWarning: purpurColorBorderStatusWarning,\n  colorBorderStatusInfo: purpurColorBorderStatusInfo,\n  colorBorderStatusSuccess: purpurColorBorderStatusSuccess,\n  colorBorderStatusErrorNegative: purpurColorBorderStatusErrorNegative,\n  colorBorderStatusSuccessNegative: purpurColorBorderStatusSuccessNegative,\n} satisfies ThemeProps;\n","import {\n  purpurColorBackgroundInteractiveAutoFill,\n  purpurColorBackgroundInteractiveDestructive,\n  purpurColorBackgroundInteractiveDestructiveActive,\n  purpurColorBackgroundInteractiveDestructiveHover,\n  purpurColorBackgroundInteractiveDisabled,\n  purpurColorBackgroundInteractiveDisabledNegative,\n  purpurColorBackgroundInteractiveExpressive,\n  purpurColorBackgroundInteractiveExpressiveActive,\n  purpurColorBackgroundInteractiveExpressiveActiveNegative,\n  purpurColorBackgroundInteractiveExpressiveHover,\n  purpurColorBackgroundInteractiveExpressiveHoverNegative,\n  purpurColorBackgroundInteractiveExpressiveNegative,\n  purpurColorBackgroundInteractiveInactive,\n  purpurColorBackgroundInteractiveInactiveNegative,\n  purpurColorBackgroundInteractivePrimary,\n  purpurColorBackgroundInteractivePrimaryActive,\n  purpurColorBackgroundInteractivePrimaryActiveNegative,\n  purpurColorBackgroundInteractivePrimaryHover,\n  purpurColorBackgroundInteractivePrimaryHoverNegative,\n  purpurColorBackgroundInteractivePrimaryNegative,\n  purpurColorBackgroundInteractiveReadOnly,\n  purpurColorBackgroundInteractiveReadOnlyNegative,\n  purpurColorBackgroundInteractiveTransparentActive,\n  purpurColorBackgroundInteractiveTransparentActiveNegative,\n  purpurColorBackgroundInteractiveTransparentHover,\n  purpurColorBackgroundInteractiveTransparentHoverNegative,\n  purpurColorBackgroundOnImage,\n  purpurColorBackgroundOnImageNegative,\n  purpurColorBackgroundPrimary,\n  purpurColorBackgroundPrimaryNegative,\n  purpurColorBackgroundSecondary,\n  purpurColorBackgroundSecondaryNegative,\n  purpurColorBackgroundStatusAttention,\n  purpurColorBackgroundStatusBlackFriday,\n  purpurColorBackgroundStatusErrorMedium,\n  purpurColorBackgroundStatusErrorStrong,\n  purpurColorBackgroundStatusErrorStrongNegative,\n  purpurColorBackgroundStatusInfoMedium,\n  purpurColorBackgroundStatusInfoStrong,\n  purpurColorBackgroundStatusNeutral,\n  purpurColorBackgroundStatusSpecial,\n  purpurColorBackgroundStatusSuccessMedium,\n  purpurColorBackgroundStatusSuccessStrong,\n  purpurColorBackgroundStatusSuccessStrongNegative,\n  purpurColorBackgroundStatusWarningMedium,\n  purpurColorBackgroundStatusWarningStrong,\n  purpurColorBackgroundStatusWarningStrongNegative,\n  purpurColorBackgroundToneOnTonePrimary,\n  purpurColorBackgroundToneOnToneQuaternary,\n  purpurColorBackgroundToneOnToneSecondary,\n  purpurColorBackgroundToneOnToneTertiary,\n  purpurColorBorderInteractiveExpressive,\n  purpurColorBorderInteractiveFocus,\n  purpurColorBorderInteractivePrimary,\n  purpurColorBorderInteractivePrimaryActive,\n  purpurColorBorderInteractivePrimaryActiveNegative,\n  purpurColorBorderInteractivePrimaryHover,\n  purpurColorBorderInteractivePrimaryHoverNegative,\n  purpurColorBorderInteractivePrimaryNegative,\n  purpurColorBorderInteractiveSelected,\n  purpurColorBorderInteractiveSubtle,\n  purpurColorBorderInteractiveSubtleHover,\n  purpurColorBorderInteractiveSubtleHoverNegative,\n  purpurColorBorderInteractiveSubtleNegative,\n  purpurColorBorderMedium,\n  purpurColorBorderMediumNegative,\n  purpurColorBorderStatusError,\n  purpurColorBorderStatusErrorNegative,\n  purpurColorBorderStatusInfo,\n  purpurColorBorderStatusSuccess,\n  purpurColorBorderStatusSuccessNegative,\n  purpurColorBorderStatusWarning,\n  purpurColorBorderStrong,\n  purpurColorBorderStrongNegative,\n  purpurColorBorderWeak,\n  purpurColorBorderWeakNegative,\n  purpurColorBrandBeige,\n  purpurColorBrandCorePurple,\n  purpurColorBrandDeepBeige,\n  purpurColorBrandDeepPurple,\n  purpurColorBrandLightBeige,\n  purpurColorBrandLightPurple,\n  purpurColorBrandOffBlack,\n  purpurColorBrandWhite,\n  purpurColorTextDefault,\n  purpurColorTextDefaultNegative,\n  purpurColorTextInteractiveOnDestructive,\n  purpurColorTextInteractiveOnExpressive,\n  purpurColorTextInteractiveOnExpressiveActive,\n  purpurColorTextInteractiveOnExpressiveActiveNegative,\n  purpurColorTextInteractiveOnExpressiveHover,\n  purpurColorTextInteractiveOnExpressiveHoverNegative,\n  purpurColorTextInteractiveOnExpressiveNegative,\n  purpurColorTextInteractiveOnPrimary,\n  purpurColorTextInteractiveOnPrimaryNegative,\n  purpurColorTextInteractivePrimary,\n  purpurColorTextInteractivePrimaryActive,\n  purpurColorTextInteractivePrimaryActiveNegative,\n  purpurColorTextInteractivePrimaryHover,\n  purpurColorTextInteractivePrimaryHoverNegative,\n  purpurColorTextInteractivePrimaryNegative,\n  purpurColorTextInteractiveSelected,\n  purpurColorTextMedium,\n  purpurColorTextMediumNegative,\n  purpurColorTextStatusAttention,\n  purpurColorTextStatusBlackFriday,\n  purpurColorTextStatusDiscount,\n  purpurColorTextStatusErrorMedium,\n  purpurColorTextStatusErrorMediumNegative,\n  purpurColorTextStatusErrorStrong,\n  purpurColorTextStatusErrorStrongNegative,\n  purpurColorTextStatusInfoMedium,\n  purpurColorTextStatusInfoStrong,\n  purpurColorTextStatusNeutral,\n  purpurColorTextStatusSpecial,\n  purpurColorTextStatusSuccessMedium,\n  purpurColorTextStatusSuccessStrong,\n  purpurColorTextStatusSuccessStrongNegative,\n  purpurColorTextStatusWarningMedium,\n  purpurColorTextStatusWarningMediumNegative,\n  purpurColorTextStatusWarningStrong,\n  purpurColorTextToneOnTonePrimary,\n  purpurColorTextToneOnToneSecondary,\n  purpurColorTextToneOnToneTertiary,\n  purpurColorTextWeak,\n  purpurColorTextWeakNegative,\n} from \"@purpur/tokens\";\n\nimport type { ThemeProps } from \"./theme-props\";\n\nexport const light = {\n  colorBrandDeepPurple: purpurColorBrandDeepPurple,\n  colorBrandCorePurple: purpurColorBrandCorePurple,\n  colorBrandLightPurple: purpurColorBrandLightPurple,\n  colorBrandDeepBeige: purpurColorBrandDeepBeige,\n  colorBrandBeige: purpurColorBrandBeige,\n  colorBrandLightBeige: purpurColorBrandLightBeige,\n  colorBrandOffBlack: purpurColorBrandOffBlack,\n  colorBrandWhite: purpurColorBrandWhite,\n\n  colorTextDefault: purpurColorTextDefault,\n  colorTextMedium: purpurColorTextMedium,\n  colorTextWeak: purpurColorTextWeak,\n  colorTextDefaultNegative: purpurColorTextDefaultNegative,\n  colorTextMediumNegative: purpurColorTextMediumNegative,\n  colorTextWeakNegative: purpurColorTextWeakNegative,\n\n  colorTextInteractivePrimary: purpurColorTextInteractivePrimary,\n  colorTextInteractivePrimaryHover: purpurColorTextInteractivePrimaryHover,\n  colorTextInteractivePrimaryActive: purpurColorTextInteractivePrimaryActive,\n  colorTextInteractiveOnPrimary: purpurColorTextInteractiveOnPrimary,\n  colorTextInteractiveOnExpressive: purpurColorTextInteractiveOnExpressive,\n  colorTextInteractiveOnExpressiveHover: purpurColorTextInteractiveOnExpressiveHover,\n  colorTextInteractiveOnExpressiveActive: purpurColorTextInteractiveOnExpressiveActive,\n  colorTextInteractiveOnDestructive: purpurColorTextInteractiveOnDestructive,\n  colorTextInteractiveSelected: purpurColorTextInteractiveSelected,\n  colorTextInteractivePrimaryNegative: purpurColorTextInteractivePrimaryNegative,\n  colorTextInteractivePrimaryHoverNegative: purpurColorTextInteractivePrimaryHoverNegative,\n  colorTextInteractivePrimaryActiveNegative: purpurColorTextInteractivePrimaryActiveNegative,\n  colorTextInteractiveOnPrimaryNegative: purpurColorTextInteractiveOnPrimaryNegative,\n  colorTextInteractiveOnExpressiveNegative: purpurColorTextInteractiveOnExpressiveNegative,\n  colorTextInteractiveOnExpressiveHoverNegative:\n    purpurColorTextInteractiveOnExpressiveHoverNegative,\n  colorTextInteractiveOnExpressiveActiveNegative:\n    purpurColorTextInteractiveOnExpressiveActiveNegative,\n\n  colorTextStatusInfoMedium: purpurColorTextStatusInfoMedium,\n  colorTextStatusInfoStrong: purpurColorTextStatusInfoStrong,\n  colorTextStatusSuccessMedium: purpurColorTextStatusSuccessMedium,\n  colorTextStatusSuccessStrong: purpurColorTextStatusSuccessStrong,\n  colorTextStatusWarningMedium: purpurColorTextStatusWarningMedium,\n  colorTextStatusWarningStrong: purpurColorTextStatusWarningStrong,\n  colorTextStatusErrorMedium: purpurColorTextStatusErrorMedium,\n  colorTextStatusErrorStrong: purpurColorTextStatusErrorStrong,\n  colorTextStatusNeutral: purpurColorTextStatusNeutral,\n  colorTextStatusSpecial: purpurColorTextStatusSpecial,\n  colorTextStatusAttention: purpurColorTextStatusAttention,\n  colorTextStatusDiscount: purpurColorTextStatusDiscount,\n  colorTextStatusBlackFriday: purpurColorTextStatusBlackFriday,\n  colorTextStatusSuccessStrongNegative: purpurColorTextStatusSuccessStrongNegative,\n  colorTextStatusErrorMediumNegative: purpurColorTextStatusErrorMediumNegative,\n  colorTextStatusErrorStrongNegative: purpurColorTextStatusErrorStrongNegative,\n  colorTextStatusWarningMediumNegative: purpurColorTextStatusWarningMediumNegative,\n\n  colorTextToneOnTonePrimary: purpurColorTextToneOnTonePrimary,\n  colorTextToneOnToneSecondary: purpurColorTextToneOnToneSecondary,\n  colorTextToneOnToneTertiary: purpurColorTextToneOnToneTertiary,\n\n  colorBackgroundPrimary: purpurColorBackgroundPrimary,\n  colorBackgroundSecondary: purpurColorBackgroundSecondary,\n  colorBackgroundOnImage: purpurColorBackgroundOnImage,\n  colorBackgroundPrimaryNegative: purpurColorBackgroundPrimaryNegative,\n  colorBackgroundSecondaryNegative: purpurColorBackgroundSecondaryNegative,\n  colorBackgroundOnImageNegative: purpurColorBackgroundOnImageNegative,\n\n  colorBackgroundInteractivePrimary: purpurColorBackgroundInteractivePrimary,\n  colorBackgroundInteractivePrimaryHover: purpurColorBackgroundInteractivePrimaryHover,\n  colorBackgroundInteractivePrimaryActive: purpurColorBackgroundInteractivePrimaryActive,\n  colorBackgroundInteractiveExpressive: purpurColorBackgroundInteractiveExpressive,\n  colorBackgroundInteractiveExpressiveHover: purpurColorBackgroundInteractiveExpressiveHover,\n  colorBackgroundInteractiveExpressiveActive: purpurColorBackgroundInteractiveExpressiveActive,\n  colorBackgroundInteractiveTransparentHover: purpurColorBackgroundInteractiveTransparentHover,\n  colorBackgroundInteractiveTransparentActive: purpurColorBackgroundInteractiveTransparentActive,\n  colorBackgroundInteractiveDisabled: purpurColorBackgroundInteractiveDisabled,\n  colorBackgroundInteractiveReadOnly: purpurColorBackgroundInteractiveReadOnly,\n  colorBackgroundInteractiveInactive: purpurColorBackgroundInteractiveInactive,\n  colorBackgroundInteractiveDestructive: purpurColorBackgroundInteractiveDestructive,\n  colorBackgroundInteractiveDestructiveHover: purpurColorBackgroundInteractiveDestructiveHover,\n  colorBackgroundInteractiveDestructiveActive: purpurColorBackgroundInteractiveDestructiveActive,\n  colorBackgroundInteractiveAutoFill: purpurColorBackgroundInteractiveAutoFill,\n  colorBackgroundInteractivePrimaryNegative: purpurColorBackgroundInteractivePrimaryNegative,\n  colorBackgroundInteractivePrimaryHoverNegative:\n    purpurColorBackgroundInteractivePrimaryHoverNegative,\n  colorBackgroundInteractivePrimaryActiveNegative:\n    purpurColorBackgroundInteractivePrimaryActiveNegative,\n  colorBackgroundInteractiveExpressiveNegative: purpurColorBackgroundInteractiveExpressiveNegative,\n  colorBackgroundInteractiveExpressiveHoverNegative:\n    purpurColorBackgroundInteractiveExpressiveHoverNegative,\n  colorBackgroundInteractiveExpressiveActiveNegative:\n    purpurColorBackgroundInteractiveExpressiveActiveNegative,\n  colorBackgroundInteractiveTransparentHoverNegative:\n    purpurColorBackgroundInteractiveTransparentHoverNegative,\n  colorBackgroundInteractiveTransparentActiveNegative:\n    purpurColorBackgroundInteractiveTransparentActiveNegative,\n  colorBackgroundInteractiveDisabledNegative: purpurColorBackgroundInteractiveDisabledNegative,\n  colorBackgroundInteractiveInactiveNegative: purpurColorBackgroundInteractiveInactiveNegative,\n  colorBackgroundInteractiveReadOnlyNegative: purpurColorBackgroundInteractiveReadOnlyNegative,\n\n  colorBackgroundStatusInfoMedium: purpurColorBackgroundStatusInfoMedium,\n  colorBackgroundStatusInfoStrong: purpurColorBackgroundStatusInfoStrong,\n  colorBackgroundStatusSuccessMedium: purpurColorBackgroundStatusSuccessMedium,\n  colorBackgroundStatusSuccessStrong: purpurColorBackgroundStatusSuccessStrong,\n  colorBackgroundStatusWarningMedium: purpurColorBackgroundStatusWarningMedium,\n  colorBackgroundStatusWarningStrong: purpurColorBackgroundStatusWarningStrong,\n  colorBackgroundStatusErrorMedium: purpurColorBackgroundStatusErrorMedium,\n  colorBackgroundStatusErrorStrong: purpurColorBackgroundStatusErrorStrong,\n  colorBackgroundStatusNeutral: purpurColorBackgroundStatusNeutral,\n  colorBackgroundStatusSpecial: purpurColorBackgroundStatusSpecial,\n  colorBackgroundStatusAttention: purpurColorBackgroundStatusAttention,\n  colorBackgroundStatusBlackFriday: purpurColorBackgroundStatusBlackFriday,\n  colorBackgroundStatusSuccessStrongNegative: purpurColorBackgroundStatusSuccessStrongNegative,\n  colorBackgroundStatusWarningStrongNegative: purpurColorBackgroundStatusWarningStrongNegative,\n  colorBackgroundStatusErrorStrongNegative: purpurColorBackgroundStatusErrorStrongNegative,\n\n  colorBackgroundToneOnTonePrimary: purpurColorBackgroundToneOnTonePrimary,\n  colorBackgroundToneOnToneSecondary: purpurColorBackgroundToneOnToneSecondary,\n  colorBackgroundToneOnToneTertiary: purpurColorBackgroundToneOnToneTertiary,\n  colorBackgroundToneOnToneQuaternary: purpurColorBackgroundToneOnToneQuaternary,\n\n  colorBorderWeak: purpurColorBorderWeak,\n  colorBorderMedium: purpurColorBorderMedium,\n  colorBorderStrong: purpurColorBorderStrong,\n  colorBorderWeakNegative: purpurColorBorderWeakNegative,\n  colorBorderMediumNegative: purpurColorBorderMediumNegative,\n  colorBorderStrongNegative: purpurColorBorderStrongNegative,\n\n  colorBorderInteractivePrimary: purpurColorBorderInteractivePrimary,\n  colorBorderInteractivePrimaryHover: purpurColorBorderInteractivePrimaryHover,\n  colorBorderInteractivePrimaryActive: purpurColorBorderInteractivePrimaryActive,\n  colorBorderInteractiveFocus: purpurColorBorderInteractiveFocus,\n  colorBorderInteractiveExpressive: purpurColorBorderInteractiveExpressive,\n  colorBorderInteractiveSubtle: purpurColorBorderInteractiveSubtle,\n  colorBorderInteractiveSubtleHover: purpurColorBorderInteractiveSubtleHover,\n  colorBorderInteractiveSelected: purpurColorBorderInteractiveSelected,\n  colorBorderInteractivePrimaryNegative: purpurColorBorderInteractivePrimaryNegative,\n  colorBorderInteractivePrimaryHoverNegative: purpurColorBorderInteractivePrimaryHoverNegative,\n  colorBorderInteractivePrimaryActiveNegative: purpurColorBorderInteractivePrimaryActiveNegative,\n  colorBorderInteractiveSubtleNegative: purpurColorBorderInteractiveSubtleNegative,\n  colorBorderInteractiveSubtleHoverNegative: purpurColorBorderInteractiveSubtleHoverNegative,\n\n  colorBorderStatusError: purpurColorBorderStatusError,\n  colorBorderStatusWarning: purpurColorBorderStatusWarning,\n  colorBorderStatusInfo: purpurColorBorderStatusInfo,\n  colorBorderStatusSuccess: purpurColorBorderStatusSuccess,\n  colorBorderStatusErrorNegative: purpurColorBorderStatusErrorNegative,\n  colorBorderStatusSuccessNegative: purpurColorBorderStatusSuccessNegative,\n} satisfies ThemeProps;\n","import { dark } from \"./telia-dark\";\nimport { light } from \"./telia-light\";\nimport type { ThemeProps } from \"./theme-props\";\n\nexport const teliaTheme = {\n  light,\n  dark,\n} satisfies { light: ThemeProps; dark: ThemeProps };\n","import { useEffect } from \"react\";\n\nimport { teliaTheme } from \"./telia-theme\";\nimport type { ColorScheme, Theme } from \"./types\";\n\nconst toKebabCase = (str: string) => str.replace(/([a-z0-9])([A-Z])/g, \"$1-$2\").toLowerCase();\n\ntype Props = {\n  theme?: Theme;\n  cssVariablesSelector?: string;\n  currentColorScheme?: ColorScheme;\n};\n\nexport const useApplyTheme = ({\n  theme = teliaTheme,\n  cssVariablesSelector,\n  currentColorScheme,\n}: Props) => {\n  useEffect(() => {\n    if (currentColorScheme) {\n      Object.entries(theme?.[currentColorScheme] ?? teliaTheme[currentColorScheme]).forEach(\n        ([key, value]) => {\n          const element = cssVariablesSelector\n            ? (document.querySelector(cssVariablesSelector) as HTMLElement)\n            : null;\n\n          (element ?? document.documentElement).style.setProperty(\n            `--purpur-${toKebabCase(key)}`,\n            value\n          );\n        }\n      );\n    }\n  }, [theme, cssVariablesSelector, currentColorScheme]);\n};\n","import React, {\n  createContext,\n  type ReactNode,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n} from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\n\nimport type { ThemeProps } from \"./theme-props\";\nimport type { ColorOptions, ColorScheme, ThemeContextType } from \"./types\";\nimport { useApplyTheme } from \"./useApplyTheme\";\n\nconst ThemeContext = createContext<ThemeContextType>({\n  colorScheme: \"light\",\n  currentColorScheme: \"light\",\n  setColorScheme: () => {},\n  options: {},\n});\n\ntype PropsBase = Omit<BaseProps, \"children\"> & {\n  children: ReactNode;\n  cssVariablesSelector?: string;\n  options?: ThemeContextType[\"options\"];\n};\n\nexport type Props =\n  | PropsBase &\n      (\n        | {\n            theme: { light: ThemeProps; dark?: never };\n            forceColorScheme: \"light\";\n          }\n        | {\n            theme?: { light: ThemeProps; dark: ThemeProps };\n            forceColorScheme?: ColorScheme;\n          }\n      );\n\nexport const ThemeProvider = ({\n  cssVariablesSelector,\n  forceColorScheme,\n  theme,\n  children,\n  options = {},\n  ...props\n}: Props) => {\n  const [colorScheme, setColorScheme] = useState<ColorOptions>(forceColorScheme ?? \"auto\");\n  const [currentColorScheme, setCurrentColorScheme] = useState<ColorScheme>(\n    forceColorScheme ?? \"light\"\n  );\n\n  useEffect(() => {\n    if (!forceColorScheme) {\n      const savedColorScheme = localStorage.getItem(\"colorScheme\") as ColorOptions | null;\n      if (savedColorScheme) {\n        setColorScheme(savedColorScheme);\n      }\n    } else {\n      setColorScheme(forceColorScheme);\n    }\n  }, [forceColorScheme]);\n\n  useEffect(() => {\n    const mediaQuery = window.matchMedia(\"(prefers-color-scheme: dark)\");\n\n    if (colorScheme === \"auto\") {\n      setCurrentColorScheme(mediaQuery.matches ? \"dark\" : \"light\");\n    } else {\n      setCurrentColorScheme(colorScheme);\n    }\n\n    const handleChange = (e: MediaQueryListEvent) => {\n      if (!forceColorScheme && colorScheme === \"auto\") {\n        setCurrentColorScheme(e.matches ? \"dark\" : \"light\");\n      }\n    };\n\n    mediaQuery.addEventListener(\"change\", handleChange);\n\n    return () => {\n      mediaQuery.removeEventListener(\"change\", handleChange);\n    };\n  }, [colorScheme, forceColorScheme]);\n\n  const isCustomTheme = theme !== undefined;\n\n  useApplyTheme({\n    theme,\n    cssVariablesSelector,\n    currentColorScheme: isCustomTheme ? currentColorScheme : undefined,\n  });\n\n  const contextValue = useMemo(\n    () => ({\n      colorScheme,\n      currentColorScheme,\n      setColorScheme: (scheme: ColorOptions) => {\n        if (!forceColorScheme) {\n          setColorScheme(scheme);\n          localStorage.setItem(\"colorScheme\", scheme);\n        }\n      },\n    }),\n    [colorScheme, currentColorScheme, forceColorScheme]\n  );\n\n  return (\n    <ThemeContext.Provider value={{ ...contextValue, options }}>\n      <div data-color-scheme={currentColorScheme} className={currentColorScheme} {...props}>\n        {children}\n      </div>\n    </ThemeContext.Provider>\n  );\n};\n\nexport const useTheme = (): ThemeContextType => {\n  const context = useContext(ThemeContext);\n  if (!context) {\n    throw new Error(\"useTheme must be used within a ThemeProvider\");\n  }\n  return context;\n};\n"],"names":["purpurColorBrandDeepPurple","purpurColorBrandCorePurple","purpurColorBrandLightPurple","purpurColorBrandDeepBeige","purpurColorBrandBeige","purpurColorBrandLightBeige","purpurColorBrandOffBlack","purpurColorBrandWhite","purpurColorTextDefault","purpurColorTextMedium","purpurColorTextWeak","purpurColorTextDefaultNegative","purpurColorTextMediumNegative","purpurColorTextWeakNegative","purpurColorTextInteractivePrimary","purpurColorTextInteractivePrimaryHover","purpurColorTextInteractivePrimaryActive","purpurColorTextInteractiveOnPrimary","purpurColorTextInteractiveOnPrimaryNegative","purpurColorTextInteractivePrimaryNegative","purpurColorTextInteractivePrimaryHoverNegative","purpurColorTextInteractivePrimaryActiveNegative","purpurColorTextInteractiveOnExpressive","purpurColorTextInteractiveOnExpressiveNegative","purpurColorTextInteractiveOnExpressiveHover","purpurColorTextInteractiveOnExpressiveHoverNegative","purpurColorTextInteractiveOnExpressiveActive","purpurColorTextInteractiveOnExpressiveActiveNegative","purpurColorTextInteractiveOnDestructive","purpurColorTextInteractiveSelected","purpurColorTextStatusDiscount","purpurColorTextStatusErrorStrong","purpurColorTextStatusErrorStrongNegative","purpurColorTextStatusErrorMedium","purpurColorTextStatusErrorMediumNegative","purpurColorTextStatusSuccessStrong","purpurColorTextStatusSuccessStrongNegative","purpurColorTextStatusSuccessMedium","purpurColorTextStatusWarningStrong","purpurColorTextStatusWarningMedium","purpurColorTextStatusWarningMediumNegative","purpurColorTextStatusInfoStrong","purpurColorTextStatusInfoMedium","purpurColorTextStatusNeutral","purpurColorTextStatusSpecial","purpurColorTextStatusAttention","purpurColorTextStatusBlackFriday","purpurColorTextToneOnTonePrimary","purpurColorTextToneOnToneSecondary","purpurColorTextToneOnToneTertiary","purpurColorBackgroundPrimary","purpurColorBackgroundPrimaryNegative","purpurColorBackgroundSecondary","purpurColorBackgroundSecondaryNegative","purpurColorBackgroundOnImage","purpurColorBackgroundOnImageNegative","purpurColorBackgroundInteractiveAutoFill","purpurColorBackgroundInteractivePrimary","purpurColorBackgroundInteractivePrimaryHover","purpurColorBackgroundInteractivePrimaryActive","purpurColorBackgroundInteractivePrimaryNegative","purpurColorBackgroundInteractivePrimaryHoverNegative","purpurColorBackgroundInteractivePrimaryActiveNegative","purpurColorBackgroundInteractiveExpressive","purpurColorBackgroundInteractiveExpressiveHover","purpurColorBackgroundInteractiveExpressiveActive","purpurColorBackgroundInteractiveExpressiveNegative","purpurColorBackgroundInteractiveExpressiveHoverNegative","purpurColorBackgroundInteractiveExpressiveActiveNegative","purpurColorBackgroundInteractiveDisabled","purpurColorBackgroundInteractiveDisabledNegative","purpurColorBackgroundInteractiveTransparentHover","purpurColorBackgroundInteractiveTransparentHoverNegative","purpurColorBackgroundInteractiveTransparentActive","purpurColorBackgroundInteractiveTransparentActiveNegative","purpurColorBackgroundInteractiveInactive","purpurColorBackgroundInteractiveInactiveNegative","purpurColorBackgroundInteractiveReadOnly","purpurColorBackgroundInteractiveReadOnlyNegative","purpurColorBackgroundInteractiveDestructive","purpurColorBackgroundInteractiveDestructiveHover","purpurColorBackgroundInteractiveDestructiveActive","purpurColorBackgroundStatusInfoMedium","purpurColorBackgroundStatusInfoStrong","purpurColorBackgroundStatusSuccessMedium","purpurColorBackgroundStatusSuccessStrong","purpurColorBackgroundStatusSuccessStrongNegative","purpurColorBackgroundStatusErrorMedium","purpurColorBackgroundStatusErrorStrong","purpurColorBackgroundStatusErrorStrongNegative","purpurColorBackgroundStatusWarningMedium","purpurColorBackgroundStatusWarningStrong","purpurColorBackgroundStatusWarningStrongNegative","purpurColorBackgroundStatusNeutral","purpurColorBackgroundStatusSpecial","purpurColorBackgroundStatusAttention","purpurColorBackgroundStatusBlackFriday","purpurColorBackgroundToneOnTonePrimary","purpurColorBackgroundToneOnToneSecondary","purpurColorBackgroundToneOnToneTertiary","purpurColorBackgroundToneOnToneQuaternary","purpurColorBorderMedium","purpurColorBorderMediumNegative","purpurColorBorderStrong","purpurColorBorderStrongNegative","purpurColorBorderWeak","purpurColorBorderWeakNegative","purpurColorBorderInteractiveFocus","purpurColorBorderInteractivePrimary","purpurColorBorderInteractivePrimaryNegative","purpurColorBorderInteractivePrimaryHover","purpurColorBorderInteractivePrimaryActive","purpurColorBorderInteractivePrimaryHoverNegative","purpurColorBorderInteractivePrimaryActiveNegative","purpurColorBorderInteractiveExpressive","purpurColorBorderInteractiveSelected","purpurColorBorderInteractiveSubtle","purpurColorBorderInteractiveSubtleNegative","purpurColorBorderInteractiveSubtleHover","purpurColorBorderInteractiveSubtleHoverNegative","purpurColorBorderStatusError","purpurColorBorderStatusErrorNegative","purpurColorBorderStatusWarning","purpurColorBorderStatusInfo","purpurColorBorderStatusSuccess","purpurColorBorderStatusSuccessNegative","dark","light","teliaTheme","toKebabCase","str","useApplyTheme","theme","cssVariablesSelector","currentColorScheme","useEffect","key","value","ThemeContext","createContext","ThemeProvider","forceColorScheme","children","options","props","colorScheme","setColorScheme","useState","setCurrentColorScheme","savedColorScheme","mediaQuery","handleChange","e","contextValue","useMemo","scheme","jsx","useTheme","context","useContext"],"mappings":";;;AAwHO,MAAMA,KAA6B,WAC7BC,KAA6B,WAC7BC,KAA8B,WAC9BC,KAA4B,WAC5BC,KAAwB,WACxBC,KAA6B,WAC7BC,KAA2B,WAC3BC,KAAwB,WACxBC,KAAyB,6BACzBC,KAAwB,6BACxBC,KAAsB,6BACtBC,KAAiC,sBACjCC,KAAgC,uBAChCC,KAA8B,uBAC9BC,KAAoC,WACpCC,KAAyC,WACzCC,KAA0C,WAC1CC,KAAsC,WACtCC,KAA8C,WAC9CC,KAA4C,WAC5CC,KAAiD,WACjDC,KAAkD,WAClDC,KAAyC,WACzCC,KAAiD,WACjDC,KAA8C,WAC9CC,KAAsD,WACtDC,KAA+C,WAC/CC,KAAuD,WACvDC,KAA0C,WAC1CC,KAAqC,WACrCC,KAAgC,WAChCC,KAAmC,WACnCC,KAA2C,WAC3CC,KAAmC,WACnCC,KAA2C,WAC3CC,KAAqC,WACrCC,KAA6C,WAC7CC,KAAqC,WACrCC,KAAqC,WACrCC,KAAqC,WACrCC,KAA6C,WAC7CC,KAAkC,WAClCC,KAAkC,WAClCC,KAA+B,WAC/BC,KAA+B,WAC/BC,KAAiC,WACjCC,KAAmC,WACnCC,KAAmC,WACnCC,KAAqC,WACrCC,KAAoC,WACpCC,KAA+B,WAC/BC,KAAuC,WACvCC,KAAiC,WACjCC,KAAyC,WACzCC,KAA+B,uBAC/BC,KAAuC,6BACvCC,KAA2C,WAC3CC,KAA0C,WAC1CC,KAA+C,WAC/CC,KAAgD,WAChDC,KAAkD,WAClDC,KAAuD,WACvDC,KAAwD,WACxDC,KAA6C,WAC7CC,KAAkD,WAClDC,KAAmD,WACnDC,KAAqD,WACrDC,KAA0D,WAC1DC,KAA2D,WAC3DC,KAA2C,6BAC3CC,KAAmD,sBACnDC,KAAmD,WACnDC,KAA2D,WAC3DC,KAAoD,WACpDC,KAA4D,WAC5DC,KAA2C,6BAC3CC,KAAmD,uBACnDC,KAA2C,6BAC3CC,KAAmD,uBACnDC,KAA8C,WAC9CC,KAAmD,WACnDC,KAAoD,WACpDC,KAAwC,WACxCC,KAAwC,WACxCC,KAA2C,WAC3CC,KAA2C,WAC3CC,KAAmD,WACnDC,KAAyC,WACzCC,KAAyC,WACzCC,KAAiD,WACjDC,KAA2C,WAC3CC,KAA2C,WAC3CC,KAAmD,WACnDC,KAAqC,WACrCC,KAAqC,WACrCC,KAAuC,WACvCC,KAAyC,WACzCC,KAAyC,WACzCC,KAA2C,WAC3CC,KAA0C,WAC1CC,KAA4C,WAC5CC,KAA0B,6BAC1BC,KAAkC,uBAClCC,KAA0B,6BAC1BC,KAAkC,uBAClCC,KAAwB,6BACxBC,KAAgC,uBAChCC,KAAoC,WACpCC,KAAsC,WACtCC,KAA8C,WAC9CC,KAA2C,WAC3CC,KAA4C,WAC5CC,KAAmD,WACnDC,KAAoD,WACpDC,KAAyC,WACzCC,KAAuC,WACvCC,KAAqC,6BACrCC,KAA6C,uBAC7CC,KAA0C,WAC1CC,KAAkD,WAClDC,KAA+B,WAC/BC,KAAuC,WACvCC,KAAiC,WACjCC,KAA8B,WAC9BC,KAAiC,WACjCC,KAAyC,WClHzCC,KAAO;AAAA,EAClB,sBAAsB9H;AAAA,EACtB,sBAAsBC;AAAA,EACtB,uBAAuBC;AAAA,EACvB,qBAAqBC;AAAA,EACrB,iBAAiBC;AAAA,EACjB,sBAAsBC;AAAA,EACtB,oBAAoBC;AAAA,EACpB,iBAAiBC;AAAA,EAEjB,kBAAkBC;AAAA,EAClB,iBAAiBC;AAAA,EACjB,eAAeC;AAAA,EACf,0BAA0BC;AAAA,EAC1B,yBAAyBC;AAAA,EACzB,uBAAuBC;AAAA,EAEvB,6BAA6BC;AAAA,EAC7B,kCAAkCC;AAAA,EAClC,mCAAmCC;AAAA,EACnC,+BAA+BC;AAAA,EAC/B,kCAAkCK;AAAA,EAClC,uCAAuCE;AAAA,EACvC,wCAAwCE;AAAA,EACxC,mCAAmCE;AAAA,EACnC,8BAA8BC;AAAA,EAC9B,qCAAqCV;AAAA,EACrC,0CAA0CC;AAAA,EAC1C,2CAA2CC;AAAA,EAC3C,uCAAuCH;AAAA,EACvC,0CAA0CK;AAAA,EAC1C,+CACEE;AAAA,EACF,gDACEE;AAAA,EAEF,2BAA2Be;AAAA,EAC3B,2BAA2BD;AAAA,EAC3B,8BAA8BJ;AAAA,EAC9B,8BAA8BF;AAAA,EAC9B,8BAA8BI;AAAA,EAC9B,8BAA8BD;AAAA,EAC9B,4BAA4BL;AAAA,EAC5B,4BAA4BF;AAAA,EAC5B,wBAAwBY;AAAA,EACxB,wBAAwBC;AAAA,EACxB,0BAA0BC;AAAA,EAC1B,yBAAyBf;AAAA,EACzB,4BAA4BgB;AAAA,EAC5B,sCAAsCV;AAAA,EACtC,oCAAoCF;AAAA,EACpC,oCAAoCF;AAAA,EACpC,sCAAsCQ;AAAA,EAEtC,4BAA4BO;AAAA,EAC5B,8BAA8BC;AAAA,EAC9B,6BAA6BC;AAAA,EAE7B,wBAAwBC;AAAA,EACxB,0BAA0BE;AAAA,EAC1B,wBAAwBE;AAAA,EACxB,gCAAgCH;AAAA,EAChC,kCAAkCE;AAAA,EAClC,gCAAgCE;AAAA,EAEhC,mCAAmCE;AAAA,EACnC,wCAAwCC;AAAA,EACxC,yCAAyCC;AAAA,EACzC,sCAAsCI;AAAA,EACtC,2CAA2CC;AAAA,EAC3C,4CAA4CC;AAAA,EAC5C,4CAA4CM;AAAA,EAC5C,6CAA6CE;AAAA,EAC7C,oCAAoCJ;AAAA,EACpC,oCAAoCQ;AAAA,EACpC,oCAAoCF;AAAA,EACpC,uCAAuCI;AAAA,EACvC,4CAA4CC;AAAA,EAC5C,6CAA6CC;AAAA,EAC7C,oCAAoCzB;AAAA,EACpC,2CAA2CI;AAAA,EAC3C,gDACEC;AAAA,EACF,iDACEC;AAAA,EACF,8CAA8CI;AAAA,EAC9C,mDACEC;AAAA,EACF,oDACEC;AAAA,EACF,oDACEI;AAAA,EACF,qDACEE;AAAA,EACF,4CAA4CJ;AAAA,EAC5C,4CAA4CM;AAAA,EAC5C,4CAA4CE;AAAA,EAE5C,iCAAiCI;AAAA,EACjC,iCAAiCC;AAAA,EACjC,oCAAoCC;AAAA,EACpC,oCAAoCC;AAAA,EACpC,oCAAoCK;AAAA,EACpC,oCAAoCC;AAAA,EACpC,kCAAkCJ;AAAA,EAClC,kCAAkCC;AAAA,EAClC,8BAA8BK;AAAA,EAC9B,8BAA8BC;AAAA,EAC9B,gCAAgCC;AAAA,EAChC,kCAAkCC;AAAA,EAClC,4CAA4CV;AAAA,EAC5C,4CAA4CM;AAAA,EAC5C,0CAA0CH;AAAA,EAE1C,kCAAkCQ;AAAA,EAClC,oCAAoCC;AAAA,EACpC,mCAAmCC;AAAA,EACnC,qCAAqCC;AAAA,EAErC,iBAAiBK;AAAA,EACjB,mBAAmBJ;AAAA,EACnB,mBAAmBE;AAAA,EACnB,yBAAyBG;AAAA,EACzB,2BAA2BJ;AAAA,EAC3B,2BAA2BE;AAAA,EAE3B,+BAA+BI;AAAA,EAC/B,oCAAoCE;AAAA,EACpC,qCAAqCC;AAAA,EACrC,6BAA6BJ;AAAA,EAC7B,kCAAkCO;AAAA,EAClC,8BAA8BE;AAAA,EAC9B,mCAAmCE;AAAA,EACnC,gCAAgCH;AAAA,EAChC,uCAAuCN;AAAA,EACvC,4CAA4CG;AAAA,EAC5C,6CAA6CC;AAAA,EAC7C,sCAAsCI;AAAA,EACtC,2CAA2CE;AAAA,EAE3C,wBAAwBC;AAAA,EACxB,0BAA0BE;AAAA,EAC1B,uBAAuBC;AAAA,EACvB,0BAA0BC;AAAA,EAC1B,gCAAgCH;AAAA,EAChC,kCAAkCI;AACpC,GClJaE,KAAQ;AAAA,EACnB,sBAAsB/H;AAAAA,EACtB,sBAAsBC;AAAAA,EACtB,uBAAuBC;AAAAA,EACvB,qBAAqBC;AAAAA,EACrB,iBAAiBC;AAAAA,EACjB,sBAAsBC;AAAAA,EACtB,oBAAoBC;AAAAA,EACpB,iBAAiBC;AAAAA,EAEjB,kBAAkBC;AAAAA,EAClB,iBAAiBC;AAAAA,EACjB,eAAeC;AAAAA,EACf,0BAA0BC;AAAAA,EAC1B,yBAAyBC;AAAAA,EACzB,uBAAuBC;AAAAA,EAEvB,6BAA6BC;AAAAA,EAC7B,kCAAkCC;AAAAA,EAClC,mCAAmCC;AAAAA,EACnC,+BAA+BC;AAAAA,EAC/B,kCAAkCK;AAAAA,EAClC,uCAAuCE;AAAAA,EACvC,wCAAwCE;AAAAA,EACxC,mCAAmCE;AAAAA,EACnC,8BAA8BC;AAAAA,EAC9B,qCAAqCV;AAAAA,EACrC,0CAA0CC;AAAAA,EAC1C,2CAA2CC;AAAAA,EAC3C,uCAAuCH;AAAAA,EACvC,0CAA0CK;AAAAA,EAC1C,+CACEE;AAAAA,EACF,gDACEE;AAAAA,EAEF,2BAA2Be;AAAAA,EAC3B,2BAA2BD;AAAAA,EAC3B,8BAA8BJ;AAAAA,EAC9B,8BAA8BF;AAAAA,EAC9B,8BAA8BI;AAAAA,EAC9B,8BAA8BD;AAAAA,EAC9B,4BAA4BL;AAAAA,EAC5B,4BAA4BF;AAAAA,EAC5B,wBAAwBY;AAAAA,EACxB,wBAAwBC;AAAAA,EACxB,0BAA0BC;AAAAA,EAC1B,yBAAyBf;AAAAA,EACzB,4BAA4BgB;AAAAA,EAC5B,sCAAsCV;AAAAA,EACtC,oCAAoCF;AAAAA,EACpC,oCAAoCF;AAAAA,EACpC,sCAAsCQ;AAAAA,EAEtC,4BAA4BO;AAAAA,EAC5B,8BAA8BC;AAAAA,EAC9B,6BAA6BC;AAAAA,EAE7B,wBAAwBC;AAAAA,EACxB,0BAA0BE;AAAAA,EAC1B,wBAAwBE;AAAAA,EACxB,gCAAgCH;AAAAA,EAChC,kCAAkCE;AAAAA,EAClC,gCAAgCE;AAAAA,EAEhC,mCAAmCE;AAAAA,EACnC,wCAAwCC;AAAAA,EACxC,yCAAyCC;AAAAA,EACzC,sCAAsCI;AAAAA,EACtC,2CAA2CC;AAAAA,EAC3C,4CAA4CC;AAAAA,EAC5C,4CAA4CM;AAAAA,EAC5C,6CAA6CE;AAAAA,EAC7C,oCAAoCJ;AAAAA,EACpC,oCAAoCQ;AAAAA,EACpC,oCAAoCF;AAAAA,EACpC,uCAAuCI;AAAAA,EACvC,4CAA4CC;AAAAA,EAC5C,6CAA6CC;AAAAA,EAC7C,oCAAoCzB;AAAAA,EACpC,2CAA2CI;AAAAA,EAC3C,gDACEC;AAAAA,EACF,iDACEC;AAAAA,EACF,8CAA8CI;AAAAA,EAC9C,mDACEC;AAAAA,EACF,oDACEC;AAAAA,EACF,oDACEI;AAAAA,EACF,qDACEE;AAAAA,EACF,4CAA4CJ;AAAAA,EAC5C,4CAA4CM;AAAAA,EAC5C,4CAA4CE;AAAAA,EAE5C,iCAAiCI;AAAAA,EACjC,iCAAiCC;AAAAA,EACjC,oCAAoCC;AAAAA,EACpC,oCAAoCC;AAAAA,EACpC,oCAAoCK;AAAAA,EACpC,oCAAoCC;AAAAA,EACpC,kCAAkCJ;AAAAA,EAClC,kCAAkCC;AAAAA,EAClC,8BAA8BK;AAAAA,EAC9B,8BAA8BC;AAAAA,EAC9B,gCAAgCC;AAAAA,EAChC,kCAAkCC;AAAAA,EAClC,4CAA4CV;AAAAA,EAC5C,4CAA4CM;AAAAA,EAC5C,0CAA0CH;AAAAA,EAE1C,kCAAkCQ;AAAAA,EAClC,oCAAoCC;AAAAA,EACpC,mCAAmCC;AAAAA,EACnC,qCAAqCC;AAAAA,EAErC,iBAAiBK;AAAAA,EACjB,mBAAmBJ;AAAAA,EACnB,mBAAmBE;AAAAA,EACnB,yBAAyBG;AAAAA,EACzB,2BAA2BJ;AAAAA,EAC3B,2BAA2BE;AAAAA,EAE3B,+BAA+BI;AAAAA,EAC/B,oCAAoCE;AAAAA,EACpC,qCAAqCC;AAAAA,EACrC,6BAA6BJ;AAAAA,EAC7B,kCAAkCO;AAAAA,EAClC,8BAA8BE;AAAAA,EAC9B,mCAAmCE;AAAAA,EACnC,gCAAgCH;AAAAA,EAChC,uCAAuCN;AAAAA,EACvC,4CAA4CG;AAAAA,EAC5C,6CAA6CC;AAAAA,EAC7C,sCAAsCI;AAAAA,EACtC,2CAA2CE;AAAAA,EAE3C,wBAAwBC;AAAAA,EACxB,0BAA0BE;AAAAA,EAC1B,uBAAuBC;AAAAA,EACvB,0BAA0BC;AAAAA,EAC1B,gCAAgCH;AAAAA,EAChC,kCAAkCI;AACpC,GCjRaG,IAAa;AAAA,EACxB,OAAAD;AAAA,EACA,MAAAD;AACF,GCFMG,KAAc,CAACC,MAAgBA,EAAI,QAAQ,sBAAsB,OAAO,EAAE,YAAA,GAQnEC,KAAgB,CAAC;AAAA,EAC5B,OAAAC,IAAQJ;AAAA,EACR,sBAAAK;AAAA,EACA,oBAAAC;AACF,MAAa;AACX,EAAAC,EAAU,MAAM;AACd,IAAID,KACF,OAAO,QAAQF,IAAQE,CAAkB,KAAKN,EAAWM,CAAkB,CAAC,EAAE;AAAA,MAC5E,CAAC,CAACE,GAAKC,CAAK,MAAM;AAKhB,UAJgBJ,IACX,SAAS,cAAcA,CAAoB,IAC5C,SAEQ,SAAS,iBAAiB,MAAM;AAAA,UAC1C,YAAYJ,GAAYO,CAAG,CAAC;AAAA,UAC5BC;AAAA,QAAA;AAAA,MAEJ;AAAA,IAAA;AAAA,EAGN,GAAG,CAACL,GAAOC,GAAsBC,CAAkB,CAAC;AACtD,GCpBMI,IAAeC,EAAgC;AAAA,EACnD,aAAa;AAAA,EACb,oBAAoB;AAAA,EACpB,gBAAgB,MAAM;AAAA,EAAC;AAAA,EACvB,SAAS,CAAA;AACX,CAAC,GAqBYC,KAAgB,CAAC;AAAA,EAC5B,sBAAAP;AAAA,EACA,kBAAAQ;AAAA,EACA,OAAAT;AAAA,EACA,UAAAU;AAAA,EACA,SAAAC,IAAU,CAAA;AAAA,EACV,GAAGC;AACL,MAAa;AACX,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAAuBN,KAAoB,MAAM,GACjF,CAACP,GAAoBc,CAAqB,IAAID;AAAA,IAClDN,KAAoB;AAAA,EAAA;AAGtB,EAAAN,EAAU,MAAM;AACd,QAAKM;AAMH,MAAAK,EAAeL,CAAgB;AAAA,SANV;AACrB,YAAMQ,IAAmB,aAAa,QAAQ,aAAa;AAC3D,MAAIA,KACFH,EAAeG,CAAgB;AAAA,IAEnC;AAAA,EAGF,GAAG,CAACR,CAAgB,CAAC,GAErBN,EAAU,MAAM;AACd,UAAMe,IAAa,OAAO,WAAW,8BAA8B;AAEnE,IACEF,EADEH,MAAgB,SACIK,EAAW,UAAU,SAAS,UAE9BL,CAFqC;AAK7D,UAAMM,IAAe,CAACC,MAA2B;AAC/C,MAAI,CAACX,KAAoBI,MAAgB,UACvCG,EAAsBI,EAAE,UAAU,SAAS,OAAO;AAAA,IAEtD;AAEA,WAAAF,EAAW,iBAAiB,UAAUC,CAAY,GAE3C,MAAM;AACX,MAAAD,EAAW,oBAAoB,UAAUC,CAAY;AAAA,IACvD;AAAA,EACF,GAAG,CAACN,GAAaJ,CAAgB,CAAC,GAIlCV,GAAc;AAAA,IACZ,OAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,oBALoBD,MAAU,SAKME,IAAqB;AAAA,EAAA,CAC1D;AAED,QAAMmB,IAAeC;AAAA,IACnB,OAAO;AAAA,MACL,aAAAT;AAAA,MACA,oBAAAX;AAAA,MACA,gBAAgB,CAACqB,MAAyB;AACxC,QAAKd,MACHK,EAAeS,CAAM,GACrB,aAAa,QAAQ,eAAeA,CAAM;AAAA,MAE9C;AAAA,IAAA;AAAA,IAEF,CAACV,GAAaX,GAAoBO,CAAgB;AAAA,EAAA;AAGpD,2BACGH,EAAa,UAAb,EAAsB,OAAO,EAAE,GAAGe,GAAc,SAAAV,EAAA,GAC/C,UAAA,gBAAAa,EAAC,OAAA,EAAI,qBAAmBtB,GAAoB,WAAWA,GAAqB,GAAGU,GAC5E,UAAAF,GACH,GACF;AAEJ,GAEae,KAAW,MAAwB;AAC9C,QAAMC,IAAUC,EAAWrB,CAAY;AACvC,MAAI,CAACoB;AACH,UAAM,IAAI,MAAM,8CAA8C;AAEhE,SAAOA;AACT;"}
+{"version":3,"file":"ThemeProvider-BR1hJQOD.mjs","sources":["../../tokens/dist/color/variables.dark.js","../../theme/src/telia-dark.ts","../../theme/src/telia-light.ts","../../theme/src/telia-theme.ts","../../theme/src/useApplyTheme.ts","../../theme/src/ThemeProvider.tsx"],"sourcesContent":["export const purpurColorPurple50 = \"#faf0ff\";\nexport const purpurColorPurple100 = \"#f4e0ff\";\nexport const purpurColorPurple200 = \"#e4b6fb\";\nexport const purpurColorPurple300 = \"#d58df9\";\nexport const purpurColorPurple400 = \"#c461f7\";\nexport const purpurColorPurple500 = \"#b12df4\";\nexport const purpurColorPurple550 = \"#990ae3\";\nexport const purpurColorPurple600 = \"#8c07d0\";\nexport const purpurColorPurple700 = \"#6d02a3\";\nexport const purpurColorPurple800 = \"#4e0174\";\nexport const purpurColorPurple900 = \"#29003e\";\nexport const purpurColorPurple950 = \"#1f002e\";\nexport const purpurColorBeige50 = \"#f9f1ec\";\nexport const purpurColorBeige100 = \"#ede1d8\";\nexport const purpurColorBeige200 = \"#d7c3b5\";\nexport const purpurColorBeige300 = \"#bba494\";\nexport const purpurColorBeige400 = \"#a08877\";\nexport const purpurColorBeige500 = \"#807268\";\nexport const purpurColorBeige600 = \"#665e58\";\nexport const purpurColorBeige700 = \"#4f4741\";\nexport const purpurColorBeige800 = \"#3b332d\";\nexport const purpurColorBeige900 = \"#2d2824\";\nexport const purpurColorBeige950 = \"#170f09\";\nexport const purpurColorTeal50 = \"#edf5f5\";\nexport const purpurColorTeal100 = \"#d5eae9\";\nexport const purpurColorTeal200 = \"#a1cfcd\";\nexport const purpurColorTeal300 = \"#6eb5b2\";\nexport const purpurColorTeal400 = \"#3a9b96\";\nexport const purpurColorTeal500 = \"#00847e\";\nexport const purpurColorTeal600 = \"#006c67\";\nexport const purpurColorTeal700 = \"#02534f\";\nexport const purpurColorTeal800 = \"#063c39\";\nexport const purpurColorTeal900 = \"#032220\";\nexport const purpurColorTeal950 = \"#011413\";\nexport const purpurColorGray50 = \"#f5f5fa\";\nexport const purpurColorGray100 = \"#e5e5eb\";\nexport const purpurColorGray150 = \"#d6d6dd\";\nexport const purpurColorGray200 = \"#c6c6cd\";\nexport const purpurColorGray300 = \"#aaaab0\";\nexport const purpurColorGray400 = \"#8d8d94\";\nexport const purpurColorGray500 = \"#757579\";\nexport const purpurColorGray600 = \"#5f5f63\";\nexport const purpurColorGray700 = \"#4a4a4d\";\nexport const purpurColorGray800 = \"#353537\";\nexport const purpurColorGray850 = \"#2a2a2c\";\nexport const purpurColorGray900 = \"#202022\";\nexport const purpurColorGray950 = \"#121212\";\nexport const purpurColorGreen50 = \"#e1f9ec\";\nexport const purpurColorGreen100 = \"#c5efd9\";\nexport const purpurColorGreen200 = \"#79d9a7\";\nexport const purpurColorGreen300 = \"#3dbf7c\";\nexport const purpurColorGreen400 = \"#1fa15e\";\nexport const purpurColorGreen500 = \"#018842\";\nexport const purpurColorGreen600 = \"#017037\";\nexport const purpurColorGreen700 = \"#02562b\";\nexport const purpurColorGreen800 = \"#003e1e\";\nexport const purpurColorGreen900 = \"#002411\";\nexport const purpurColorGreen950 = \"#00150a\";\nexport const purpurColorRed50 = \"#fff0f5\";\nexport const purpurColorRed100 = \"#ffdde8\";\nexport const purpurColorRed200 = \"#ffafc9\";\nexport const purpurColorRed300 = \"#ff80ab\";\nexport const purpurColorRed400 = \"#fb4885\";\nexport const purpurColorRed500 = \"#e4175c\";\nexport const purpurColorRed600 = \"#c00543\";\nexport const purpurColorRed700 = \"#980233\";\nexport const purpurColorRed800 = \"#700025\";\nexport const purpurColorRed900 = \"#440016\";\nexport const purpurColorRed950 = \"#2c000e\";\nexport const purpurColorOrange50 = \"#fff2de\";\nexport const purpurColorOrange100 = \"#ffe1b3\";\nexport const purpurColorOrange200 = \"#f9bb5b\";\nexport const purpurColorOrange300 = \"#f39200\";\nexport const purpurColorOrange400 = \"#cc7a00\";\nexport const purpurColorOrange500 = \"#a86602\";\nexport const purpurColorOrange600 = \"#8b5301\";\nexport const purpurColorOrange700 = \"#6a4102\";\nexport const purpurColorOrange800 = \"#4c2f03\";\nexport const purpurColorOrange900 = \"#2b1b03\";\nexport const purpurColorOrange950 = \"#1a0f00\";\nexport const purpurColorBlue50 = \"#e8f6ff\";\nexport const purpurColorBlue100 = \"#caeaff\";\nexport const purpurColorBlue200 = \"#91cdf4\";\nexport const purpurColorBlue300 = \"#62b2e7\";\nexport const purpurColorBlue400 = \"#3694d3\";\nexport const purpurColorBlue500 = \"#0078cb\";\nexport const purpurColorBlue600 = \"#0063a6\";\nexport const purpurColorBlue700 = \"#014d80\";\nexport const purpurColorBlue800 = \"#03385b\";\nexport const purpurColorBlue900 = \"#002036\";\nexport const purpurColorBlue950 = \"#011320\";\nexport const purpurColorTransparentBlack50 = \"rgba(0, 0, 0, 0.05)\";\nexport const purpurColorTransparentBlack100 = \"rgba(0, 0, 0, 0.1)\";\nexport const purpurColorTransparentBlack150 = \"rgba(0, 0, 0, 0.16)\";\nexport const purpurColorTransparentBlack200 = \"rgba(0, 0, 0, 0.22)\";\nexport const purpurColorTransparentBlack300 = \"rgba(0, 0, 0, 0.33)\";\nexport const purpurColorTransparentBlack400 = \"rgba(0, 0, 0, 0.44)\";\nexport const purpurColorTransparentBlack500 = \"rgba(0, 0, 0, 0.54)\";\nexport const purpurColorTransparentBlack600 = \"rgba(0, 0, 0, 0.62)\";\nexport const purpurColorTransparentBlack700 = \"rgba(0, 0, 0, 0.71)\";\nexport const purpurColorTransparentBlack800 = \"rgba(0, 0, 0, 0.8)\";\nexport const purpurColorTransparentBlack850 = \"rgba(0, 0, 0, 0.84)\";\nexport const purpurColorTransparentBlack900 = \"rgba(0, 0, 0, 0.88)\";\nexport const purpurColorTransparentBlack950 = \"rgba(0, 0, 0, 0.93)\";\nexport const purpurColorTransparentWhite50 = \"rgba(255, 255, 255, 0.07)\";\nexport const purpurColorTransparentWhite100 = \"rgba(255, 255, 255, 0.11)\";\nexport const purpurColorTransparentWhite150 = \"rgba(255, 255, 255, 0.16)\";\nexport const purpurColorTransparentWhite200 = \"rgba(255, 255, 255, 0.21)\";\nexport const purpurColorTransparentWhite300 = \"rgba(255, 255, 255, 0.29)\";\nexport const purpurColorTransparentWhite400 = \"rgba(255, 255, 255, 0.37)\";\nexport const purpurColorTransparentWhite500 = \"rgba(255, 255, 255, 0.46)\";\nexport const purpurColorTransparentWhite600 = \"rgba(255, 255, 255, 0.55)\";\nexport const purpurColorTransparentWhite700 = \"rgba(255, 255, 255, 0.66)\";\nexport const purpurColorTransparentWhite800 = \"rgba(255, 255, 255, 0.79)\";\nexport const purpurColorTransparentWhite850 = \"rgba(255, 255, 255, 0.84)\";\nexport const purpurColorTransparentWhite900 = \"rgba(255, 255, 255, 0.89)\";\nexport const purpurColorTransparentWhite950 = \"rgba(255, 255, 255, 0.95)\";\nexport const purpurColorFunctionalBlack = \"#000000\";\nexport const purpurColorFunctionalWhite = \"#ffffff\";\nexport const purpurColorFunctionalTransparent = \"rgba(255, 255, 255, 0)\";\nexport const purpurColorBrandDeepPurple = \"#f4e0ff\";\nexport const purpurColorBrandCorePurple = \"#c461f7\";\nexport const purpurColorBrandLightPurple = \"#29003e\";\nexport const purpurColorBrandDeepBeige = \"#ede1d8\";\nexport const purpurColorBrandBeige = \"#4f4741\";\nexport const purpurColorBrandLightBeige = \"#3b332d\";\nexport const purpurColorBrandOffBlack = \"#ffffff\";\nexport const purpurColorBrandWhite = \"#202022\";\nexport const purpurColorTextDefault = \"rgba(255, 255, 255, 0.95)\";\nexport const purpurColorTextMedium = \"rgba(255, 255, 255, 0.66)\";\nexport const purpurColorTextWeak = \"rgba(255, 255, 255, 0.37)\";\nexport const purpurColorTextDefaultNegative = \"rgba(0, 0, 0, 0.8)\";\nexport const purpurColorTextMediumNegative = \"rgba(0, 0, 0, 0.54)\";\nexport const purpurColorTextWeakNegative = \"rgba(0, 0, 0, 0.44)\";\nexport const purpurColorTextInteractivePrimary = \"#e4b6fb\";\nexport const purpurColorTextInteractivePrimaryHover = \"#f4e0ff\";\nexport const purpurColorTextInteractivePrimaryActive = \"#faf0ff\";\nexport const purpurColorTextInteractiveOnPrimary = \"#4e0174\";\nexport const purpurColorTextInteractiveOnPrimaryNegative = \"#ffffff\";\nexport const purpurColorTextInteractivePrimaryNegative = \"#8c07d0\";\nexport const purpurColorTextInteractivePrimaryHoverNegative = \"#6d02a3\";\nexport const purpurColorTextInteractivePrimaryActiveNegative = \"#4e0174\";\nexport const purpurColorTextInteractiveOnExpressive = \"#ffffff\";\nexport const purpurColorTextInteractiveOnExpressiveNegative = \"#ffffff\";\nexport const purpurColorTextInteractiveOnExpressiveHover = \"#29003e\";\nexport const purpurColorTextInteractiveOnExpressiveHoverNegative = \"#ffffff\";\nexport const purpurColorTextInteractiveOnExpressiveActive = \"#29003e\";\nexport const purpurColorTextInteractiveOnExpressiveActiveNegative = \"#ffffff\";\nexport const purpurColorTextInteractiveOnDestructive = \"#ffffff\";\nexport const purpurColorTextInteractiveSelected = \"#d58df9\";\nexport const purpurColorTextStatusDiscount = \"#d58df9\";\nexport const purpurColorTextStatusErrorStrong = \"#ffafc9\";\nexport const purpurColorTextStatusErrorStrongNegative = \"#980233\";\nexport const purpurColorTextStatusErrorMedium = \"#fb4885\";\nexport const purpurColorTextStatusErrorMediumNegative = \"#e4175c\";\nexport const purpurColorTextStatusSuccessStrong = \"#79d9a7\";\nexport const purpurColorTextStatusSuccessStrongNegative = \"#02562b\";\nexport const purpurColorTextStatusSuccessMedium = \"#1fa15e\";\nexport const purpurColorTextStatusWarningStrong = \"#f9bb5b\";\nexport const purpurColorTextStatusWarningMedium = \"#f39200\";\nexport const purpurColorTextStatusWarningMediumNegative = \"#a86602\";\nexport const purpurColorTextStatusInfoStrong = \"#91cdf4\";\nexport const purpurColorTextStatusInfoMedium = \"#3694d3\";\nexport const purpurColorTextStatusNeutral = \"#ffffff\";\nexport const purpurColorTextStatusSpecial = \"#ffffff\";\nexport const purpurColorTextStatusAttention = \"#4e0174\";\nexport const purpurColorTextStatusBlackFriday = \"#202022\";\nexport const purpurColorTextToneOnTonePrimary = \"#29003e\";\nexport const purpurColorTextToneOnToneSecondary = \"#f4e0ff\";\nexport const purpurColorTextToneOnToneTertiary = \"#ffffff\";\nexport const purpurColorBackgroundPrimary = \"#121212\";\nexport const purpurColorBackgroundPrimaryNegative = \"#ffffff\";\nexport const purpurColorBackgroundSecondary = \"#202022\";\nexport const purpurColorBackgroundSecondaryNegative = \"#f5f5fa\";\nexport const purpurColorBackgroundOnImage = \"rgba(0, 0, 0, 0.71)\";\nexport const purpurColorBackgroundOnImageNegative = \"rgba(255, 255, 255, 0.84)\";\nexport const purpurColorBackgroundInteractiveAutoFill = \"#03385b\";\nexport const purpurColorBackgroundInteractivePrimary = \"#f4e0ff\";\nexport const purpurColorBackgroundInteractivePrimaryHover = \"#e4b6fb\";\nexport const purpurColorBackgroundInteractivePrimaryActive = \"#d58df9\";\nexport const purpurColorBackgroundInteractivePrimaryNegative = \"#4e0174\";\nexport const purpurColorBackgroundInteractivePrimaryHoverNegative = \"#6d02a3\";\nexport const purpurColorBackgroundInteractivePrimaryActiveNegative = \"#8c07d0\";\nexport const purpurColorBackgroundInteractiveExpressive = \"#990ae3\";\nexport const purpurColorBackgroundInteractiveExpressiveHover = \"#c461f7\";\nexport const purpurColorBackgroundInteractiveExpressiveActive = \"#d58df9\";\nexport const purpurColorBackgroundInteractiveExpressiveNegative = \"#990ae3\";\nexport const purpurColorBackgroundInteractiveExpressiveHoverNegative = \"#6d02a3\";\nexport const purpurColorBackgroundInteractiveExpressiveActiveNegative = \"#4e0174\";\nexport const purpurColorBackgroundInteractiveDisabled = \"rgba(255, 255, 255, 0.11)\";\nexport const purpurColorBackgroundInteractiveDisabledNegative = \"rgba(0, 0, 0, 0.1)\";\nexport const purpurColorBackgroundInteractiveTransparentHover = \"#4e0174\";\nexport const purpurColorBackgroundInteractiveTransparentHoverNegative = \"#e4b6fb\";\nexport const purpurColorBackgroundInteractiveTransparentActive = \"#6d02a3\";\nexport const purpurColorBackgroundInteractiveTransparentActiveNegative = \"#d58df9\";\nexport const purpurColorBackgroundInteractiveInactive = \"rgba(255, 255, 255, 0.16)\";\nexport const purpurColorBackgroundInteractiveInactiveNegative = \"rgba(0, 0, 0, 0.05)\";\nexport const purpurColorBackgroundInteractiveReadOnly = \"rgba(255, 255, 255, 0.07)\";\nexport const purpurColorBackgroundInteractiveReadOnlyNegative = \"rgba(0, 0, 0, 0.05)\";\nexport const purpurColorBackgroundInteractiveDestructive = \"#e4175c\";\nexport const purpurColorBackgroundInteractiveDestructiveHover = \"#c00543\";\nexport const purpurColorBackgroundInteractiveDestructiveActive = \"#980233\";\nexport const purpurColorBackgroundStatusInfoMedium = \"#03385b\";\nexport const purpurColorBackgroundStatusInfoStrong = \"#62b2e7\";\nexport const purpurColorBackgroundStatusSuccessMedium = \"#003e1e\";\nexport const purpurColorBackgroundStatusSuccessStrong = \"#3dbf7c\";\nexport const purpurColorBackgroundStatusSuccessStrongNegative = \"#1fa15e\";\nexport const purpurColorBackgroundStatusErrorMedium = \"#700025\";\nexport const purpurColorBackgroundStatusErrorStrong = \"#ff80ab\";\nexport const purpurColorBackgroundStatusErrorStrongNegative = \"#fb4885\";\nexport const purpurColorBackgroundStatusWarningMedium = \"#4c2f03\";\nexport const purpurColorBackgroundStatusWarningStrong = \"#f39200\";\nexport const purpurColorBackgroundStatusWarningStrongNegative = \"#f39200\";\nexport const purpurColorBackgroundStatusNeutral = \"#353537\";\nexport const purpurColorBackgroundStatusSpecial = \"#6d02a3\";\nexport const purpurColorBackgroundStatusAttention = \"#f4e0ff\";\nexport const purpurColorBackgroundStatusBlackFriday = \"#ffffff\";\nexport const purpurColorBackgroundToneOnTonePrimary = \"#f4e0ff\";\nexport const purpurColorBackgroundToneOnToneSecondary = \"#29003e\";\nexport const purpurColorBackgroundToneOnToneTertiary = \"#4f4741\";\nexport const purpurColorBackgroundToneOnToneQuaternary = \"#2d2824\";\nexport const purpurColorBorderMedium = \"rgba(255, 255, 255, 0.29)\";\nexport const purpurColorBorderMediumNegative = \"rgba(0, 0, 0, 0.33)\";\nexport const purpurColorBorderStrong = \"rgba(255, 255, 255, 0.46)\";\nexport const purpurColorBorderStrongNegative = \"rgba(0, 0, 0, 0.54)\";\nexport const purpurColorBorderWeak = \"rgba(255, 255, 255, 0.16)\";\nexport const purpurColorBorderWeakNegative = \"rgba(0, 0, 0, 0.16)\";\nexport const purpurColorBorderInteractiveFocus = \"#c461f7\";\nexport const purpurColorBorderInteractivePrimary = \"#e4b6fb\";\nexport const purpurColorBorderInteractivePrimaryNegative = \"#8c07d0\";\nexport const purpurColorBorderInteractivePrimaryHover = \"#f4e0ff\";\nexport const purpurColorBorderInteractivePrimaryActive = \"#faf0ff\";\nexport const purpurColorBorderInteractivePrimaryHoverNegative = \"#6d02a3\";\nexport const purpurColorBorderInteractivePrimaryActiveNegative = \"#4e0174\";\nexport const purpurColorBorderInteractiveExpressive = \"#990ae3\";\nexport const purpurColorBorderInteractiveSelected = \"#d58df9\";\nexport const purpurColorBorderInteractiveSubtle = \"rgba(255, 255, 255, 0.37)\";\nexport const purpurColorBorderInteractiveSubtleNegative = \"rgba(0, 0, 0, 0.44)\";\nexport const purpurColorBorderInteractiveSubtleHover = \"#e4b6fb\";\nexport const purpurColorBorderInteractiveSubtleHoverNegative = \"#6d02a3\";\nexport const purpurColorBorderStatusError = \"#fb4885\";\nexport const purpurColorBorderStatusErrorNegative = \"#e4175c\";\nexport const purpurColorBorderStatusWarning = \"#f39200\";\nexport const purpurColorBorderStatusInfo = \"#3694d3\";\nexport const purpurColorBorderStatusSuccess = \"#1fa15e\";\nexport const purpurColorBorderStatusSuccessNegative = \"#018842\";\nexport const purpurColorOverlayDefault = \"rgba(0, 0, 0, 0.33)\";\nexport const purpurColorGradientAiBottom = \"#62b2e7\";\nexport const purpurColorGradientAiBottomNegative = \"#3694d3\";\nexport const purpurColorGradientAiTop = \"#d58df9\";\nexport const purpurColorGradientAiTopNegative = \"#b12df4\";\n","import {\n  purpurColorBackgroundInteractiveAutoFill,\n  purpurColorBackgroundInteractiveDestructive,\n  purpurColorBackgroundInteractiveDestructiveActive,\n  purpurColorBackgroundInteractiveDestructiveHover,\n  purpurColorBackgroundInteractiveDisabled,\n  purpurColorBackgroundInteractiveDisabledNegative,\n  purpurColorBackgroundInteractiveExpressive,\n  purpurColorBackgroundInteractiveExpressiveActive,\n  purpurColorBackgroundInteractiveExpressiveActiveNegative,\n  purpurColorBackgroundInteractiveExpressiveHover,\n  purpurColorBackgroundInteractiveExpressiveHoverNegative,\n  purpurColorBackgroundInteractiveExpressiveNegative,\n  purpurColorBackgroundInteractiveInactive,\n  purpurColorBackgroundInteractiveInactiveNegative,\n  purpurColorBackgroundInteractivePrimary,\n  purpurColorBackgroundInteractivePrimaryActive,\n  purpurColorBackgroundInteractivePrimaryActiveNegative,\n  purpurColorBackgroundInteractivePrimaryHover,\n  purpurColorBackgroundInteractivePrimaryHoverNegative,\n  purpurColorBackgroundInteractivePrimaryNegative,\n  purpurColorBackgroundInteractiveReadOnly,\n  purpurColorBackgroundInteractiveReadOnlyNegative,\n  purpurColorBackgroundInteractiveTransparentActive,\n  purpurColorBackgroundInteractiveTransparentActiveNegative,\n  purpurColorBackgroundInteractiveTransparentHover,\n  purpurColorBackgroundInteractiveTransparentHoverNegative,\n  purpurColorBackgroundOnImage,\n  purpurColorBackgroundOnImageNegative,\n  purpurColorBackgroundPrimary,\n  purpurColorBackgroundPrimaryNegative,\n  purpurColorBackgroundSecondary,\n  purpurColorBackgroundSecondaryNegative,\n  purpurColorBackgroundStatusAttention,\n  purpurColorBackgroundStatusBlackFriday,\n  purpurColorBackgroundStatusErrorMedium,\n  purpurColorBackgroundStatusErrorStrong,\n  purpurColorBackgroundStatusErrorStrongNegative,\n  purpurColorBackgroundStatusInfoMedium,\n  purpurColorBackgroundStatusInfoStrong,\n  purpurColorBackgroundStatusNeutral,\n  purpurColorBackgroundStatusSpecial,\n  purpurColorBackgroundStatusSuccessMedium,\n  purpurColorBackgroundStatusSuccessStrong,\n  purpurColorBackgroundStatusSuccessStrongNegative,\n  purpurColorBackgroundStatusWarningMedium,\n  purpurColorBackgroundStatusWarningStrong,\n  purpurColorBackgroundStatusWarningStrongNegative,\n  purpurColorBackgroundToneOnTonePrimary,\n  purpurColorBackgroundToneOnToneQuaternary,\n  purpurColorBackgroundToneOnToneSecondary,\n  purpurColorBackgroundToneOnToneTertiary,\n  purpurColorBorderInteractiveExpressive,\n  purpurColorBorderInteractiveFocus,\n  purpurColorBorderInteractivePrimary,\n  purpurColorBorderInteractivePrimaryActive,\n  purpurColorBorderInteractivePrimaryActiveNegative,\n  purpurColorBorderInteractivePrimaryHover,\n  purpurColorBorderInteractivePrimaryHoverNegative,\n  purpurColorBorderInteractivePrimaryNegative,\n  purpurColorBorderInteractiveSelected,\n  purpurColorBorderInteractiveSubtle,\n  purpurColorBorderInteractiveSubtleHover,\n  purpurColorBorderInteractiveSubtleHoverNegative,\n  purpurColorBorderInteractiveSubtleNegative,\n  purpurColorBorderMedium,\n  purpurColorBorderMediumNegative,\n  purpurColorBorderStatusError,\n  purpurColorBorderStatusErrorNegative,\n  purpurColorBorderStatusInfo,\n  purpurColorBorderStatusSuccess,\n  purpurColorBorderStatusSuccessNegative,\n  purpurColorBorderStatusWarning,\n  purpurColorBorderStrong,\n  purpurColorBorderStrongNegative,\n  purpurColorBorderWeak,\n  purpurColorBorderWeakNegative,\n  purpurColorBrandBeige,\n  purpurColorBrandCorePurple,\n  purpurColorBrandDeepBeige,\n  purpurColorBrandDeepPurple,\n  purpurColorBrandLightBeige,\n  purpurColorBrandLightPurple,\n  purpurColorBrandOffBlack,\n  purpurColorBrandWhite,\n  purpurColorTextDefault,\n  purpurColorTextDefaultNegative,\n  purpurColorTextInteractiveOnDestructive,\n  purpurColorTextInteractiveOnExpressive,\n  purpurColorTextInteractiveOnExpressiveActive,\n  purpurColorTextInteractiveOnExpressiveActiveNegative,\n  purpurColorTextInteractiveOnExpressiveHover,\n  purpurColorTextInteractiveOnExpressiveHoverNegative,\n  purpurColorTextInteractiveOnExpressiveNegative,\n  purpurColorTextInteractiveOnPrimary,\n  purpurColorTextInteractiveOnPrimaryNegative,\n  purpurColorTextInteractivePrimary,\n  purpurColorTextInteractivePrimaryActive,\n  purpurColorTextInteractivePrimaryActiveNegative,\n  purpurColorTextInteractivePrimaryHover,\n  purpurColorTextInteractivePrimaryHoverNegative,\n  purpurColorTextInteractivePrimaryNegative,\n  purpurColorTextInteractiveSelected,\n  purpurColorTextMedium,\n  purpurColorTextMediumNegative,\n  purpurColorTextStatusAttention,\n  purpurColorTextStatusBlackFriday,\n  purpurColorTextStatusDiscount,\n  purpurColorTextStatusErrorMedium,\n  purpurColorTextStatusErrorMediumNegative,\n  purpurColorTextStatusErrorStrong,\n  purpurColorTextStatusErrorStrongNegative,\n  purpurColorTextStatusInfoMedium,\n  purpurColorTextStatusInfoStrong,\n  purpurColorTextStatusNeutral,\n  purpurColorTextStatusSpecial,\n  purpurColorTextStatusSuccessMedium,\n  purpurColorTextStatusSuccessStrong,\n  purpurColorTextStatusSuccessStrongNegative,\n  purpurColorTextStatusWarningMedium,\n  purpurColorTextStatusWarningMediumNegative,\n  purpurColorTextStatusWarningStrong,\n  purpurColorTextToneOnTonePrimary,\n  purpurColorTextToneOnToneSecondary,\n  purpurColorTextToneOnToneTertiary,\n  purpurColorTextWeak,\n  purpurColorTextWeakNegative,\n} from \"@purpur/tokens/dark\";\n\nimport type { ThemeProps } from \"./theme-props\";\n\nexport const dark = {\n  colorBrandDeepPurple: purpurColorBrandDeepPurple,\n  colorBrandCorePurple: purpurColorBrandCorePurple,\n  colorBrandLightPurple: purpurColorBrandLightPurple,\n  colorBrandDeepBeige: purpurColorBrandDeepBeige,\n  colorBrandBeige: purpurColorBrandBeige,\n  colorBrandLightBeige: purpurColorBrandLightBeige,\n  colorBrandOffBlack: purpurColorBrandOffBlack,\n  colorBrandWhite: purpurColorBrandWhite,\n\n  colorTextDefault: purpurColorTextDefault,\n  colorTextMedium: purpurColorTextMedium,\n  colorTextWeak: purpurColorTextWeak,\n  colorTextDefaultNegative: purpurColorTextDefaultNegative,\n  colorTextMediumNegative: purpurColorTextMediumNegative,\n  colorTextWeakNegative: purpurColorTextWeakNegative,\n\n  colorTextInteractivePrimary: purpurColorTextInteractivePrimary,\n  colorTextInteractivePrimaryHover: purpurColorTextInteractivePrimaryHover,\n  colorTextInteractivePrimaryActive: purpurColorTextInteractivePrimaryActive,\n  colorTextInteractiveOnPrimary: purpurColorTextInteractiveOnPrimary,\n  colorTextInteractiveOnExpressive: purpurColorTextInteractiveOnExpressive,\n  colorTextInteractiveOnExpressiveHover: purpurColorTextInteractiveOnExpressiveHover,\n  colorTextInteractiveOnExpressiveActive: purpurColorTextInteractiveOnExpressiveActive,\n  colorTextInteractiveOnDestructive: purpurColorTextInteractiveOnDestructive,\n  colorTextInteractiveSelected: purpurColorTextInteractiveSelected,\n  colorTextInteractivePrimaryNegative: purpurColorTextInteractivePrimaryNegative,\n  colorTextInteractivePrimaryHoverNegative: purpurColorTextInteractivePrimaryHoverNegative,\n  colorTextInteractivePrimaryActiveNegative: purpurColorTextInteractivePrimaryActiveNegative,\n  colorTextInteractiveOnPrimaryNegative: purpurColorTextInteractiveOnPrimaryNegative,\n  colorTextInteractiveOnExpressiveNegative: purpurColorTextInteractiveOnExpressiveNegative,\n  colorTextInteractiveOnExpressiveHoverNegative:\n    purpurColorTextInteractiveOnExpressiveHoverNegative,\n  colorTextInteractiveOnExpressiveActiveNegative:\n    purpurColorTextInteractiveOnExpressiveActiveNegative,\n\n  colorTextStatusInfoMedium: purpurColorTextStatusInfoMedium,\n  colorTextStatusInfoStrong: purpurColorTextStatusInfoStrong,\n  colorTextStatusSuccessMedium: purpurColorTextStatusSuccessMedium,\n  colorTextStatusSuccessStrong: purpurColorTextStatusSuccessStrong,\n  colorTextStatusWarningMedium: purpurColorTextStatusWarningMedium,\n  colorTextStatusWarningStrong: purpurColorTextStatusWarningStrong,\n  colorTextStatusErrorMedium: purpurColorTextStatusErrorMedium,\n  colorTextStatusErrorStrong: purpurColorTextStatusErrorStrong,\n  colorTextStatusNeutral: purpurColorTextStatusNeutral,\n  colorTextStatusSpecial: purpurColorTextStatusSpecial,\n  colorTextStatusAttention: purpurColorTextStatusAttention,\n  colorTextStatusDiscount: purpurColorTextStatusDiscount,\n  colorTextStatusBlackFriday: purpurColorTextStatusBlackFriday,\n  colorTextStatusSuccessStrongNegative: purpurColorTextStatusSuccessStrongNegative,\n  colorTextStatusErrorMediumNegative: purpurColorTextStatusErrorMediumNegative,\n  colorTextStatusErrorStrongNegative: purpurColorTextStatusErrorStrongNegative,\n  colorTextStatusWarningMediumNegative: purpurColorTextStatusWarningMediumNegative,\n\n  colorTextToneOnTonePrimary: purpurColorTextToneOnTonePrimary,\n  colorTextToneOnToneSecondary: purpurColorTextToneOnToneSecondary,\n  colorTextToneOnToneTertiary: purpurColorTextToneOnToneTertiary,\n\n  colorBackgroundPrimary: purpurColorBackgroundPrimary,\n  colorBackgroundSecondary: purpurColorBackgroundSecondary,\n  colorBackgroundOnImage: purpurColorBackgroundOnImage,\n  colorBackgroundPrimaryNegative: purpurColorBackgroundPrimaryNegative,\n  colorBackgroundSecondaryNegative: purpurColorBackgroundSecondaryNegative,\n  colorBackgroundOnImageNegative: purpurColorBackgroundOnImageNegative,\n\n  colorBackgroundInteractivePrimary: purpurColorBackgroundInteractivePrimary,\n  colorBackgroundInteractivePrimaryHover: purpurColorBackgroundInteractivePrimaryHover,\n  colorBackgroundInteractivePrimaryActive: purpurColorBackgroundInteractivePrimaryActive,\n  colorBackgroundInteractiveExpressive: purpurColorBackgroundInteractiveExpressive,\n  colorBackgroundInteractiveExpressiveHover: purpurColorBackgroundInteractiveExpressiveHover,\n  colorBackgroundInteractiveExpressiveActive: purpurColorBackgroundInteractiveExpressiveActive,\n  colorBackgroundInteractiveTransparentHover: purpurColorBackgroundInteractiveTransparentHover,\n  colorBackgroundInteractiveTransparentActive: purpurColorBackgroundInteractiveTransparentActive,\n  colorBackgroundInteractiveDisabled: purpurColorBackgroundInteractiveDisabled,\n  colorBackgroundInteractiveReadOnly: purpurColorBackgroundInteractiveReadOnly,\n  colorBackgroundInteractiveInactive: purpurColorBackgroundInteractiveInactive,\n  colorBackgroundInteractiveDestructive: purpurColorBackgroundInteractiveDestructive,\n  colorBackgroundInteractiveDestructiveHover: purpurColorBackgroundInteractiveDestructiveHover,\n  colorBackgroundInteractiveDestructiveActive: purpurColorBackgroundInteractiveDestructiveActive,\n  colorBackgroundInteractiveAutoFill: purpurColorBackgroundInteractiveAutoFill,\n  colorBackgroundInteractivePrimaryNegative: purpurColorBackgroundInteractivePrimaryNegative,\n  colorBackgroundInteractivePrimaryHoverNegative:\n    purpurColorBackgroundInteractivePrimaryHoverNegative,\n  colorBackgroundInteractivePrimaryActiveNegative:\n    purpurColorBackgroundInteractivePrimaryActiveNegative,\n  colorBackgroundInteractiveExpressiveNegative: purpurColorBackgroundInteractiveExpressiveNegative,\n  colorBackgroundInteractiveExpressiveHoverNegative:\n    purpurColorBackgroundInteractiveExpressiveHoverNegative,\n  colorBackgroundInteractiveExpressiveActiveNegative:\n    purpurColorBackgroundInteractiveExpressiveActiveNegative,\n  colorBackgroundInteractiveTransparentHoverNegative:\n    purpurColorBackgroundInteractiveTransparentHoverNegative,\n  colorBackgroundInteractiveTransparentActiveNegative:\n    purpurColorBackgroundInteractiveTransparentActiveNegative,\n  colorBackgroundInteractiveDisabledNegative: purpurColorBackgroundInteractiveDisabledNegative,\n  colorBackgroundInteractiveInactiveNegative: purpurColorBackgroundInteractiveInactiveNegative,\n  colorBackgroundInteractiveReadOnlyNegative: purpurColorBackgroundInteractiveReadOnlyNegative,\n\n  colorBackgroundStatusInfoMedium: purpurColorBackgroundStatusInfoMedium,\n  colorBackgroundStatusInfoStrong: purpurColorBackgroundStatusInfoStrong,\n  colorBackgroundStatusSuccessMedium: purpurColorBackgroundStatusSuccessMedium,\n  colorBackgroundStatusSuccessStrong: purpurColorBackgroundStatusSuccessStrong,\n  colorBackgroundStatusWarningMedium: purpurColorBackgroundStatusWarningMedium,\n  colorBackgroundStatusWarningStrong: purpurColorBackgroundStatusWarningStrong,\n  colorBackgroundStatusErrorMedium: purpurColorBackgroundStatusErrorMedium,\n  colorBackgroundStatusErrorStrong: purpurColorBackgroundStatusErrorStrong,\n  colorBackgroundStatusNeutral: purpurColorBackgroundStatusNeutral,\n  colorBackgroundStatusSpecial: purpurColorBackgroundStatusSpecial,\n  colorBackgroundStatusAttention: purpurColorBackgroundStatusAttention,\n  colorBackgroundStatusBlackFriday: purpurColorBackgroundStatusBlackFriday,\n  colorBackgroundStatusSuccessStrongNegative: purpurColorBackgroundStatusSuccessStrongNegative,\n  colorBackgroundStatusWarningStrongNegative: purpurColorBackgroundStatusWarningStrongNegative,\n  colorBackgroundStatusErrorStrongNegative: purpurColorBackgroundStatusErrorStrongNegative,\n\n  colorBackgroundToneOnTonePrimary: purpurColorBackgroundToneOnTonePrimary,\n  colorBackgroundToneOnToneSecondary: purpurColorBackgroundToneOnToneSecondary,\n  colorBackgroundToneOnToneTertiary: purpurColorBackgroundToneOnToneTertiary,\n  colorBackgroundToneOnToneQuaternary: purpurColorBackgroundToneOnToneQuaternary,\n\n  colorBorderWeak: purpurColorBorderWeak,\n  colorBorderMedium: purpurColorBorderMedium,\n  colorBorderStrong: purpurColorBorderStrong,\n  colorBorderWeakNegative: purpurColorBorderWeakNegative,\n  colorBorderMediumNegative: purpurColorBorderMediumNegative,\n  colorBorderStrongNegative: purpurColorBorderStrongNegative,\n\n  colorBorderInteractivePrimary: purpurColorBorderInteractivePrimary,\n  colorBorderInteractivePrimaryHover: purpurColorBorderInteractivePrimaryHover,\n  colorBorderInteractivePrimaryActive: purpurColorBorderInteractivePrimaryActive,\n  colorBorderInteractiveFocus: purpurColorBorderInteractiveFocus,\n  colorBorderInteractiveExpressive: purpurColorBorderInteractiveExpressive,\n  colorBorderInteractiveSubtle: purpurColorBorderInteractiveSubtle,\n  colorBorderInteractiveSubtleHover: purpurColorBorderInteractiveSubtleHover,\n  colorBorderInteractiveSelected: purpurColorBorderInteractiveSelected,\n  colorBorderInteractivePrimaryNegative: purpurColorBorderInteractivePrimaryNegative,\n  colorBorderInteractivePrimaryHoverNegative: purpurColorBorderInteractivePrimaryHoverNegative,\n  colorBorderInteractivePrimaryActiveNegative: purpurColorBorderInteractivePrimaryActiveNegative,\n  colorBorderInteractiveSubtleNegative: purpurColorBorderInteractiveSubtleNegative,\n  colorBorderInteractiveSubtleHoverNegative: purpurColorBorderInteractiveSubtleHoverNegative,\n\n  colorBorderStatusError: purpurColorBorderStatusError,\n  colorBorderStatusWarning: purpurColorBorderStatusWarning,\n  colorBorderStatusInfo: purpurColorBorderStatusInfo,\n  colorBorderStatusSuccess: purpurColorBorderStatusSuccess,\n  colorBorderStatusErrorNegative: purpurColorBorderStatusErrorNegative,\n  colorBorderStatusSuccessNegative: purpurColorBorderStatusSuccessNegative,\n} satisfies ThemeProps;\n","import {\n  purpurColorBackgroundInteractiveAutoFill,\n  purpurColorBackgroundInteractiveDestructive,\n  purpurColorBackgroundInteractiveDestructiveActive,\n  purpurColorBackgroundInteractiveDestructiveHover,\n  purpurColorBackgroundInteractiveDisabled,\n  purpurColorBackgroundInteractiveDisabledNegative,\n  purpurColorBackgroundInteractiveExpressive,\n  purpurColorBackgroundInteractiveExpressiveActive,\n  purpurColorBackgroundInteractiveExpressiveActiveNegative,\n  purpurColorBackgroundInteractiveExpressiveHover,\n  purpurColorBackgroundInteractiveExpressiveHoverNegative,\n  purpurColorBackgroundInteractiveExpressiveNegative,\n  purpurColorBackgroundInteractiveInactive,\n  purpurColorBackgroundInteractiveInactiveNegative,\n  purpurColorBackgroundInteractivePrimary,\n  purpurColorBackgroundInteractivePrimaryActive,\n  purpurColorBackgroundInteractivePrimaryActiveNegative,\n  purpurColorBackgroundInteractivePrimaryHover,\n  purpurColorBackgroundInteractivePrimaryHoverNegative,\n  purpurColorBackgroundInteractivePrimaryNegative,\n  purpurColorBackgroundInteractiveReadOnly,\n  purpurColorBackgroundInteractiveReadOnlyNegative,\n  purpurColorBackgroundInteractiveTransparentActive,\n  purpurColorBackgroundInteractiveTransparentActiveNegative,\n  purpurColorBackgroundInteractiveTransparentHover,\n  purpurColorBackgroundInteractiveTransparentHoverNegative,\n  purpurColorBackgroundOnImage,\n  purpurColorBackgroundOnImageNegative,\n  purpurColorBackgroundPrimary,\n  purpurColorBackgroundPrimaryNegative,\n  purpurColorBackgroundSecondary,\n  purpurColorBackgroundSecondaryNegative,\n  purpurColorBackgroundStatusAttention,\n  purpurColorBackgroundStatusBlackFriday,\n  purpurColorBackgroundStatusErrorMedium,\n  purpurColorBackgroundStatusErrorStrong,\n  purpurColorBackgroundStatusErrorStrongNegative,\n  purpurColorBackgroundStatusInfoMedium,\n  purpurColorBackgroundStatusInfoStrong,\n  purpurColorBackgroundStatusNeutral,\n  purpurColorBackgroundStatusSpecial,\n  purpurColorBackgroundStatusSuccessMedium,\n  purpurColorBackgroundStatusSuccessStrong,\n  purpurColorBackgroundStatusSuccessStrongNegative,\n  purpurColorBackgroundStatusWarningMedium,\n  purpurColorBackgroundStatusWarningStrong,\n  purpurColorBackgroundStatusWarningStrongNegative,\n  purpurColorBackgroundToneOnTonePrimary,\n  purpurColorBackgroundToneOnToneQuaternary,\n  purpurColorBackgroundToneOnToneSecondary,\n  purpurColorBackgroundToneOnToneTertiary,\n  purpurColorBorderInteractiveExpressive,\n  purpurColorBorderInteractiveFocus,\n  purpurColorBorderInteractivePrimary,\n  purpurColorBorderInteractivePrimaryActive,\n  purpurColorBorderInteractivePrimaryActiveNegative,\n  purpurColorBorderInteractivePrimaryHover,\n  purpurColorBorderInteractivePrimaryHoverNegative,\n  purpurColorBorderInteractivePrimaryNegative,\n  purpurColorBorderInteractiveSelected,\n  purpurColorBorderInteractiveSubtle,\n  purpurColorBorderInteractiveSubtleHover,\n  purpurColorBorderInteractiveSubtleHoverNegative,\n  purpurColorBorderInteractiveSubtleNegative,\n  purpurColorBorderMedium,\n  purpurColorBorderMediumNegative,\n  purpurColorBorderStatusError,\n  purpurColorBorderStatusErrorNegative,\n  purpurColorBorderStatusInfo,\n  purpurColorBorderStatusSuccess,\n  purpurColorBorderStatusSuccessNegative,\n  purpurColorBorderStatusWarning,\n  purpurColorBorderStrong,\n  purpurColorBorderStrongNegative,\n  purpurColorBorderWeak,\n  purpurColorBorderWeakNegative,\n  purpurColorBrandBeige,\n  purpurColorBrandCorePurple,\n  purpurColorBrandDeepBeige,\n  purpurColorBrandDeepPurple,\n  purpurColorBrandLightBeige,\n  purpurColorBrandLightPurple,\n  purpurColorBrandOffBlack,\n  purpurColorBrandWhite,\n  purpurColorTextDefault,\n  purpurColorTextDefaultNegative,\n  purpurColorTextInteractiveOnDestructive,\n  purpurColorTextInteractiveOnExpressive,\n  purpurColorTextInteractiveOnExpressiveActive,\n  purpurColorTextInteractiveOnExpressiveActiveNegative,\n  purpurColorTextInteractiveOnExpressiveHover,\n  purpurColorTextInteractiveOnExpressiveHoverNegative,\n  purpurColorTextInteractiveOnExpressiveNegative,\n  purpurColorTextInteractiveOnPrimary,\n  purpurColorTextInteractiveOnPrimaryNegative,\n  purpurColorTextInteractivePrimary,\n  purpurColorTextInteractivePrimaryActive,\n  purpurColorTextInteractivePrimaryActiveNegative,\n  purpurColorTextInteractivePrimaryHover,\n  purpurColorTextInteractivePrimaryHoverNegative,\n  purpurColorTextInteractivePrimaryNegative,\n  purpurColorTextInteractiveSelected,\n  purpurColorTextMedium,\n  purpurColorTextMediumNegative,\n  purpurColorTextStatusAttention,\n  purpurColorTextStatusBlackFriday,\n  purpurColorTextStatusDiscount,\n  purpurColorTextStatusErrorMedium,\n  purpurColorTextStatusErrorMediumNegative,\n  purpurColorTextStatusErrorStrong,\n  purpurColorTextStatusErrorStrongNegative,\n  purpurColorTextStatusInfoMedium,\n  purpurColorTextStatusInfoStrong,\n  purpurColorTextStatusNeutral,\n  purpurColorTextStatusSpecial,\n  purpurColorTextStatusSuccessMedium,\n  purpurColorTextStatusSuccessStrong,\n  purpurColorTextStatusSuccessStrongNegative,\n  purpurColorTextStatusWarningMedium,\n  purpurColorTextStatusWarningMediumNegative,\n  purpurColorTextStatusWarningStrong,\n  purpurColorTextToneOnTonePrimary,\n  purpurColorTextToneOnToneSecondary,\n  purpurColorTextToneOnToneTertiary,\n  purpurColorTextWeak,\n  purpurColorTextWeakNegative,\n} from \"@purpur/tokens\";\n\nimport type { ThemeProps } from \"./theme-props\";\n\nexport const light = {\n  colorBrandDeepPurple: purpurColorBrandDeepPurple,\n  colorBrandCorePurple: purpurColorBrandCorePurple,\n  colorBrandLightPurple: purpurColorBrandLightPurple,\n  colorBrandDeepBeige: purpurColorBrandDeepBeige,\n  colorBrandBeige: purpurColorBrandBeige,\n  colorBrandLightBeige: purpurColorBrandLightBeige,\n  colorBrandOffBlack: purpurColorBrandOffBlack,\n  colorBrandWhite: purpurColorBrandWhite,\n\n  colorTextDefault: purpurColorTextDefault,\n  colorTextMedium: purpurColorTextMedium,\n  colorTextWeak: purpurColorTextWeak,\n  colorTextDefaultNegative: purpurColorTextDefaultNegative,\n  colorTextMediumNegative: purpurColorTextMediumNegative,\n  colorTextWeakNegative: purpurColorTextWeakNegative,\n\n  colorTextInteractivePrimary: purpurColorTextInteractivePrimary,\n  colorTextInteractivePrimaryHover: purpurColorTextInteractivePrimaryHover,\n  colorTextInteractivePrimaryActive: purpurColorTextInteractivePrimaryActive,\n  colorTextInteractiveOnPrimary: purpurColorTextInteractiveOnPrimary,\n  colorTextInteractiveOnExpressive: purpurColorTextInteractiveOnExpressive,\n  colorTextInteractiveOnExpressiveHover: purpurColorTextInteractiveOnExpressiveHover,\n  colorTextInteractiveOnExpressiveActive: purpurColorTextInteractiveOnExpressiveActive,\n  colorTextInteractiveOnDestructive: purpurColorTextInteractiveOnDestructive,\n  colorTextInteractiveSelected: purpurColorTextInteractiveSelected,\n  colorTextInteractivePrimaryNegative: purpurColorTextInteractivePrimaryNegative,\n  colorTextInteractivePrimaryHoverNegative: purpurColorTextInteractivePrimaryHoverNegative,\n  colorTextInteractivePrimaryActiveNegative: purpurColorTextInteractivePrimaryActiveNegative,\n  colorTextInteractiveOnPrimaryNegative: purpurColorTextInteractiveOnPrimaryNegative,\n  colorTextInteractiveOnExpressiveNegative: purpurColorTextInteractiveOnExpressiveNegative,\n  colorTextInteractiveOnExpressiveHoverNegative:\n    purpurColorTextInteractiveOnExpressiveHoverNegative,\n  colorTextInteractiveOnExpressiveActiveNegative:\n    purpurColorTextInteractiveOnExpressiveActiveNegative,\n\n  colorTextStatusInfoMedium: purpurColorTextStatusInfoMedium,\n  colorTextStatusInfoStrong: purpurColorTextStatusInfoStrong,\n  colorTextStatusSuccessMedium: purpurColorTextStatusSuccessMedium,\n  colorTextStatusSuccessStrong: purpurColorTextStatusSuccessStrong,\n  colorTextStatusWarningMedium: purpurColorTextStatusWarningMedium,\n  colorTextStatusWarningStrong: purpurColorTextStatusWarningStrong,\n  colorTextStatusErrorMedium: purpurColorTextStatusErrorMedium,\n  colorTextStatusErrorStrong: purpurColorTextStatusErrorStrong,\n  colorTextStatusNeutral: purpurColorTextStatusNeutral,\n  colorTextStatusSpecial: purpurColorTextStatusSpecial,\n  colorTextStatusAttention: purpurColorTextStatusAttention,\n  colorTextStatusDiscount: purpurColorTextStatusDiscount,\n  colorTextStatusBlackFriday: purpurColorTextStatusBlackFriday,\n  colorTextStatusSuccessStrongNegative: purpurColorTextStatusSuccessStrongNegative,\n  colorTextStatusErrorMediumNegative: purpurColorTextStatusErrorMediumNegative,\n  colorTextStatusErrorStrongNegative: purpurColorTextStatusErrorStrongNegative,\n  colorTextStatusWarningMediumNegative: purpurColorTextStatusWarningMediumNegative,\n\n  colorTextToneOnTonePrimary: purpurColorTextToneOnTonePrimary,\n  colorTextToneOnToneSecondary: purpurColorTextToneOnToneSecondary,\n  colorTextToneOnToneTertiary: purpurColorTextToneOnToneTertiary,\n\n  colorBackgroundPrimary: purpurColorBackgroundPrimary,\n  colorBackgroundSecondary: purpurColorBackgroundSecondary,\n  colorBackgroundOnImage: purpurColorBackgroundOnImage,\n  colorBackgroundPrimaryNegative: purpurColorBackgroundPrimaryNegative,\n  colorBackgroundSecondaryNegative: purpurColorBackgroundSecondaryNegative,\n  colorBackgroundOnImageNegative: purpurColorBackgroundOnImageNegative,\n\n  colorBackgroundInteractivePrimary: purpurColorBackgroundInteractivePrimary,\n  colorBackgroundInteractivePrimaryHover: purpurColorBackgroundInteractivePrimaryHover,\n  colorBackgroundInteractivePrimaryActive: purpurColorBackgroundInteractivePrimaryActive,\n  colorBackgroundInteractiveExpressive: purpurColorBackgroundInteractiveExpressive,\n  colorBackgroundInteractiveExpressiveHover: purpurColorBackgroundInteractiveExpressiveHover,\n  colorBackgroundInteractiveExpressiveActive: purpurColorBackgroundInteractiveExpressiveActive,\n  colorBackgroundInteractiveTransparentHover: purpurColorBackgroundInteractiveTransparentHover,\n  colorBackgroundInteractiveTransparentActive: purpurColorBackgroundInteractiveTransparentActive,\n  colorBackgroundInteractiveDisabled: purpurColorBackgroundInteractiveDisabled,\n  colorBackgroundInteractiveReadOnly: purpurColorBackgroundInteractiveReadOnly,\n  colorBackgroundInteractiveInactive: purpurColorBackgroundInteractiveInactive,\n  colorBackgroundInteractiveDestructive: purpurColorBackgroundInteractiveDestructive,\n  colorBackgroundInteractiveDestructiveHover: purpurColorBackgroundInteractiveDestructiveHover,\n  colorBackgroundInteractiveDestructiveActive: purpurColorBackgroundInteractiveDestructiveActive,\n  colorBackgroundInteractiveAutoFill: purpurColorBackgroundInteractiveAutoFill,\n  colorBackgroundInteractivePrimaryNegative: purpurColorBackgroundInteractivePrimaryNegative,\n  colorBackgroundInteractivePrimaryHoverNegative:\n    purpurColorBackgroundInteractivePrimaryHoverNegative,\n  colorBackgroundInteractivePrimaryActiveNegative:\n    purpurColorBackgroundInteractivePrimaryActiveNegative,\n  colorBackgroundInteractiveExpressiveNegative: purpurColorBackgroundInteractiveExpressiveNegative,\n  colorBackgroundInteractiveExpressiveHoverNegative:\n    purpurColorBackgroundInteractiveExpressiveHoverNegative,\n  colorBackgroundInteractiveExpressiveActiveNegative:\n    purpurColorBackgroundInteractiveExpressiveActiveNegative,\n  colorBackgroundInteractiveTransparentHoverNegative:\n    purpurColorBackgroundInteractiveTransparentHoverNegative,\n  colorBackgroundInteractiveTransparentActiveNegative:\n    purpurColorBackgroundInteractiveTransparentActiveNegative,\n  colorBackgroundInteractiveDisabledNegative: purpurColorBackgroundInteractiveDisabledNegative,\n  colorBackgroundInteractiveInactiveNegative: purpurColorBackgroundInteractiveInactiveNegative,\n  colorBackgroundInteractiveReadOnlyNegative: purpurColorBackgroundInteractiveReadOnlyNegative,\n\n  colorBackgroundStatusInfoMedium: purpurColorBackgroundStatusInfoMedium,\n  colorBackgroundStatusInfoStrong: purpurColorBackgroundStatusInfoStrong,\n  colorBackgroundStatusSuccessMedium: purpurColorBackgroundStatusSuccessMedium,\n  colorBackgroundStatusSuccessStrong: purpurColorBackgroundStatusSuccessStrong,\n  colorBackgroundStatusWarningMedium: purpurColorBackgroundStatusWarningMedium,\n  colorBackgroundStatusWarningStrong: purpurColorBackgroundStatusWarningStrong,\n  colorBackgroundStatusErrorMedium: purpurColorBackgroundStatusErrorMedium,\n  colorBackgroundStatusErrorStrong: purpurColorBackgroundStatusErrorStrong,\n  colorBackgroundStatusNeutral: purpurColorBackgroundStatusNeutral,\n  colorBackgroundStatusSpecial: purpurColorBackgroundStatusSpecial,\n  colorBackgroundStatusAttention: purpurColorBackgroundStatusAttention,\n  colorBackgroundStatusBlackFriday: purpurColorBackgroundStatusBlackFriday,\n  colorBackgroundStatusSuccessStrongNegative: purpurColorBackgroundStatusSuccessStrongNegative,\n  colorBackgroundStatusWarningStrongNegative: purpurColorBackgroundStatusWarningStrongNegative,\n  colorBackgroundStatusErrorStrongNegative: purpurColorBackgroundStatusErrorStrongNegative,\n\n  colorBackgroundToneOnTonePrimary: purpurColorBackgroundToneOnTonePrimary,\n  colorBackgroundToneOnToneSecondary: purpurColorBackgroundToneOnToneSecondary,\n  colorBackgroundToneOnToneTertiary: purpurColorBackgroundToneOnToneTertiary,\n  colorBackgroundToneOnToneQuaternary: purpurColorBackgroundToneOnToneQuaternary,\n\n  colorBorderWeak: purpurColorBorderWeak,\n  colorBorderMedium: purpurColorBorderMedium,\n  colorBorderStrong: purpurColorBorderStrong,\n  colorBorderWeakNegative: purpurColorBorderWeakNegative,\n  colorBorderMediumNegative: purpurColorBorderMediumNegative,\n  colorBorderStrongNegative: purpurColorBorderStrongNegative,\n\n  colorBorderInteractivePrimary: purpurColorBorderInteractivePrimary,\n  colorBorderInteractivePrimaryHover: purpurColorBorderInteractivePrimaryHover,\n  colorBorderInteractivePrimaryActive: purpurColorBorderInteractivePrimaryActive,\n  colorBorderInteractiveFocus: purpurColorBorderInteractiveFocus,\n  colorBorderInteractiveExpressive: purpurColorBorderInteractiveExpressive,\n  colorBorderInteractiveSubtle: purpurColorBorderInteractiveSubtle,\n  colorBorderInteractiveSubtleHover: purpurColorBorderInteractiveSubtleHover,\n  colorBorderInteractiveSelected: purpurColorBorderInteractiveSelected,\n  colorBorderInteractivePrimaryNegative: purpurColorBorderInteractivePrimaryNegative,\n  colorBorderInteractivePrimaryHoverNegative: purpurColorBorderInteractivePrimaryHoverNegative,\n  colorBorderInteractivePrimaryActiveNegative: purpurColorBorderInteractivePrimaryActiveNegative,\n  colorBorderInteractiveSubtleNegative: purpurColorBorderInteractiveSubtleNegative,\n  colorBorderInteractiveSubtleHoverNegative: purpurColorBorderInteractiveSubtleHoverNegative,\n\n  colorBorderStatusError: purpurColorBorderStatusError,\n  colorBorderStatusWarning: purpurColorBorderStatusWarning,\n  colorBorderStatusInfo: purpurColorBorderStatusInfo,\n  colorBorderStatusSuccess: purpurColorBorderStatusSuccess,\n  colorBorderStatusErrorNegative: purpurColorBorderStatusErrorNegative,\n  colorBorderStatusSuccessNegative: purpurColorBorderStatusSuccessNegative,\n} satisfies ThemeProps;\n","import { dark } from \"./telia-dark\";\nimport { light } from \"./telia-light\";\nimport type { ThemeProps } from \"./theme-props\";\n\nexport const teliaTheme = {\n  light,\n  dark,\n} satisfies { light: ThemeProps; dark: ThemeProps };\n","import { useEffect } from \"react\";\n\nimport { teliaTheme } from \"./telia-theme\";\nimport type { ColorScheme, Theme } from \"./types\";\n\nconst toKebabCase = (str: string) => str.replace(/([a-z0-9])([A-Z])/g, \"$1-$2\").toLowerCase();\n\ntype Props = {\n  theme?: Theme;\n  cssVariablesSelector?: string;\n  currentColorScheme?: ColorScheme;\n};\n\nexport const useApplyTheme = ({\n  theme = teliaTheme,\n  cssVariablesSelector,\n  currentColorScheme,\n}: Props) => {\n  useEffect(() => {\n    if (currentColorScheme) {\n      Object.entries(theme?.[currentColorScheme] ?? teliaTheme[currentColorScheme]).forEach(\n        ([key, value]) => {\n          const element = cssVariablesSelector\n            ? (document.querySelector(cssVariablesSelector) as HTMLElement)\n            : null;\n\n          (element ?? document.documentElement).style.setProperty(\n            `--purpur-${toKebabCase(key)}`,\n            value\n          );\n        }\n      );\n    }\n  }, [theme, cssVariablesSelector, currentColorScheme]);\n};\n","import React, {\n  createContext,\n  type ReactNode,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n} from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\n\nimport type { ThemeProps } from \"./theme-props\";\nimport type { ColorOptions, ColorScheme, ThemeContextType } from \"./types\";\nimport { useApplyTheme } from \"./useApplyTheme\";\n\nconst ThemeContext = createContext<ThemeContextType>({\n  colorScheme: \"light\",\n  currentColorScheme: \"light\",\n  setColorScheme: () => {},\n  options: {},\n});\n\ntype PropsBase = Omit<BaseProps, \"children\"> & {\n  children: ReactNode;\n  cssVariablesSelector?: string;\n  options?: ThemeContextType[\"options\"];\n};\n\nexport type Props =\n  | PropsBase &\n      (\n        | {\n            theme: { light: ThemeProps; dark?: never };\n            forceColorScheme: \"light\";\n          }\n        | {\n            theme?: { light: ThemeProps; dark: ThemeProps };\n            forceColorScheme?: ColorScheme;\n          }\n      );\n\nexport const ThemeProvider = ({\n  cssVariablesSelector,\n  forceColorScheme,\n  theme,\n  children,\n  options = {},\n  ...props\n}: Props) => {\n  const [colorScheme, setColorScheme] = useState<ColorOptions>(forceColorScheme ?? \"auto\");\n  const [currentColorScheme, setCurrentColorScheme] = useState<ColorScheme>(\n    forceColorScheme ?? \"light\"\n  );\n\n  useEffect(() => {\n    if (!forceColorScheme) {\n      const savedColorScheme = localStorage.getItem(\"colorScheme\") as ColorOptions | null;\n      if (savedColorScheme) {\n        setColorScheme(savedColorScheme);\n      }\n    } else {\n      setColorScheme(forceColorScheme);\n    }\n  }, [forceColorScheme]);\n\n  useEffect(() => {\n    const mediaQuery = window.matchMedia(\"(prefers-color-scheme: dark)\");\n\n    if (colorScheme === \"auto\") {\n      setCurrentColorScheme(mediaQuery.matches ? \"dark\" : \"light\");\n    } else {\n      setCurrentColorScheme(colorScheme);\n    }\n\n    const handleChange = (e: MediaQueryListEvent) => {\n      if (!forceColorScheme && colorScheme === \"auto\") {\n        setCurrentColorScheme(e.matches ? \"dark\" : \"light\");\n      }\n    };\n\n    mediaQuery.addEventListener(\"change\", handleChange);\n\n    return () => {\n      mediaQuery.removeEventListener(\"change\", handleChange);\n    };\n  }, [colorScheme, forceColorScheme]);\n\n  const isCustomTheme = theme !== undefined;\n\n  useApplyTheme({\n    theme,\n    cssVariablesSelector,\n    currentColorScheme: isCustomTheme ? currentColorScheme : undefined,\n  });\n\n  const contextValue = useMemo(\n    () => ({\n      colorScheme,\n      currentColorScheme,\n      setColorScheme: (scheme: ColorOptions) => {\n        if (!forceColorScheme) {\n          setColorScheme(scheme);\n          localStorage.setItem(\"colorScheme\", scheme);\n        }\n      },\n    }),\n    [colorScheme, currentColorScheme, forceColorScheme]\n  );\n\n  return (\n    <ThemeContext.Provider value={{ ...contextValue, options }}>\n      <div data-color-scheme={currentColorScheme} className={currentColorScheme} {...props}>\n        {children}\n      </div>\n    </ThemeContext.Provider>\n  );\n};\n\nexport const useTheme = (): ThemeContextType => {\n  const context = useContext(ThemeContext);\n  if (!context) {\n    throw new Error(\"useTheme must be used within a ThemeProvider\");\n  }\n  return context;\n};\n"],"names":["purpurColorBrandDeepPurple","purpurColorBrandCorePurple","purpurColorBrandLightPurple","purpurColorBrandDeepBeige","purpurColorBrandBeige","purpurColorBrandLightBeige","purpurColorBrandOffBlack","purpurColorBrandWhite","purpurColorTextDefault","purpurColorTextMedium","purpurColorTextWeak","purpurColorTextDefaultNegative","purpurColorTextMediumNegative","purpurColorTextWeakNegative","purpurColorTextInteractivePrimary","purpurColorTextInteractivePrimaryHover","purpurColorTextInteractivePrimaryActive","purpurColorTextInteractiveOnPrimary","purpurColorTextInteractiveOnPrimaryNegative","purpurColorTextInteractivePrimaryNegative","purpurColorTextInteractivePrimaryHoverNegative","purpurColorTextInteractivePrimaryActiveNegative","purpurColorTextInteractiveOnExpressive","purpurColorTextInteractiveOnExpressiveNegative","purpurColorTextInteractiveOnExpressiveHover","purpurColorTextInteractiveOnExpressiveHoverNegative","purpurColorTextInteractiveOnExpressiveActive","purpurColorTextInteractiveOnExpressiveActiveNegative","purpurColorTextInteractiveOnDestructive","purpurColorTextInteractiveSelected","purpurColorTextStatusDiscount","purpurColorTextStatusErrorStrong","purpurColorTextStatusErrorStrongNegative","purpurColorTextStatusErrorMedium","purpurColorTextStatusErrorMediumNegative","purpurColorTextStatusSuccessStrong","purpurColorTextStatusSuccessStrongNegative","purpurColorTextStatusSuccessMedium","purpurColorTextStatusWarningStrong","purpurColorTextStatusWarningMedium","purpurColorTextStatusWarningMediumNegative","purpurColorTextStatusInfoStrong","purpurColorTextStatusInfoMedium","purpurColorTextStatusNeutral","purpurColorTextStatusSpecial","purpurColorTextStatusAttention","purpurColorTextStatusBlackFriday","purpurColorTextToneOnTonePrimary","purpurColorTextToneOnToneSecondary","purpurColorTextToneOnToneTertiary","purpurColorBackgroundPrimary","purpurColorBackgroundPrimaryNegative","purpurColorBackgroundSecondary","purpurColorBackgroundSecondaryNegative","purpurColorBackgroundOnImage","purpurColorBackgroundOnImageNegative","purpurColorBackgroundInteractiveAutoFill","purpurColorBackgroundInteractivePrimary","purpurColorBackgroundInteractivePrimaryHover","purpurColorBackgroundInteractivePrimaryActive","purpurColorBackgroundInteractivePrimaryNegative","purpurColorBackgroundInteractivePrimaryHoverNegative","purpurColorBackgroundInteractivePrimaryActiveNegative","purpurColorBackgroundInteractiveExpressive","purpurColorBackgroundInteractiveExpressiveHover","purpurColorBackgroundInteractiveExpressiveActive","purpurColorBackgroundInteractiveExpressiveNegative","purpurColorBackgroundInteractiveExpressiveHoverNegative","purpurColorBackgroundInteractiveExpressiveActiveNegative","purpurColorBackgroundInteractiveDisabled","purpurColorBackgroundInteractiveDisabledNegative","purpurColorBackgroundInteractiveTransparentHover","purpurColorBackgroundInteractiveTransparentHoverNegative","purpurColorBackgroundInteractiveTransparentActive","purpurColorBackgroundInteractiveTransparentActiveNegative","purpurColorBackgroundInteractiveInactive","purpurColorBackgroundInteractiveInactiveNegative","purpurColorBackgroundInteractiveReadOnly","purpurColorBackgroundInteractiveReadOnlyNegative","purpurColorBackgroundInteractiveDestructive","purpurColorBackgroundInteractiveDestructiveHover","purpurColorBackgroundInteractiveDestructiveActive","purpurColorBackgroundStatusInfoMedium","purpurColorBackgroundStatusInfoStrong","purpurColorBackgroundStatusSuccessMedium","purpurColorBackgroundStatusSuccessStrong","purpurColorBackgroundStatusSuccessStrongNegative","purpurColorBackgroundStatusErrorMedium","purpurColorBackgroundStatusErrorStrong","purpurColorBackgroundStatusErrorStrongNegative","purpurColorBackgroundStatusWarningMedium","purpurColorBackgroundStatusWarningStrong","purpurColorBackgroundStatusWarningStrongNegative","purpurColorBackgroundStatusNeutral","purpurColorBackgroundStatusSpecial","purpurColorBackgroundStatusAttention","purpurColorBackgroundStatusBlackFriday","purpurColorBackgroundToneOnTonePrimary","purpurColorBackgroundToneOnToneSecondary","purpurColorBackgroundToneOnToneTertiary","purpurColorBackgroundToneOnToneQuaternary","purpurColorBorderMedium","purpurColorBorderMediumNegative","purpurColorBorderStrong","purpurColorBorderStrongNegative","purpurColorBorderWeak","purpurColorBorderWeakNegative","purpurColorBorderInteractiveFocus","purpurColorBorderInteractivePrimary","purpurColorBorderInteractivePrimaryNegative","purpurColorBorderInteractivePrimaryHover","purpurColorBorderInteractivePrimaryActive","purpurColorBorderInteractivePrimaryHoverNegative","purpurColorBorderInteractivePrimaryActiveNegative","purpurColorBorderInteractiveExpressive","purpurColorBorderInteractiveSelected","purpurColorBorderInteractiveSubtle","purpurColorBorderInteractiveSubtleNegative","purpurColorBorderInteractiveSubtleHover","purpurColorBorderInteractiveSubtleHoverNegative","purpurColorBorderStatusError","purpurColorBorderStatusErrorNegative","purpurColorBorderStatusWarning","purpurColorBorderStatusInfo","purpurColorBorderStatusSuccess","purpurColorBorderStatusSuccessNegative","dark","light","teliaTheme","toKebabCase","str","useApplyTheme","theme","cssVariablesSelector","currentColorScheme","useEffect","key","value","ThemeContext","createContext","ThemeProvider","forceColorScheme","children","options","props","colorScheme","setColorScheme","useState","setCurrentColorScheme","savedColorScheme","mediaQuery","handleChange","e","contextValue","useMemo","scheme","jsx","useTheme","context","useContext"],"mappings":"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"}

package/dist/{accordion-DWflnyWa.mjs → accordion-BKTz9DM6.mjs}

@@ -1,9 +1,9 @@
 import { jsxs as g, jsx as t } from "react/jsx-runtime";
-import { useContext as A, useId as C, useState as I, createContext as j } from "react";
-import { a as v } from "./heading-gqtQNo5n.mjs";
+import { useContext as A, useId as C, useState as H, createContext as I } from "react";
+import { H as v } from "./heading-xwBuT_-9.mjs";
 import { c as x } from "./bind-CU-R61T-.mjs";
-import { l as H } from "./chevron-down.es-PCIIj6oG.mjs";
-import { a as P } from "./paragraph-DNtj7OLr.mjs";
+import { l as j } from "./chevron-down.es-PCIIj6oG.mjs";
+import { P } from "./paragraph-Ci50OF1u.mjs";
 const S = {
   "purpur-accordion": "_purpur-accordion_mwmy0_1",
   "purpur-accordion__title": "_purpur-accordion__title_mwmy0_4",
@@ -23,16 +23,16 @@ const S = {
 }, i = x.bind(z), r = "purpur-accordion-item", L = ({
   children: o,
   className: c,
-  fullWidth: n = !1,
+  fullWidth: a = !1,
   title: _,
   titleTag: s = "h3",
   initialOpen: m = !1,
-  onClick: a,
+  onClick: n,
   onOpen: u,
   onClose: d,
   ...y
 }) => {
-  const N = A($), p = C(), [e, b] = I(!m), T = i([
+  const N = A($), p = C(), [e, b] = H(!m), T = i([
     r,
     {
       [`${r}--negative`]: N
@@ -52,7 +52,7 @@ const S = {
             type: "button",
             "data-state": e ? "open" : "close",
             onClick: (w) => {
-              a && a(w), e ? u && u() : d && d(), b(!e);
+              n && n(w), e ? u && u() : d && d(), b(!e);
             },
             className: i(`${r}__trigger`, c, {
               [`${r}__rotate`]: !e
@@ -62,7 +62,7 @@ const S = {
             id: p + "button",
             children: [
               _,
-              /* @__PURE__ */ t(H, { size: "md", className: i(`${r}__icon`), "aria-hidden": !0 })
+              /* @__PURE__ */ t(j, { size: "md", className: i(`${r}__icon`), "aria-hidden": !0 })
             ]
           }
         )
@@ -80,7 +80,7 @@ const S = {
           "div",
           {
             className: i(`${r}__contentText`, {
-              [`${r}__contentText--limit-width`]: !n
+              [`${r}__contentText--limit-width`]: !a
             }),
             children: typeof o == "string" ? /* @__PURE__ */ t(P, { variant: "paragraph-200", children: o }) : o
           }
@@ -88,32 +88,32 @@ const S = {
       }
     )
   ] });
-}, h = x.bind(S), l = "purpur-accordion", $ = j(!1), f = ({
+}, h = x.bind(S), l = "purpur-accordion", $ = I(!1), f = ({
   children: o,
   className: c,
-  negative: n = !1,
+  negative: a = !1,
   title: _,
   titleTag: s = "h2",
   titleVariant: m = "title-300",
-  schema: a,
+  schema: n,
   ...u
 }) => {
   const d = h([
     l,
     {
-      [`${l}--negative`]: n
+      [`${l}--negative`]: a
     },
     c
   ]);
   return /* @__PURE__ */ g("div", { className: d, ...u, children: [
     _ && /* @__PURE__ */ t(v, { tag: s, variant: m, className: h(`${l}__title`), children: _ }),
-    /* @__PURE__ */ t($.Provider, { value: n, children: o }),
-    a && /* @__PURE__ */ t(
+    /* @__PURE__ */ t($.Provider, { value: a, children: o }),
+    n && /* @__PURE__ */ t(
       "script",
       {
         type: "application/ld+json",
         dangerouslySetInnerHTML: {
-          __html: a
+          __html: n
         }
       }
     )
@@ -125,4 +125,4 @@ export {
   f as A,
   $ as N
 };
-//# sourceMappingURL=accordion-DWflnyWa.mjs.map
+//# sourceMappingURL=accordion-BKTz9DM6.mjs.map

package/dist/{accordion-DWflnyWa.mjs.map → accordion-BKTz9DM6.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"accordion-DWflnyWa.mjs","sources":["../../../components/accordion/src/accordion-item.tsx","../../../components/accordion/src/accordion.tsx"],"sourcesContent":["import React, { type ReactNode, useContext, useId, useState } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Heading, type HeadingTagType } from \"@purpur/heading\";\nimport { IconChevronDown } from \"@purpur/icon/chevron-down\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport c from \"classnames/bind\";\n\nimport { NegativeContext } from \"./accordion\";\nimport styles from \"./accordion-item.module.scss\";\n\nconst cx = c.bind(styles);\n\nconst rootClassName = \"purpur-accordion-item\";\n\nexport type AccordionItemOnClickEvent = React.MouseEvent<HTMLButtonElement, MouseEvent> & {\n  currentTarget: { dataset: { state: \"open\" | \"closed\" } };\n};\n\nexport type AccordionItemProps = Omit<BaseProps, \"onClick\" | \"title\" | \"children\"> & {\n  children: ReactNode;\n  /**\n   * If true, the children will take the full width without max-width constraint.\n   * @default false\n   */\n  fullWidth?: boolean;\n  /**\n   * Content to be rendered inside a `button` element.\n   * Only pass ReactNodes that are valid as children of a `button`, such as plain text,\n   * inline elements like `span` or other non-interactive elements. Avoid block-level or interactive elements.\n   */\n  title: ReactNode;\n  /**\n   * This is the heading tag used for the accordion item title. Defaults to h3.\n   * `type HeadingTagType = \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"`\n   */\n  titleTag?: HeadingTagType;\n  /**\n   * Makes it possible to set the initial state to opened\n   * */\n  initialOpen?: boolean;\n  /**\n   * onClick is called when accordion item is expanded or collapsed\n   * event.currentTarget.dataset.state will be either \"open\" or \"closed\"\n   */\n  onClick?: (event: AccordionItemOnClickEvent) => void;\n  onOpen?: () => void;\n  onClose?: () => void;\n};\n\nexport const AccordionItem = ({\n  children,\n  className,\n  fullWidth = false,\n  title,\n  titleTag = \"h3\",\n  initialOpen = false,\n  onClick,\n  onOpen,\n  onClose,\n  ...props\n}: AccordionItemProps) => {\n  const negative = useContext(NegativeContext);\n  const uid = useId();\n  const [hidden, setHidden] = useState(!initialOpen);\n\n  const classes = cx([\n    rootClassName,\n    {\n      [`${rootClassName}--negative`]: negative,\n    },\n    className,\n  ]);\n\n  return (\n    <div className={classes} {...props}>\n      <Heading\n        tag={titleTag}\n        variant=\"title-100\"\n        className={cx([`${rootClassName}__header`, `${rootClassName}__title`])}\n      >\n        <button\n          type=\"button\"\n          data-state={hidden ? \"open\" : \"close\"} // The state is actually set in the onClick, so reversing the data- output state here\n          onClick={(e: AccordionItemOnClickEvent) => {\n            onClick && onClick(e);\n            if (hidden) {\n              onOpen && onOpen();\n            } else {\n              onClose && onClose();\n            }\n            setHidden(!hidden);\n          }}\n          className={cx(`${rootClassName}__trigger`, className, {\n            [`${rootClassName}__rotate`]: !hidden,\n          })}\n          aria-expanded={!hidden}\n          aria-controls={uid}\n          id={uid + \"button\"}\n        >\n          {title}\n          <IconChevronDown size=\"md\" className={cx(`${rootClassName}__icon`)} aria-hidden />\n        </button>\n      </Heading>\n      <div\n        className={cx(`${rootClassName}__content`, className)}\n        aria-hidden={hidden}\n        id={uid}\n        aria-labelledby={uid + \"button\"}\n        role=\"region\"\n      >\n        <div\n          className={cx(`${rootClassName}__contentText`, {\n            [`${rootClassName}__contentText--limit-width`]: !fullWidth,\n          })}\n        >\n          {typeof children === \"string\" ? (\n            <Paragraph variant=\"paragraph-200\">{children}</Paragraph>\n          ) : (\n            children\n          )}\n        </div>\n      </div>\n    </div>\n  );\n};\n","import React, { createContext, type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Heading, type HeadingTagType, type HeadingVariant } from \"@purpur/heading\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./accordion.module.scss\";\nimport { AccordionItem } from \"./accordion-item\";\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-accordion\";\n\nexport type AccordionProps = Omit<BaseProps, \"title\" | \"children\"> & {\n  children: ReactNode;\n  negative?: boolean;\n  title?: ReactNode;\n  titleTag?: HeadingTagType;\n  titleVariant?: HeadingVariant;\n  /**\n   * A schema enables external applications to parse the content in a structured manner.\n   * See more at schema.org . We use a JSON-LD based script-tag to add the schema to the DOM.\n   * Note that only one type of schema can be added per page\n   */\n  schema?: string;\n};\n\nexport const NegativeContext = createContext(false);\n\nexport const Accordion = ({\n  children,\n  className,\n  negative = false,\n  title,\n  titleTag = \"h2\",\n  titleVariant = \"title-300\",\n  schema,\n  ...props\n}: AccordionProps) => {\n  const classes = cx([\n    rootClassName,\n    {\n      [`${rootClassName}--negative`]: negative,\n    },\n    className,\n  ]);\n\n  return (\n    <div className={classes} {...props}>\n      {title && (\n        <Heading tag={titleTag} variant={titleVariant} className={cx(`${rootClassName}__title`)}>\n          {title}\n        </Heading>\n      )}\n      <NegativeContext.Provider value={negative}>{children}</NegativeContext.Provider>\n      {schema && (\n        <script\n          type=\"application/ld+json\"\n          dangerouslySetInnerHTML={{\n            __html: schema,\n          }}\n        />\n      )}\n    </div>\n  );\n};\n\nAccordion.Item = AccordionItem;\nAccordion.displayName = \"Accordion\";\n\nexport type { AccordionItemOnClickEvent, AccordionItemProps } from \"./accordion-item\";\n"],"names":["cx","c","styles","rootClassName","AccordionItem","children","className","fullWidth","title","titleTag","initialOpen","onClick","onOpen","onClose","props","negative","useContext","NegativeContext","uid","useId","hidden","setHidden","useState","classes","jsxs","jsx","Heading","e","IconChevronDown","Paragraph","createContext","Accordion","titleVariant","schema"],"mappings":"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"}
+{"version":3,"file":"accordion-BKTz9DM6.mjs","sources":["../../../components/accordion/src/accordion-item.tsx","../../../components/accordion/src/accordion.tsx"],"sourcesContent":["import React, { type ReactNode, useContext, useId, useState } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Heading, type HeadingTagType } from \"@purpur/heading\";\nimport { IconChevronDown } from \"@purpur/icon/chevron-down\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport c from \"classnames/bind\";\n\nimport { NegativeContext } from \"./accordion\";\nimport styles from \"./accordion-item.module.scss\";\n\nconst cx = c.bind(styles);\n\nconst rootClassName = \"purpur-accordion-item\";\n\nexport type AccordionItemOnClickEvent = React.MouseEvent<HTMLButtonElement, MouseEvent> & {\n  currentTarget: { dataset: { state: \"open\" | \"closed\" } };\n};\n\nexport type AccordionItemProps = Omit<BaseProps, \"onClick\" | \"title\" | \"children\"> & {\n  children: ReactNode;\n  /**\n   * If true, the children will take the full width without max-width constraint.\n   * @default false\n   */\n  fullWidth?: boolean;\n  /**\n   * Content to be rendered inside a `button` element.\n   * Only pass ReactNodes that are valid as children of a `button`, such as plain text,\n   * inline elements like `span` or other non-interactive elements. Avoid block-level or interactive elements.\n   */\n  title: ReactNode;\n  /**\n   * This is the heading tag used for the accordion item title. Defaults to h3.\n   * `type HeadingTagType = \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"`\n   */\n  titleTag?: HeadingTagType;\n  /**\n   * Makes it possible to set the initial state to opened\n   * */\n  initialOpen?: boolean;\n  /**\n   * onClick is called when accordion item is expanded or collapsed\n   * event.currentTarget.dataset.state will be either \"open\" or \"closed\"\n   */\n  onClick?: (event: AccordionItemOnClickEvent) => void;\n  onOpen?: () => void;\n  onClose?: () => void;\n};\n\nexport const AccordionItem = ({\n  children,\n  className,\n  fullWidth = false,\n  title,\n  titleTag = \"h3\",\n  initialOpen = false,\n  onClick,\n  onOpen,\n  onClose,\n  ...props\n}: AccordionItemProps) => {\n  const negative = useContext(NegativeContext);\n  const uid = useId();\n  const [hidden, setHidden] = useState(!initialOpen);\n\n  const classes = cx([\n    rootClassName,\n    {\n      [`${rootClassName}--negative`]: negative,\n    },\n    className,\n  ]);\n\n  return (\n    <div className={classes} {...props}>\n      <Heading\n        tag={titleTag}\n        variant=\"title-100\"\n        className={cx([`${rootClassName}__header`, `${rootClassName}__title`])}\n      >\n        <button\n          type=\"button\"\n          data-state={hidden ? \"open\" : \"close\"} // The state is actually set in the onClick, so reversing the data- output state here\n          onClick={(e: AccordionItemOnClickEvent) => {\n            onClick && onClick(e);\n            if (hidden) {\n              onOpen && onOpen();\n            } else {\n              onClose && onClose();\n            }\n            setHidden(!hidden);\n          }}\n          className={cx(`${rootClassName}__trigger`, className, {\n            [`${rootClassName}__rotate`]: !hidden,\n          })}\n          aria-expanded={!hidden}\n          aria-controls={uid}\n          id={uid + \"button\"}\n        >\n          {title}\n          <IconChevronDown size=\"md\" className={cx(`${rootClassName}__icon`)} aria-hidden />\n        </button>\n      </Heading>\n      <div\n        className={cx(`${rootClassName}__content`, className)}\n        aria-hidden={hidden}\n        id={uid}\n        aria-labelledby={uid + \"button\"}\n        role=\"region\"\n      >\n        <div\n          className={cx(`${rootClassName}__contentText`, {\n            [`${rootClassName}__contentText--limit-width`]: !fullWidth,\n          })}\n        >\n          {typeof children === \"string\" ? (\n            <Paragraph variant=\"paragraph-200\">{children}</Paragraph>\n          ) : (\n            children\n          )}\n        </div>\n      </div>\n    </div>\n  );\n};\n","import React, { createContext, type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Heading, type HeadingTagType, type HeadingVariant } from \"@purpur/heading\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./accordion.module.scss\";\nimport { AccordionItem } from \"./accordion-item\";\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-accordion\";\n\nexport type AccordionProps = Omit<BaseProps, \"title\" | \"children\"> & {\n  children: ReactNode;\n  negative?: boolean;\n  title?: ReactNode;\n  titleTag?: HeadingTagType;\n  titleVariant?: HeadingVariant;\n  /**\n   * A schema enables external applications to parse the content in a structured manner.\n   * See more at schema.org . We use a JSON-LD based script-tag to add the schema to the DOM.\n   * Note that only one type of schema can be added per page\n   */\n  schema?: string;\n};\n\nexport const NegativeContext = createContext(false);\n\nexport const Accordion = ({\n  children,\n  className,\n  negative = false,\n  title,\n  titleTag = \"h2\",\n  titleVariant = \"title-300\",\n  schema,\n  ...props\n}: AccordionProps) => {\n  const classes = cx([\n    rootClassName,\n    {\n      [`${rootClassName}--negative`]: negative,\n    },\n    className,\n  ]);\n\n  return (\n    <div className={classes} {...props}>\n      {title && (\n        <Heading tag={titleTag} variant={titleVariant} className={cx(`${rootClassName}__title`)}>\n          {title}\n        </Heading>\n      )}\n      <NegativeContext.Provider value={negative}>{children}</NegativeContext.Provider>\n      {schema && (\n        <script\n          type=\"application/ld+json\"\n          dangerouslySetInnerHTML={{\n            __html: schema,\n          }}\n        />\n      )}\n    </div>\n  );\n};\n\nAccordion.Item = AccordionItem;\nAccordion.displayName = \"Accordion\";\n\nexport type { AccordionItemOnClickEvent, AccordionItemProps } from \"./accordion-item\";\n"],"names":["cx","c","styles","rootClassName","AccordionItem","children","className","fullWidth","title","titleTag","initialOpen","onClick","onOpen","onClose","props","negative","useContext","NegativeContext","uid","useId","hidden","setHidden","useState","classes","jsxs","jsx","Heading","e","IconChevronDown","Paragraph","createContext","Accordion","titleVariant","schema"],"mappings":"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"}

package/dist/{accordion-CF2fj2uq.js → accordion-DX8efWOt.js}

@@ -1,2 +1,2 @@
-"use strict";const r=require("react/jsx-runtime"),p=require("react"),$=require("./heading-DLCdW6gx.js"),j=require("./bind-DeUYJ6m9.js"),f=require("./chevron-down.es-BMjgiS3F.js"),q=require("./paragraph-BsI53OR0.js"),C={"purpur-accordion":"_purpur-accordion_mwmy0_1","purpur-accordion__title":"_purpur-accordion__title_mwmy0_4","purpur-accordion--negative":"_purpur-accordion--negative_mwmy0_13"},A={"purpur-accordion-item":"_purpur-accordion-item_1du2l_1","purpur-accordion-item__trigger":"_purpur-accordion-item__trigger_1du2l_4","purpur-accordion-item__header":"_purpur-accordion-item__header_1du2l_10","purpur-accordion-item__trigger__icon":"_purpur-accordion-item__trigger__icon_1du2l_43","purpur-accordion-item__title":"_purpur-accordion-item__title_1du2l_49","purpur-accordion-item__icon":"_purpur-accordion-item__icon_1du2l_50","purpur-accordion-item__rotate":"_purpur-accordion-item__rotate_1du2l_64","purpur-accordion-item__content":"_purpur-accordion-item__content_1du2l_67","purpur-accordion-item__contentText":"_purpur-accordion-item__contentText_1du2l_82","purpur-accordion-item__contentText--limit-width":"_purpur-accordion-item__contentText--limit-width_1du2l_85","purpur-accordion-item--negative":"_purpur-accordion-item--negative_1du2l_107"},i=j.c.bind(A),t="purpur-accordion-item",H=({children:o,className:c,fullWidth:a=!1,title:_,titleTag:l="h3",initialOpen:m=!1,onClick:n,onOpen:u,onClose:d,...y})=>{const N=p.useContext(x),s=p.useId(),[e,b]=p.useState(!m),w=i([t,{[`${t}--negative`]:N},c]);return r.jsxs("div",{className:w,...y,children:[r.jsx($.Heading,{tag:l,variant:"title-100",className:i([`${t}__header`,`${t}__title`]),children:r.jsxs("button",{type:"button","data-state":e?"open":"close",onClick:T=>{n&&n(T),e?u&&u():d&&d(),b(!e)},className:i(`${t}__trigger`,c,{[`${t}__rotate`]:!e}),"aria-expanded":!e,"aria-controls":s,id:s+"button",children:[_,r.jsx(f.l,{size:"md",className:i(`${t}__icon`),"aria-hidden":!0})]})}),r.jsx("div",{className:i(`${t}__content`,c),"aria-hidden":e,id:s,"aria-labelledby":s+"button",role:"region",children:r.jsx("div",{className:i(`${t}__contentText`,{[`${t}__contentText--limit-width`]:!a}),children:typeof o=="string"?r.jsx(q.Paragraph,{variant:"paragraph-200",children:o}):o})})]})},v=j.c.bind(C),g="purpur-accordion",x=p.createContext(!1),h=({children:o,className:c,negative:a=!1,title:_,titleTag:l="h2",titleVariant:m="title-300",schema:n,...u})=>{const d=v([g,{[`${g}--negative`]:a},c]);return r.jsxs("div",{className:d,...u,children:[_&&r.jsx($.Heading,{tag:l,variant:m,className:v(`${g}__title`),children:_}),r.jsx(x.Provider,{value:a,children:o}),n&&r.jsx("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:n}})]})};h.Item=H;h.displayName="Accordion";exports.Accordion=h;exports.NegativeContext=x;
-//# sourceMappingURL=accordion-CF2fj2uq.js.map
+"use strict";const r=require("react/jsx-runtime"),p=require("react"),$=require("./heading-drD5ugCC.js"),j=require("./bind-DeUYJ6m9.js"),f=require("./chevron-down.es-BMjgiS3F.js"),q=require("./paragraph-BsI53OR0.js"),C={"purpur-accordion":"_purpur-accordion_mwmy0_1","purpur-accordion__title":"_purpur-accordion__title_mwmy0_4","purpur-accordion--negative":"_purpur-accordion--negative_mwmy0_13"},A={"purpur-accordion-item":"_purpur-accordion-item_1du2l_1","purpur-accordion-item__trigger":"_purpur-accordion-item__trigger_1du2l_4","purpur-accordion-item__header":"_purpur-accordion-item__header_1du2l_10","purpur-accordion-item__trigger__icon":"_purpur-accordion-item__trigger__icon_1du2l_43","purpur-accordion-item__title":"_purpur-accordion-item__title_1du2l_49","purpur-accordion-item__icon":"_purpur-accordion-item__icon_1du2l_50","purpur-accordion-item__rotate":"_purpur-accordion-item__rotate_1du2l_64","purpur-accordion-item__content":"_purpur-accordion-item__content_1du2l_67","purpur-accordion-item__contentText":"_purpur-accordion-item__contentText_1du2l_82","purpur-accordion-item__contentText--limit-width":"_purpur-accordion-item__contentText--limit-width_1du2l_85","purpur-accordion-item--negative":"_purpur-accordion-item--negative_1du2l_107"},i=j.c.bind(A),t="purpur-accordion-item",H=({children:o,className:c,fullWidth:a=!1,title:_,titleTag:l="h3",initialOpen:m=!1,onClick:n,onOpen:u,onClose:d,...y})=>{const N=p.useContext(x),s=p.useId(),[e,b]=p.useState(!m),w=i([t,{[`${t}--negative`]:N},c]);return r.jsxs("div",{className:w,...y,children:[r.jsx($.Heading,{tag:l,variant:"title-100",className:i([`${t}__header`,`${t}__title`]),children:r.jsxs("button",{type:"button","data-state":e?"open":"close",onClick:T=>{n&&n(T),e?u&&u():d&&d(),b(!e)},className:i(`${t}__trigger`,c,{[`${t}__rotate`]:!e}),"aria-expanded":!e,"aria-controls":s,id:s+"button",children:[_,r.jsx(f.l,{size:"md",className:i(`${t}__icon`),"aria-hidden":!0})]})}),r.jsx("div",{className:i(`${t}__content`,c),"aria-hidden":e,id:s,"aria-labelledby":s+"button",role:"region",children:r.jsx("div",{className:i(`${t}__contentText`,{[`${t}__contentText--limit-width`]:!a}),children:typeof o=="string"?r.jsx(q.Paragraph,{variant:"paragraph-200",children:o}):o})})]})},v=j.c.bind(C),g="purpur-accordion",x=p.createContext(!1),h=({children:o,className:c,negative:a=!1,title:_,titleTag:l="h2",titleVariant:m="title-300",schema:n,...u})=>{const d=v([g,{[`${g}--negative`]:a},c]);return r.jsxs("div",{className:d,...u,children:[_&&r.jsx($.Heading,{tag:l,variant:m,className:v(`${g}__title`),children:_}),r.jsx(x.Provider,{value:a,children:o}),n&&r.jsx("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:n}})]})};h.Item=H;h.displayName="Accordion";exports.Accordion=h;exports.NegativeContext=x;
+//# sourceMappingURL=accordion-DX8efWOt.js.map

package/dist/{accordion-CF2fj2uq.js.map → accordion-DX8efWOt.js.map}

@@ -1 +1 @@
-{"version":3,"file":"accordion-CF2fj2uq.js","sources":["../../../components/accordion/src/accordion-item.tsx","../../../components/accordion/src/accordion.tsx"],"sourcesContent":["import React, { type ReactNode, useContext, useId, useState } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Heading, type HeadingTagType } from \"@purpur/heading\";\nimport { IconChevronDown } from \"@purpur/icon/chevron-down\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport c from \"classnames/bind\";\n\nimport { NegativeContext } from \"./accordion\";\nimport styles from \"./accordion-item.module.scss\";\n\nconst cx = c.bind(styles);\n\nconst rootClassName = \"purpur-accordion-item\";\n\nexport type AccordionItemOnClickEvent = React.MouseEvent<HTMLButtonElement, MouseEvent> & {\n  currentTarget: { dataset: { state: \"open\" | \"closed\" } };\n};\n\nexport type AccordionItemProps = Omit<BaseProps, \"onClick\" | \"title\" | \"children\"> & {\n  children: ReactNode;\n  /**\n   * If true, the children will take the full width without max-width constraint.\n   * @default false\n   */\n  fullWidth?: boolean;\n  /**\n   * Content to be rendered inside a `button` element.\n   * Only pass ReactNodes that are valid as children of a `button`, such as plain text,\n   * inline elements like `span` or other non-interactive elements. Avoid block-level or interactive elements.\n   */\n  title: ReactNode;\n  /**\n   * This is the heading tag used for the accordion item title. Defaults to h3.\n   * `type HeadingTagType = \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"`\n   */\n  titleTag?: HeadingTagType;\n  /**\n   * Makes it possible to set the initial state to opened\n   * */\n  initialOpen?: boolean;\n  /**\n   * onClick is called when accordion item is expanded or collapsed\n   * event.currentTarget.dataset.state will be either \"open\" or \"closed\"\n   */\n  onClick?: (event: AccordionItemOnClickEvent) => void;\n  onOpen?: () => void;\n  onClose?: () => void;\n};\n\nexport const AccordionItem = ({\n  children,\n  className,\n  fullWidth = false,\n  title,\n  titleTag = \"h3\",\n  initialOpen = false,\n  onClick,\n  onOpen,\n  onClose,\n  ...props\n}: AccordionItemProps) => {\n  const negative = useContext(NegativeContext);\n  const uid = useId();\n  const [hidden, setHidden] = useState(!initialOpen);\n\n  const classes = cx([\n    rootClassName,\n    {\n      [`${rootClassName}--negative`]: negative,\n    },\n    className,\n  ]);\n\n  return (\n    <div className={classes} {...props}>\n      <Heading\n        tag={titleTag}\n        variant=\"title-100\"\n        className={cx([`${rootClassName}__header`, `${rootClassName}__title`])}\n      >\n        <button\n          type=\"button\"\n          data-state={hidden ? \"open\" : \"close\"} // The state is actually set in the onClick, so reversing the data- output state here\n          onClick={(e: AccordionItemOnClickEvent) => {\n            onClick && onClick(e);\n            if (hidden) {\n              onOpen && onOpen();\n            } else {\n              onClose && onClose();\n            }\n            setHidden(!hidden);\n          }}\n          className={cx(`${rootClassName}__trigger`, className, {\n            [`${rootClassName}__rotate`]: !hidden,\n          })}\n          aria-expanded={!hidden}\n          aria-controls={uid}\n          id={uid + \"button\"}\n        >\n          {title}\n          <IconChevronDown size=\"md\" className={cx(`${rootClassName}__icon`)} aria-hidden />\n        </button>\n      </Heading>\n      <div\n        className={cx(`${rootClassName}__content`, className)}\n        aria-hidden={hidden}\n        id={uid}\n        aria-labelledby={uid + \"button\"}\n        role=\"region\"\n      >\n        <div\n          className={cx(`${rootClassName}__contentText`, {\n            [`${rootClassName}__contentText--limit-width`]: !fullWidth,\n          })}\n        >\n          {typeof children === \"string\" ? (\n            <Paragraph variant=\"paragraph-200\">{children}</Paragraph>\n          ) : (\n            children\n          )}\n        </div>\n      </div>\n    </div>\n  );\n};\n","import React, { createContext, type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Heading, type HeadingTagType, type HeadingVariant } from \"@purpur/heading\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./accordion.module.scss\";\nimport { AccordionItem } from \"./accordion-item\";\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-accordion\";\n\nexport type AccordionProps = Omit<BaseProps, \"title\" | \"children\"> & {\n  children: ReactNode;\n  negative?: boolean;\n  title?: ReactNode;\n  titleTag?: HeadingTagType;\n  titleVariant?: HeadingVariant;\n  /**\n   * A schema enables external applications to parse the content in a structured manner.\n   * See more at schema.org . We use a JSON-LD based script-tag to add the schema to the DOM.\n   * Note that only one type of schema can be added per page\n   */\n  schema?: string;\n};\n\nexport const NegativeContext = createContext(false);\n\nexport const Accordion = ({\n  children,\n  className,\n  negative = false,\n  title,\n  titleTag = \"h2\",\n  titleVariant = \"title-300\",\n  schema,\n  ...props\n}: AccordionProps) => {\n  const classes = cx([\n    rootClassName,\n    {\n      [`${rootClassName}--negative`]: negative,\n    },\n    className,\n  ]);\n\n  return (\n    <div className={classes} {...props}>\n      {title && (\n        <Heading tag={titleTag} variant={titleVariant} className={cx(`${rootClassName}__title`)}>\n          {title}\n        </Heading>\n      )}\n      <NegativeContext.Provider value={negative}>{children}</NegativeContext.Provider>\n      {schema && (\n        <script\n          type=\"application/ld+json\"\n          dangerouslySetInnerHTML={{\n            __html: schema,\n          }}\n        />\n      )}\n    </div>\n  );\n};\n\nAccordion.Item = AccordionItem;\nAccordion.displayName = \"Accordion\";\n\nexport type { AccordionItemOnClickEvent, AccordionItemProps } from \"./accordion-item\";\n"],"names":["cx","c","styles","rootClassName","AccordionItem","children","className","fullWidth","title","titleTag","initialOpen","onClick","onOpen","onClose","props","negative","useContext","NegativeContext","uid","useId","hidden","setHidden","useState","classes","jsxs","jsx","Heading","e","IconChevronDown","Paragraph","createContext","Accordion","titleVariant","schema"],"mappings":"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"}
+{"version":3,"file":"accordion-DX8efWOt.js","sources":["../../../components/accordion/src/accordion-item.tsx","../../../components/accordion/src/accordion.tsx"],"sourcesContent":["import React, { type ReactNode, useContext, useId, useState } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Heading, type HeadingTagType } from \"@purpur/heading\";\nimport { IconChevronDown } from \"@purpur/icon/chevron-down\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport c from \"classnames/bind\";\n\nimport { NegativeContext } from \"./accordion\";\nimport styles from \"./accordion-item.module.scss\";\n\nconst cx = c.bind(styles);\n\nconst rootClassName = \"purpur-accordion-item\";\n\nexport type AccordionItemOnClickEvent = React.MouseEvent<HTMLButtonElement, MouseEvent> & {\n  currentTarget: { dataset: { state: \"open\" | \"closed\" } };\n};\n\nexport type AccordionItemProps = Omit<BaseProps, \"onClick\" | \"title\" | \"children\"> & {\n  children: ReactNode;\n  /**\n   * If true, the children will take the full width without max-width constraint.\n   * @default false\n   */\n  fullWidth?: boolean;\n  /**\n   * Content to be rendered inside a `button` element.\n   * Only pass ReactNodes that are valid as children of a `button`, such as plain text,\n   * inline elements like `span` or other non-interactive elements. Avoid block-level or interactive elements.\n   */\n  title: ReactNode;\n  /**\n   * This is the heading tag used for the accordion item title. Defaults to h3.\n   * `type HeadingTagType = \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"`\n   */\n  titleTag?: HeadingTagType;\n  /**\n   * Makes it possible to set the initial state to opened\n   * */\n  initialOpen?: boolean;\n  /**\n   * onClick is called when accordion item is expanded or collapsed\n   * event.currentTarget.dataset.state will be either \"open\" or \"closed\"\n   */\n  onClick?: (event: AccordionItemOnClickEvent) => void;\n  onOpen?: () => void;\n  onClose?: () => void;\n};\n\nexport const AccordionItem = ({\n  children,\n  className,\n  fullWidth = false,\n  title,\n  titleTag = \"h3\",\n  initialOpen = false,\n  onClick,\n  onOpen,\n  onClose,\n  ...props\n}: AccordionItemProps) => {\n  const negative = useContext(NegativeContext);\n  const uid = useId();\n  const [hidden, setHidden] = useState(!initialOpen);\n\n  const classes = cx([\n    rootClassName,\n    {\n      [`${rootClassName}--negative`]: negative,\n    },\n    className,\n  ]);\n\n  return (\n    <div className={classes} {...props}>\n      <Heading\n        tag={titleTag}\n        variant=\"title-100\"\n        className={cx([`${rootClassName}__header`, `${rootClassName}__title`])}\n      >\n        <button\n          type=\"button\"\n          data-state={hidden ? \"open\" : \"close\"} // The state is actually set in the onClick, so reversing the data- output state here\n          onClick={(e: AccordionItemOnClickEvent) => {\n            onClick && onClick(e);\n            if (hidden) {\n              onOpen && onOpen();\n            } else {\n              onClose && onClose();\n            }\n            setHidden(!hidden);\n          }}\n          className={cx(`${rootClassName}__trigger`, className, {\n            [`${rootClassName}__rotate`]: !hidden,\n          })}\n          aria-expanded={!hidden}\n          aria-controls={uid}\n          id={uid + \"button\"}\n        >\n          {title}\n          <IconChevronDown size=\"md\" className={cx(`${rootClassName}__icon`)} aria-hidden />\n        </button>\n      </Heading>\n      <div\n        className={cx(`${rootClassName}__content`, className)}\n        aria-hidden={hidden}\n        id={uid}\n        aria-labelledby={uid + \"button\"}\n        role=\"region\"\n      >\n        <div\n          className={cx(`${rootClassName}__contentText`, {\n            [`${rootClassName}__contentText--limit-width`]: !fullWidth,\n          })}\n        >\n          {typeof children === \"string\" ? (\n            <Paragraph variant=\"paragraph-200\">{children}</Paragraph>\n          ) : (\n            children\n          )}\n        </div>\n      </div>\n    </div>\n  );\n};\n","import React, { createContext, type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Heading, type HeadingTagType, type HeadingVariant } from \"@purpur/heading\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./accordion.module.scss\";\nimport { AccordionItem } from \"./accordion-item\";\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-accordion\";\n\nexport type AccordionProps = Omit<BaseProps, \"title\" | \"children\"> & {\n  children: ReactNode;\n  negative?: boolean;\n  title?: ReactNode;\n  titleTag?: HeadingTagType;\n  titleVariant?: HeadingVariant;\n  /**\n   * A schema enables external applications to parse the content in a structured manner.\n   * See more at schema.org . We use a JSON-LD based script-tag to add the schema to the DOM.\n   * Note that only one type of schema can be added per page\n   */\n  schema?: string;\n};\n\nexport const NegativeContext = createContext(false);\n\nexport const Accordion = ({\n  children,\n  className,\n  negative = false,\n  title,\n  titleTag = \"h2\",\n  titleVariant = \"title-300\",\n  schema,\n  ...props\n}: AccordionProps) => {\n  const classes = cx([\n    rootClassName,\n    {\n      [`${rootClassName}--negative`]: negative,\n    },\n    className,\n  ]);\n\n  return (\n    <div className={classes} {...props}>\n      {title && (\n        <Heading tag={titleTag} variant={titleVariant} className={cx(`${rootClassName}__title`)}>\n          {title}\n        </Heading>\n      )}\n      <NegativeContext.Provider value={negative}>{children}</NegativeContext.Provider>\n      {schema && (\n        <script\n          type=\"application/ld+json\"\n          dangerouslySetInnerHTML={{\n            __html: schema,\n          }}\n        />\n      )}\n    </div>\n  );\n};\n\nAccordion.Item = AccordionItem;\nAccordion.displayName = \"Accordion\";\n\nexport type { AccordionItemOnClickEvent, AccordionItemProps } from \"./accordion-item\";\n"],"names":["cx","c","styles","rootClassName","AccordionItem","children","className","fullWidth","title","titleTag","initialOpen","onClick","onOpen","onClose","props","negative","useContext","NegativeContext","uid","useId","hidden","setHidden","useState","classes","jsxs","jsx","Heading","e","IconChevronDown","Paragraph","createContext","Accordion","titleVariant","schema"],"mappings":"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"}

package/dist/accordion.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./accordion-CF2fj2uq.js");exports.Accordion=e.Accordion;exports.NegativeContext=e.NegativeContext;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./accordion-DX8efWOt.js");exports.Accordion=e.Accordion;exports.NegativeContext=e.NegativeContext;
 //# sourceMappingURL=accordion.cjs.js.map

package/dist/accordion.es.js

@@ -1,4 +1,4 @@
-import { A as t, N as a } from "./accordion-DWflnyWa.mjs";
+import { A as t, N as a } from "./accordion-BKTz9DM6.mjs";
 export {
   t as Accordion,
   a as NegativeContext

package/dist/{alert-badge-u7qAhYbR.mjs → alert-badge-DR8cigWu.mjs}

@@ -23,7 +23,7 @@ const g = {
 c.displayName = "AlertBadge";
 export {
   d as A,
-  N as a,
-  c as b
+  c as a,
+  N as b
 };
-//# sourceMappingURL=alert-badge-u7qAhYbR.mjs.map
+//# sourceMappingURL=alert-badge-DR8cigWu.mjs.map

package/dist/{alert-badge-u7qAhYbR.mjs.map → alert-badge-DR8cigWu.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"alert-badge-u7qAhYbR.mjs","sources":["../../../components/alert-badge/src/alert-badge.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./alert-badge.module.scss\";\nconst cx = c.bind(styles);\n\nexport const ALERT_BADGE_VARIANT = {\n  ATTENTION: \"attention\",\n  INFORMATION: \"information\",\n  SUCCESS: \"success\",\n  WARNING: \"warning\",\n  ERROR: \"error\",\n  NEUTRAL: \"neutral\",\n} as const;\n\nexport const alertBadgeVariants = Object.values(ALERT_BADGE_VARIANT);\nexport type AlertBadgeVariant = (typeof ALERT_BADGE_VARIANT)[keyof typeof ALERT_BADGE_VARIANT];\n\nexport type AlertBadgeProps = Omit<BaseProps<\"span\">, \"children\"> & {\n  variant: AlertBadgeVariant;\n};\n\nconst rootClassName = \"purpur-alert-badge\";\n\nexport const AlertBadge = forwardRef<HTMLSpanElement, AlertBadgeProps>((props, ref) => {\n  const { className, variant, ...otherProps } = props;\n  const classes = cx([rootClassName, `${rootClassName}--${variant}`, className]);\n\n  return <span {...otherProps} className={classes} ref={ref} />;\n});\n\nAlertBadge.displayName = \"AlertBadge\";\n"],"names":["cx","c","styles","ALERT_BADGE_VARIANT","alertBadgeVariants","rootClassName","AlertBadge","forwardRef","props","ref","className","variant","otherProps","classes"],"mappings":";;;;;;;;;;;GAKMA,IAAKC,EAAE,KAAKC,CAAM,GAEXC,IAAsB;AAAA,EACjC,WAAW;AAAA,EACX,aAAa;AAAA,EACb,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AACX,GAEaC,IAAqB,OAAO,OAAOD,CAAmB,GAO7DE,IAAgB,sBAETC,IAAaC,EAA6C,CAACC,GAAOC,MAAQ;AACrF,QAAM,EAAE,WAAAC,GAAW,SAAAC,GAAS,GAAGC,MAAeJ,GACxCK,IAAUb,EAAG,CAACK,GAAe,GAAGA,CAAa,KAAKM,CAAO,IAAID,CAAS,CAAC;AAE7E,2BAAQ,QAAA,EAAM,GAAGE,GAAY,WAAWC,GAAS,KAAAJ,GAAU;AAC7D,CAAC;AAEDH,EAAW,cAAc;"}
+{"version":3,"file":"alert-badge-DR8cigWu.mjs","sources":["../../../components/alert-badge/src/alert-badge.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./alert-badge.module.scss\";\nconst cx = c.bind(styles);\n\nexport const ALERT_BADGE_VARIANT = {\n  ATTENTION: \"attention\",\n  INFORMATION: \"information\",\n  SUCCESS: \"success\",\n  WARNING: \"warning\",\n  ERROR: \"error\",\n  NEUTRAL: \"neutral\",\n} as const;\n\nexport const alertBadgeVariants = Object.values(ALERT_BADGE_VARIANT);\nexport type AlertBadgeVariant = (typeof ALERT_BADGE_VARIANT)[keyof typeof ALERT_BADGE_VARIANT];\n\nexport type AlertBadgeProps = Omit<BaseProps<\"span\">, \"children\"> & {\n  variant: AlertBadgeVariant;\n};\n\nconst rootClassName = \"purpur-alert-badge\";\n\nexport const AlertBadge = forwardRef<HTMLSpanElement, AlertBadgeProps>((props, ref) => {\n  const { className, variant, ...otherProps } = props;\n  const classes = cx([rootClassName, `${rootClassName}--${variant}`, className]);\n\n  return <span {...otherProps} className={classes} ref={ref} />;\n});\n\nAlertBadge.displayName = \"AlertBadge\";\n"],"names":["cx","c","styles","ALERT_BADGE_VARIANT","alertBadgeVariants","rootClassName","AlertBadge","forwardRef","props","ref","className","variant","otherProps","classes"],"mappings":";;;;;;;;;;;GAKMA,IAAKC,EAAE,KAAKC,CAAM,GAEXC,IAAsB;AAAA,EACjC,WAAW;AAAA,EACX,aAAa;AAAA,EACb,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AACX,GAEaC,IAAqB,OAAO,OAAOD,CAAmB,GAO7DE,IAAgB,sBAETC,IAAaC,EAA6C,CAACC,GAAOC,MAAQ;AACrF,QAAM,EAAE,WAAAC,GAAW,SAAAC,GAAS,GAAGC,MAAeJ,GACxCK,IAAUb,EAAG,CAACK,GAAe,GAAGA,CAAa,KAAKM,CAAO,IAAID,CAAS,CAAC;AAE7E,2BAAQ,QAAA,EAAM,GAAGE,GAAY,WAAWC,GAAS,KAAAJ,GAAU;AAC7D,CAAC;AAEDH,EAAW,cAAc;"}

package/dist/alert-badge.es.js

@@ -1,4 +1,4 @@
-import { A as e, b as r, a as s } from "./alert-badge-u7qAhYbR.mjs";
+import { A as e, a as r, b as s } from "./alert-badge-DR8cigWu.mjs";
 export {
   e as ALERT_BADGE_VARIANT,
   r as AlertBadge,