@laerdal/life-react-components 6.0.0-dev.2.full → 6.0.0-dev.5.full

package/dist/Dropdown/CommonStyling.cjs

@@ -31,54 +31,99 @@ const DropdownContainer = exports.DropdownContainer = _styledComponents.default.
   }
 
   input:hover + div {
-    color: ${props => _styles.COLORS.getColor('primary_600', props.theme)};
+    color: ${props => _styles.COLORS.generateToken({
+  componentType: 'icon',
+  state: 'hover'
+}, props.theme)};
   }
 
   input:active + div {
-    color: ${props => _styles.COLORS.getColor('primary_800', props.theme)};
+    color: ${props => _styles.COLORS.generateToken({
+  componentType: 'icon',
+  state: 'active'
+}, props.theme)};
   }
 
 
 `;
 const lockedState = (0, _styledComponents.css)`
-  background-color: ${props => _styles.COLORS.getColor('neutral_100', props.theme)};
-  box-shadow: inset 0px 0px 0px 1px ${props => _styles.COLORS.getColor('neutral_300', props.theme)};
-  color: ${props => _styles.COLORS.getColor('neutral_600', props.theme)};
+  background-color: ${props => _styles.COLORS.generateToken({
+  componentType: 'bg-surface',
+  state: 'disabled'
+}, props.theme)};
+  box-shadow: inset 0px 0px 0px 1px ${props => _styles.COLORS.generateToken({
+  componentType: 'border',
+  defaultVariant: 'default'
+}, props.theme)};
+  color: ${props => _styles.COLORS.generateToken({
+  componentType: 'text',
+  defaultVariant: 'subtle'
+}, props.theme)};
   pointer-events: none;
   cursor: not-allowed;
 
   input {
-    color: ${props => _styles.COLORS.getColor('neutral_600', props.theme)} !important;
+    color: ${props => _styles.COLORS.generateToken({
+  componentType: 'text',
+  defaultVariant: 'subtle'
+}, props.theme)} !important;
   }
 
   .dropdown-arrow {
-    color: ${props => _styles.COLORS.getColor('neutral_300', props.theme)} !important;
+    color: ${props => _styles.COLORS.generateToken({
+  componentType: 'icon',
+  state: 'disabled'
+}, props.theme)} !important;
   }
 `;
 const disabledState = (0, _styledComponents.css)`
-  background-color: ${props => _styles.COLORS.getColor('white', props.theme)};
-  box-shadow: inset 0px 0px 0px 1px ${props => _styles.COLORS.getColor('neutral_100', props.theme)};
-  color: ${props => _styles.COLORS.getColor('neutral_300', props.theme)};
+  background-color: ${props => _styles.COLORS.generateToken({
+  componentType: 'bg-surface',
+  state: 'disabled'
+}, props.theme)};
+  box-shadow: inset 0px 0px 0px 1px ${props => _styles.COLORS.generateToken({
+  componentType: 'border',
+  state: 'disabled'
+}, props.theme)};
+  color: ${props => _styles.COLORS.generateToken({
+  componentType: 'text',
+  state: 'disabled'
+}, props.theme)};
   pointer-events: none;
   cursor: not-allowed;
 
   .dropdown-arrow {
-    color: ${props => _styles.COLORS.getColor('neutral_300', props.theme)} !important;
+    color: ${props => _styles.COLORS.generateToken({
+  componentType: 'icon',
+  state: 'disabled'
+}, props.theme)} !important;
   }
 
   input {
-    color: ${props => _styles.COLORS.getColor('neutral_300', props.theme)} !important;
+    color: ${props => _styles.COLORS.generateToken({
+  componentType: 'text',
+  state: 'disabled'
+}, props.theme)} !important;
 
     ::placeholder {
-      color: ${props => _styles.COLORS.getColor('neutral_300', props.theme)} !important;
+      color: ${props => _styles.COLORS.generateToken({
+  componentType: 'text',
+  state: 'disabled'
+}, props.theme)} !important;
     }
   }
 `;
 const activeValidationMessage = (0, _styledComponents.css)`
-  box-shadow: inset 0px 0px 0px 2px ${props => _styles.COLORS.getColor('critical_400', props.theme)};
+  box-shadow: inset 0px 0px 0px 2px ${props => _styles.COLORS.generateToken({
+  componentType: 'border',
+  defaultVariant: 'critical'
+}, props.theme)};
 `;
 const placeholderStyling = (0, _styledComponents.css)`
-  ${props => (0, _typography.ComponentMStyling)(_styles.ComponentTextStyle.Italic, _styles.COLORS.getColor('neutral_600', props.theme))}
+  ${props => (0, _typography.ComponentMStyling)(_styles.ComponentTextStyle.Italic, _styles.COLORS.generateToken({
+  componentType: 'text',
+  defaultVariant: 'subtle'
+}, props.theme))}
 `;
 const DropdownInputField = exports.DropdownInputField = _styledComponents.default.input`
   border: none;
@@ -86,7 +131,10 @@ const DropdownInputField = exports.DropdownInputField = _styledComponents.defaul
   background-color: inherit;
   cursor: pointer;
   min-width: 0px;
-  color: ${props => _styles.COLORS.getColor('black', props.theme)} !important;
+  color: ${props => _styles.COLORS.generateToken({
+  componentType: 'text',
+  defaultVariant: 'default'
+}, props.theme)} !important;
   padding: 0;
   flex-grow: 1;
   display: flex;
@@ -95,7 +143,10 @@ const DropdownInputField = exports.DropdownInputField = _styledComponents.defaul
   ${props => props.$ellipsis ? 'text-overflow: ellipsis;' : ''}
   
   &::placeholder {
-    color: ${props => _styles.COLORS.getColor('neutral_600', props.theme)};
+    color: ${props => _styles.COLORS.generateToken({
+  componentType: 'text',
+  defaultVariant: 'subtle'
+}, props.theme)};
     font-style: italic;
   }
 
@@ -114,8 +165,14 @@ const DropdownInputFieldStyles = exports.DropdownInputFieldStyles = _styledCompo
   min-width: ${props => props.$minWidth ? `${props.$minWidth}` : '344px'};
   width: 100%;
 
-  background: ${props => _styles.COLORS.getColor('white', props.theme)};
-  box-shadow: inset 0px 0px 0px 1px ${props => _styles.COLORS.getColor('neutral_400', props.theme)};
+  background: ${props => _styles.COLORS.generateToken({
+  componentType: 'bg-surface',
+  defaultVariant: 'default'
+}, props.theme)};
+  box-shadow: inset 0px 0px 0px 1px ${props => _styles.COLORS.generateToken({
+  componentType: 'border',
+  defaultVariant: 'subtle'
+}, props.theme)};
   box-sizing: border-box;
   border-radius: 4px;
   cursor: pointer;
@@ -134,7 +191,10 @@ const DropdownInputFieldStyles = exports.DropdownInputFieldStyles = _styledCompo
   ${(0, _TooltipStyles.TooltipTrigger)('hover')}
 
   &::placeholder {
-    ${props => (0, _typography.ComponentXXSStyling)(_styles.ComponentTextStyle.Italic, _styles.COLORS.getColor('neutral_600', props.theme))}
+    ${props => (0, _typography.ComponentXXSStyling)(_styles.ComponentTextStyle.Italic, _styles.COLORS.generateToken({
+  componentType: 'text',
+  defaultVariant: 'subtle'
+}, props.theme))}
   }
 
   ${_styles.BREAKPOINTS.MEDIUM} {
@@ -143,7 +203,10 @@ const DropdownInputFieldStyles = exports.DropdownInputFieldStyles = _styledCompo
     height: 56px;
 
     &::placeholder {
-      ${props => (0, _typography.ComponentXSStyling)(_styles.ComponentTextStyle.Italic, _styles.COLORS.getColor('neutral_600', props.theme))}
+      ${props => (0, _typography.ComponentXSStyling)(_styles.ComponentTextStyle.Italic, _styles.COLORS.generateToken({
+  componentType: 'text',
+  defaultVariant: 'subtle'
+}, props.theme))}
     }
   }
 
