@veracity/vui 4.0.3 → 5.0.0-alpha.375407.2603121328

package/dist/theme/foundations/colors.js.map

@@ -1 +1 @@
-{"version":3,"file":"colors.js","names":["oneDesignButtonTokens.buttonTypePrimaryDefaultBorderColorDark","oneDesignButtonTokens.buttonTypePrimaryDefaultBorderColorLight","oneDesignButtonTokens.buttonTypePrimaryDefaultBackgroundColorDark","oneDesignButtonTokens.buttonTypePrimaryDefaultBackgroundColorLight","oneDesignButtonTokens.buttonTypePrimaryDefaultTextColorDark","oneDesignButtonTokens.buttonTypePrimaryDefaultTextColorLight","oneDesignButtonTokens.buttonTypePrimaryHoverBorderColorDark","oneDesignButtonTokens.buttonTypePrimaryHoverBorderColorLight","oneDesignButtonTokens.buttonTypePrimaryHoverBackgroundColorDark","oneDesignButtonTokens.buttonTypePrimaryHoverBackgroundColorLight","oneDesignButtonTokens.buttonTypePrimaryHoverTextColorDark","oneDesignButtonTokens.buttonTypePrimaryHoverTextColorLight","oneDesignButtonTokens.buttonTypePrimaryActiveBorderColorDark","oneDesignButtonTokens.buttonTypePrimaryActiveBorderColorLight","oneDesignButtonTokens.buttonTypePrimaryActiveBackgroundColorDark","oneDesignButtonTokens.buttonTypePrimaryActiveBackgroundColorLight","oneDesignButtonTokens.buttonTypePrimaryActiveTextColorDark","oneDesignButtonTokens.buttonTypePrimaryActiveTextColorLight","oneDesignButtonTokens.buttonTypePrimaryFocusOutline","oneDesignButtonTokens.buttonTypeSecondaryDefaultBorderColorDark","oneDesignButtonTokens.buttonTypeSecondaryDefaultBorderColorLight","oneDesignButtonTokens.buttonTypeSecondaryDefaultBackgroundColorDark","oneDesignButtonTokens.buttonTypeSecondaryDefaultBackgroundColorLight","oneDesignButtonTokens.buttonTypeSecondaryDefaultTextColorDark","oneDesignButtonTokens.buttonTypeSecondaryDefaultTextColorLight","oneDesignButtonTokens.buttonTypeSecondaryHoverBorderColorDark","oneDesignButtonTokens.buttonTypeSecondaryHoverBorderColorLight","oneDesignButtonTokens.buttonTypeSecondaryHoverBackgroundColorDark","oneDesignButtonTokens.buttonTypeSecondaryHoverBackgroundColorLight","oneDesignButtonTokens.buttonTypeSecondaryHoverTextColorDark","oneDesignButtonTokens.buttonTypeSecondaryHoverTextColorLight","oneDesignButtonTokens.buttonTypeSecondaryActiveBorderColorDark","oneDesignButtonTokens.buttonTypeSecondaryActiveBorderColorLight","oneDesignButtonTokens.buttonTypeSecondaryActiveBackgroundColorDark","oneDesignButtonTokens.buttonTypeSecondaryActiveBackgroundColorLight","oneDesignButtonTokens.buttonTypeSecondaryActiveTextColorDark","oneDesignButtonTokens.buttonTypeSecondaryActiveTextColorLight","oneDesignButtonTokens.buttonTypeSecondaryFocusOutline","oneDesignButtonTokens.buttonTypeTertiaryDefaultBorderColorDark","oneDesignButtonTokens.buttonTypeTertiaryDefaultBorderColorLight","oneDesignButtonTokens.buttonTypeTertiaryDefaultBackgroundColorDark","oneDesignButtonTokens.buttonTypeTertiaryDefaultBackgroundColorLight","oneDesignButtonTokens.buttonTypeTertiaryDefaultTextColorDark","oneDesignButtonTokens.buttonTypeTertiaryDefaultTextColorLight","oneDesignButtonTokens.buttonTypeTertiaryHoverBorderColorDark","oneDesignButtonTokens.buttonTypeTertiaryHoverBorderColorLight","oneDesignButtonTokens.buttonTypeTertiaryHoverBackgroundColorDark","oneDesignButtonTokens.buttonTypeTertiaryHoverBackgroundColorLight","oneDesignButtonTokens.buttonTypeTertiaryHoverTextColorDark","oneDesignButtonTokens.buttonTypeTertiaryHoverTextColorLight","oneDesignButtonTokens.buttonTypeTertiaryActiveBorderColorDark","oneDesignButtonTokens.buttonTypeTertiaryActiveBorderColorLight","oneDesignButtonTokens.buttonTypeTertiaryActiveBackgroundColorDark","oneDesignButtonTokens.buttonTypeTertiaryActiveBackgroundColorLight","oneDesignButtonTokens.buttonTypeTertiaryActiveTextColorDark","oneDesignButtonTokens.buttonTypeTertiaryActiveTextColorLight","oneDesignButtonTokens.buttonTypeTertiaryFocusOutline","oneDesignButtonTokens.buttonDisabledCursor","oneDesignButtonTokens.buttonDisabledOpacity"],"sources":["../../../src/theme/foundations/colors.ts"],"sourcesContent":["import * as oneDesignButtonTokens from '../../onedesign-tokens/dist/js/rem/button'\n\nconst buttonTypePrimaryDefaultBorderColorDark: string = oneDesignButtonTokens.buttonTypePrimaryDefaultBorderColorDark\nconst buttonTypePrimaryDefaultBorderColorLight: string = oneDesignButtonTokens.buttonTypePrimaryDefaultBorderColorLight\nconst buttonTypePrimaryDefaultBackgroundColorDark: string =\n  oneDesignButtonTokens.buttonTypePrimaryDefaultBackgroundColorDark\nconst buttonTypePrimaryDefaultBackgroundColorLight: string =\n  oneDesignButtonTokens.buttonTypePrimaryDefaultBackgroundColorLight\nconst buttonTypePrimaryDefaultTextColorDark: string = oneDesignButtonTokens.buttonTypePrimaryDefaultTextColorDark\nconst buttonTypePrimaryDefaultTextColorLight: string = oneDesignButtonTokens.buttonTypePrimaryDefaultTextColorLight\nconst buttonTypePrimaryHoverBorderColorDark: string = oneDesignButtonTokens.buttonTypePrimaryHoverBorderColorDark\nconst buttonTypePrimaryHoverBorderColorLight: string = oneDesignButtonTokens.buttonTypePrimaryHoverBorderColorLight\nconst buttonTypePrimaryHoverBackgroundColorDark: string =\n  oneDesignButtonTokens.buttonTypePrimaryHoverBackgroundColorDark\nconst buttonTypePrimaryHoverBackgroundColorLight: string =\n  oneDesignButtonTokens.buttonTypePrimaryHoverBackgroundColorLight\nconst buttonTypePrimaryHoverTextColorDark: string = oneDesignButtonTokens.buttonTypePrimaryHoverTextColorDark\nconst buttonTypePrimaryHoverTextColorLight: string = oneDesignButtonTokens.buttonTypePrimaryHoverTextColorLight\nconst buttonTypePrimaryActiveBorderColorDark: string = oneDesignButtonTokens.buttonTypePrimaryActiveBorderColorDark\nconst buttonTypePrimaryActiveBorderColorLight: string = oneDesignButtonTokens.buttonTypePrimaryActiveBorderColorLight\nconst buttonTypePrimaryActiveBackgroundColorDark: string =\n  oneDesignButtonTokens.buttonTypePrimaryActiveBackgroundColorDark\nconst buttonTypePrimaryActiveBackgroundColorLight: string =\n  oneDesignButtonTokens.buttonTypePrimaryActiveBackgroundColorLight\nconst buttonTypePrimaryActiveTextColorDark: string = oneDesignButtonTokens.buttonTypePrimaryActiveTextColorDark\nconst buttonTypePrimaryActiveTextColorLight: string = oneDesignButtonTokens.buttonTypePrimaryActiveTextColorLight\nconst buttonTypePrimaryFocusOutline: string = oneDesignButtonTokens.buttonTypePrimaryFocusOutline\nconst buttonTypeSecondaryDefaultBorderColorDark: string =\n  oneDesignButtonTokens.buttonTypeSecondaryDefaultBorderColorDark\nconst buttonTypeSecondaryDefaultBorderColorLight: string =\n  oneDesignButtonTokens.buttonTypeSecondaryDefaultBorderColorLight\nconst buttonTypeSecondaryDefaultBackgroundColorDark: string =\n  oneDesignButtonTokens.buttonTypeSecondaryDefaultBackgroundColorDark\nconst buttonTypeSecondaryDefaultBackgroundColorLight: string =\n  oneDesignButtonTokens.buttonTypeSecondaryDefaultBackgroundColorLight\nconst buttonTypeSecondaryDefaultTextColorDark: string = oneDesignButtonTokens.buttonTypeSecondaryDefaultTextColorDark\nconst buttonTypeSecondaryDefaultTextColorLight: string = oneDesignButtonTokens.buttonTypeSecondaryDefaultTextColorLight\nconst buttonTypeSecondaryHoverBorderColorDark: string = oneDesignButtonTokens.buttonTypeSecondaryHoverBorderColorDark\nconst buttonTypeSecondaryHoverBorderColorLight: string = oneDesignButtonTokens.buttonTypeSecondaryHoverBorderColorLight\nconst buttonTypeSecondaryHoverBackgroundColorDark: string =\n  oneDesignButtonTokens.buttonTypeSecondaryHoverBackgroundColorDark\nconst buttonTypeSecondaryHoverBackgroundColorLight: string =\n  oneDesignButtonTokens.buttonTypeSecondaryHoverBackgroundColorLight\nconst buttonTypeSecondaryHoverTextColorDark: string = oneDesignButtonTokens.buttonTypeSecondaryHoverTextColorDark\nconst buttonTypeSecondaryHoverTextColorLight: string = oneDesignButtonTokens.buttonTypeSecondaryHoverTextColorLight\nconst buttonTypeSecondaryActiveBorderColorDark: string = oneDesignButtonTokens.buttonTypeSecondaryActiveBorderColorDark\nconst buttonTypeSecondaryActiveBorderColorLight: string =\n  oneDesignButtonTokens.buttonTypeSecondaryActiveBorderColorLight\nconst buttonTypeSecondaryActiveBackgroundColorDark: string =\n  oneDesignButtonTokens.buttonTypeSecondaryActiveBackgroundColorDark\nconst buttonTypeSecondaryActiveBackgroundColorLight: string =\n  oneDesignButtonTokens.buttonTypeSecondaryActiveBackgroundColorLight\nconst buttonTypeSecondaryActiveTextColorDark: string = oneDesignButtonTokens.buttonTypeSecondaryActiveTextColorDark\nconst buttonTypeSecondaryActiveTextColorLight: string = oneDesignButtonTokens.buttonTypeSecondaryActiveTextColorLight\nconst buttonTypeSecondaryFocusOutline: string = oneDesignButtonTokens.buttonTypeSecondaryFocusOutline\nconst buttonTypeTertiaryDefaultBorderColorDark: string = oneDesignButtonTokens.buttonTypeTertiaryDefaultBorderColorDark\nconst buttonTypeTertiaryDefaultBorderColorLight: string =\n  oneDesignButtonTokens.buttonTypeTertiaryDefaultBorderColorLight\nconst buttonTypeTertiaryDefaultBackgroundColorDark: string =\n  oneDesignButtonTokens.buttonTypeTertiaryDefaultBackgroundColorDark\nconst buttonTypeTertiaryDefaultBackgroundColorLight: string =\n  oneDesignButtonTokens.buttonTypeTertiaryDefaultBackgroundColorLight\nconst buttonTypeTertiaryDefaultTextColorDark: string = oneDesignButtonTokens.buttonTypeTertiaryDefaultTextColorDark\nconst buttonTypeTertiaryDefaultTextColorLight: string = oneDesignButtonTokens.buttonTypeTertiaryDefaultTextColorLight\nconst buttonTypeTertiaryHoverBorderColorDark: string = oneDesignButtonTokens.buttonTypeTertiaryHoverBorderColorDark\nconst buttonTypeTertiaryHoverBorderColorLight: string = oneDesignButtonTokens.buttonTypeTertiaryHoverBorderColorLight\nconst buttonTypeTertiaryHoverBackgroundColorDark: string =\n  oneDesignButtonTokens.buttonTypeTertiaryHoverBackgroundColorDark\nconst buttonTypeTertiaryHoverBackgroundColorLight: string =\n  oneDesignButtonTokens.buttonTypeTertiaryHoverBackgroundColorLight\nconst buttonTypeTertiaryHoverTextColorDark: string = oneDesignButtonTokens.buttonTypeTertiaryHoverTextColorDark\nconst buttonTypeTertiaryHoverTextColorLight: string = oneDesignButtonTokens.buttonTypeTertiaryHoverTextColorLight\nconst buttonTypeTertiaryActiveBorderColorDark: string = oneDesignButtonTokens.buttonTypeTertiaryActiveBorderColorDark\nconst buttonTypeTertiaryActiveBorderColorLight: string = oneDesignButtonTokens.buttonTypeTertiaryActiveBorderColorLight\nconst buttonTypeTertiaryActiveBackgroundColorDark: string =\n  oneDesignButtonTokens.buttonTypeTertiaryActiveBackgroundColorDark\nconst buttonTypeTertiaryActiveBackgroundColorLight: string =\n  oneDesignButtonTokens.buttonTypeTertiaryActiveBackgroundColorLight\nconst buttonTypeTertiaryActiveTextColorDark: string = oneDesignButtonTokens.buttonTypeTertiaryActiveTextColorDark\nconst buttonTypeTertiaryActiveTextColorLight: string = oneDesignButtonTokens.buttonTypeTertiaryActiveTextColorLight\nconst buttonTypeTertiaryFocusOutline: string = oneDesignButtonTokens.buttonTypeTertiaryFocusOutline\nconst buttonDisabledCursor: string = oneDesignButtonTokens.buttonDisabledCursor\nconst buttonDisabledOpacity: string = oneDesignButtonTokens.buttonDisabledOpacity\n\nexport const focusColor = 'hsla(196, 100%, 43%, 1)'\n\nexport const darkBlue = {\n  95: 'hsl(223, 67%, 95%)',\n  90: 'hsl(223, 67%, 90%)',\n  85: 'hsl(223, 67%, 85%)',\n  80: 'hsl(223, 67%, 80%)',\n  75: 'hsl(223, 67%, 75%)',\n  70: 'hsl(223, 67%, 70%)',\n  65: 'hsl(223, 67%, 65%)',\n  60: 'hsl(223, 67%, 60%)',\n  55: 'hsl(223, 67%, 55%)',\n  50: 'hsl(223, 67%, 50%)',\n  45: 'hsl(223, 67%, 45%)',\n  40: 'hsl(223, 67%, 40%)',\n  35: 'hsl(223, 67%, 35%)',\n  30: 'hsl(223, 67%, 30%)',\n  25: 'hsl(223, 67%, 25%)',\n  18: 'hsl(223, 67%, 18%)', // main\n  15: 'hsl(223, 67%, 15%)',\n  10: 'hsl(223, 67%, 10%)',\n  5: 'hsl(223, 67%, 5%)',\n  main: 'hsl(223, 67%, 18%)',\n}\n\nexport const digiGreen = {\n  95: 'hsl(139, 100%, 95%)',\n  90: 'hsl(139, 100%, 90%)',\n  85: 'hsl(139, 100%, 85%)',\n  80: 'hsl(139, 100%, 80%)',\n  78: 'hsl(139, 100%, 78%)', // main\n  70: 'hsl(139, 100%, 70%)',\n  65: 'hsl(139, 100%, 65%)',\n  60: 'hsl(139, 100%, 60%)',\n  55: 'hsl(139, 100%, 55%)',\n  50: 'hsl(139, 100%, 50%)',\n  45: 'hsl(139, 100%, 45%)',\n  40: 'hsl(139, 100%, 40%)',\n  35: 'hsl(139, 100%, 35%)',\n  30: 'hsl(139, 100%, 30%)',\n  25: 'hsl(139, 100%, 25%)',\n  20: 'hsl(139, 100%, 20%)',\n  15: 'hsl(139, 100%, 15%)',\n  10: 'hsl(139, 100%, 10%)',\n  5: 'hsl(139, 100%, 5%)',\n  main: 'hsl(139, 100%, 78%)',\n}\n\nexport const earth = {\n  95: 'hsl(35, 53%, 95%)',\n  89: 'hsl(35, 53%, 89%)', //main\n  85: 'hsl(35, 53%, 85%)',\n  80: 'hsl(35, 53%, 80%)',\n  75: 'hsl(35, 53%, 75%)',\n  70: 'hsl(35, 53%, 70%)',\n  65: 'hsl(35, 53%, 65%)',\n  60: 'hsl(35, 53%, 60%)',\n  55: 'hsl(35, 53%, 55%)',\n  50: 'hsl(35, 53%, 50%)',\n  45: 'hsl(35, 53%, 45%)',\n  40: 'hsl(35, 53%, 40%)',\n  35: 'hsl(35, 53%, 35%)',\n  30: 'hsl(35, 53%, 30%)',\n  25: 'hsl(35, 53%, 25%)',\n  20: 'hsl(35, 53%, 20%)',\n  15: 'hsl(35, 53%, 15%)',\n  10: 'hsl(35, 53%, 10%)',\n  5: 'hsl(35, 53%, 5%)',\n  main: 'hsl(35, 53%, 89%)',\n}\n\nexport const energyRed = {\n  95: 'hsl(357, 83%, 95%)',\n  90: 'hsl(357, 83%, 90%)',\n  85: 'hsl(357, 83%, 85%)',\n  80: 'hsl(357, 83%, 80%)',\n  75: 'hsl(357, 83%, 75%)',\n  70: 'hsl(357, 83%, 70%)',\n  65: 'hsl(357, 83%, 65%)',\n  60: 'hsl(357, 83%, 60%)',\n  54: 'hsl(357, 83%, 54%)', //main\n  50: 'hsl(357, 83%, 50%)',\n  45: 'hsl(357, 83%, 45%)',\n  40: 'hsl(357, 83%, 40%)',\n  35: 'hsl(357, 83%, 35%)',\n  30: 'hsl(357, 83%, 30%)',\n  25: 'hsl(357, 83%, 25%)',\n  20: 'hsl(357, 83%, 20%)',\n  15: 'hsl(357, 83%, 15%)',\n  10: 'hsl(357, 83%, 10%)',\n  5: 'hsl(357, 83%, 5%)',\n  main: 'hsl(357, 83%, 54%)',\n}\n\nexport const landGreen = {\n  95: 'hsl(114, 49%, 95%)',\n  90: 'hsl(114, 49%, 90%)',\n  85: 'hsl(114, 49%, 85%)',\n  80: 'hsl(114, 49%, 80%)',\n  75: 'hsl(114, 49%, 75%)',\n  70: 'hsl(114, 49%, 70%)',\n  65: 'hsl(114, 49%, 65%)',\n  60: 'hsl(114, 49%, 60%)',\n  55: 'hsl(114, 49%, 55%)',\n  50: 'hsl(114, 49%, 50%)',\n  45: 'hsl(114, 49%, 45%)',\n  41: 'hsl(114, 49%, 41%)', //main\n  35: 'hsl(114, 49%, 35%)',\n  30: 'hsl(114, 49%, 30%)',\n  25: 'hsl(114, 49%, 25%)',\n  20: 'hsl(114, 49%, 20%)',\n  15: 'hsl(114, 49%, 15%)',\n  10: 'hsl(114, 49%, 10%)',\n  5: 'hsl(114, 49%, 5%)',\n  main: 'hsl(114, 49%, 41%)',\n}\n\nexport const seaBlue = {\n  95: 'hsl(218, 100%, 95%)',\n  90: 'hsl(218, 100%, 90%)',\n  85: 'hsl(218, 100%, 85%)',\n  80: 'hsl(218, 100%, 80%)',\n  75: 'hsl(218, 100%, 75%)',\n  70: 'hsl(218, 100%, 70%)',\n  65: 'hsl(218, 100%, 65%)',\n  60: 'hsl(218, 100%, 60%)',\n  55: 'hsl(218, 100%, 55%)',\n  50: 'hsl(218, 100%, 50%)',\n  45: 'hsl(218, 100%, 45%)',\n  40: 'hsl(218, 100%, 40%)',\n  35: 'hsl(218, 100%, 35%)',\n  28: 'hsl(218, 100%, 28%)', // main\n  25: 'hsl(218, 100%, 25%)',\n  20: 'hsl(218, 100%, 20%)',\n  15: 'hsl(218, 100%, 15%)',\n  10: 'hsl(218, 100%, 10%)',\n  5: 'hsl(218, 100%, 5%)',\n  main: 'hsl(218, 100%, 28%)',\n}\n\nexport const sandstone = {\n  97: 'hsl(40, 3%, 97%)',\n  95: 'hsl(40, 3%, 95%)',\n  90: 'hsl(40, 3%, 90%)',\n  85: 'hsl(40, 3%, 85%)',\n  79: 'hsl(40, 3%, 79%)', //main\n  75: 'hsl(40, 3%, 75%)',\n  70: 'hsl(40, 3%, 70%)',\n  65: 'hsl(40, 3%, 65%)',\n  60: 'hsl(40, 3%, 60%)',\n  55: 'hsl(40, 3%, 55%)',\n  50: 'hsl(40, 3%, 50%)',\n  45: 'hsl(40, 3%, 45%)',\n  40: 'hsl(40, 3%, 40%)',\n  35: 'hsl(40, 3%, 35%)',\n  30: 'hsl(40, 3%, 30%)',\n  25: 'hsl(40, 3%, 25%)',\n  20: 'hsl(40, 3%, 20%)',\n  15: 'hsl(40, 3%, 15%)',\n  10: 'hsl(40, 3%, 10%)',\n  5: 'hsl(40, 3%, 5%)',\n  main: 'hsl(40, 3%, 79%)',\n}\n\nexport const skyBlue = {\n  97: 'hsl(196, 74%, 97%)',\n  95: 'hsl(196, 74%, 95%)', // active, selected\n  90: 'hsl(196, 74%, 90%)', // hover\n  85: 'hsl(196, 74%, 85%)',\n  80: 'hsl(196, 74%, 80%)',\n  77: 'hsl(196, 74%, 77%)', // main\n  65: 'hsl(196, 74%, 65%)',\n  60: 'hsl(196, 74%, 60%)',\n  55: 'hsl(196, 74%, 55%)',\n  50: 'hsl(196, 74%, 50%)',\n  45: 'hsl(196, 74%, 45%)',\n  40: 'hsl(196, 74%, 40%)',\n  35: 'hsl(196, 74%, 35%)',\n  30: 'hsl(196, 74%, 30%)',\n  25: 'hsl(196, 74%, 25%)',\n  20: 'hsl(196, 74%, 20%)',\n  15: 'hsl(196, 74%, 15%)',\n  10: 'hsl(196, 74%, 10%)',\n  5: 'hsl(196, 74%, 5%)',\n  main: 'hsl(196, 74%, 77%)', // skyBlue.77\n  active: 'hsl(196, 74%, 95%)', // skyBlue.95\n  hover: 'hsl(196, 74%, 90%)', // skyBlue.90\n  selected: 'hsl(196, 74%, 95%)', // skyBlue.95\n}\n\nexport const sunflower = {\n  95: 'hsl(55, 100%, 95%)',\n  90: 'hsl(55, 100%, 90%)',\n  85: 'hsl(55, 100%, 85%)',\n  80: 'hsl(55, 100%, 80%)',\n  73: 'hsl(55, 100%, 73%)', // main\n  70: 'hsl(55, 100%, 70%)',\n  65: 'hsl(55, 100%, 65%)',\n  60: 'hsl(55, 100%, 60%)',\n  55: 'hsl(55, 100%, 55%)',\n  50: 'hsl(55, 100%, 50%)',\n  45: 'hsl(55, 100%, 45%)',\n  40: 'hsl(55, 100%, 40%)',\n  35: 'hsl(55, 100%, 35%)',\n  30: 'hsl(55, 100%, 30%)',\n  25: 'hsl(55, 100%, 25%)',\n  20: 'hsl(55, 100%, 20%)',\n  15: 'hsl(55, 100%, 15%)',\n  10: 'hsl(55, 100%, 10%)',\n  5: 'hsl(55, 100%, 5%)',\n  main: 'hsl(55, 100%, 73%)',\n}\n\nexport const terracotta = {\n  95: 'hsl(34, 100%, 95%)',\n  90: 'hsl(34, 100%, 90%)',\n  85: 'hsl(34, 100%, 85%)',\n  80: 'hsl(34, 100%, 80%)',\n  75: 'hsl(34, 100%, 75%)',\n  70: 'hsl(34, 100%, 70%)',\n  65: 'hsl(34, 100%, 65%)',\n  60: 'hsl(34, 100%, 60%)',\n  55: 'hsl(34, 100%, 55%)',\n  50: 'hsl(34, 100%, 50%)',\n  45: 'hsl(34, 100%, 45%)',\n  40: 'hsl(34, 100%, 40%)',\n  35: 'hsl(34, 100%, 35%)', // main\n  30: 'hsl(34, 100%, 30%)',\n  25: 'hsl(34, 100%, 25%)',\n  20: 'hsl(34, 100%, 20%)',\n  15: 'hsl(34, 100%, 15%)',\n  10: 'hsl(34, 100%, 10%)',\n  5: 'hsl(34, 100%, 5%)',\n  main: 'hsl(34, 100%, 35%)',\n}\n\nexport const warmGrey = {\n  95: 'hsl(30, 8%, 95%)',\n  90: 'hsl(30, 8%, 90%)',\n  85: 'hsl(30, 8%, 85%)',\n  80: 'hsl(30, 8%, 80%)',\n  75: 'hsl(30, 8%, 75%)',\n  70: 'hsl(30, 8%, 70%)',\n  65: 'hsl(30, 8%, 65%)',\n  60: 'hsl(30, 8%, 60%)',\n  56: 'hsl(30, 8%, 56%)', // main\n  50: 'hsl(30, 8%, 50%)',\n  45: 'hsl(30, 8%, 45%)',\n  40: 'hsl(30, 8%, 40%)',\n  35: 'hsl(30, 8%, 35%)',\n  30: 'hsl(30, 8%, 30%)',\n  25: 'hsl(30, 8%, 25%)',\n  20: 'hsl(30, 8%, 20%)',\n  15: 'hsl(30, 8%, 15%)',\n  10: 'hsl(30, 8%, 10%)',\n  5: 'hsl(30, 8%, 5%)',\n  main: 'hsl(30, 8%, 56%)',\n}\n\nexport const blue = {\n  10: '#f6fbff',\n  20: '#e2f1ff',\n  30: '#c2e1fe',\n  40: '#a1cef9',\n  50: '#77baf9',\n  60: '#48a1f3',\n  70: '#1e86e5',\n  80: '#0067c5',\n  90: '#075094',\n  100: '#003f79',\n}\n\nexport const green = {\n  10: '#efffed',\n  20: '#d8ffd3',\n  30: '#bdfbb6',\n  40: '#9df291',\n  50: '#82db77',\n  60: '#68c35e',\n  70: '#4ea344',\n  80: '#36842d',\n  90: '#276121',\n  100: '#024019',\n}\n\nexport const grey = {\n  10: '#f7f8f9',\n  20: '#f1f3f5',\n  30: '#e1e6e9',\n  40: '#c3ccd3',\n  50: '#a5b3bd',\n  60: '#8799a7',\n  70: '#768b9c',\n  80: '#698091',\n  90: '#586c7a',\n  100: '#465663',\n}\n\nexport const pink = {\n  10: '#fff3fd',\n  20: '#ffddf9',\n  30: '#ffbdf3',\n  40: '#ff8eea',\n  50: '#ff55df',\n  60: '#ff0ed2',\n  70: '#ee00c1',\n  80: '#da00b1',\n  90: '#a00082',\n  100: '#72005c',\n}\n\nexport const prussian = {\n  10: '#eff3f5',\n  20: '#c5dce8',\n  30: '#91bbcf',\n  40: '#5690ac',\n  50: '#32718e',\n  60: '#0d5071',\n  70: '#003b57',\n  80: '#002a3e',\n  90: '#001620',\n  100: '#000b11',\n}\n\nexport const red = {\n  10: '#fff1f1',\n  20: '#ffe4e4',\n  30: '#ffc8c8',\n  40: '#faa7ab',\n  50: '#fb7b81',\n  60: '#f64d55',\n  70: '#e84148',\n  80: '#d6383f',\n  90: '#b62f3a',\n  100: '#962730',\n}\n\nexport const yellow = {\n  10: '#fffde7',\n  20: '#fff8bd',\n  30: '#ffed7a',\n  40: '#ffe43a',\n  50: '#ffd600',\n  60: '#fec600',\n  70: '#f4b40d',\n  80: '#e29c13',\n  90: '#b67b08',\n  100: '#83591a',\n}\n\nexport const disabled = {\n  bg: sandstone[95],\n  border: sandstone[10],\n  color: sandstone[10],\n}\n\nexport default {\n  buttonTypePrimaryDefaultBorderColorDark,\n  buttonTypePrimaryDefaultBackgroundColorDark,\n  buttonTypePrimaryDefaultTextColorDark,\n  buttonTypePrimaryHoverBackgroundColorDark,\n  buttonTypePrimaryHoverBorderColorDark,\n  buttonTypePrimaryHoverTextColorDark,\n  buttonTypePrimaryActiveBackgroundColorDark,\n  buttonTypePrimaryActiveBorderColorDark,\n  buttonTypePrimaryActiveTextColorDark,\n  buttonTypePrimaryDefaultBorderColorLight,\n  buttonTypePrimaryDefaultBackgroundColorLight,\n  buttonTypePrimaryDefaultTextColorLight,\n  buttonTypePrimaryFocusOutline,\n  buttonTypePrimaryHoverBackgroundColorLight,\n  buttonTypePrimaryHoverBorderColorLight,\n  buttonTypePrimaryHoverTextColorLight,\n  buttonTypePrimaryActiveBackgroundColorLight,\n  buttonTypePrimaryActiveBorderColorLight,\n  buttonTypePrimaryActiveTextColorLight,\n  buttonTypeSecondaryDefaultBorderColorDark,\n  buttonTypeSecondaryDefaultBackgroundColorDark,\n  buttonTypeSecondaryDefaultTextColorDark,\n  buttonTypeSecondaryFocusOutline,\n  buttonTypeSecondaryHoverBackgroundColorDark,\n  buttonTypeSecondaryHoverBorderColorDark,\n  buttonTypeSecondaryHoverTextColorDark,\n  buttonTypeSecondaryActiveBackgroundColorDark,\n  buttonTypeSecondaryActiveBorderColorDark,\n  buttonTypeSecondaryActiveTextColorDark,\n  buttonTypeSecondaryDefaultBorderColorLight,\n  buttonTypeSecondaryDefaultBackgroundColorLight,\n  buttonTypeSecondaryDefaultTextColorLight,\n  buttonTypeSecondaryHoverBackgroundColorLight,\n  buttonTypeSecondaryHoverBorderColorLight,\n  buttonTypeSecondaryHoverTextColorLight,\n  buttonTypeSecondaryActiveBackgroundColorLight,\n  buttonTypeSecondaryActiveBorderColorLight,\n  buttonTypeSecondaryActiveTextColorLight,\n  buttonTypeTertiaryDefaultBorderColorDark,\n  buttonTypeTertiaryDefaultBackgroundColorDark,\n  buttonTypeTertiaryDefaultTextColorDark,\n  buttonTypeTertiaryHoverBackgroundColorDark,\n  buttonTypeTertiaryHoverBorderColorDark,\n  buttonTypeTertiaryHoverTextColorDark,\n  buttonTypeTertiaryFocusOutline,\n  buttonTypeTertiaryActiveBackgroundColorDark,\n  buttonTypeTertiaryActiveBorderColorDark,\n  buttonTypeTertiaryActiveTextColorDark,\n  buttonTypeTertiaryDefaultBorderColorLight,\n  buttonTypeTertiaryDefaultBackgroundColorLight,\n  buttonTypeTertiaryDefaultTextColorLight,\n  buttonTypeTertiaryHoverBackgroundColorLight,\n  buttonTypeTertiaryHoverBorderColorLight,\n  buttonTypeTertiaryHoverTextColorLight,\n  buttonTypeTertiaryActiveBackgroundColorLight,\n  buttonTypeTertiaryActiveBorderColorLight,\n  buttonTypeTertiaryActiveTextColorLight,\n  buttonDisabledCursor,\n  buttonDisabledOpacity,\n  darkBlue,\n  digiGreen,\n  earth,\n  energyRed,\n  focusColor,\n  landGreen,\n  sandstone,\n  seaBlue,\n  skyBlue,\n  sunflower,\n  terracotta,\n  warmGrey,\n  blue,\n  green,\n  grey,\n  pink,\n  prussian,\n  red,\n  yellow,\n  disabled,\n}\n"],"mappings":"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"}
+{"version":3,"file":"colors.js","names":["oneDesignButtonTokens.buttonTypePrimaryDefaultBorderColorDark","oneDesignButtonTokens.buttonTypePrimaryDefaultBorderColorLight","oneDesignButtonTokens.buttonTypePrimaryDefaultBackgroundColorDark","oneDesignButtonTokens.buttonTypePrimaryDefaultBackgroundColorLight","oneDesignButtonTokens.buttonTypePrimaryDefaultTextColorDark","oneDesignButtonTokens.buttonTypePrimaryDefaultTextColorLight","oneDesignButtonTokens.buttonTypePrimaryHoverBorderColorDark","oneDesignButtonTokens.buttonTypePrimaryHoverBorderColorLight","oneDesignButtonTokens.buttonTypePrimaryHoverBackgroundColorDark","oneDesignButtonTokens.buttonTypePrimaryHoverBackgroundColorLight","oneDesignButtonTokens.buttonTypePrimaryHoverTextColorDark","oneDesignButtonTokens.buttonTypePrimaryHoverTextColorLight","oneDesignButtonTokens.buttonTypePrimaryActiveBorderColorDark","oneDesignButtonTokens.buttonTypePrimaryActiveBorderColorLight","oneDesignButtonTokens.buttonTypePrimaryActiveBackgroundColorDark","oneDesignButtonTokens.buttonTypePrimaryActiveBackgroundColorLight","oneDesignButtonTokens.buttonTypePrimaryActiveTextColorDark","oneDesignButtonTokens.buttonTypePrimaryActiveTextColorLight","oneDesignButtonTokens.buttonTypePrimaryFocusOutline","oneDesignButtonTokens.buttonTypeSecondaryDefaultBorderColorDark","oneDesignButtonTokens.buttonTypeSecondaryDefaultBorderColorLight","oneDesignButtonTokens.buttonTypeSecondaryDefaultBackgroundColorDark","oneDesignButtonTokens.buttonTypeSecondaryDefaultBackgroundColorLight","oneDesignButtonTokens.buttonTypeSecondaryDefaultTextColorDark","oneDesignButtonTokens.buttonTypeSecondaryDefaultTextColorLight","oneDesignButtonTokens.buttonTypeSecondaryHoverBorderColorDark","oneDesignButtonTokens.buttonTypeSecondaryHoverBorderColorLight","oneDesignButtonTokens.buttonTypeSecondaryHoverBackgroundColorDark","oneDesignButtonTokens.buttonTypeSecondaryHoverBackgroundColorLight","oneDesignButtonTokens.buttonTypeSecondaryHoverTextColorDark","oneDesignButtonTokens.buttonTypeSecondaryHoverTextColorLight","oneDesignButtonTokens.buttonTypeSecondaryActiveBorderColorDark","oneDesignButtonTokens.buttonTypeSecondaryActiveBorderColorLight","oneDesignButtonTokens.buttonTypeSecondaryActiveBackgroundColorDark","oneDesignButtonTokens.buttonTypeSecondaryActiveBackgroundColorLight","oneDesignButtonTokens.buttonTypeSecondaryActiveTextColorDark","oneDesignButtonTokens.buttonTypeSecondaryActiveTextColorLight","oneDesignButtonTokens.buttonTypeSecondaryFocusOutline","oneDesignButtonTokens.buttonTypeTertiaryDefaultBorderColorDark","oneDesignButtonTokens.buttonTypeTertiaryDefaultBorderColorLight","oneDesignButtonTokens.buttonTypeTertiaryDefaultBackgroundColorDark","oneDesignButtonTokens.buttonTypeTertiaryDefaultBackgroundColorLight","oneDesignButtonTokens.buttonTypeTertiaryDefaultTextColorDark","oneDesignButtonTokens.buttonTypeTertiaryDefaultTextColorLight","oneDesignButtonTokens.buttonTypeTertiaryHoverBorderColorDark","oneDesignButtonTokens.buttonTypeTertiaryHoverBorderColorLight","oneDesignButtonTokens.buttonTypeTertiaryHoverBackgroundColorDark","oneDesignButtonTokens.buttonTypeTertiaryHoverBackgroundColorLight","oneDesignButtonTokens.buttonTypeTertiaryHoverTextColorDark","oneDesignButtonTokens.buttonTypeTertiaryHoverTextColorLight","oneDesignButtonTokens.buttonTypeTertiaryActiveBorderColorDark","oneDesignButtonTokens.buttonTypeTertiaryActiveBorderColorLight","oneDesignButtonTokens.buttonTypeTertiaryActiveBackgroundColorDark","oneDesignButtonTokens.buttonTypeTertiaryActiveBackgroundColorLight","oneDesignButtonTokens.buttonTypeTertiaryActiveTextColorDark","oneDesignButtonTokens.buttonTypeTertiaryActiveTextColorLight","oneDesignButtonTokens.buttonTypeTertiaryFocusOutline","oneDesignButtonTokens.buttonDisabledCursor"],"sources":["../../../src/theme/foundations/colors.ts"],"sourcesContent":["import * as oneDesignButtonTokens from '../../onedesign-tokens/dist/js/rem/button'\n\nconst buttonTypePrimaryDefaultBorderColorDark: string = oneDesignButtonTokens.buttonTypePrimaryDefaultBorderColorDark\nconst buttonTypePrimaryDefaultBorderColorLight: string = oneDesignButtonTokens.buttonTypePrimaryDefaultBorderColorLight\nconst buttonTypePrimaryDefaultBackgroundColorDark: string =\n  oneDesignButtonTokens.buttonTypePrimaryDefaultBackgroundColorDark\nconst buttonTypePrimaryDefaultBackgroundColorLight: string =\n  oneDesignButtonTokens.buttonTypePrimaryDefaultBackgroundColorLight\nconst buttonTypePrimaryDefaultTextColorDark: string = oneDesignButtonTokens.buttonTypePrimaryDefaultTextColorDark\nconst buttonTypePrimaryDefaultTextColorLight: string = oneDesignButtonTokens.buttonTypePrimaryDefaultTextColorLight\nconst buttonTypePrimaryHoverBorderColorDark: string = oneDesignButtonTokens.buttonTypePrimaryHoverBorderColorDark\nconst buttonTypePrimaryHoverBorderColorLight: string = oneDesignButtonTokens.buttonTypePrimaryHoverBorderColorLight\nconst buttonTypePrimaryHoverBackgroundColorDark: string =\n  oneDesignButtonTokens.buttonTypePrimaryHoverBackgroundColorDark\nconst buttonTypePrimaryHoverBackgroundColorLight: string =\n  oneDesignButtonTokens.buttonTypePrimaryHoverBackgroundColorLight\nconst buttonTypePrimaryHoverTextColorDark: string = oneDesignButtonTokens.buttonTypePrimaryHoverTextColorDark\nconst buttonTypePrimaryHoverTextColorLight: string = oneDesignButtonTokens.buttonTypePrimaryHoverTextColorLight\nconst buttonTypePrimaryActiveBorderColorDark: string = oneDesignButtonTokens.buttonTypePrimaryActiveBorderColorDark\nconst buttonTypePrimaryActiveBorderColorLight: string = oneDesignButtonTokens.buttonTypePrimaryActiveBorderColorLight\nconst buttonTypePrimaryActiveBackgroundColorDark: string =\n  oneDesignButtonTokens.buttonTypePrimaryActiveBackgroundColorDark\nconst buttonTypePrimaryActiveBackgroundColorLight: string =\n  oneDesignButtonTokens.buttonTypePrimaryActiveBackgroundColorLight\nconst buttonTypePrimaryActiveTextColorDark: string = oneDesignButtonTokens.buttonTypePrimaryActiveTextColorDark\nconst buttonTypePrimaryActiveTextColorLight: string = oneDesignButtonTokens.buttonTypePrimaryActiveTextColorLight\nconst buttonTypePrimaryFocusOutline: string = oneDesignButtonTokens.buttonTypePrimaryFocusOutline\nconst buttonTypeSecondaryDefaultBorderColorDark: string =\n  oneDesignButtonTokens.buttonTypeSecondaryDefaultBorderColorDark\nconst buttonTypeSecondaryDefaultBorderColorLight: string =\n  oneDesignButtonTokens.buttonTypeSecondaryDefaultBorderColorLight\nconst buttonTypeSecondaryDefaultBackgroundColorDark: string =\n  oneDesignButtonTokens.buttonTypeSecondaryDefaultBackgroundColorDark\nconst buttonTypeSecondaryDefaultBackgroundColorLight: string =\n  oneDesignButtonTokens.buttonTypeSecondaryDefaultBackgroundColorLight\nconst buttonTypeSecondaryDefaultTextColorDark: string = oneDesignButtonTokens.buttonTypeSecondaryDefaultTextColorDark\nconst buttonTypeSecondaryDefaultTextColorLight: string = oneDesignButtonTokens.buttonTypeSecondaryDefaultTextColorLight\nconst buttonTypeSecondaryHoverBorderColorDark: string = oneDesignButtonTokens.buttonTypeSecondaryHoverBorderColorDark\nconst buttonTypeSecondaryHoverBorderColorLight: string = oneDesignButtonTokens.buttonTypeSecondaryHoverBorderColorLight\nconst buttonTypeSecondaryHoverBackgroundColorDark: string =\n  oneDesignButtonTokens.buttonTypeSecondaryHoverBackgroundColorDark\nconst buttonTypeSecondaryHoverBackgroundColorLight: string =\n  oneDesignButtonTokens.buttonTypeSecondaryHoverBackgroundColorLight\nconst buttonTypeSecondaryHoverTextColorDark: string = oneDesignButtonTokens.buttonTypeSecondaryHoverTextColorDark\nconst buttonTypeSecondaryHoverTextColorLight: string = oneDesignButtonTokens.buttonTypeSecondaryHoverTextColorLight\nconst buttonTypeSecondaryActiveBorderColorDark: string = oneDesignButtonTokens.buttonTypeSecondaryActiveBorderColorDark\nconst buttonTypeSecondaryActiveBorderColorLight: string =\n  oneDesignButtonTokens.buttonTypeSecondaryActiveBorderColorLight\nconst buttonTypeSecondaryActiveBackgroundColorDark: string =\n  oneDesignButtonTokens.buttonTypeSecondaryActiveBackgroundColorDark\nconst buttonTypeSecondaryActiveBackgroundColorLight: string =\n  oneDesignButtonTokens.buttonTypeSecondaryActiveBackgroundColorLight\nconst buttonTypeSecondaryActiveTextColorDark: string = oneDesignButtonTokens.buttonTypeSecondaryActiveTextColorDark\nconst buttonTypeSecondaryActiveTextColorLight: string = oneDesignButtonTokens.buttonTypeSecondaryActiveTextColorLight\nconst buttonTypeSecondaryFocusOutline: string = oneDesignButtonTokens.buttonTypeSecondaryFocusOutline\nconst buttonTypeTertiaryDefaultBorderColorDark: string = oneDesignButtonTokens.buttonTypeTertiaryDefaultBorderColorDark\nconst buttonTypeTertiaryDefaultBorderColorLight: string =\n  oneDesignButtonTokens.buttonTypeTertiaryDefaultBorderColorLight\nconst buttonTypeTertiaryDefaultBackgroundColorDark: string =\n  oneDesignButtonTokens.buttonTypeTertiaryDefaultBackgroundColorDark\nconst buttonTypeTertiaryDefaultBackgroundColorLight: string =\n  oneDesignButtonTokens.buttonTypeTertiaryDefaultBackgroundColorLight\nconst buttonTypeTertiaryDefaultTextColorDark: string = oneDesignButtonTokens.buttonTypeTertiaryDefaultTextColorDark\nconst buttonTypeTertiaryDefaultTextColorLight: string = oneDesignButtonTokens.buttonTypeTertiaryDefaultTextColorLight\nconst buttonTypeTertiaryHoverBorderColorDark: string = oneDesignButtonTokens.buttonTypeTertiaryHoverBorderColorDark\nconst buttonTypeTertiaryHoverBorderColorLight: string = oneDesignButtonTokens.buttonTypeTertiaryHoverBorderColorLight\nconst buttonTypeTertiaryHoverBackgroundColorDark: string =\n  oneDesignButtonTokens.buttonTypeTertiaryHoverBackgroundColorDark\nconst buttonTypeTertiaryHoverBackgroundColorLight: string =\n  oneDesignButtonTokens.buttonTypeTertiaryHoverBackgroundColorLight\nconst buttonTypeTertiaryHoverTextColorDark: string = oneDesignButtonTokens.buttonTypeTertiaryHoverTextColorDark\nconst buttonTypeTertiaryHoverTextColorLight: string = oneDesignButtonTokens.buttonTypeTertiaryHoverTextColorLight\nconst buttonTypeTertiaryActiveBorderColorDark: string = oneDesignButtonTokens.buttonTypeTertiaryActiveBorderColorDark\nconst buttonTypeTertiaryActiveBorderColorLight: string = oneDesignButtonTokens.buttonTypeTertiaryActiveBorderColorLight\nconst buttonTypeTertiaryActiveBackgroundColorDark: string =\n  oneDesignButtonTokens.buttonTypeTertiaryActiveBackgroundColorDark\nconst buttonTypeTertiaryActiveBackgroundColorLight: string =\n  oneDesignButtonTokens.buttonTypeTertiaryActiveBackgroundColorLight\nconst buttonTypeTertiaryActiveTextColorDark: string = oneDesignButtonTokens.buttonTypeTertiaryActiveTextColorDark\nconst buttonTypeTertiaryActiveTextColorLight: string = oneDesignButtonTokens.buttonTypeTertiaryActiveTextColorLight\nconst buttonTypeTertiaryFocusOutline: string = oneDesignButtonTokens.buttonTypeTertiaryFocusOutline\nconst buttonDisabledCursor: string = oneDesignButtonTokens.buttonDisabledCursor\nconst buttonDisabledOpacity: string = oneDesignButtonTokens.buttonDisabledOpacity\n\nexport const focusColor = 'hsla(196, 100%, 43%, 1)'\n\nexport const darkBlue = {\n  95: 'hsl(223, 67%, 95%)',\n  90: 'hsl(223, 67%, 90%)',\n  85: 'hsl(223, 67%, 85%)',\n  80: 'hsl(223, 67%, 80%)',\n  75: 'hsl(223, 67%, 75%)',\n  70: 'hsl(223, 67%, 70%)',\n  65: 'hsl(223, 67%, 65%)',\n  60: 'hsl(223, 67%, 60%)',\n  55: 'hsl(223, 67%, 55%)',\n  50: 'hsl(223, 67%, 50%)',\n  45: 'hsl(223, 67%, 45%)',\n  40: 'hsl(223, 67%, 40%)',\n  35: 'hsl(223, 67%, 35%)',\n  30: 'hsl(223, 67%, 30%)',\n  25: 'hsl(223, 67%, 25%)',\n  18: 'hsl(223, 67%, 18%)', // main\n  15: 'hsl(223, 67%, 15%)',\n  10: 'hsl(223, 67%, 10%)',\n  5: 'hsl(223, 67%, 5%)',\n  main: 'hsl(223, 67%, 18%)',\n}\n\nexport const digiGreen = {\n  95: 'hsl(139, 100%, 95%)',\n  90: 'hsl(139, 100%, 90%)',\n  85: 'hsl(139, 100%, 85%)',\n  80: 'hsl(139, 100%, 80%)',\n  78: 'hsl(139, 100%, 78%)', // main\n  70: 'hsl(139, 100%, 70%)',\n  65: 'hsl(139, 100%, 65%)',\n  60: 'hsl(139, 100%, 60%)',\n  55: 'hsl(139, 100%, 55%)',\n  50: 'hsl(139, 100%, 50%)',\n  45: 'hsl(139, 100%, 45%)',\n  40: 'hsl(139, 100%, 40%)',\n  35: 'hsl(139, 100%, 35%)',\n  30: 'hsl(139, 100%, 30%)',\n  25: 'hsl(139, 100%, 25%)',\n  20: 'hsl(139, 100%, 20%)',\n  15: 'hsl(139, 100%, 15%)',\n  10: 'hsl(139, 100%, 10%)',\n  5: 'hsl(139, 100%, 5%)',\n  main: 'hsl(139, 100%, 78%)',\n}\n\nexport const earth = {\n  95: 'hsl(35, 53%, 95%)',\n  89: 'hsl(35, 53%, 89%)', //main\n  85: 'hsl(35, 53%, 85%)',\n  80: 'hsl(35, 53%, 80%)',\n  75: 'hsl(35, 53%, 75%)',\n  70: 'hsl(35, 53%, 70%)',\n  65: 'hsl(35, 53%, 65%)',\n  60: 'hsl(35, 53%, 60%)',\n  55: 'hsl(35, 53%, 55%)',\n  50: 'hsl(35, 53%, 50%)',\n  45: 'hsl(35, 53%, 45%)',\n  40: 'hsl(35, 53%, 40%)',\n  35: 'hsl(35, 53%, 35%)',\n  30: 'hsl(35, 53%, 30%)',\n  25: 'hsl(35, 53%, 25%)',\n  20: 'hsl(35, 53%, 20%)',\n  15: 'hsl(35, 53%, 15%)',\n  10: 'hsl(35, 53%, 10%)',\n  5: 'hsl(35, 53%, 5%)',\n  main: 'hsl(35, 53%, 89%)',\n}\n\nexport const energyRed = {\n  95: 'hsl(357, 83%, 95%)',\n  90: 'hsl(357, 83%, 90%)',\n  85: 'hsl(357, 83%, 85%)',\n  80: 'hsl(357, 83%, 80%)',\n  75: 'hsl(357, 83%, 75%)',\n  70: 'hsl(357, 83%, 70%)',\n  65: 'hsl(357, 83%, 65%)',\n  60: 'hsl(357, 83%, 60%)',\n  54: 'hsl(357, 83%, 54%)', //main\n  50: 'hsl(357, 83%, 50%)',\n  45: 'hsl(357, 83%, 45%)',\n  40: 'hsl(357, 83%, 40%)',\n  35: 'hsl(357, 83%, 35%)',\n  30: 'hsl(357, 83%, 30%)',\n  25: 'hsl(357, 83%, 25%)',\n  20: 'hsl(357, 83%, 20%)',\n  15: 'hsl(357, 83%, 15%)',\n  10: 'hsl(357, 83%, 10%)',\n  5: 'hsl(357, 83%, 5%)',\n  main: 'hsl(357, 83%, 54%)',\n}\n\nexport const landGreen = {\n  95: 'hsl(114, 49%, 95%)',\n  90: 'hsl(114, 49%, 90%)',\n  85: 'hsl(114, 49%, 85%)',\n  80: 'hsl(114, 49%, 80%)',\n  75: 'hsl(114, 49%, 75%)',\n  70: 'hsl(114, 49%, 70%)',\n  65: 'hsl(114, 49%, 65%)',\n  60: 'hsl(114, 49%, 60%)',\n  55: 'hsl(114, 49%, 55%)',\n  50: 'hsl(114, 49%, 50%)',\n  45: 'hsl(114, 49%, 45%)',\n  41: 'hsl(114, 49%, 41%)', //main\n  35: 'hsl(114, 49%, 35%)',\n  30: 'hsl(114, 49%, 30%)',\n  25: 'hsl(114, 49%, 25%)',\n  20: 'hsl(114, 49%, 20%)',\n  15: 'hsl(114, 49%, 15%)',\n  10: 'hsl(114, 49%, 10%)',\n  5: 'hsl(114, 49%, 5%)',\n  main: 'hsl(114, 49%, 41%)',\n}\n\nexport const seaBlue = {\n  95: 'hsl(218, 100%, 95%)',\n  90: 'hsl(218, 100%, 90%)',\n  85: 'hsl(218, 100%, 85%)',\n  80: 'hsl(218, 100%, 80%)',\n  75: 'hsl(218, 100%, 75%)',\n  70: 'hsl(218, 100%, 70%)',\n  65: 'hsl(218, 100%, 65%)',\n  60: 'hsl(218, 100%, 60%)',\n  55: 'hsl(218, 100%, 55%)',\n  50: 'hsl(218, 100%, 50%)',\n  45: 'hsl(218, 100%, 45%)',\n  40: 'hsl(218, 100%, 40%)',\n  35: 'hsl(218, 100%, 35%)',\n  28: 'hsl(218, 100%, 28%)', // main\n  25: 'hsl(218, 100%, 25%)',\n  20: 'hsl(218, 100%, 20%)',\n  15: 'hsl(218, 100%, 15%)',\n  10: 'hsl(218, 100%, 10%)',\n  5: 'hsl(218, 100%, 5%)',\n  main: 'hsl(218, 100%, 28%)',\n}\n\nexport const sandstone = {\n  97: 'hsl(40, 3%, 97%)',\n  95: 'hsl(40, 3%, 95%)',\n  90: 'hsl(40, 3%, 90%)',\n  85: 'hsl(40, 3%, 85%)',\n  79: 'hsl(40, 3%, 79%)', //main\n  75: 'hsl(40, 3%, 75%)',\n  70: 'hsl(40, 3%, 70%)',\n  65: 'hsl(40, 3%, 65%)',\n  60: 'hsl(40, 3%, 60%)',\n  55: 'hsl(40, 3%, 55%)',\n  50: 'hsl(40, 3%, 50%)',\n  45: 'hsl(40, 3%, 45%)',\n  40: 'hsl(40, 3%, 40%)',\n  35: 'hsl(40, 3%, 35%)',\n  30: 'hsl(40, 3%, 30%)',\n  25: 'hsl(40, 3%, 25%)',\n  20: 'hsl(40, 3%, 20%)',\n  15: 'hsl(40, 3%, 15%)',\n  10: 'hsl(40, 3%, 10%)',\n  5: 'hsl(40, 3%, 5%)',\n  main: 'hsl(40, 3%, 79%)',\n}\n\nexport const skyBlue = {\n  97: 'hsl(196, 74%, 97%)',\n  95: 'hsl(196, 74%, 95%)', // active, selected\n  90: 'hsl(196, 74%, 90%)', // hover\n  85: 'hsl(196, 74%, 85%)',\n  80: 'hsl(196, 74%, 80%)',\n  77: 'hsl(196, 74%, 77%)', // main\n  65: 'hsl(196, 74%, 65%)',\n  60: 'hsl(196, 74%, 60%)',\n  55: 'hsl(196, 74%, 55%)',\n  50: 'hsl(196, 74%, 50%)',\n  45: 'hsl(196, 74%, 45%)',\n  40: 'hsl(196, 74%, 40%)',\n  35: 'hsl(196, 74%, 35%)',\n  30: 'hsl(196, 74%, 30%)',\n  25: 'hsl(196, 74%, 25%)',\n  20: 'hsl(196, 74%, 20%)',\n  15: 'hsl(196, 74%, 15%)',\n  10: 'hsl(196, 74%, 10%)',\n  5: 'hsl(196, 74%, 5%)',\n  main: 'hsl(196, 74%, 77%)', // skyBlue.77\n  active: 'hsl(196, 74%, 95%)', // skyBlue.95\n  hover: 'hsl(196, 74%, 90%)', // skyBlue.90\n  selected: 'hsl(196, 74%, 95%)', // skyBlue.95\n}\n\nexport const sunflower = {\n  95: 'hsl(55, 100%, 95%)',\n  90: 'hsl(55, 100%, 90%)',\n  85: 'hsl(55, 100%, 85%)',\n  80: 'hsl(55, 100%, 80%)',\n  73: 'hsl(55, 100%, 73%)', // main\n  70: 'hsl(55, 100%, 70%)',\n  65: 'hsl(55, 100%, 65%)',\n  60: 'hsl(55, 100%, 60%)',\n  55: 'hsl(55, 100%, 55%)',\n  50: 'hsl(55, 100%, 50%)',\n  45: 'hsl(55, 100%, 45%)',\n  40: 'hsl(55, 100%, 40%)',\n  35: 'hsl(55, 100%, 35%)',\n  30: 'hsl(55, 100%, 30%)',\n  25: 'hsl(55, 100%, 25%)',\n  20: 'hsl(55, 100%, 20%)',\n  15: 'hsl(55, 100%, 15%)',\n  10: 'hsl(55, 100%, 10%)',\n  5: 'hsl(55, 100%, 5%)',\n  main: 'hsl(55, 100%, 73%)',\n}\n\nexport const terracotta = {\n  95: 'hsl(34, 100%, 95%)',\n  90: 'hsl(34, 100%, 90%)',\n  85: 'hsl(34, 100%, 85%)',\n  80: 'hsl(34, 100%, 80%)',\n  75: 'hsl(34, 100%, 75%)',\n  70: 'hsl(34, 100%, 70%)',\n  65: 'hsl(34, 100%, 65%)',\n  60: 'hsl(34, 100%, 60%)',\n  55: 'hsl(34, 100%, 55%)',\n  50: 'hsl(34, 100%, 50%)',\n  45: 'hsl(34, 100%, 45%)',\n  40: 'hsl(34, 100%, 40%)',\n  35: 'hsl(34, 100%, 35%)', // main\n  30: 'hsl(34, 100%, 30%)',\n  25: 'hsl(34, 100%, 25%)',\n  20: 'hsl(34, 100%, 20%)',\n  15: 'hsl(34, 100%, 15%)',\n  10: 'hsl(34, 100%, 10%)',\n  5: 'hsl(34, 100%, 5%)',\n  main: 'hsl(34, 100%, 35%)',\n}\n\nexport const warmGrey = {\n  95: 'hsl(30, 8%, 95%)',\n  90: 'hsl(30, 8%, 90%)',\n  85: 'hsl(30, 8%, 85%)',\n  80: 'hsl(30, 8%, 80%)',\n  75: 'hsl(30, 8%, 75%)',\n  70: 'hsl(30, 8%, 70%)',\n  65: 'hsl(30, 8%, 65%)',\n  60: 'hsl(30, 8%, 60%)',\n  56: 'hsl(30, 8%, 56%)', // main\n  50: 'hsl(30, 8%, 50%)',\n  45: 'hsl(30, 8%, 45%)',\n  40: 'hsl(30, 8%, 40%)',\n  35: 'hsl(30, 8%, 35%)',\n  30: 'hsl(30, 8%, 30%)',\n  25: 'hsl(30, 8%, 25%)',\n  20: 'hsl(30, 8%, 20%)',\n  15: 'hsl(30, 8%, 15%)',\n  10: 'hsl(30, 8%, 10%)',\n  5: 'hsl(30, 8%, 5%)',\n  main: 'hsl(30, 8%, 56%)',\n}\n\nexport const blue = {\n  10: '#f6fbff',\n  20: '#e2f1ff',\n  30: '#c2e1fe',\n  40: '#a1cef9',\n  50: '#77baf9',\n  60: '#48a1f3',\n  70: '#1e86e5',\n  80: '#0067c5',\n  90: '#075094',\n  100: '#003f79',\n}\n\nexport const green = {\n  10: '#efffed',\n  20: '#d8ffd3',\n  30: '#bdfbb6',\n  40: '#9df291',\n  50: '#82db77',\n  60: '#68c35e',\n  70: '#4ea344',\n  80: '#36842d',\n  90: '#276121',\n  100: '#024019',\n}\n\nexport const grey = {\n  10: '#f7f8f9',\n  20: '#f1f3f5',\n  30: '#e1e6e9',\n  40: '#c3ccd3',\n  50: '#a5b3bd',\n  60: '#8799a7',\n  70: '#768b9c',\n  80: '#698091',\n  90: '#586c7a',\n  100: '#465663',\n}\n\nexport const pink = {\n  10: '#fff3fd',\n  20: '#ffddf9',\n  30: '#ffbdf3',\n  40: '#ff8eea',\n  50: '#ff55df',\n  60: '#ff0ed2',\n  70: '#ee00c1',\n  80: '#da00b1',\n  90: '#a00082',\n  100: '#72005c',\n}\n\nexport const prussian = {\n  10: '#eff3f5',\n  20: '#c5dce8',\n  30: '#91bbcf',\n  40: '#5690ac',\n  50: '#32718e',\n  60: '#0d5071',\n  70: '#003b57',\n  80: '#002a3e',\n  90: '#001620',\n  100: '#000b11',\n}\n\nexport const red = {\n  10: '#fff1f1',\n  20: '#ffe4e4',\n  30: '#ffc8c8',\n  40: '#faa7ab',\n  50: '#fb7b81',\n  60: '#f64d55',\n  70: '#e84148',\n  80: '#d6383f',\n  90: '#b62f3a',\n  100: '#962730',\n}\n\nexport const yellow = {\n  10: '#fffde7',\n  20: '#fff8bd',\n  30: '#ffed7a',\n  40: '#ffe43a',\n  50: '#ffd600',\n  60: '#fec600',\n  70: '#f4b40d',\n  80: '#e29c13',\n  90: '#b67b08',\n  100: '#83591a',\n}\n\nexport const disabled = {\n  bg: sandstone[95],\n  border: sandstone[10],\n  color: sandstone[10],\n}\n\nexport default {\n  buttonTypePrimaryDefaultBorderColorDark,\n  buttonTypePrimaryDefaultBackgroundColorDark,\n  buttonTypePrimaryDefaultTextColorDark,\n  buttonTypePrimaryHoverBackgroundColorDark,\n  buttonTypePrimaryHoverBorderColorDark,\n  buttonTypePrimaryHoverTextColorDark,\n  buttonTypePrimaryActiveBackgroundColorDark,\n  buttonTypePrimaryActiveBorderColorDark,\n  buttonTypePrimaryActiveTextColorDark,\n  buttonTypePrimaryDefaultBorderColorLight,\n  buttonTypePrimaryDefaultBackgroundColorLight,\n  buttonTypePrimaryDefaultTextColorLight,\n  buttonTypePrimaryFocusOutline,\n  buttonTypePrimaryHoverBackgroundColorLight,\n  buttonTypePrimaryHoverBorderColorLight,\n  buttonTypePrimaryHoverTextColorLight,\n  buttonTypePrimaryActiveBackgroundColorLight,\n  buttonTypePrimaryActiveBorderColorLight,\n  buttonTypePrimaryActiveTextColorLight,\n  buttonTypeSecondaryDefaultBorderColorDark,\n  buttonTypeSecondaryDefaultBackgroundColorDark,\n  buttonTypeSecondaryDefaultTextColorDark,\n  buttonTypeSecondaryFocusOutline,\n  buttonTypeSecondaryHoverBackgroundColorDark,\n  buttonTypeSecondaryHoverBorderColorDark,\n  buttonTypeSecondaryHoverTextColorDark,\n  buttonTypeSecondaryActiveBackgroundColorDark,\n  buttonTypeSecondaryActiveBorderColorDark,\n  buttonTypeSecondaryActiveTextColorDark,\n  buttonTypeSecondaryDefaultBorderColorLight,\n  buttonTypeSecondaryDefaultBackgroundColorLight,\n  buttonTypeSecondaryDefaultTextColorLight,\n  buttonTypeSecondaryHoverBackgroundColorLight,\n  buttonTypeSecondaryHoverBorderColorLight,\n  buttonTypeSecondaryHoverTextColorLight,\n  buttonTypeSecondaryActiveBackgroundColorLight,\n  buttonTypeSecondaryActiveBorderColorLight,\n  buttonTypeSecondaryActiveTextColorLight,\n  buttonTypeTertiaryDefaultBorderColorDark,\n  buttonTypeTertiaryDefaultBackgroundColorDark,\n  buttonTypeTertiaryDefaultTextColorDark,\n  buttonTypeTertiaryHoverBackgroundColorDark,\n  buttonTypeTertiaryHoverBorderColorDark,\n  buttonTypeTertiaryHoverTextColorDark,\n  buttonTypeTertiaryFocusOutline,\n  buttonTypeTertiaryActiveBackgroundColorDark,\n  buttonTypeTertiaryActiveBorderColorDark,\n  buttonTypeTertiaryActiveTextColorDark,\n  buttonTypeTertiaryDefaultBorderColorLight,\n  buttonTypeTertiaryDefaultBackgroundColorLight,\n  buttonTypeTertiaryDefaultTextColorLight,\n  buttonTypeTertiaryHoverBackgroundColorLight,\n  buttonTypeTertiaryHoverBorderColorLight,\n  buttonTypeTertiaryHoverTextColorLight,\n  buttonTypeTertiaryActiveBackgroundColorLight,\n  buttonTypeTertiaryActiveBorderColorLight,\n  buttonTypeTertiaryActiveTextColorLight,\n  buttonDisabledCursor,\n  buttonDisabledOpacity,\n  darkBlue,\n  digiGreen,\n  earth,\n  energyRed,\n  focusColor,\n  landGreen,\n  sandstone,\n  seaBlue,\n  skyBlue,\n  sunflower,\n  terracotta,\n  warmGrey,\n  blue,\n  green,\n  grey,\n  pink,\n  prussian,\n  red,\n  yellow,\n  disabled,\n}\n"],"mappings":"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"}

package/dist/theme/foundations/durations.js

@@ -8,5 +8,5 @@ var durations_default = {
 
 //#endregion
 export { durations_default as default };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=durations.js.map

package/dist/theme/foundations/fontSizes.js

@@ -8,5 +8,5 @@ var fontSizes_default = {
 
 //#endregion
 export { fontSizes_default as default };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=fontSizes.js.map

package/dist/theme/foundations/fontWeights.js

@@ -7,5 +7,5 @@ var fontWeights_default = {
 
 //#endregion
 export { fontWeights_default as default };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=fontWeights.js.map

package/dist/theme/foundations/fonts.js

@@ -7,5 +7,5 @@ var fonts_default = {
 
 //#endregion
 export { fonts_default as default };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=fonts.js.map

package/dist/theme/foundations/gridTemplateColumns.js

@@ -16,5 +16,5 @@ var gridTemplateColumns_default = {
 
 //#endregion
 export { gridTemplateColumns_default as default };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=gridTemplateColumns.js.map

package/dist/theme/foundations/gridTemplateRows.js

@@ -10,5 +10,5 @@ var gridTemplateRows_default = {
 
 //#endregion
 export { gridTemplateRows_default as default };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=gridTemplateRows.js.map

package/dist/theme/foundations/index.js

@@ -45,5 +45,5 @@ var foundations_default = {
 
 //#endregion
 export { foundations_default as default };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=index.js.map

package/dist/theme/foundations/radii.js

@@ -10,5 +10,5 @@ var radii_default = {
 
 //#endregion
 export { radii_default as default };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=radii.js.map

package/dist/theme/foundations/ringWidths.js

@@ -3,5 +3,5 @@ var ringWidths_default = {};
 
 //#endregion
 export { ringWidths_default as default };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=ringWidths.js.map

package/dist/theme/foundations/screens.js

@@ -11,5 +11,5 @@ var screens_default = {
 
 //#endregion
 export { screens_default as default };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=screens.js.map

package/dist/theme/foundations/shadows.js

@@ -39,5 +39,5 @@ var shadows_default = {
 
 //#endregion
 export { shadows_default as default };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=shadows.js.map

package/dist/theme/foundations/sizes.js

@@ -3,5 +3,5 @@ var sizes_default = {};
 
 //#endregion
 export { sizes_default as default };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=sizes.js.map

package/dist/theme/foundations/spaces.js

@@ -3,5 +3,5 @@ var spaces_default = {};
 
 //#endregion
 export { spaces_default as default };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=spaces.js.map

package/dist/theme/foundations/timingFunctions.js

@@ -3,5 +3,5 @@ var timingFunctions_default = {};
 
 //#endregion
 export { timingFunctions_default as default };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=timingFunctions.js.map

package/dist/theme/foundations/transformers.js

@@ -14,5 +14,5 @@ var transformers_default = {
 
 //#endregion
 export { transformers_default as default };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=transformers.js.map

package/dist/theme/foundations/transforms.js

@@ -3,5 +3,5 @@ var transforms_default = {};
 
 //#endregion
 export { transforms_default as default };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=transforms.js.map

package/dist/theme/foundations/transitions.js

@@ -3,5 +3,5 @@ var transitions_default = {};
 
 //#endregion
 export { transitions_default as default };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=transitions.js.map

package/dist/theme/foundations/zIndices.js

@@ -8,5 +8,5 @@ var zIndices_default = {
 
 //#endregion
 export { zIndices_default as default };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=zIndices.js.map

package/dist/theme/index.d.ts

@@ -0,0 +1,21 @@
+import { _default } from "./components.js";
+import { defaultTheme } from "./defaultTheme.js";
+import { Animation, Border, Color, Component, Elevation, Font, FontSize, FontWeight, GridTemplateColumn, GridTemplateRow, Radius, RingWidth, Screen, Shadow, Size, Space, ThemingProps, Transform, TransitionDuration, VuiTheme, VuiThemeDefaults, VuiThemeExtensions, ZIndex } from "./types.js";
+import { extendTheme } from "./extendTheme.js";
+import { _default as _default$1 } from "./foundations/index.js";
+import { _default as _default$2 } from "./foundations/animations.js";
+import { _default as _default$3 } from "./foundations/borders.js";
+import { _default as _default$4 } from "./foundations/colors.js";
+import { _default as _default$5 } from "./foundations/durations.js";
+import { _default as _default$6 } from "./foundations/fonts.js";
+import { _default as _default$7 } from "./foundations/fontSizes.js";
+import { _default as _default$8 } from "./foundations/fontWeights.js";
+import { _default as _default$9 } from "./foundations/radii.js";
+import { _default as _default$10 } from "./foundations/ringWidths.js";
+import { _default as _default$11 } from "./foundations/screens.js";
+import { _default as _default$12 } from "./foundations/shadows.js";
+import { _default as _default$13 } from "./foundations/sizes.js";
+import { _default as _default$14 } from "./foundations/spaces.js";
+import { _default as _default$15 } from "./foundations/transforms.js";
+import { _default as _default$16 } from "./foundations/transitions.js";
+import { _default as _default$17 } from "./foundations/zIndices.js";

package/dist/theme/themePlaceholder.js

@@ -14,5 +14,5 @@ var themePlaceholder_default = {
 
 //#endregion
 export { themePlaceholder_default as default };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=themePlaceholder.js.map

package/dist/toast/toast.js

@@ -20,8 +20,8 @@ const Toaster = () => {
 		xs: 0
 	};
 	const width = {
-		md: toasterWidth,
-		sm: toasterWidth,
+		md: 420,
+		sm: 420,
 		xs: "100%"
 	};
 	return /* @__PURE__ */ jsx(Box, {
@@ -44,5 +44,5 @@ var toast_default = memo(Toaster);
 
 //#endregion
 export { toast_default as default };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=toast.js.map

package/dist/toast/toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"toast.js","names":["zIndices"],"sources":["../../src/toast/toast.tsx"],"sourcesContent":["import { memo } from 'react'\n\nimport { Box } from '../box'\nimport { v } from '../core/styled'\nimport { useVuiContext } from '../core/vuiProvider/context'\nimport zIndices from '../theme/foundations/zIndices'\nimport type { ToastListItem } from './toast.types'\n\nexport const toasterWidth = 420\n\nconst Toaster = () => {\n  const { toasts } = useVuiContext()\n\n  const padding = { md: '16px', sm: '4px', xs: '2px' }\n  const right = { md: '1rem', sm: 0, xs: 0 }\n  const width = { md: toasterWidth, sm: toasterWidth, xs: '100%' }\n  const bottom = toasts?.list?.length ? '1rem' : '-2rem'\n\n  return (\n    <Box\n      bottom={bottom}\n      className=\"vui-toaster\"\n      display=\"block\"\n      maxW={width}\n      minW={width}\n      p={padding}\n      position=\"fixed\"\n      right={right}\n      zIndex={zIndices.toast}\n    >\n      {toasts?.list?.map?.((toast: ToastListItem) => (\n        <v.div id={`toast_${toast.id}`} key={toast.id}>\n          {toast.component}\n        </v.div>\n      ))}\n    </Box>\n  )\n}\n\nexport default memo(Toaster)\n"],"mappings":";;;;;;;;AAQA,MAAa,eAAe;AAE5B,MAAM,gBAAgB;CACpB,MAAM,EAAE,WAAW,eAAe;CAElC,MAAM,UAAU;EAAE,IAAI;EAAQ,IAAI;EAAO,IAAI;EAAO;CACpD,MAAM,QAAQ;EAAE,IAAI;EAAQ,IAAI;EAAG,IAAI;EAAG;CAC1C,MAAM,QAAQ;EAAE,IAAI;EAAc,IAAI;EAAc,IAAI;EAAQ;AAGhE,QACE,oBAAC;EACC,QAJW,QAAQ,MAAM,SAAS,SAAS;EAK3C,WAAU;EACV,SAAQ;EACR,MAAM;EACN,MAAM;EACN,GAAG;EACH,UAAS;EACF;EACP,QAAQA,iBAAS;YAEhB,QAAQ,MAAM,OAAO,UACpB,oBAAC,EAAE;GAAI,IAAI,SAAS,MAAM;aACvB,MAAM;KAD4B,MAAM,GAEnC,CACR;GACE;;AAIV,oBAAe,KAAK,QAAQ"}
+{"version":3,"file":"toast.js","names":["zIndices"],"sources":["../../src/toast/toast.tsx"],"sourcesContent":["import { memo } from 'react'\n\nimport { Box } from '../box'\nimport { v } from '../core/styled'\nimport { useVuiContext } from '../core/vuiProvider/context'\nimport zIndices from '../theme/foundations/zIndices'\nimport type { ToastListItem } from './toast.types'\n\nexport const toasterWidth = 420\n\nconst Toaster = () => {\n  const { toasts } = useVuiContext()\n\n  const padding = { md: '16px', sm: '4px', xs: '2px' }\n  const right = { md: '1rem', sm: 0, xs: 0 }\n  const width = { md: toasterWidth, sm: toasterWidth, xs: '100%' }\n  const bottom = toasts?.list?.length ? '1rem' : '-2rem'\n\n  return (\n    <Box\n      bottom={bottom}\n      className=\"vui-toaster\"\n      display=\"block\"\n      maxW={width}\n      minW={width}\n      p={padding}\n      position=\"fixed\"\n      right={right}\n      zIndex={zIndices.toast}\n    >\n      {toasts?.list?.map?.((toast: ToastListItem) => (\n        <v.div id={`toast_${toast.id}`} key={toast.id}>\n          {toast.component}\n        </v.div>\n      ))}\n    </Box>\n  )\n}\n\nexport default memo(Toaster)\n"],"mappings":";;;;;;;;AAQA,MAAa,eAAe;AAE5B,MAAM,gBAAgB;CACpB,MAAM,EAAE,WAAW,eAAe;CAElC,MAAM,UAAU;EAAE,IAAI;EAAQ,IAAI;EAAO,IAAI;EAAO;CACpD,MAAM,QAAQ;EAAE,IAAI;EAAQ,IAAI;EAAG,IAAI;EAAG;CAC1C,MAAM,QAAQ;EAAE;EAAkB;EAAkB,IAAI;EAAQ;AAGhE,QACE,oBAAC,KAAD;EACE,QAJW,QAAQ,MAAM,SAAS,SAAS;EAK3C,WAAU;EACV,SAAQ;EACR,MAAM;EACN,MAAM;EACN,GAAG;EACH,UAAS;EACF;EACP,QAAQA,iBAAS;YAEhB,QAAQ,MAAM,OAAO,UACpB,oBAAC,EAAE,KAAH;GAAO,IAAI,SAAS,MAAM;aACvB,MAAM;GACD,EAF6B,MAAM,GAEnC,CACR;EACE;;AAIV,oBAAe,KAAK,QAAQ"}

package/dist/toast/useToast.js

@@ -73,5 +73,5 @@ const useToast = () => {
 
 //#endregion
 export { defaultDuration, fastToastDuration, slowToastDuration, useToast };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=useToast.js.map

package/dist/toast/useToast.js.map

@@ -1 +1 @@
-{"version":3,"file":"useToast.js","names":[],"sources":["../../src/toast/useToast.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { useCallback } from 'react'\n\nimport { useVuiContext } from '../core/vuiProvider/context'\nimport { Notification } from '../notification'\nimport { uid } from '../utils'\nimport type { ToastDuration, ToastOptions, ToastSetup } from './toast.types'\n\nexport const defaultDuration = 'fast'\nexport const fastToastDuration = 4000\nexport const slowToastDuration = 8000\n\nconst setup: ToastSetup = {\n  options: {\n    duration: defaultDuration,\n  },\n  componentList: [],\n}\n\nconst getDurationTime = (duration: ToastDuration) => (duration === 'fast' ? fastToastDuration : slowToastDuration)\n\nexport const useToast = () => {\n  const { addToast, removeToast } = useVuiContext()\n\n  const showToast = useCallback((options?: ToastOptions): void => {\n    const id = options?.id ? options.id : uid('toast')\n    const { duration = setup.options.duration, status = 'info', action, icon, text, title } = options || {}\n\n    const toast = {\n      id,\n      component: (\n        <Notification\n          action={action}\n          animation=\"fadeDown\"\n          elevation={3}\n          icon={icon}\n          mt={{ md: 1, sm: '4px', xs: '4px' }}\n          onClose={() => removeToast(id)}\n          status={status}\n          text={text}\n          title={title}\n          verticalAlign=\"center\"\n          w={1}\n        />\n      ),\n    }\n\n    addToast(toast)\n\n    if (duration && duration !== 'sticky') {\n      window.setTimeout(() => removeToast(id), getDurationTime(duration))\n    }\n  }, [])\n\n  const showInfo = useCallback(\n    (text: ReactNode, duration: ToastDuration = defaultDuration) => showToast({ text, status: 'info', duration }),\n    [showToast],\n  )\n\n  const showSuccess = useCallback(\n    (text: ReactNode, duration: ToastDuration = defaultDuration) => showToast({ text, status: 'success', duration }),\n    [showToast],\n  )\n\n  const showWarning = useCallback(\n    (text: ReactNode, duration: ToastDuration = defaultDuration) => showToast({ text, status: 'warning', duration }),\n    [showToast],\n  )\n\n  const showError = useCallback(\n    (text: ReactNode, duration: ToastDuration = defaultDuration) => showToast({ text, status: 'error', duration }),\n    [showToast],\n  )\n\n  const showLoading = useCallback(\n    (text: ReactNode, duration: ToastDuration = defaultDuration) => showToast({ text, status: 'loading', duration }),\n    [showToast],\n  )\n\n  return {\n    showToast,\n    hideToast: removeToast,\n    showInfo,\n    showSuccess,\n    showWarning,\n    showError,\n    showLoading,\n  }\n}\n"],"mappings":";;;;;;;AAQA,MAAa,kBAAkB;AAC/B,MAAa,oBAAoB;AACjC,MAAa,oBAAoB;AAEjC,MAAM,QAAoB;CACxB,SAAS,EACP,UAAU,iBACX;CACD,eAAe,EAAE;CAClB;AAED,MAAM,mBAAmB,aAA6B,aAAa,SAAS,oBAAoB;AAEhG,MAAa,iBAAiB;CAC5B,MAAM,EAAE,UAAU,gBAAgB,eAAe;CAEjD,MAAM,YAAY,aAAa,YAAiC;EAC9D,MAAM,KAAK,SAAS,KAAK,QAAQ,KAAK,IAAI,QAAQ;EAClD,MAAM,EAAE,WAAW,MAAM,QAAQ,UAAU,SAAS,QAAQ,QAAQ,MAAM,MAAM,UAAU,WAAW,EAAE;AAqBvG,WAnBc;GACZ;GACA,WACE,oBAAC;IACS;IACR,WAAU;IACV,WAAW;IACL;IACN,IAAI;KAAE,IAAI;KAAG,IAAI;KAAO,IAAI;KAAO;IACnC,eAAe,YAAY,GAAG;IACtB;IACF;IACC;IACP,eAAc;IACd,GAAG;KACH;GAEL,CAEc;AAEf,MAAI,YAAY,aAAa,SAC3B,QAAO,iBAAiB,YAAY,GAAG,EAAE,gBAAgB,SAAS,CAAC;IAEpE,EAAE,CAAC;AA2BN,QAAO;EACL;EACA,WAAW;EACX,UA5Be,aACd,MAAiB,WAA0B,oBAAoB,UAAU;GAAE;GAAM,QAAQ;GAAQ;GAAU,CAAC,EAC7G,CAAC,UAAU,CACZ;EA0BC,aAxBkB,aACjB,MAAiB,WAA0B,oBAAoB,UAAU;GAAE;GAAM,QAAQ;GAAW;GAAU,CAAC,EAChH,CAAC,UAAU,CACZ;EAsBC,aApBkB,aACjB,MAAiB,WAA0B,oBAAoB,UAAU;GAAE;GAAM,QAAQ;GAAW;GAAU,CAAC,EAChH,CAAC,UAAU,CACZ;EAkBC,WAhBgB,aACf,MAAiB,WAA0B,oBAAoB,UAAU;GAAE;GAAM,QAAQ;GAAS;GAAU,CAAC,EAC9G,CAAC,UAAU,CACZ;EAcC,aAZkB,aACjB,MAAiB,WAA0B,oBAAoB,UAAU;GAAE;GAAM,QAAQ;GAAW;GAAU,CAAC,EAChH,CAAC,UAAU,CACZ;EAUA"}
+{"version":3,"file":"useToast.js","names":[],"sources":["../../src/toast/useToast.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { useCallback } from 'react'\n\nimport { useVuiContext } from '../core/vuiProvider/context'\nimport { Notification } from '../notification'\nimport { uid } from '../utils'\nimport type { ToastDuration, ToastOptions, ToastSetup } from './toast.types'\n\nexport const defaultDuration = 'fast'\nexport const fastToastDuration = 4000\nexport const slowToastDuration = 8000\n\nconst setup: ToastSetup = {\n  options: {\n    duration: defaultDuration,\n  },\n  componentList: [],\n}\n\nconst getDurationTime = (duration: ToastDuration) => (duration === 'fast' ? fastToastDuration : slowToastDuration)\n\nexport const useToast = () => {\n  const { addToast, removeToast } = useVuiContext()\n\n  const showToast = useCallback((options?: ToastOptions): void => {\n    const id = options?.id ? options.id : uid('toast')\n    const { duration = setup.options.duration, status = 'info', action, icon, text, title } = options || {}\n\n    const toast = {\n      id,\n      component: (\n        <Notification\n          action={action}\n          animation=\"fadeDown\"\n          elevation={3}\n          icon={icon}\n          mt={{ md: 1, sm: '4px', xs: '4px' }}\n          onClose={() => removeToast(id)}\n          status={status}\n          text={text}\n          title={title}\n          verticalAlign=\"center\"\n          w={1}\n        />\n      ),\n    }\n\n    addToast(toast)\n\n    if (duration && duration !== 'sticky') {\n      window.setTimeout(() => removeToast(id), getDurationTime(duration))\n    }\n  }, [])\n\n  const showInfo = useCallback(\n    (text: ReactNode, duration: ToastDuration = defaultDuration) => showToast({ text, status: 'info', duration }),\n    [showToast],\n  )\n\n  const showSuccess = useCallback(\n    (text: ReactNode, duration: ToastDuration = defaultDuration) => showToast({ text, status: 'success', duration }),\n    [showToast],\n  )\n\n  const showWarning = useCallback(\n    (text: ReactNode, duration: ToastDuration = defaultDuration) => showToast({ text, status: 'warning', duration }),\n    [showToast],\n  )\n\n  const showError = useCallback(\n    (text: ReactNode, duration: ToastDuration = defaultDuration) => showToast({ text, status: 'error', duration }),\n    [showToast],\n  )\n\n  const showLoading = useCallback(\n    (text: ReactNode, duration: ToastDuration = defaultDuration) => showToast({ text, status: 'loading', duration }),\n    [showToast],\n  )\n\n  return {\n    showToast,\n    hideToast: removeToast,\n    showInfo,\n    showSuccess,\n    showWarning,\n    showError,\n    showLoading,\n  }\n}\n"],"mappings":";;;;;;;AAQA,MAAa,kBAAkB;AAC/B,MAAa,oBAAoB;AACjC,MAAa,oBAAoB;AAEjC,MAAM,QAAoB;CACxB,SAAS,EACP,UAAU,iBACX;CACD,eAAe,EAAE;CAClB;AAED,MAAM,mBAAmB,aAA6B,aAAa,SAAS,oBAAoB;AAEhG,MAAa,iBAAiB;CAC5B,MAAM,EAAE,UAAU,gBAAgB,eAAe;CAEjD,MAAM,YAAY,aAAa,YAAiC;EAC9D,MAAM,KAAK,SAAS,KAAK,QAAQ,KAAK,IAAI,QAAQ;EAClD,MAAM,EAAE,WAAW,MAAM,QAAQ,UAAU,SAAS,QAAQ,QAAQ,MAAM,MAAM,UAAU,WAAW,EAAE;AAqBvG,WAnBc;GACZ;GACA,WACE,oBAAC,cAAD;IACU;IACR,WAAU;IACV,WAAW;IACL;IACN,IAAI;KAAE,IAAI;KAAG,IAAI;KAAO,IAAI;KAAO;IACnC,eAAe,YAAY,GAAG;IACtB;IACF;IACC;IACP,eAAc;IACd,GAAG;IACH;GAEL,CAEc;AAEf,MAAI,YAAY,aAAa,SAC3B,QAAO,iBAAiB,YAAY,GAAG,EAAE,gBAAgB,SAAS,CAAC;IAEpE,EAAE,CAAC;AA2BN,QAAO;EACL;EACA,WAAW;EACX,UA5Be,aACd,MAAiB,WAA0B,oBAAoB,UAAU;GAAE;GAAM,QAAQ;GAAQ;GAAU,CAAC,EAC7G,CAAC,UAAU,CACZ;EA0BC,aAxBkB,aACjB,MAAiB,WAA0B,oBAAoB,UAAU;GAAE;GAAM,QAAQ;GAAW;GAAU,CAAC,EAChH,CAAC,UAAU,CACZ;EAsBC,aApBkB,aACjB,MAAiB,WAA0B,oBAAoB,UAAU;GAAE;GAAM,QAAQ;GAAW;GAAU,CAAC,EAChH,CAAC,UAAU,CACZ;EAkBC,WAhBgB,aACf,MAAiB,WAA0B,oBAAoB,UAAU;GAAE;GAAM,QAAQ;GAAS;GAAU,CAAC,EAC9G,CAAC,UAAU,CACZ;EAcC,aAZkB,aACjB,MAAiB,WAA0B,oBAAoB,UAAU;GAAE;GAAM,QAAQ;GAAW;GAAU,CAAC,EAChH,CAAC,UAAU,CACZ;EAUA"}

package/dist/tooltip/consts.js

@@ -3,10 +3,8 @@ const bg = {
 	regular: "darkBlue.18",
 	disabled: "sandstone.55"
 };
-const borderRadius = 1;
-const boxShadow = 2;
 
 //#endregion
-export { bg, borderRadius, boxShadow };
-globalThis.__vuiVersion__ = "4.0.3"
+export { bg };
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=consts.js.map

package/dist/tooltip/consts.js.map

@@ -1 +1 @@
-{"version":3,"file":"consts.js","names":[],"sources":["../../src/tooltip/consts.ts"],"sourcesContent":["export const bg = {\n  regular: 'darkBlue.18',\n  disabled: 'sandstone.55',\n} as const\n\nexport const borderRadius = 1\n\nexport const boxShadow = 2\n"],"mappings":";AAAA,MAAa,KAAK;CAChB,SAAS;CACT,UAAU;CACX;AAED,MAAa,eAAe;AAE5B,MAAa,YAAY"}
+{"version":3,"file":"consts.js","names":[],"sources":["../../src/tooltip/consts.ts"],"sourcesContent":["export const bg = {\n  regular: 'darkBlue.18',\n  disabled: 'sandstone.55',\n} as const\n\nexport const borderRadius = 1\n\nexport const boxShadow = 2\n"],"mappings":";AAAA,MAAa,KAAK;CAChB,SAAS;CACT,UAAU;CACX"}

package/dist/tooltip/tooltip.js

@@ -99,5 +99,5 @@ Tooltip.displayName = "Tooltip";
 
 //#endregion
 export { Tooltip as default };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=tooltip.js.map

package/dist/tooltip/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","names":["zIndices"],"sources":["../../src/tooltip/tooltip.tsx"],"sourcesContent":["import {\n  arrow,\n  autoUpdate,\n  flip,\n  FloatingArrow,\n  FloatingPortal,\n  offset,\n  shift,\n  useFloating,\n  useHover,\n  useInteractions,\n  useRole,\n  useTransitionStyles,\n} from '@floating-ui/react'\nimport { cloneElement, isValidElement, useMemo, useRef, useState } from 'react'\n\nimport { useTh, useUp, v } from '../core'\nimport { Link } from '../link'\nimport { zIndices } from '../theme'\nimport { isString } from '../utils'\nimport { bg } from './consts'\nimport type { TooltipProps } from './tooltip.types'\nimport { TooltipContent } from './tooltipContent'\n\nconst stripHtmlTags = (html: string): string => {\n  const withoutTags = html.replace(/<[^>]*>/g, '')\n  // Decode HTML entities\n  const textarea = document.createElement('textarea')\n  textarea.innerHTML = withoutTags\n  return textarea.value\n}\n\n/**\n * A simple text popup hint.\n *\n * Displayed on mouse enter, and is hidden on mouse leave.\n *\n * */\nexport const Tooltip = (props: TooltipProps) => {\n  const {\n    children,\n    fontSize = '16px',\n    linkText,\n    linkProps,\n    minWidth,\n    maxWidth = '400px',\n    text = '',\n    placement = 'top',\n    disabled = false,\n    visible = false,\n    offset: offsetProp = [0, 0],\n    whiteSpace = 'pre-wrap',\n    wordBreak = 'break-word',\n  } = props\n\n  const isDesktop = useUp('md')\n  const [isOpen, setIsOpen] = useState(visible)\n  const arrowRef = useRef(null)\n\n  const middleware = useMemo(\n    () => [\n      offset({ mainAxis: offsetProp[1] + 6, crossAxis: offsetProp[0] }), // +6 for arrow\n      flip(),\n      shift(),\n      // eslint-disable-next-line react-hooks/refs\n      arrow({ element: arrowRef }),\n    ],\n\n    [offsetProp[0], offsetProp[1]],\n  )\n\n  const { refs, floatingStyles, context } = useFloating({\n    open: visible || isOpen,\n    onOpenChange: setIsOpen,\n    placement,\n    middleware,\n    whileElementsMounted: autoUpdate,\n  })\n  // Opacity-only transition - no position movement\n  const { isMounted, styles: transitionStyles } = useTransitionStyles(context, {\n    duration: 150,\n    initial: { opacity: 0 },\n    open: { opacity: 1 },\n    close: { opacity: 0 },\n  })\n  const hover = useHover(context, { move: false })\n  const role = useRole(context, { role: 'tooltip' })\n  const { getReferenceProps, getFloatingProps } = useInteractions([hover, role])\n\n  const darkBlue18 = useTh(`colors.${bg.regular}`)\n  const sandstone55 = useTh(`colors.${bg.disabled}`)\n  const arrowColor = disabled ? sandstone55 : darkBlue18\n\n  const strippedText = useMemo(() => (isString(text) ? stripHtmlTags(text) : ''), [text])\n  const zIndex = zIndices.tooltip\n\n  const content = isString(text) ? (\n    <TooltipContent\n      disabled={disabled}\n      fontSize={fontSize}\n      maxWidth={maxWidth}\n      minWidth={minWidth}\n      whiteSpace={whiteSpace}\n      wordBreak={wordBreak}\n    >\n      <v.div>\n        {strippedText}\n        {!!linkText && (\n          <>\n            &nbsp;\n            <Link variant=\"white\" {...linkProps}>\n              {linkText}\n            </Link>\n          </>\n        )}\n      </v.div>\n    </TooltipContent>\n  ) : (\n    <TooltipContent disabled={disabled} fontSize={fontSize} maxWidth={maxWidth} minWidth={minWidth}>\n      {text}\n    </TooltipContent>\n  )\n\n  // Clone the child element to add ref and props\n  const childElement = isValidElement(children)\n    ? cloneElement(children as React.ReactElement<any>, {\n        ref: refs.setReference,\n        ...getReferenceProps(),\n      })\n    : children\n\n  return (\n    <>\n      {childElement}\n      {isMounted && (\n        <FloatingPortal>\n          <div\n            ref={refs.setFloating}\n            style={{ ...floatingStyles, ...transitionStyles, zIndex }}\n            {...getFloatingProps()}\n          >\n            {content}\n            {isDesktop && <FloatingArrow ref={arrowRef} context={context} fill={arrowColor} width={12} height={6} />}\n          </div>\n        </FloatingPortal>\n      )}\n    </>\n  )\n}\n\nTooltip.displayName = 'Tooltip'\n\nexport default Tooltip\n"],"mappings":";;;;;;;;;;;;;AAwBA,MAAM,iBAAiB,SAAyB;CAC9C,MAAM,cAAc,KAAK,QAAQ,YAAY,GAAG;CAEhD,MAAM,WAAW,SAAS,cAAc,WAAW;AACnD,UAAS,YAAY;AACrB,QAAO,SAAS;;;;;;;;AASlB,MAAa,WAAW,UAAwB;CAC9C,MAAM,EACJ,UACA,WAAW,QACX,UACA,WACA,UACA,WAAW,SACX,OAAO,IACP,YAAY,OACZ,WAAW,OACX,UAAU,OACV,QAAQ,aAAa,CAAC,GAAG,EAAE,EAC3B,aAAa,YACb,YAAY,iBACV;CAEJ,MAAM,YAAY,MAAM,KAAK;CAC7B,MAAM,CAAC,QAAQ,aAAa,SAAS,QAAQ;CAC7C,MAAM,WAAW,OAAO,KAAK;CAE7B,MAAM,aAAa,cACX;EACJ,OAAO;GAAE,UAAU,WAAW,KAAK;GAAG,WAAW,WAAW;GAAI,CAAC;EACjE,MAAM;EACN,OAAO;EAEP,MAAM,EAAE,SAAS,UAAU,CAAC;EAC7B,EAED,CAAC,WAAW,IAAI,WAAW,GAAG,CAC/B;CAED,MAAM,EAAE,MAAM,gBAAgB,YAAY,YAAY;EACpD,MAAM,WAAW;EACjB,cAAc;EACd;EACA;EACA,sBAAsB;EACvB,CAAC;CAEF,MAAM,EAAE,WAAW,QAAQ,qBAAqB,oBAAoB,SAAS;EAC3E,UAAU;EACV,SAAS,EAAE,SAAS,GAAG;EACvB,MAAM,EAAE,SAAS,GAAG;EACpB,OAAO,EAAE,SAAS,GAAG;EACtB,CAAC;CAGF,MAAM,EAAE,mBAAmB,qBAAqB,gBAAgB,CAFlD,SAAS,SAAS,EAAE,MAAM,OAAO,CAAC,EACnC,QAAQ,SAAS,EAAE,MAAM,WAAW,CAAC,CAC2B,CAAC;CAE9E,MAAM,aAAa,MAAM,UAAU,GAAG,UAAU;CAChD,MAAM,cAAc,MAAM,UAAU,GAAG,WAAW;CAClD,MAAM,aAAa,WAAW,cAAc;CAE5C,MAAM,eAAe,cAAe,SAAS,KAAK,GAAG,cAAc,KAAK,GAAG,IAAK,CAAC,KAAK,CAAC;CACvF,MAAM,SAASA,iBAAS;CAExB,MAAM,UAAU,SAAS,KAAK,GAC5B,oBAAC;EACW;EACA;EACA;EACA;EACE;EACD;YAEX,qBAAC,EAAE,kBACA,cACA,CAAC,CAAC,YACD,8CAAE,QAEA,oBAAC;GAAK,SAAQ;GAAQ,GAAI;aACvB;IACI,IACN,IAEC;GACO,GAEjB,oBAAC;EAAyB;EAAoB;EAAoB;EAAoB;YACnF;GACc;AAWnB,QACE,8CARmB,eAAe,SAAS,GACzC,aAAa,UAAqC;EAChD,KAAK,KAAK;EACV,GAAG,mBAAmB;EACvB,CAAC,GACF,UAKC,aACC,oBAAC,4BACC,qBAAC;EACC,KAAK,KAAK;EACV,OAAO;GAAE,GAAG;GAAgB,GAAG;GAAkB;GAAQ;EACzD,GAAI,kBAAkB;aAErB,SACA,aAAa,oBAAC;GAAc,KAAK;GAAmB;GAAS,MAAM;GAAY,OAAO;GAAI,QAAQ;IAAK;GACpG,GACS,IAElB;;AAIP,QAAQ,cAAc"}
+{"version":3,"file":"tooltip.js","names":["zIndices"],"sources":["../../src/tooltip/tooltip.tsx"],"sourcesContent":["import {\n  arrow,\n  autoUpdate,\n  flip,\n  FloatingArrow,\n  FloatingPortal,\n  offset,\n  shift,\n  useFloating,\n  useHover,\n  useInteractions,\n  useRole,\n  useTransitionStyles,\n} from '@floating-ui/react'\nimport { cloneElement, isValidElement, useMemo, useRef, useState } from 'react'\n\nimport { useTh, useUp, v } from '../core'\nimport { Link } from '../link'\nimport { zIndices } from '../theme'\nimport { isString } from '../utils'\nimport { bg } from './consts'\nimport type { TooltipProps } from './tooltip.types'\nimport { TooltipContent } from './tooltipContent'\n\nconst stripHtmlTags = (html: string): string => {\n  const withoutTags = html.replace(/<[^>]*>/g, '')\n  // Decode HTML entities\n  const textarea = document.createElement('textarea')\n  textarea.innerHTML = withoutTags\n  return textarea.value\n}\n\n/**\n * A simple text popup hint.\n *\n * Displayed on mouse enter, and is hidden on mouse leave.\n *\n * */\nexport const Tooltip = (props: TooltipProps) => {\n  const {\n    children,\n    fontSize = '16px',\n    linkText,\n    linkProps,\n    minWidth,\n    maxWidth = '400px',\n    text = '',\n    placement = 'top',\n    disabled = false,\n    visible = false,\n    offset: offsetProp = [0, 0],\n    whiteSpace = 'pre-wrap',\n    wordBreak = 'break-word',\n  } = props\n\n  const isDesktop = useUp('md')\n  const [isOpen, setIsOpen] = useState(visible)\n  const arrowRef = useRef(null)\n\n  const middleware = useMemo(\n    () => [\n      offset({ mainAxis: offsetProp[1] + 6, crossAxis: offsetProp[0] }), // +6 for arrow\n      flip(),\n      shift(),\n      // eslint-disable-next-line react-hooks/refs\n      arrow({ element: arrowRef }),\n    ],\n\n    [offsetProp[0], offsetProp[1]],\n  )\n\n  const { refs, floatingStyles, context } = useFloating({\n    open: visible || isOpen,\n    onOpenChange: setIsOpen,\n    placement,\n    middleware,\n    whileElementsMounted: autoUpdate,\n  })\n  // Opacity-only transition - no position movement\n  const { isMounted, styles: transitionStyles } = useTransitionStyles(context, {\n    duration: 150,\n    initial: { opacity: 0 },\n    open: { opacity: 1 },\n    close: { opacity: 0 },\n  })\n  const hover = useHover(context, { move: false })\n  const role = useRole(context, { role: 'tooltip' })\n  const { getReferenceProps, getFloatingProps } = useInteractions([hover, role])\n\n  const darkBlue18 = useTh(`colors.${bg.regular}`)\n  const sandstone55 = useTh(`colors.${bg.disabled}`)\n  const arrowColor = disabled ? sandstone55 : darkBlue18\n\n  const strippedText = useMemo(() => (isString(text) ? stripHtmlTags(text) : ''), [text])\n  const zIndex = zIndices.tooltip\n\n  const content = isString(text) ? (\n    <TooltipContent\n      disabled={disabled}\n      fontSize={fontSize}\n      maxWidth={maxWidth}\n      minWidth={minWidth}\n      whiteSpace={whiteSpace}\n      wordBreak={wordBreak}\n    >\n      <v.div>\n        {strippedText}\n        {!!linkText && (\n          <>\n            &nbsp;\n            <Link variant=\"white\" {...linkProps}>\n              {linkText}\n            </Link>\n          </>\n        )}\n      </v.div>\n    </TooltipContent>\n  ) : (\n    <TooltipContent disabled={disabled} fontSize={fontSize} maxWidth={maxWidth} minWidth={minWidth}>\n      {text}\n    </TooltipContent>\n  )\n\n  // Clone the child element to add ref and props\n  const childElement = isValidElement(children)\n    ? cloneElement(children as React.ReactElement<any>, {\n        ref: refs.setReference,\n        ...getReferenceProps(),\n      })\n    : children\n\n  return (\n    <>\n      {childElement}\n      {isMounted && (\n        <FloatingPortal>\n          <div\n            ref={refs.setFloating}\n            style={{ ...floatingStyles, ...transitionStyles, zIndex }}\n            {...getFloatingProps()}\n          >\n            {content}\n            {isDesktop && <FloatingArrow ref={arrowRef} context={context} fill={arrowColor} width={12} height={6} />}\n          </div>\n        </FloatingPortal>\n      )}\n    </>\n  )\n}\n\nTooltip.displayName = 'Tooltip'\n\nexport default Tooltip\n"],"mappings":";;;;;;;;;;;;;AAwBA,MAAM,iBAAiB,SAAyB;CAC9C,MAAM,cAAc,KAAK,QAAQ,YAAY,GAAG;CAEhD,MAAM,WAAW,SAAS,cAAc,WAAW;AACnD,UAAS,YAAY;AACrB,QAAO,SAAS;;;;;;;;AASlB,MAAa,WAAW,UAAwB;CAC9C,MAAM,EACJ,UACA,WAAW,QACX,UACA,WACA,UACA,WAAW,SACX,OAAO,IACP,YAAY,OACZ,WAAW,OACX,UAAU,OACV,QAAQ,aAAa,CAAC,GAAG,EAAE,EAC3B,aAAa,YACb,YAAY,iBACV;CAEJ,MAAM,YAAY,MAAM,KAAK;CAC7B,MAAM,CAAC,QAAQ,aAAa,SAAS,QAAQ;CAC7C,MAAM,WAAW,OAAO,KAAK;CAE7B,MAAM,aAAa,cACX;EACJ,OAAO;GAAE,UAAU,WAAW,KAAK;GAAG,WAAW,WAAW;GAAI,CAAC;EACjE,MAAM;EACN,OAAO;EAEP,MAAM,EAAE,SAAS,UAAU,CAAC;EAC7B,EAED,CAAC,WAAW,IAAI,WAAW,GAAG,CAC/B;CAED,MAAM,EAAE,MAAM,gBAAgB,YAAY,YAAY;EACpD,MAAM,WAAW;EACjB,cAAc;EACd;EACA;EACA,sBAAsB;EACvB,CAAC;CAEF,MAAM,EAAE,WAAW,QAAQ,qBAAqB,oBAAoB,SAAS;EAC3E,UAAU;EACV,SAAS,EAAE,SAAS,GAAG;EACvB,MAAM,EAAE,SAAS,GAAG;EACpB,OAAO,EAAE,SAAS,GAAG;EACtB,CAAC;CAGF,MAAM,EAAE,mBAAmB,qBAAqB,gBAAgB,CAFlD,SAAS,SAAS,EAAE,MAAM,OAAO,CAAC,EACnC,QAAQ,SAAS,EAAE,MAAM,WAAW,CAAC,CAC2B,CAAC;CAE9E,MAAM,aAAa,MAAM,UAAU,GAAG,UAAU;CAChD,MAAM,cAAc,MAAM,UAAU,GAAG,WAAW;CAClD,MAAM,aAAa,WAAW,cAAc;CAE5C,MAAM,eAAe,cAAe,SAAS,KAAK,GAAG,cAAc,KAAK,GAAG,IAAK,CAAC,KAAK,CAAC;CACvF,MAAM,SAASA,iBAAS;CAExB,MAAM,UAAU,SAAS,KAAK,GAC5B,oBAAC,gBAAD;EACY;EACA;EACA;EACA;EACE;EACD;YAEX,qBAAC,EAAE,KAAH,aACG,cACA,CAAC,CAAC,YACD,8CAAE,QAEA,oBAAC,MAAD;GAAM,SAAQ;GAAQ,GAAI;aACvB;GACI,EACN,IAEC;EACO,IAEjB,oBAAC,gBAAD;EAA0B;EAAoB;EAAoB;EAAoB;YACnF;EACc;AAWnB,QACE,8CARmB,eAAe,SAAS,GACzC,aAAa,UAAqC;EAChD,KAAK,KAAK;EACV,GAAG,mBAAmB;EACvB,CAAC,GACF,UAKC,aACC,oBAAC,gBAAD,YACE,qBAAC,OAAD;EACE,KAAK,KAAK;EACV,OAAO;GAAE,GAAG;GAAgB,GAAG;GAAkB;GAAQ;EACzD,GAAI,kBAAkB;YAHxB,CAKG,SACA,aAAa,oBAAC,eAAD;GAAe,KAAK;GAAmB;GAAS,MAAM;GAAY,OAAO;GAAI,QAAQ;GAAK,EACpG;KACS,EAElB;;AAIP,QAAQ,cAAc"}

package/dist/tooltip/tooltip.types.d.ts

@@ -1,7 +1,5 @@
 import { ChildrenProp } from "../core/types.js";
-import "../core/index.js";
 import { LinkProps } from "../link/link.types.js";
-import "../link/index.js";
 import { ReactNode } from "react";
 import { Placement } from "@floating-ui/react";
 

package/dist/tooltip/tooltip.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.types.d.ts","names":[],"sources":["../../src/tooltip/tooltip.types.ts"],"mappings":";;;;;;;;UAMiB,YAAA,SAAqB,YAAA;;EAEpC,QAAA;;EAEA,IAAA,GAAO,SAAA;EAJqB;EAM5B,SAAA,GAAY,SAAA;EAFL;EAIP,QAAA;EAQY;EANZ,QAAA;EAVgD;EAYhD,QAAA;EAZoC;EAcpC,QAAA;EAVA;EAYA,SAAA,GAAY,SAAA;EAVZ;EAYA,OAAA;EAVA;EAYA,MAAA;EARA;EAUA,UAAA;EANA;EAQA,SAAA;AAAA"}
+{"version":3,"file":"tooltip.types.d.ts","names":[],"sources":["../../src/tooltip/tooltip.types.ts"],"mappings":";;;;;;UAMiB,YAAA,SAAqB,YAAA;;EAEpC,QAAA;;EAEA,IAAA,GAAO,SAAA;EAJqB;EAM5B,SAAA,GAAY,SAAA;EAFL;EAIP,QAAA;EAQY;EANZ,QAAA;EAVgD;EAYhD,QAAA;EAZoC;EAcpC,QAAA;EAVA;EAYA,SAAA,GAAY,SAAA;EAVZ;EAYA,OAAA;EAVA;EAYA,MAAA;EARA;EAUA,UAAA;EANA;EAQA,SAAA;AAAA"}

package/dist/tooltip/tooltipContent.js

@@ -1,12 +1,12 @@
 import Box from "../box/box.js";
-import { bg, borderRadius, boxShadow } from "./consts.js";
+import { bg } from "./consts.js";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/tooltip/tooltipContent.tsx
 const TooltipContent = ({ children, disabled, fontSize = "16px", maxWidth = "400px", minWidth, whiteSpace = "pre-wrap", wordBreak = "break-word" }) => /* @__PURE__ */ jsx(Box, {
 	bg: disabled ? bg.disabled : bg.regular,
-	borderRadius,
-	boxShadow,
+	borderRadius: 1,
+	boxShadow: 2,
 	className: "vui-tooltip-content",
 	color: "white",
 	fontSize,
@@ -23,5 +23,5 @@ TooltipContent.displayName = "TooltipContent";
 
 //#endregion
 export { TooltipContent };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=tooltipContent.js.map

package/dist/tooltip/tooltipContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltipContent.js","names":[],"sources":["../../src/tooltip/tooltipContent.tsx"],"sourcesContent":["import Box from '../box'\nimport { bg, borderRadius, boxShadow } from './consts'\nimport type { TooltipProps } from './tooltip.types'\n\nexport const TooltipContent = ({\n  children,\n  disabled,\n  fontSize = '16px',\n  maxWidth = '400px',\n  minWidth,\n  whiteSpace = 'pre-wrap',\n  wordBreak = 'break-word',\n}: TooltipProps) => (\n  <Box\n    bg={disabled ? bg.disabled : bg.regular}\n    borderRadius={borderRadius}\n    boxShadow={boxShadow}\n    className=\"vui-tooltip-content\"\n    color=\"white\"\n    fontSize={fontSize}\n    minW={minWidth}\n    maxW={maxWidth}\n    overflowY=\"auto\"\n    p={1}\n    px={2}\n    whiteSpace={whiteSpace}\n    wordBreak={wordBreak}\n  >\n    {children}\n  </Box>\n)\n\nTooltipContent.displayName = 'TooltipContent'\n"],"mappings":";;;;;AAIA,MAAa,kBAAkB,EAC7B,UACA,UACA,WAAW,QACX,WAAW,SACX,UACA,aAAa,YACb,YAAY,mBAEZ,oBAAC;CACC,IAAI,WAAW,GAAG,WAAW,GAAG;CAClB;CACH;CACX,WAAU;CACV,OAAM;CACI;CACV,MAAM;CACN,MAAM;CACN,WAAU;CACV,GAAG;CACH,IAAI;CACQ;CACD;CAEV;EACG;AAGR,eAAe,cAAc"}
+{"version":3,"file":"tooltipContent.js","names":[],"sources":["../../src/tooltip/tooltipContent.tsx"],"sourcesContent":["import Box from '../box'\nimport { bg, borderRadius, boxShadow } from './consts'\nimport type { TooltipProps } from './tooltip.types'\n\nexport const TooltipContent = ({\n  children,\n  disabled,\n  fontSize = '16px',\n  maxWidth = '400px',\n  minWidth,\n  whiteSpace = 'pre-wrap',\n  wordBreak = 'break-word',\n}: TooltipProps) => (\n  <Box\n    bg={disabled ? bg.disabled : bg.regular}\n    borderRadius={borderRadius}\n    boxShadow={boxShadow}\n    className=\"vui-tooltip-content\"\n    color=\"white\"\n    fontSize={fontSize}\n    minW={minWidth}\n    maxW={maxWidth}\n    overflowY=\"auto\"\n    p={1}\n    px={2}\n    whiteSpace={whiteSpace}\n    wordBreak={wordBreak}\n  >\n    {children}\n  </Box>\n)\n\nTooltipContent.displayName = 'TooltipContent'\n"],"mappings":";;;;;AAIA,MAAa,kBAAkB,EAC7B,UACA,UACA,WAAW,QACX,WAAW,SACX,UACA,aAAa,YACb,YAAY,mBAEZ,oBAAC,KAAD;CACE,IAAI,WAAW,GAAG,WAAW,GAAG;CAChC;CACA;CACA,WAAU;CACV,OAAM;CACI;CACV,MAAM;CACN,MAAM;CACN,WAAU;CACV,GAAG;CACH,IAAI;CACQ;CACD;CAEV;CACG;AAGR,eAAe,cAAc"}

package/dist/tree/context.d.ts

@@ -1,5 +1,4 @@
 import { Dict } from "../utils/types.js";
-import "../utils/index.js";
 import * as react from "react";
 
 //#region src/tree/context.d.ts

package/dist/tree/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/tree/context.ts"],"mappings":";;;;;cAGO,YAAA,EAAY,KAAA,CAAA,QAAA,CAAA,IAAA,GAAE,cAAA,QAAc,IAAA"}
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/tree/context.ts"],"mappings":";;;;cAGO,YAAA,EAAY,KAAA,CAAA,QAAA,CAAA,IAAA,GAAE,cAAA,QAAc,IAAA"}

package/dist/tree/context.js

@@ -5,5 +5,5 @@ const [TreeProvider, useTreeContext] = createContext({ isOptional: true });
 
 //#endregion
 export { TreeProvider, useTreeContext };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=context.js.map

package/dist/tree/theme.js

@@ -76,5 +76,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=theme.js.map

package/dist/tree/tree.d.ts

@@ -1,15 +1,13 @@
-import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
-import "../core/index.js";
 import { TreeProps } from "./tree.types.js";
 import { TreeIcon } from "./treeIcon.js";
 import { TreeItem } from "./treeItem.js";
 import { TreeText } from "./treeText.js";
-import "../index.js";
 import * as styled_components0 from "styled-components";
+import * as styled_components_dist_types0 from "styled-components/dist/types";
 
 //#region src/tree/tree.d.ts
-declare const TreeBase: styled_components0.StyledComponent<"div", styled_components0.DefaultTheme, SystemProps, never>;
+declare const TreeBase: styled_components_dist_types0.IStyledComponentBase<"web", styled_components0.FastOmit<any, never>> & string;
 /** Displays a tree of tree link items and optional heading. Exposes some props to the children via context. */
 declare const Tree: VuiComponent<"div", TreeProps> & {
   Icon: typeof TreeIcon;

package/dist/tree/tree.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tree.d.ts","names":[],"sources":["../../src/tree/tree.tsx"],"mappings":";;;;;;;;;;;cAca,QAAA,EAAQ,kBAAA,CAAA,eAAA,QAKpB,kBAAA,CALoB,YAAA,EAAA,WAAA;;cAQR,IAAA,EAwFP,YAAA,QAAoB,SAAA;EACxB,IAAA,SAAa,QAAA;EACb,IAAA,SAAa,QAAA;EACb,IAAA,SAAa,QAAA;AAAA"}
+{"version":3,"file":"tree.d.ts","names":[],"sources":["../../src/tree/tree.tsx"],"mappings":";;;;;;;;;cAca,QAAA,EAAQ,6BAAA,CAAA,oBAAA,QAKpB,kBAAA,CALoB,QAAA;;cAQR,IAAA,EAwFP,YAAA,QAAoB,SAAA;EACxB,IAAA,SAAa,QAAA;EACb,IAAA,SAAa,QAAA;EACb,IAAA,SAAa,QAAA;AAAA"}

package/dist/tree/tree.js

@@ -99,5 +99,5 @@ Tree.displayName = "Tree";
 
 //#endregion
 export { TreeBase, Tree as default };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=tree.js.map

package/dist/tree/tree.js.map

@@ -1 +1 @@
-{"version":3,"file":"tree.js","names":[],"sources":["../../src/tree/tree.tsx"],"sourcesContent":["import type { ReactElement } from 'react'\nimport { Children, useEffect, useMemo } from 'react'\n\nimport type { VuiComponent } from '../core'\nimport { styled, useStyleConfig, vui } from '../core'\nimport { List } from '../list'\nimport { cs, filterUndefined } from '../utils'\nimport { TreeProvider } from './context'\nimport type { TreeItemId, TreeItemProps, TreeProps } from './tree.types'\nimport TreeIcon from './treeIcon'\nimport TreeItem from './treeItem'\nimport TreeText from './treeText'\nimport { useTreeState } from './useTreeState'\n\nexport const TreeBase = styled.divBox`\n  display: flex;\n  height: auto;\n  align-content: flex-start;\n  flex-direction: column;\n`\n\n/** Displays a tree of tree link items and optional heading. Exposes some props to the children via context. */\nexport const Tree = vui<'div', TreeProps>((props, ref) => {\n  const { activeItemId, children, className, iconCollapse, iconExpand, items, onClickItem, size, variant, ...rest } =\n    props\n  const styles = useStyleConfig('Tree', props)\n\n  const { itemsInternal, setItemsInternal, activeItemIndex, setActiveItemIndex } = useTreeState(activeItemId)\n\n  const context = useMemo(() => filterUndefined({ size, variant }), [size, variant])\n\n  const iconCollapseInternal = iconCollapse ? iconCollapse : variant === 'default' ? 'falAngleRight' : 'falMinus'\n  const iconExpandInternal = iconExpand ? iconExpand : variant === 'default' ? 'falAngleDown' : 'falPlus'\n\n  const transformChildrenToItems = (children: any) => {\n    const t: TreeItemProps[] = []\n\n    if (children) {\n      // @ts-expect-error no idea why failing now\n      ;(Children.toArray(children) as ReactElement[]).forEach((child: ReactElement<TreeItemProps>) => {\n        if (child?.props?.text) {\n          let items: TreeItemProps[] = []\n\n          if (child.props.children) {\n            items = transformChildrenToItems(child.props.children) as unknown as TreeItemProps[]\n          }\n\n          t.push({\n            id: child.props.id,\n            text: child.props.text,\n            isActive: child.props.isActive,\n            items: child.props.items || items,\n            isCollapsed: child.props.isCollapsed,\n            disabled: child.props.disabled,\n            onClickTreeItem: onClickTreeItem,\n          } as unknown as TreeItemProps)\n        }\n      })\n    }\n\n    return t\n  }\n\n  useEffect(() => {\n    if (items) {\n      setItemsInternal(items as TreeItemProps[])\n      return\n    }\n\n    const t: TreeItemProps[] = []\n    if (children) {\n      const transformed = transformChildrenToItems(children) as unknown as TreeItemProps[]\n      t.push(...transformed)\n    }\n    setItemsInternal(t)\n    if (activeItemId !== undefined && t?.find((i: TreeItemProps) => i.id === activeItemId)) {\n      setActiveItemIndex(activeItemId)\n    }\n  }, [children, activeItemId])\n\n  const onClickTreeItem = (id: TreeItemId) => {\n    setActiveItemIndex(id)\n    if (onClickItem) {\n      onClickItem(id)\n    }\n  }\n\n  return (\n    <TreeProvider value={context}>\n      <TreeBase className={cs('vui-tree', className)} ref={ref} {...styles.container} {...rest}>\n        <List role=\"tree\" w={1}>\n          {itemsInternal?.map(({ id, isActive, ...props }, index: number) => {\n            return (\n              <TreeItem\n                activeItemIndex={activeItemIndex}\n                iconCollapse={iconCollapseInternal}\n                iconExpand={iconExpandInternal}\n                id={id}\n                isActive={isActive ? isActive : activeItemIndex ? activeItemIndex === id : false}\n                isFirstLevel={true}\n                key={id ?? index}\n                onClickTreeItem={onClickTreeItem}\n                {...props}\n              />\n            )\n          })}\n        </List>\n      </TreeBase>\n    </TreeProvider>\n  )\n}) as VuiComponent<'div', TreeProps> & {\n  Icon: typeof TreeIcon\n  Item: typeof TreeItem\n  Text: typeof TreeText\n}\n\nTree.Icon = TreeIcon\nTree.Item = TreeItem\nTree.Text = TreeText\nTree.displayName = 'Tree'\n\nexport default Tree\n"],"mappings":";;;;;;;;;;;;;;;AAcA,MAAa,WAAW,OAAO,MAAM;;;;;;;AAQrC,MAAa,OAAO,KAAuB,OAAO,QAAQ;CACxD,MAAM,EAAE,cAAc,UAAU,WAAW,cAAc,YAAY,OAAO,aAAa,MAAM,SAAS,GAAG,SACzG;CACF,MAAM,SAAS,eAAe,QAAQ,MAAM;CAE5C,MAAM,EAAE,eAAe,kBAAkB,iBAAiB,uBAAuB,aAAa,aAAa;CAE3G,MAAM,UAAU,cAAc,gBAAgB;EAAE;EAAM;EAAS,CAAC,EAAE,CAAC,MAAM,QAAQ,CAAC;CAElF,MAAM,uBAAuB,eAAe,eAAe,YAAY,YAAY,kBAAkB;CACrG,MAAM,qBAAqB,aAAa,aAAa,YAAY,YAAY,iBAAiB;CAE9F,MAAM,4BAA4B,aAAkB;EAClD,MAAM,IAAqB,EAAE;AAE7B,MAAI,SAED,CAAC,SAAS,QAAQ,SAAS,CAAoB,SAAS,UAAuC;AAC9F,OAAI,OAAO,OAAO,MAAM;IACtB,IAAI,QAAyB,EAAE;AAE/B,QAAI,MAAM,MAAM,SACd,SAAQ,yBAAyB,MAAM,MAAM,SAAS;AAGxD,MAAE,KAAK;KACL,IAAI,MAAM,MAAM;KAChB,MAAM,MAAM,MAAM;KAClB,UAAU,MAAM,MAAM;KACtB,OAAO,MAAM,MAAM,SAAS;KAC5B,aAAa,MAAM,MAAM;KACzB,UAAU,MAAM,MAAM;KACL;KAClB,CAA6B;;IAEhC;AAGJ,SAAO;;AAGT,iBAAgB;AACd,MAAI,OAAO;AACT,oBAAiB,MAAyB;AAC1C;;EAGF,MAAM,IAAqB,EAAE;AAC7B,MAAI,UAAU;GACZ,MAAM,cAAc,yBAAyB,SAAS;AACtD,KAAE,KAAK,GAAG,YAAY;;AAExB,mBAAiB,EAAE;AACnB,MAAI,iBAAiB,UAAa,GAAG,MAAM,MAAqB,EAAE,OAAO,aAAa,CACpF,oBAAmB,aAAa;IAEjC,CAAC,UAAU,aAAa,CAAC;CAE5B,MAAM,mBAAmB,OAAmB;AAC1C,qBAAmB,GAAG;AACtB,MAAI,YACF,aAAY,GAAG;;AAInB,QACE,oBAAC;EAAa,OAAO;YACnB,oBAAC;GAAS,WAAW,GAAG,YAAY,UAAU;GAAO;GAAK,GAAI,OAAO;GAAW,GAAI;aAClF,oBAAC;IAAK,MAAK;IAAO,GAAG;cAClB,eAAe,KAAK,EAAE,IAAI,UAAU,GAAG,SAAS,UAAkB;AACjE,YACE,oBAAC;MACkB;MACjB,cAAc;MACd,YAAY;MACR;MACJ,UAAU,WAAW,WAAW,kBAAkB,oBAAoB,KAAK;MAC3E,cAAc;MAEG;MACjB,GAAI;QAFC,MAAM,MAGX;MAEJ;KACG;IACE;GACE;EAEjB;AAMF,KAAK,OAAO;AACZ,KAAK,OAAO;AACZ,KAAK,OAAO;AACZ,KAAK,cAAc"}
+{"version":3,"file":"tree.js","names":[],"sources":["../../src/tree/tree.tsx"],"sourcesContent":["import type { ReactElement } from 'react'\nimport { Children, useEffect, useMemo } from 'react'\n\nimport type { VuiComponent } from '../core'\nimport { styled, useStyleConfig, vui } from '../core'\nimport { List } from '../list'\nimport { cs, filterUndefined } from '../utils'\nimport { TreeProvider } from './context'\nimport type { TreeItemId, TreeItemProps, TreeProps } from './tree.types'\nimport TreeIcon from './treeIcon'\nimport TreeItem from './treeItem'\nimport TreeText from './treeText'\nimport { useTreeState } from './useTreeState'\n\nexport const TreeBase = styled.divBox`\n  display: flex;\n  height: auto;\n  align-content: flex-start;\n  flex-direction: column;\n`\n\n/** Displays a tree of tree link items and optional heading. Exposes some props to the children via context. */\nexport const Tree = vui<'div', TreeProps>((props, ref) => {\n  const { activeItemId, children, className, iconCollapse, iconExpand, items, onClickItem, size, variant, ...rest } =\n    props\n  const styles = useStyleConfig('Tree', props)\n\n  const { itemsInternal, setItemsInternal, activeItemIndex, setActiveItemIndex } = useTreeState(activeItemId)\n\n  const context = useMemo(() => filterUndefined({ size, variant }), [size, variant])\n\n  const iconCollapseInternal = iconCollapse ? iconCollapse : variant === 'default' ? 'falAngleRight' : 'falMinus'\n  const iconExpandInternal = iconExpand ? iconExpand : variant === 'default' ? 'falAngleDown' : 'falPlus'\n\n  const transformChildrenToItems = (children: any) => {\n    const t: TreeItemProps[] = []\n\n    if (children) {\n      // @ts-expect-error no idea why failing now\n      ;(Children.toArray(children) as ReactElement[]).forEach((child: ReactElement<TreeItemProps>) => {\n        if (child?.props?.text) {\n          let items: TreeItemProps[] = []\n\n          if (child.props.children) {\n            items = transformChildrenToItems(child.props.children) as unknown as TreeItemProps[]\n          }\n\n          t.push({\n            id: child.props.id,\n            text: child.props.text,\n            isActive: child.props.isActive,\n            items: child.props.items || items,\n            isCollapsed: child.props.isCollapsed,\n            disabled: child.props.disabled,\n            onClickTreeItem: onClickTreeItem,\n          } as unknown as TreeItemProps)\n        }\n      })\n    }\n\n    return t\n  }\n\n  useEffect(() => {\n    if (items) {\n      setItemsInternal(items as TreeItemProps[])\n      return\n    }\n\n    const t: TreeItemProps[] = []\n    if (children) {\n      const transformed = transformChildrenToItems(children) as unknown as TreeItemProps[]\n      t.push(...transformed)\n    }\n    setItemsInternal(t)\n    if (activeItemId !== undefined && t?.find((i: TreeItemProps) => i.id === activeItemId)) {\n      setActiveItemIndex(activeItemId)\n    }\n  }, [children, activeItemId])\n\n  const onClickTreeItem = (id: TreeItemId) => {\n    setActiveItemIndex(id)\n    if (onClickItem) {\n      onClickItem(id)\n    }\n  }\n\n  return (\n    <TreeProvider value={context}>\n      <TreeBase className={cs('vui-tree', className)} ref={ref} {...styles.container} {...rest}>\n        <List role=\"tree\" w={1}>\n          {itemsInternal?.map(({ id, isActive, ...props }, index: number) => {\n            return (\n              <TreeItem\n                activeItemIndex={activeItemIndex}\n                iconCollapse={iconCollapseInternal}\n                iconExpand={iconExpandInternal}\n                id={id}\n                isActive={isActive ? isActive : activeItemIndex ? activeItemIndex === id : false}\n                isFirstLevel={true}\n                key={id ?? index}\n                onClickTreeItem={onClickTreeItem}\n                {...props}\n              />\n            )\n          })}\n        </List>\n      </TreeBase>\n    </TreeProvider>\n  )\n}) as VuiComponent<'div', TreeProps> & {\n  Icon: typeof TreeIcon\n  Item: typeof TreeItem\n  Text: typeof TreeText\n}\n\nTree.Icon = TreeIcon\nTree.Item = TreeItem\nTree.Text = TreeText\nTree.displayName = 'Tree'\n\nexport default Tree\n"],"mappings":";;;;;;;;;;;;;;;AAcA,MAAa,WAAW,OAAO,MAAM;;;;;;;AAQrC,MAAa,OAAO,KAAuB,OAAO,QAAQ;CACxD,MAAM,EAAE,cAAc,UAAU,WAAW,cAAc,YAAY,OAAO,aAAa,MAAM,SAAS,GAAG,SACzG;CACF,MAAM,SAAS,eAAe,QAAQ,MAAM;CAE5C,MAAM,EAAE,eAAe,kBAAkB,iBAAiB,uBAAuB,aAAa,aAAa;CAE3G,MAAM,UAAU,cAAc,gBAAgB;EAAE;EAAM;EAAS,CAAC,EAAE,CAAC,MAAM,QAAQ,CAAC;CAElF,MAAM,uBAAuB,eAAe,eAAe,YAAY,YAAY,kBAAkB;CACrG,MAAM,qBAAqB,aAAa,aAAa,YAAY,YAAY,iBAAiB;CAE9F,MAAM,4BAA4B,aAAkB;EAClD,MAAM,IAAqB,EAAE;AAE7B,MAAI,SAED,CAAC,SAAS,QAAQ,SAAS,CAAoB,SAAS,UAAuC;AAC9F,OAAI,OAAO,OAAO,MAAM;IACtB,IAAI,QAAyB,EAAE;AAE/B,QAAI,MAAM,MAAM,SACd,SAAQ,yBAAyB,MAAM,MAAM,SAAS;AAGxD,MAAE,KAAK;KACL,IAAI,MAAM,MAAM;KAChB,MAAM,MAAM,MAAM;KAClB,UAAU,MAAM,MAAM;KACtB,OAAO,MAAM,MAAM,SAAS;KAC5B,aAAa,MAAM,MAAM;KACzB,UAAU,MAAM,MAAM;KACL;KAClB,CAA6B;;IAEhC;AAGJ,SAAO;;AAGT,iBAAgB;AACd,MAAI,OAAO;AACT,oBAAiB,MAAyB;AAC1C;;EAGF,MAAM,IAAqB,EAAE;AAC7B,MAAI,UAAU;GACZ,MAAM,cAAc,yBAAyB,SAAS;AACtD,KAAE,KAAK,GAAG,YAAY;;AAExB,mBAAiB,EAAE;AACnB,MAAI,iBAAiB,UAAa,GAAG,MAAM,MAAqB,EAAE,OAAO,aAAa,CACpF,oBAAmB,aAAa;IAEjC,CAAC,UAAU,aAAa,CAAC;CAE5B,MAAM,mBAAmB,OAAmB;AAC1C,qBAAmB,GAAG;AACtB,MAAI,YACF,aAAY,GAAG;;AAInB,QACE,oBAAC,cAAD;EAAc,OAAO;YACnB,oBAAC,UAAD;GAAU,WAAW,GAAG,YAAY,UAAU;GAAO;GAAK,GAAI,OAAO;GAAW,GAAI;aAClF,oBAAC,MAAD;IAAM,MAAK;IAAO,GAAG;cAClB,eAAe,KAAK,EAAE,IAAI,UAAU,GAAG,SAAS,UAAkB;AACjE,YACE,oBAAC,UAAD;MACmB;MACjB,cAAc;MACd,YAAY;MACR;MACJ,UAAU,WAAW,WAAW,kBAAkB,oBAAoB,KAAK;MAC3E,cAAc;MAEG;MACjB,GAAI;MACJ,EAHK,MAAM,MAGX;MAEJ;IACG;GACE;EACE;EAEjB;AAMF,KAAK,OAAO;AACZ,KAAK,OAAO;AACZ,KAAK,OAAO;AACZ,KAAK,cAAc"}