@@ -153,7 +216,10 @@ const DropdownInputFieldStyles = exports.DropdownInputFieldStyles = _styledCompo
     height: 48px;
 
     &::placeholder {
-      ${props => (0, _typography.ComponentXXSStyling)(_styles.ComponentTextStyle.Italic, _styles.COLORS.getColor('neutral_600', props.theme))}
+      ${props => (0, _typography.ComponentXXSStyling)(_styles.ComponentTextStyle.Italic, _styles.COLORS.generateToken({
+  componentType: 'text',
+  defaultVariant: 'subtle'
+}, props.theme))}
     }
   }
 
@@ -163,7 +229,10 @@ const DropdownInputFieldStyles = exports.DropdownInputFieldStyles = _styledCompo
     padding: 16px;
 
     &::placeholder {
-      ${props => (0, _typography.ComponentXSStyling)(_styles.ComponentTextStyle.Italic, _styles.COLORS.getColor('neutral_600', props.theme))}
+      ${props => (0, _typography.ComponentXSStyling)(_styles.ComponentTextStyle.Italic, _styles.COLORS.generateToken({
+  componentType: 'text',
+  defaultVariant: 'subtle'
+}, props.theme))}
     }
   }
 
@@ -171,7 +240,10 @@ const DropdownInputFieldStyles = exports.DropdownInputFieldStyles = _styledCompo
     pointer-events: none;
     width: 24px;
     height: 24px;
-    color: ${props => props.$isPlaceholder ? _styles.COLORS.getColor('neutral_600', props.theme) : undefined};
+    color: ${props => props.$isPlaceholder ? _styles.COLORS.generateToken({
+  componentType: 'icon',
+  defaultVariant: 'subtle'
+}, props.theme) : undefined};
   }
 
   &:focus {
@@ -180,41 +252,69 @@ const DropdownInputFieldStyles = exports.DropdownInputFieldStyles = _styledCompo
 
   &:focus-within,
   &.focus-visible-within {
-    box-shadow: inset 0px 0px 0px 2px ${props => _styles.COLORS.getColor('primary_800', props.theme)};
+    box-shadow: inset 0px 0px 0px 2px ${props => _styles.COLORS.generateToken({
+  componentType: 'border',
+  state: 'active',
+  defaultVariant: 'primary'
+}, props.theme)};
   }
 
   &:hover:not(.action-within) {
-    box-shadow: inset 0px 0px 0px 1px ${props => _styles.COLORS.getColor('primary_200', props.theme)};
+    box-shadow: inset 0px 0px 0px 1px ${props => _styles.COLORS.generateToken({
+  componentType: 'border',
+  state: 'hover'
+}, props.theme)};
 
     input {
       ::placeholder {
-        color: ${props => _styles.COLORS.getColor('primary_600', props.theme)};
+        color: ${props => _styles.COLORS.generateToken({
+  componentType: 'text',
+  state: 'hover'
+}, props.theme)};
       }
     }
 
     .dropdown-arrow {
-      color: ${props => _styles.COLORS.getColor('primary_600', props.theme)};
+      color: ${props => _styles.COLORS.generateToken({
+  componentType: 'icon',
+  state: 'hover'
+}, props.theme)};
     }
 
     cursor: pointer;
   }
 
   &:active:not(.action-within) {
-    box-shadow: inset 0px 0px 0px 1px ${props => _styles.COLORS.getColor('primary_300', props.theme)};
+    box-shadow: inset 0px 0px 0px 1px ${props => _styles.COLORS.generateToken({
+  componentType: 'border',
+  state: 'active'
+}, props.theme)};
 
     input {
       ::placeholder {
-        color: ${props => _styles.COLORS.getColor('primary_800', props.theme)};
+        color: ${props => _styles.COLORS.generateToken({
+  componentType: 'text',
+  state: 'active'
+}, props.theme)};
       }
     }
 
     .dropdown-arrow {
-      color: ${props => _styles.COLORS.getColor('primary_800', props.theme)};
+      color: ${props => _styles.COLORS.generateToken({
+  componentType: 'icon',
+  state: 'active'
+}, props.theme)};
     }
   }
 
   &.button {
-    ${props => (0, _typography.ComponentSStyling)(_styles.ComponentTextStyle.Bold, props.$disabled ? _styles.COLORS.getColor('neutral_300', props.theme) : _styles.COLORS.getColor('neutral_600', props.theme))}
+    ${props => (0, _typography.ComponentSStyling)(_styles.ComponentTextStyle.Bold, props.$disabled ? _styles.COLORS.generateToken({
+  componentType: 'text',
+  defaultVariant: 'subtle'
+}, props.theme) : _styles.COLORS.generateToken({
+  componentType: 'text',
+  defaultVariant: 'subtle'
+}, props.theme))}
 
     box-sizing: border-box;
     height: 32px;
@@ -226,8 +326,14 @@ const DropdownInputFieldStyles = exports.DropdownInputFieldStyles = _styledCompo
     border-radius: 4px;
 
     &.expanded {
-      color: ${props => _styles.COLORS.getColor('neutral_800', props.theme)};
-      background: ${props => _styles.COLORS.getColor('neutral_20', props.theme)};
+      color: ${props => _styles.COLORS.generateToken({
+  componentType: 'text',
+  state: 'active'
+}, props.theme)};
+      background: ${props => _styles.COLORS.generateToken({
+  componentType: 'bg-surface',
+  state: 'active'
+}, props.theme)};
     }
   }
 
@@ -281,13 +387,22 @@ const DropdownButtonTextWrapper = exports.DropdownButtonTextWrapper = _styledCom
   width: fit-content;
   cursor: pointer;
 
-  ${props => (0, _typography.ComponentSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('neutral_600', props.theme))}
+  ${props => (0, _typography.ComponentSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.generateToken({
+  componentType: 'text',
+  defaultVariant: 'subtle'
+}, props.theme))}
 
   .expanded {
-    color: ${props => _styles.COLORS.getColor('neutral_800', props.theme)};
+    color: ${props => _styles.COLORS.generateToken({
+  componentType: 'text',
+  defaultVariant: 'default'
+}, props.theme)};
 
     ${DropdownButtonTextContent} {
-      background: ${props => _styles.COLORS.getColor('neutral_20', props.theme)};
+      background: ${props => _styles.COLORS.generateToken({
+  componentType: 'bg-surface',
+  defaultVariant: 'selected'
+}, props.theme)};
     }
   }
 
@@ -297,21 +412,36 @@ const DropdownButtonTextWrapper = exports.DropdownButtonTextWrapper = _styledCom
 
   &:hover:not(.disabled) {
     ${DropdownButtonTextContent} {
-      background-color: ${props => _styles.COLORS.getColor('primary_20', props.theme)};
-      color: ${props => _styles.COLORS.getColor('primary_700', props.theme)};
+      background-color: ${props => _styles.COLORS.generateToken({
+  componentType: 'bg-surface',
+  state: 'hover'
+}, props.theme)};
+      color: ${props => _styles.COLORS.generateToken({
+  componentType: 'text',
+  state: 'hover'
+}, props.theme)};
     }
   }
 
   &:active:not(.disabled) {
     ${DropdownButtonTextContent} {
-      background-color: ${props => _styles.COLORS.getColor('primary_100', props.theme)};
-      color: ${props => _styles.COLORS.getColor('primary_800', props.theme)};
+      background-color: ${props => _styles.COLORS.generateToken({
+  componentType: 'bg-surface',
+  state: 'active'
+}, props.theme)};
+      color: ${props => _styles.COLORS.generateToken({
+  componentType: 'text',
+  state: 'active'
+}, props.theme)};
     }
   }
 
   &.disabled {
     cursor: not-allowed;
-    color: ${props => _styles.COLORS.getColor('neutral_300', props.theme)};
+    color: ${props => _styles.COLORS.generateToken({
+  componentType: 'text',
+  state: 'disabled'
+}, props.theme)};
   }
 
 }`;

package/dist/Dropdown/CommonStyling.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CommonStyling.cjs","names":["_styledComponents","_interopRequireWildcard","require","_common","_styles","_typography","_zIndexes","_TooltipStyles","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","DropdownContainer","exports","styled","div","props","$isButton","minWidth","$readOnly","$disabled","margin","Z_INDEXES","focus","COLORS","getColor","theme","lockedState","css","disabledState","activeValidationMessage","placeholderStyling","ComponentMStyling","ComponentTextStyle","Italic","DropdownInputField","input","$ellipsis","DropdownInputFieldStyles","ComponentSStyling","Regular","$minWidth","TooltipTrigger","ComponentXXSStyling","BREAKPOINTS","MEDIUM","ComponentXSStyling","$isPlaceholder","undefined","Bold","$showValidationMessage","CommonInteractionStyling","dropdown","focusStyles","DropdownContentButtonStyling","DropdownButtonTextContent","DropdownButtonTextIcon","DropdownButtonTextArrow","DropdownButtonTextStyles","DropdownButtonTextWrapper"],"sources":["../../src/Dropdown/CommonStyling.tsx"],"sourcesContent":["import styled, {css} from 'styled-components';\r\nimport {CommonInteractionStyling} from '../common';\r\nimport {BREAKPOINTS, COLORS, ComponentTextStyle, focusStyles} from '../styles';\r\nimport {\r\n  ComponentMStyling,\r\n  ComponentSStyling,\r\n  ComponentXSStyling,\r\n  ComponentXXSStyling\r\n} from '../styles/typography';\r\nimport {Z_INDEXES} from '../styles/z-indexes';\r\nimport { TooltipTrigger } from '../Tooltips/TooltipStyles';\r\n\r\nexport const DropdownContainer = styled.div<{ $isButton: boolean; $readOnly?: boolean; $disabled?: boolean; margin?: string; minWidth?: string }>`\r\n  display: inline-block;\r\n\r\n  ${(props) => !props.$isButton && (props?.minWidth ? `width: 100%; min-width: ${props.minWidth};` : 'width: 100%; min-width: 344px;')}\r\n  ${(props) => (props.$readOnly || props.$disabled ? 'cursor: not-allowed;' : '')}\r\n  ${(props) => (props.margin ? `margin: ${props.margin};` : 'margin-bottom: 4px;')}\r\n  .show {\r\n    display: block;\r\n  }\r\n\r\n  .value {\r\n    flex-grow: 1;\r\n  }\r\n\r\n  &:focus-within {\r\n    z-index: ${Z_INDEXES.focus};\r\n  }\r\n\r\n  input:hover + div {\r\n    color: ${props => COLORS.getColor('primary_600', props.theme)};\r\n  }\r\n\r\n  input:active + div {\r\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n  }\r\n\r\n\r\n`;\r\n\r\nconst lockedState = css`\r\n  background-color: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n  box-shadow: inset 0px 0px 0px 1px ${props => COLORS.getColor('neutral_300', props.theme)};\r\n  color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n  pointer-events: none;\r\n  cursor: not-allowed;\r\n\r\n  input {\r\n    color: ${props => COLORS.getColor('neutral_600', props.theme)} !important;\r\n  }\r\n\r\n  .dropdown-arrow {\r\n    color: ${props => COLORS.getColor('neutral_300', props.theme)} !important;\r\n  }\r\n`;\r\n\r\nconst disabledState = css`\r\n  background-color: ${props => COLORS.getColor('white', props.theme)};\r\n  box-shadow: inset 0px 0px 0px 1px ${props => COLORS.getColor('neutral_100', props.theme)};\r\n  color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n  pointer-events: none;\r\n  cursor: not-allowed;\r\n\r\n  .dropdown-arrow {\r\n    color: ${props => COLORS.getColor('neutral_300', props.theme)} !important;\r\n  }\r\n\r\n  input {\r\n    color: ${props => COLORS.getColor('neutral_300', props.theme)} !important;\r\n\r\n    ::placeholder {\r\n      color: ${props => COLORS.getColor('neutral_300', props.theme)} !important;\r\n    }\r\n  }\r\n`;\r\n\r\nconst activeValidationMessage = css`\r\n  box-shadow: inset 0px 0px 0px 2px ${props => COLORS.getColor('critical_400', props.theme)};\r\n`;\r\n\r\nconst placeholderStyling = css`\r\n  ${props => ComponentMStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_600', props.theme))}\r\n`;\r\n\r\nexport const DropdownInputField = styled.input<{$ellipsis?: boolean}>`\r\n  border: none;\r\n  outline: none;\r\n  background-color: inherit;\r\n  cursor: pointer;\r\n  min-width: 0px;\r\n  color: ${props => COLORS.getColor('black', props.theme)} !important;\r\n  padding: 0;\r\n  flex-grow: 1;\r\n  display: flex;\r\n  justify-content: center;\r\n  overflow: hidden;\r\n  ${props => props.$ellipsis ? 'text-overflow: ellipsis;' : ''}\r\n  \r\n  &::placeholder {\r\n    color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n    font-style: italic;\r\n  }\r\n\r\n  &::-webkit-search-decoration,\r\n  &::-webkit-search-cancel-button,\r\n  &::-webkit-search-results-button,\r\n  &::-webkit-search-results-decoration {\r\n    -webkit-appearance: none;\r\n  }\r\n`;\r\n\r\nexport const DropdownInputFieldStyles = styled.div<{ $disabled: boolean; $readOnly: boolean; $showValidationMessage?: boolean; $isPlaceholder?: boolean; $minWidth?: string }>`\r\n  ${ComponentSStyling(ComponentTextStyle.Regular, 'inherit')}\r\n\r\n  padding: 12px 16px;\r\n  height: 48px;\r\n  min-width: ${(props) => (props.$minWidth ? `${props.$minWidth}` : '344px')};\r\n  width: 100%;\r\n\r\n  background: ${props => COLORS.getColor('white', props.theme)};\r\n  box-shadow: inset 0px 0px 0px 1px ${props => COLORS.getColor('neutral_400', props.theme)};\r\n  box-sizing: border-box;\r\n  border-radius: 4px;\r\n  cursor: pointer;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 4px;\r\n  position: relative;\r\n\r\n  input {\r\n    font-size: inherit;\r\n    line-height: inherit;\r\n    color: inherit;\r\n  }\r\n\r\n  ${TooltipTrigger('hover')}\r\n\r\n  &::placeholder {\r\n    ${props => ComponentXXSStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_600', props.theme))}\r\n  }\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    ${ComponentMStyling(ComponentTextStyle.Regular, 'inherit')}\r\n    padding: 16px;\r\n    height: 56px;\r\n\r\n    &::placeholder {\r\n      ${props => ComponentXSStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_600', props.theme))}\r\n    }\r\n  }\r\n\r\n  &.small {\r\n    ${ComponentSStyling(ComponentTextStyle.Regular, 'inherit')}\r\n    padding: 12px 16px;\r\n    height: 48px;\r\n\r\n    &::placeholder {\r\n      ${props => ComponentXXSStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_600', props.theme))}\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    ${ComponentMStyling(ComponentTextStyle.Regular, 'inherit')}\r\n    height: 56px;\r\n    padding: 16px;\r\n\r\n    &::placeholder {\r\n      ${props => ComponentXSStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_600', props.theme))}\r\n    }\r\n  }\r\n\r\n  .dropdown-arrow {\r\n    pointer-events: none;\r\n    width: 24px;\r\n    height: 24px;\r\n    color: ${(props) => props.$isPlaceholder ? COLORS.getColor('neutral_600', props.theme) : undefined};\r\n  }\r\n\r\n  &:focus {\r\n    outline: 3px solid #ddd;\r\n  }\r\n\r\n  &:focus-within,\r\n  &.focus-visible-within {\r\n    box-shadow: inset 0px 0px 0px 2px ${props => COLORS.getColor('primary_800', props.theme)};\r\n  }\r\n\r\n  &:hover:not(.action-within) {\r\n    box-shadow: inset 0px 0px 0px 1px ${props => COLORS.getColor('primary_200', props.theme)};\r\n\r\n    input {\r\n      ::placeholder {\r\n        color: ${props => COLORS.getColor('primary_600', props.theme)};\r\n      }\r\n    }\r\n\r\n    .dropdown-arrow {\r\n      color: ${props => COLORS.getColor('primary_600', props.theme)};\r\n    }\r\n\r\n    cursor: pointer;\r\n  }\r\n\r\n  &:active:not(.action-within) {\r\n    box-shadow: inset 0px 0px 0px 1px ${props => COLORS.getColor('primary_300', props.theme)};\r\n\r\n    input {\r\n      ::placeholder {\r\n        color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n      }\r\n    }\r\n\r\n    .dropdown-arrow {\r\n      color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.button {\r\n    ${(props) => ComponentSStyling(ComponentTextStyle.Bold, props.$disabled ? COLORS.getColor('neutral_300', props.theme) : COLORS.getColor('neutral_600', props.theme))}\r\n\r\n    box-sizing: border-box;\r\n    height: 32px;\r\n    padding: 0 8px;\r\n    width: initial;\r\n    min-width: initial;\r\n    border: none !important;\r\n    box-shadow: none;\r\n    border-radius: 4px;\r\n\r\n    &.expanded {\r\n      color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n      background: ${props => COLORS.getColor('neutral_20', props.theme)};\r\n    }\r\n  }\r\n\r\n\r\n  ${(props) => (props.$disabled ? disabledState : '')}\r\n  ${(props) => (props.$readOnly ? lockedState : '')}\r\n  ${(props) => (props.$showValidationMessage ? activeValidationMessage : '')}\r\n  ${(props) => (props.$isPlaceholder ? placeholderStyling : '')}\r\n\r\n  ${CommonInteractionStyling};\r\n\r\n  &.focus-visible,\r\n  &.focus-visible-within {\r\n    z-index: ${Z_INDEXES.dropdown + 1} !important;\r\n    ${focusStyles}\r\n  }\r\n`;\r\n\r\nexport const DropdownContentButtonStyling = css`\r\n  min-width: 344px;\r\n`;\r\n\r\n\r\n\r\nexport const DropdownButtonTextContent = styled.div`\r\n  display: flex;\r\n  gap: 4px;\r\n  align-items: center;\r\n  box-sizing: border-box;\r\n  min-width: 64px;\r\n  min-height: 32px;\r\n  padding: 4px 8px;\r\n  border-radius: 4px;\r\n`;\r\n\r\nexport const DropdownButtonTextIcon = styled.div`\r\n  width: 24px;\r\n  height: 24px;\r\n`;\r\n\r\nexport const DropdownButtonTextArrow = styled.div`\r\n  width: 24px;\r\n  height: 24px;\r\n\r\n  svg {\r\n    pointer-events: none;\r\n  }\r\n`;\r\n\r\nexport const DropdownButtonTextStyles = styled.div`\r\n  flex: 1\r\n`;\r\n\r\nexport const DropdownButtonTextWrapper = styled.div`\r\n  box-sizing: border-box;\r\n  min-height: 48px;\r\n  display: flex;\r\n  align-items: center;\r\n  width: fit-content;\r\n  cursor: pointer;\r\n\r\n  ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\r\n\r\n  .expanded {\r\n    color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n\r\n    ${DropdownButtonTextContent} {\r\n      background: ${props => COLORS.getColor('neutral_20', props.theme)};\r\n    }\r\n  }\r\n\r\n  &:focus {\r\n    ${focusStyles}\r\n  }\r\n\r\n  &:hover:not(.disabled) {\r\n    ${DropdownButtonTextContent} {\r\n      background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n      color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n    }\r\n  }\r\n\r\n  &:active:not(.disabled) {\r\n    ${DropdownButtonTextContent} {\r\n      background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n      color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.disabled {\r\n    cursor: not-allowed;\r\n    color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n  }\r\n\r\n}`;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"CommonStyling.cjs","names":["_styledComponents","_interopRequireWildcard","require","_common","_styles","_typography","_zIndexes","_TooltipStyles","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","DropdownContainer","exports","styled","div","props","$isButton","minWidth","$readOnly","$disabled","margin","Z_INDEXES","focus","COLORS","generateToken","componentType","state","theme","lockedState","css","defaultVariant","disabledState","activeValidationMessage","placeholderStyling","ComponentMStyling","ComponentTextStyle","Italic","DropdownInputField","input","$ellipsis","DropdownInputFieldStyles","ComponentSStyling","Regular","$minWidth","TooltipTrigger","ComponentXXSStyling","BREAKPOINTS","MEDIUM","ComponentXSStyling","$isPlaceholder","undefined","Bold","$showValidationMessage","CommonInteractionStyling","dropdown","focusStyles","DropdownContentButtonStyling","DropdownButtonTextContent","DropdownButtonTextIcon","DropdownButtonTextArrow","DropdownButtonTextStyles","DropdownButtonTextWrapper"],"sources":["../../src/Dropdown/CommonStyling.tsx"],"sourcesContent":["import styled, {css} from 'styled-components';\r\nimport {CommonInteractionStyling} from '../common';\r\nimport {BREAKPOINTS, COLORS, ComponentTextStyle, focusStyles} from '../styles';\r\nimport {\r\n  ComponentMStyling,\r\n  ComponentSStyling,\r\n  ComponentXSStyling,\r\n  ComponentXXSStyling\r\n} from '../styles/typography';\r\nimport {Z_INDEXES} from '../styles/z-indexes';\r\nimport { TooltipTrigger } from '../Tooltips/TooltipStyles';\r\n\r\nexport const DropdownContainer = styled.div<{ $isButton: boolean; $readOnly?: boolean; $disabled?: boolean; margin?: string; minWidth?: string }>`\r\n  display: inline-block;\r\n\r\n  ${(props) => !props.$isButton && (props?.minWidth ? `width: 100%; min-width: ${props.minWidth};` : 'width: 100%; min-width: 344px;')}\r\n  ${(props) => (props.$readOnly || props.$disabled ? 'cursor: not-allowed;' : '')}\r\n  ${(props) => (props.margin ? `margin: ${props.margin};` : 'margin-bottom: 4px;')}\r\n  .show {\r\n    display: block;\r\n  }\r\n\r\n  .value {\r\n    flex-grow: 1;\r\n  }\r\n\r\n  &:focus-within {\r\n    z-index: ${Z_INDEXES.focus};\r\n  }\r\n\r\n  input:hover + div {\r\n    color: ${props => COLORS.generateToken({ componentType: 'icon', state: 'hover' }, props.theme)};\r\n  }\r\n\r\n  input:active + div {\r\n    color: ${props => COLORS.generateToken({ componentType: 'icon', state: 'active' }, props.theme)};\r\n  }\r\n\r\n\r\n`;\r\n\r\nconst lockedState = css`\r\n  background-color: ${props => COLORS.generateToken({ componentType: 'bg-surface', state: 'disabled' }, props.theme)};\r\n  box-shadow: inset 0px 0px 0px 1px ${props => COLORS.generateToken({ componentType: 'border', defaultVariant: 'default' }, props.theme)};\r\n  color: ${props => COLORS.generateToken({componentType: 'text', defaultVariant: 'subtle'}, props.theme)};\r\n  pointer-events: none;\r\n  cursor: not-allowed;\r\n\r\n  input {\r\n    color: ${props => COLORS.generateToken({ componentType:'text', defaultVariant:'subtle' }, props.theme)} !important;\r\n  }\r\n\r\n  .dropdown-arrow {\r\n    color: ${props => COLORS.generateToken({ componentType: 'icon', state:'disabled' }, props.theme)} !important;\r\n  }\r\n`;\r\n\r\nconst disabledState = css`\r\n  background-color: ${props => COLORS.generateToken({ componentType: 'bg-surface', state: 'disabled' }, props.theme)};\r\n  box-shadow: inset 0px 0px 0px 1px ${props => COLORS.generateToken({ componentType: 'border', state: 'disabled' }, props.theme)};\r\n  color: ${props => COLORS.generateToken({ componentType: 'text', state: 'disabled' }, props.theme)};\r\n  pointer-events: none;\r\n  cursor: not-allowed;\r\n\r\n  .dropdown-arrow {\r\n    color: ${props => COLORS.generateToken({ componentType: 'icon', state: 'disabled' }, props.theme)} !important;\r\n  }\r\n\r\n  input {\r\n    color: ${props => COLORS.generateToken({ componentType: 'text', state: 'disabled' }, props.theme)} !important;\r\n\r\n    ::placeholder {\r\n      color: ${props => COLORS.generateToken({ componentType: 'text', state: 'disabled' }, props.theme)} !important;\r\n    }\r\n  }\r\n`;\r\n\r\nconst activeValidationMessage = css`\r\n  box-shadow: inset 0px 0px 0px 2px ${props => COLORS.generateToken({ componentType:'border', defaultVariant:'critical' }, props.theme)};\r\n`;\r\n\r\nconst placeholderStyling = css`\r\n  ${props => ComponentMStyling(ComponentTextStyle.Italic, COLORS.generateToken({ componentType:'text', defaultVariant:'subtle' }, props.theme))}\r\n`;\r\n\r\nexport const DropdownInputField = styled.input<{$ellipsis?: boolean}>`\r\n  border: none;\r\n  outline: none;\r\n  background-color: inherit;\r\n  cursor: pointer;\r\n  min-width: 0px;\r\n  color: ${props => COLORS.generateToken({ componentType: 'text', defaultVariant: 'default' }, props.theme)} !important;\r\n  padding: 0;\r\n  flex-grow: 1;\r\n  display: flex;\r\n  justify-content: center;\r\n  overflow: hidden;\r\n  ${props => props.$ellipsis ? 'text-overflow: ellipsis;' : ''}\r\n  \r\n  &::placeholder {\r\n    color: ${props => COLORS.generateToken({ componentType:'text', defaultVariant:'subtle' }, props.theme)};\r\n    font-style: italic;\r\n  }\r\n\r\n  &::-webkit-search-decoration,\r\n  &::-webkit-search-cancel-button,\r\n  &::-webkit-search-results-button,\r\n  &::-webkit-search-results-decoration {\r\n    -webkit-appearance: none;\r\n  }\r\n`;\r\n\r\nexport const DropdownInputFieldStyles = styled.div<{ $disabled: boolean; $readOnly: boolean; $showValidationMessage?: boolean; $isPlaceholder?: boolean; $minWidth?: string }>`\r\n  ${ComponentSStyling(ComponentTextStyle.Regular, 'inherit')}\r\n\r\n  padding: 12px 16px;\r\n  height: 48px;\r\n  min-width: ${(props) => (props.$minWidth ? `${props.$minWidth}` : '344px')};\r\n  width: 100%;\r\n\r\n  background: ${props => COLORS.generateToken({ componentType: 'bg-surface', defaultVariant: 'default' }, props.theme)};\r\n  box-shadow: inset 0px 0px 0px 1px ${props => COLORS.generateToken({ componentType: 'border', defaultVariant: 'subtle' }, props.theme)};\r\n  box-sizing: border-box;\r\n  border-radius: 4px;\r\n  cursor: pointer;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 4px;\r\n  position: relative;\r\n\r\n  input {\r\n    font-size: inherit;\r\n    line-height: inherit;\r\n    color: inherit;\r\n  }\r\n\r\n  ${TooltipTrigger('hover')}\r\n\r\n  &::placeholder {\r\n    ${props => ComponentXXSStyling(ComponentTextStyle.Italic, COLORS.generateToken({componentType:'text',defaultVariant:'subtle'}, props.theme))}\r\n  }\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    ${ComponentMStyling(ComponentTextStyle.Regular, 'inherit')}\r\n    padding: 16px;\r\n    height: 56px;\r\n\r\n    &::placeholder {\r\n      ${props => ComponentXSStyling(ComponentTextStyle.Italic, COLORS.generateToken({componentType:'text',defaultVariant:'subtle'}, props.theme))}\r\n    }\r\n  }\r\n\r\n  &.small {\r\n    ${ComponentSStyling(ComponentTextStyle.Regular, 'inherit')}\r\n    padding: 12px 16px;\r\n    height: 48px;\r\n\r\n    &::placeholder {\r\n      ${props => ComponentXXSStyling(ComponentTextStyle.Italic, COLORS.generateToken({componentType:'text',defaultVariant:'subtle'}, props.theme))}\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    ${ComponentMStyling(ComponentTextStyle.Regular, 'inherit')}\r\n    height: 56px;\r\n    padding: 16px;\r\n\r\n    &::placeholder {\r\n      ${props => ComponentXSStyling(ComponentTextStyle.Italic, COLORS.generateToken({componentType:'text',defaultVariant:'subtle'}, props.theme))}\r\n    }\r\n  }\r\n\r\n  .dropdown-arrow {\r\n    pointer-events: none;\r\n    width: 24px;\r\n    height: 24px;\r\n    color: ${(props) => props.$isPlaceholder ? COLORS.generateToken({componentType:'icon',defaultVariant:'subtle'}, props.theme) : undefined};\r\n  }\r\n\r\n  &:focus {\r\n    outline: 3px solid #ddd;\r\n  }\r\n\r\n  &:focus-within,\r\n  &.focus-visible-within {\r\n    box-shadow: inset 0px 0px 0px 2px ${props => COLORS.generateToken({componentType:'border', state: 'active', defaultVariant:'primary'}, props.theme)};\r\n  }\r\n\r\n  &:hover:not(.action-within) {\r\n    box-shadow: inset 0px 0px 0px 1px ${props => COLORS.generateToken({ componentType: 'border', state: 'hover' }, props.theme)};\r\n\r\n    input {\r\n      ::placeholder {\r\n        color: ${props => COLORS.generateToken({ componentType: 'text', state: 'hover' }, props.theme)};\r\n      }\r\n    }\r\n\r\n    .dropdown-arrow {\r\n      color: ${props => COLORS.generateToken({ componentType: 'icon', state: 'hover' }, props.theme)};\r\n    }\r\n\r\n    cursor: pointer;\r\n  }\r\n\r\n  &:active:not(.action-within) {\r\n    box-shadow: inset 0px 0px 0px 1px ${props => COLORS.generateToken({ componentType: 'border', state: 'active' }, props.theme)};\r\n\r\n    input {\r\n      ::placeholder {\r\n        color: ${props => COLORS.generateToken({ componentType: 'text', state: 'active' }, props.theme)};\r\n      }\r\n    }\r\n\r\n    .dropdown-arrow {\r\n      color: ${props => COLORS.generateToken({ componentType: 'icon', state: 'active' }, props.theme)};\r\n    }\r\n  }\r\n\r\n  &.button {\r\n    ${(props) => ComponentSStyling(ComponentTextStyle.Bold, \r\n      props.$disabled ? COLORS.generateToken({ componentType: 'text', defaultVariant: 'subtle' }, props.theme) : COLORS.generateToken({ componentType:'text', defaultVariant:'subtle' }, props.theme))}\r\n\r\n    box-sizing: border-box;\r\n    height: 32px;\r\n    padding: 0 8px;\r\n    width: initial;\r\n    min-width: initial;\r\n    border: none !important;\r\n    box-shadow: none;\r\n    border-radius: 4px;\r\n\r\n    &.expanded {\r\n      color: ${props => COLORS.generateToken({ componentType: 'text', state: 'active' }, props.theme)};\r\n      background: ${props => COLORS.generateToken({ componentType: 'bg-surface', state: 'active' }, props.theme)};\r\n    }\r\n  }\r\n\r\n\r\n  ${(props) => (props.$disabled ? disabledState : '')}\r\n  ${(props) => (props.$readOnly ? lockedState : '')}\r\n  ${(props) => (props.$showValidationMessage ? activeValidationMessage : '')}\r\n  ${(props) => (props.$isPlaceholder ? placeholderStyling : '')}\r\n\r\n  ${CommonInteractionStyling};\r\n\r\n  &.focus-visible,\r\n  &.focus-visible-within {\r\n    z-index: ${Z_INDEXES.dropdown + 1} !important;\r\n    ${focusStyles}\r\n  }\r\n`;\r\n\r\nexport const DropdownContentButtonStyling = css`\r\n  min-width: 344px;\r\n`;\r\n\r\n\r\n\r\nexport const DropdownButtonTextContent = styled.div`\r\n  display: flex;\r\n  gap: 4px;\r\n  align-items: center;\r\n  box-sizing: border-box;\r\n  min-width: 64px;\r\n  min-height: 32px;\r\n  padding: 4px 8px;\r\n  border-radius: 4px;\r\n`;\r\n\r\nexport const DropdownButtonTextIcon = styled.div`\r\n  width: 24px;\r\n  height: 24px;\r\n`;\r\n\r\nexport const DropdownButtonTextArrow = styled.div`\r\n  width: 24px;\r\n  height: 24px;\r\n\r\n  svg {\r\n    pointer-events: none;\r\n  }\r\n`;\r\n\r\nexport const DropdownButtonTextStyles = styled.div`\r\n  flex: 1\r\n`;\r\n\r\nexport const DropdownButtonTextWrapper = styled.div`\r\n  box-sizing: border-box;\r\n  min-height: 48px;\r\n  display: flex;\r\n  align-items: center;\r\n  width: fit-content;\r\n  cursor: pointer;\r\n\r\n  ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.generateToken({componentType:'text',defaultVariant:'subtle'}, props.theme))}\r\n\r\n  .expanded {\r\n    color: ${props => COLORS.generateToken({ componentType: 'text', defaultVariant: 'default' }, props.theme)};\r\n\r\n    ${DropdownButtonTextContent} {\r\n      background: ${props => COLORS.generateToken({componentType: 'bg-surface', defaultVariant: 'selected'}, props.theme)};\r\n    }\r\n  }\r\n\r\n  &:focus {\r\n    ${focusStyles}\r\n  }\r\n\r\n  &:hover:not(.disabled) {\r\n    ${DropdownButtonTextContent} {\r\n      background-color: ${props => COLORS.generateToken({componentType: 'bg-surface', state: 'hover'}, props.theme)};\r\n      color: ${props => COLORS.generateToken({componentType: 'text', state: 'hover'}, props.theme)};\r\n    }\r\n  }\r\n\r\n  &:active:not(.disabled) {\r\n    ${DropdownButtonTextContent} {\r\n      background-color: ${props => COLORS.generateToken({componentType: 'bg-surface', state: 'active'}, props.theme)};\r\n      color: ${props => COLORS.generateToken({componentType: 'text', state: 'active'}, props.theme)};\r\n    }\r\n  }\r\n\r\n  &.disabled {\r\n    cursor: not-allowed;\r\n    color: ${props => COLORS.generateToken({ componentType: 'text', state: 'disabled' }, props.theme)};\r\n  }\r\n\r\n}`;\r\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAMA,IAAAI,SAAA,GAAAJ,OAAA;AACA,IAAAK,cAAA,GAAAL,OAAA;AAA2D,SAAAM,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAR,wBAAAQ,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAEpD,MAAMW,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAGE,yBAAM,CAACC,GAAyG;AACjJ;AACA;AACA,IAAKC,KAAK,IAAK,CAACA,KAAK,CAACC,SAAS,KAAKD,KAAK,EAAEE,QAAQ,GAAG,2BAA2BF,KAAK,CAACE,QAAQ,GAAG,GAAG,gCAAgC,CAAC;AACtI,IAAKF,KAAK,IAAMA,KAAK,CAACG,SAAS,IAAIH,KAAK,CAACI,SAAS,GAAG,sBAAsB,GAAG,EAAG;AACjF,IAAKJ,KAAK,IAAMA,KAAK,CAACK,MAAM,GAAG,WAAWL,KAAK,CAACK,MAAM,GAAG,GAAG,qBAAsB;AAClF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAeC,mBAAS,CAACC,KAAK;AAC9B;AACA;AACA;AACA,aAAaP,KAAK,IAAIQ,cAAM,CAACC,aAAa,CAAC;EAAEC,aAAa,EAAE,MAAM;EAAEC,KAAK,EAAE;AAAQ,CAAC,EAAEX,KAAK,CAACY,KAAK,CAAC;AAClG;AACA;AACA;AACA,aAAaZ,KAAK,IAAIQ,cAAM,CAACC,aAAa,CAAC;EAAEC,aAAa,EAAE,MAAM;EAAEC,KAAK,EAAE;AAAS,CAAC,EAAEX,KAAK,CAACY,KAAK,CAAC;AACnG;AACA;AACA;AACA,CAAC;AAED,MAAMC,WAAW,GAAG,IAAAC,qBAAG;AACvB,sBAAsBd,KAAK,IAAIQ,cAAM,CAACC,aAAa,CAAC;EAAEC,aAAa,EAAE,YAAY;EAAEC,KAAK,EAAE;AAAW,CAAC,EAAEX,KAAK,CAACY,KAAK,CAAC;AACpH,sCAAsCZ,KAAK,IAAIQ,cAAM,CAACC,aAAa,CAAC;EAAEC,aAAa,EAAE,QAAQ;EAAEK,cAAc,EAAE;AAAU,CAAC,EAAEf,KAAK,CAACY,KAAK,CAAC;AACxI,WAAWZ,KAAK,IAAIQ,cAAM,CAACC,aAAa,CAAC;EAACC,aAAa,EAAE,MAAM;EAAEK,cAAc,EAAE;AAAQ,CAAC,EAAEf,KAAK,CAACY,KAAK,CAAC;AACxG;AACA;AACA;AACA;AACA,aAAaZ,KAAK,IAAIQ,cAAM,CAACC,aAAa,CAAC;EAAEC,aAAa,EAAC,MAAM;EAAEK,cAAc,EAAC;AAAS,CAAC,EAAEf,KAAK,CAACY,KAAK,CAAC;AAC1G;AACA;AACA;AACA,aAAaZ,KAAK,IAAIQ,cAAM,CAACC,aAAa,CAAC;EAAEC,aAAa,EAAE,MAAM;EAAEC,KAAK,EAAC;AAAW,CAAC,EAAEX,KAAK,CAACY,KAAK,CAAC;AACpG;AACA,CAAC;AAED,MAAMI,aAAa,GAAG,IAAAF,qBAAG;AACzB,sBAAsBd,KAAK,IAAIQ,cAAM,CAACC,aAAa,CAAC;EAAEC,aAAa,EAAE,YAAY;EAAEC,KAAK,EAAE;AAAW,CAAC,EAAEX,KAAK,CAACY,KAAK,CAAC;AACpH,sCAAsCZ,KAAK,IAAIQ,cAAM,CAACC,aAAa,CAAC;EAAEC,aAAa,EAAE,QAAQ;EAAEC,KAAK,EAAE;AAAW,CAAC,EAAEX,KAAK,CAACY,KAAK,CAAC;AAChI,WAAWZ,KAAK,IAAIQ,cAAM,CAACC,aAAa,CAAC;EAAEC,aAAa,EAAE,MAAM;EAAEC,KAAK,EAAE;AAAW,CAAC,EAAEX,KAAK,CAACY,KAAK,CAAC;AACnG;AACA;AACA;AACA;AACA,aAAaZ,KAAK,IAAIQ,cAAM,CAACC,aAAa,CAAC;EAAEC,aAAa,EAAE,MAAM;EAAEC,KAAK,EAAE;AAAW,CAAC,EAAEX,KAAK,CAACY,KAAK,CAAC;AACrG;AACA;AACA;AACA,aAAaZ,KAAK,IAAIQ,cAAM,CAACC,aAAa,CAAC;EAAEC,aAAa,EAAE,MAAM;EAAEC,KAAK,EAAE;AAAW,CAAC,EAAEX,KAAK,CAACY,KAAK,CAAC;AACrG;AACA;AACA,eAAeZ,KAAK,IAAIQ,cAAM,CAACC,aAAa,CAAC;EAAEC,aAAa,EAAE,MAAM;EAAEC,KAAK,EAAE;AAAW,CAAC,EAAEX,KAAK,CAACY,KAAK,CAAC;AACvG;AACA;AACA,CAAC;AAED,MAAMK,uBAAuB,GAAG,IAAAH,qBAAG;AACnC,sCAAsCd,KAAK,IAAIQ,cAAM,CAACC,aAAa,CAAC;EAAEC,aAAa,EAAC,QAAQ;EAAEK,cAAc,EAAC;AAAW,CAAC,EAAEf,KAAK,CAACY,KAAK,CAAC;AACvI,CAAC;AAED,MAAMM,kBAAkB,GAAG,IAAAJ,qBAAG;AAC9B,IAAId,KAAK,IAAI,IAAAmB,6BAAiB,EAACC,0BAAkB,CAACC,MAAM,EAAEb,cAAM,CAACC,aAAa,CAAC;EAAEC,aAAa,EAAC,MAAM;EAAEK,cAAc,EAAC;AAAS,CAAC,EAAEf,KAAK,CAACY,KAAK,CAAC,CAAC;AAC/I,CAAC;AAEM,MAAMU,kBAAkB,GAAAzB,OAAA,CAAAyB,kBAAA,GAAGxB,yBAAM,CAACyB,KAA4B;AACrE;AACA;AACA;AACA;AACA;AACA,WAAWvB,KAAK,IAAIQ,cAAM,CAACC,aAAa,CAAC;EAAEC,aAAa,EAAE,MAAM;EAAEK,cAAc,EAAE;AAAU,CAAC,EAAEf,KAAK,CAACY,KAAK,CAAC;AAC3G;AACA;AACA;AACA;AACA;AACA,IAAIZ,KAAK,IAAIA,KAAK,CAACwB,SAAS,GAAG,0BAA0B,GAAG,EAAE;AAC9D;AACA;AACA,aAAaxB,KAAK,IAAIQ,cAAM,CAACC,aAAa,CAAC;EAAEC,aAAa,EAAC,MAAM;EAAEK,cAAc,EAAC;AAAS,CAAC,EAAEf,KAAK,CAACY,KAAK,CAAC;AAC1G;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAEM,MAAMa,wBAAwB,GAAA5B,OAAA,CAAA4B,wBAAA,GAAG3B,yBAAM,CAACC,GAA+H;AAC9K,IAAI,IAAA2B,6BAAiB,EAACN,0BAAkB,CAACO,OAAO,EAAE,SAAS,CAAC;AAC5D;AACA;AACA;AACA,eAAgB3B,KAAK,IAAMA,KAAK,CAAC4B,SAAS,GAAG,GAAG5B,KAAK,CAAC4B,SAAS,EAAE,GAAG,OAAQ;AAC5E;AACA;AACA,gBAAgB5B,KAAK,IAAIQ,cAAM,CAACC,aAAa,CAAC;EAAEC,aAAa,EAAE,YAAY;EAAEK,cAAc,EAAE;AAAU,CAAC,EAAEf,KAAK,CAACY,KAAK,CAAC;AACtH,sCAAsCZ,KAAK,IAAIQ,cAAM,CAACC,aAAa,CAAC;EAAEC,aAAa,EAAE,QAAQ;EAAEK,cAAc,EAAE;AAAS,CAAC,EAAEf,KAAK,CAACY,KAAK,CAAC;AACvI;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI,IAAAiB,6BAAc,EAAC,OAAO,CAAC;AAC3B;AACA;AACA,MAAM7B,KAAK,IAAI,IAAA8B,+BAAmB,EAACV,0BAAkB,CAACC,MAAM,EAAEb,cAAM,CAACC,aAAa,CAAC;EAACC,aAAa,EAAC,MAAM;EAACK,cAAc,EAAC;AAAQ,CAAC,EAAEf,KAAK,CAACY,KAAK,CAAC,CAAC;AAChJ;AACA;AACA,IAAImB,mBAAW,CAACC,MAAM;AACtB,MAAM,IAAAb,6BAAiB,EAACC,0BAAkB,CAACO,OAAO,EAAE,SAAS,CAAC;AAC9D;AACA;AACA;AACA;AACA,QAAQ3B,KAAK,IAAI,IAAAiC,8BAAkB,EAACb,0BAAkB,CAACC,MAAM,EAAEb,cAAM,CAACC,aAAa,CAAC;EAACC,aAAa,EAAC,MAAM;EAACK,cAAc,EAAC;AAAQ,CAAC,EAAEf,KAAK,CAACY,KAAK,CAAC,CAAC;AACjJ;AACA;AACA;AACA;AACA,MAAM,IAAAc,6BAAiB,EAACN,0BAAkB,CAACO,OAAO,EAAE,SAAS,CAAC;AAC9D;AACA;AACA;AACA;AACA,QAAQ3B,KAAK,IAAI,IAAA8B,+BAAmB,EAACV,0BAAkB,CAACC,MAAM,EAAEb,cAAM,CAACC,aAAa,CAAC;EAACC,aAAa,EAAC,MAAM;EAACK,cAAc,EAAC;AAAQ,CAAC,EAAEf,KAAK,CAACY,KAAK,CAAC,CAAC;AAClJ;AACA;AACA;AACA;AACA,MAAM,IAAAO,6BAAiB,EAACC,0BAAkB,CAACO,OAAO,EAAE,SAAS,CAAC;AAC9D;AACA;AACA;AACA;AACA,QAAQ3B,KAAK,IAAI,IAAAiC,8BAAkB,EAACb,0BAAkB,CAACC,MAAM,EAAEb,cAAM,CAACC,aAAa,CAAC;EAACC,aAAa,EAAC,MAAM;EAACK,cAAc,EAAC;AAAQ,CAAC,EAAEf,KAAK,CAACY,KAAK,CAAC,CAAC;AACjJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAcZ,KAAK,IAAKA,KAAK,CAACkC,cAAc,GAAG1B,cAAM,CAACC,aAAa,CAAC;EAACC,aAAa,EAAC,MAAM;EAACK,cAAc,EAAC;AAAQ,CAAC,EAAEf,KAAK,CAACY,KAAK,CAAC,GAAGuB,SAAS;AAC5I;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,wCAAwCnC,KAAK,IAAIQ,cAAM,CAACC,aAAa,CAAC;EAACC,aAAa,EAAC,QAAQ;EAAEC,KAAK,EAAE,QAAQ;EAAEI,cAAc,EAAC;AAAS,CAAC,EAAEf,KAAK,CAACY,KAAK,CAAC;AACvJ;AACA;AACA;AACA,wCAAwCZ,KAAK,IAAIQ,cAAM,CAACC,aAAa,CAAC;EAAEC,aAAa,EAAE,QAAQ;EAAEC,KAAK,EAAE;AAAQ,CAAC,EAAEX,KAAK,CAACY,KAAK,CAAC;AAC/H;AACA;AACA;AACA,iBAAiBZ,KAAK,IAAIQ,cAAM,CAACC,aAAa,CAAC;EAAEC,aAAa,EAAE,MAAM;EAAEC,KAAK,EAAE;AAAQ,CAAC,EAAEX,KAAK,CAACY,KAAK,CAAC;AACtG;AACA;AACA;AACA;AACA,eAAeZ,KAAK,IAAIQ,cAAM,CAACC,aAAa,CAAC;EAAEC,aAAa,EAAE,MAAM;EAAEC,KAAK,EAAE;AAAQ,CAAC,EAAEX,KAAK,CAACY,KAAK,CAAC;AACpG;AACA;AACA;AACA;AACA;AACA;AACA,wCAAwCZ,KAAK,IAAIQ,cAAM,CAACC,aAAa,CAAC;EAAEC,aAAa,EAAE,QAAQ;EAAEC,KAAK,EAAE;AAAS,CAAC,EAAEX,KAAK,CAACY,KAAK,CAAC;AAChI;AACA;AACA;AACA,iBAAiBZ,KAAK,IAAIQ,cAAM,CAACC,aAAa,CAAC;EAAEC,aAAa,EAAE,MAAM;EAAEC,KAAK,EAAE;AAAS,CAAC,EAAEX,KAAK,CAACY,KAAK,CAAC;AACvG;AACA;AACA;AACA;AACA,eAAeZ,KAAK,IAAIQ,cAAM,CAACC,aAAa,CAAC;EAAEC,aAAa,EAAE,MAAM;EAAEC,KAAK,EAAE;AAAS,CAAC,EAAEX,KAAK,CAACY,KAAK,CAAC;AACrG;AACA;AACA;AACA;AACA,MAAOZ,KAAK,IAAK,IAAA0B,6BAAiB,EAACN,0BAAkB,CAACgB,IAAI,EACpDpC,KAAK,CAACI,SAAS,GAAGI,cAAM,CAACC,aAAa,CAAC;EAAEC,aAAa,EAAE,MAAM;EAAEK,cAAc,EAAE;AAAS,CAAC,EAAEf,KAAK,CAACY,KAAK,CAAC,GAAGJ,cAAM,CAACC,aAAa,CAAC;EAAEC,aAAa,EAAC,MAAM;EAAEK,cAAc,EAAC;AAAS,CAAC,EAAEf,KAAK,CAACY,KAAK,CAAC,CAAC;AACtM;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAeZ,KAAK,IAAIQ,cAAM,CAACC,aAAa,CAAC;EAAEC,aAAa,EAAE,MAAM;EAAEC,KAAK,EAAE;AAAS,CAAC,EAAEX,KAAK,CAACY,KAAK,CAAC;AACrG,oBAAoBZ,KAAK,IAAIQ,cAAM,CAACC,aAAa,CAAC;EAAEC,aAAa,EAAE,YAAY;EAAEC,KAAK,EAAE;AAAS,CAAC,EAAEX,KAAK,CAACY,KAAK,CAAC;AAChH;AACA;AACA;AACA;AACA,IAAKZ,KAAK,IAAMA,KAAK,CAACI,SAAS,GAAGY,aAAa,GAAG,EAAG;AACrD,IAAKhB,KAAK,IAAMA,KAAK,CAACG,SAAS,GAAGU,WAAW,GAAG,EAAG;AACnD,IAAKb,KAAK,IAAMA,KAAK,CAACqC,sBAAsB,GAAGpB,uBAAuB,GAAG,EAAG;AAC5E,IAAKjB,KAAK,IAAMA,KAAK,CAACkC,cAAc,GAAGhB,kBAAkB,GAAG,EAAG;AAC/D;AACA,IAAIoB,gCAAwB;AAC5B;AACA;AACA;AACA,eAAehC,mBAAS,CAACiC,QAAQ,GAAG,CAAC;AACrC,MAAMC,mBAAW;AACjB;AACA,CAAC;AAEM,MAAMC,4BAA4B,GAAA5C,OAAA,CAAA4C,4BAAA,GAAG,IAAA3B,qBAAG;AAC/C;AACA,CAAC;AAIM,MAAM4B,yBAAyB,GAAA7C,OAAA,CAAA6C,yBAAA,GAAG5C,yBAAM,CAACC,GAAG;AACnD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAEM,MAAM4C,sBAAsB,GAAA9C,OAAA,CAAA8C,sBAAA,GAAG7C,yBAAM,CAACC,GAAG;AAChD;AACA;AACA,CAAC;AAEM,MAAM6C,uBAAuB,GAAA/C,OAAA,CAAA+C,uBAAA,GAAG9C,yBAAM,CAACC,GAAG;AACjD;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAEM,MAAM8C,wBAAwB,GAAAhD,OAAA,CAAAgD,wBAAA,GAAG/C,yBAAM,CAACC,GAAG;AAClD;AACA,CAAC;AAEM,MAAM+C,yBAAyB,GAAAjD,OAAA,CAAAiD,yBAAA,GAAGhD,yBAAM,CAACC,GAAG;AACnD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAIC,KAAK,IAAI,IAAA0B,6BAAiB,EAACN,0BAAkB,CAACgB,IAAI,EAAE5B,cAAM,CAACC,aAAa,CAAC;EAACC,aAAa,EAAC,MAAM;EAACK,cAAc,EAAC;AAAQ,CAAC,EAAEf,KAAK,CAACY,KAAK,CAAC,CAAC;AAC1I;AACA;AACA,aAAaZ,KAAK,IAAIQ,cAAM,CAACC,aAAa,CAAC;EAAEC,aAAa,EAAE,MAAM;EAAEK,cAAc,EAAE;AAAU,CAAC,EAAEf,KAAK,CAACY,KAAK,CAAC;AAC7G;AACA,MAAM8B,yBAAyB;AAC/B,oBAAoB1C,KAAK,IAAIQ,cAAM,CAACC,aAAa,CAAC;EAACC,aAAa,EAAE,YAAY;EAAEK,cAAc,EAAE;AAAU,CAAC,EAAEf,KAAK,CAACY,KAAK,CAAC;AACzH;AACA;AACA;AACA;AACA,MAAM4B,mBAAW;AACjB;AACA;AACA;AACA,MAAME,yBAAyB;AAC/B,0BAA0B1C,KAAK,IAAIQ,cAAM,CAACC,aAAa,CAAC;EAACC,aAAa,EAAE,YAAY;EAAEC,KAAK,EAAE;AAAO,CAAC,EAAEX,KAAK,CAACY,KAAK,CAAC;AACnH,eAAeZ,KAAK,IAAIQ,cAAM,CAACC,aAAa,CAAC;EAACC,aAAa,EAAE,MAAM;EAAEC,KAAK,EAAE;AAAO,CAAC,EAAEX,KAAK,CAACY,KAAK,CAAC;AAClG;AACA;AACA;AACA;AACA,MAAM8B,yBAAyB;AAC/B,0BAA0B1C,KAAK,IAAIQ,cAAM,CAACC,aAAa,CAAC;EAACC,aAAa,EAAE,YAAY;EAAEC,KAAK,EAAE;AAAQ,CAAC,EAAEX,KAAK,CAACY,KAAK,CAAC;AACpH,eAAeZ,KAAK,IAAIQ,cAAM,CAACC,aAAa,CAAC;EAACC,aAAa,EAAE,MAAM;EAAEC,KAAK,EAAE;AAAQ,CAAC,EAAEX,KAAK,CAACY,KAAK,CAAC;AACnG;AACA;AACA;AACA;AACA;AACA,aAAaZ,KAAK,IAAIQ,cAAM,CAACC,aAAa,CAAC;EAAEC,aAAa,EAAE,MAAM;EAAEC,KAAK,EAAE;AAAW,CAAC,EAAEX,KAAK,CAACY,KAAK,CAAC;AACrG;AACA;AACA,EAAE","ignoreList":[]}