@lanaco/lnc-react-ui 4.0.2 → 4.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (230) hide show
  1. package/bundle-visualization.html +4842 -0
  2. package/dist/Accordion.cjs +1 -1
  3. package/dist/Accordion.js +55 -50
  4. package/dist/AccordionDetails.cjs +1 -1
  5. package/dist/AccordionDetails.js +15 -15
  6. package/dist/AccordionSummary.cjs +1 -1
  7. package/dist/AccordionSummary.js +11 -11
  8. package/dist/ActionsToolbar.cjs +2 -2
  9. package/dist/ActionsToolbar.js +16 -16
  10. package/dist/Alert.cjs +1 -1
  11. package/dist/Alert.js +23 -23
  12. package/dist/Avatar.cjs +2 -2
  13. package/dist/Avatar.js +23 -25
  14. package/dist/Badge.cjs +1 -1
  15. package/dist/Badge.js +21 -14
  16. package/dist/Breadcrumbs.cjs +1 -1
  17. package/dist/Breadcrumbs.js +28 -28
  18. package/dist/Button.cjs +1 -1
  19. package/dist/Button.js +21 -21
  20. package/dist/ButtonGroup.cjs +1 -1
  21. package/dist/ButtonGroup.js +10 -6
  22. package/dist/CheckBoxInput.cjs +1 -1
  23. package/dist/CheckBoxInput.js +4 -4
  24. package/dist/Chip.cjs +1 -1
  25. package/dist/Chip.js +9 -9
  26. package/dist/ColorInput.cjs +1 -1
  27. package/dist/ColorInput.js +5 -5
  28. package/dist/ConfirmationForm.cjs +5 -5
  29. package/dist/ConfirmationForm.js +59 -59
  30. package/dist/Content.cjs +1 -1
  31. package/dist/Content.js +8 -8
  32. package/dist/{CustomStyles-nfD3J1mi.js → CustomStyles-BUSJ8bZt.js} +5 -5
  33. package/dist/{CustomStyles-CqlCjTgU.cjs → CustomStyles-Dlqxic2X.cjs} +1 -1
  34. package/dist/DataView.cjs +1 -1
  35. package/dist/DataView.js +2 -2
  36. package/dist/DateInput.cjs +4 -4
  37. package/dist/DateInput.js +491 -491
  38. package/dist/DecimalInput.cjs +1 -1
  39. package/dist/DecimalInput.js +5 -5
  40. package/dist/DetailsView.cjs +4 -4
  41. package/dist/DetailsView.js +40 -40
  42. package/dist/DoubleRangeSlider.cjs +1 -1
  43. package/dist/DoubleRangeSlider.js +4 -4
  44. package/dist/DragAndDropFile.cjs +1 -1
  45. package/dist/DragAndDropFile.js +6 -6
  46. package/dist/DragDropFiles.cjs +1 -1
  47. package/dist/DragDropFiles.js +4 -4
  48. package/dist/Drawer.cjs +1 -1
  49. package/dist/Drawer.js +15 -15
  50. package/dist/Dropdown.cjs +1 -1
  51. package/dist/Dropdown.js +6 -6
  52. package/dist/DropdownItem.cjs +1 -1
  53. package/dist/DropdownItem.js +4 -4
  54. package/dist/DropdownLookup.cjs +1 -1
  55. package/dist/DropdownLookup.js +6 -6
  56. package/dist/DropdownMenu.cjs +7 -1
  57. package/dist/DropdownMenu.js +192 -10
  58. package/dist/EditableTable.cjs +1 -1
  59. package/dist/EditableTable.js +4 -4
  60. package/dist/FileInput.cjs +1 -1
  61. package/dist/FileInput.js +4 -4
  62. package/dist/FlexBox.cjs +1 -1
  63. package/dist/FlexBox.js +14 -14
  64. package/dist/FlexGrid.cjs +1 -1
  65. package/dist/FlexGrid.js +30 -30
  66. package/dist/FlexGridItem.cjs +1 -1
  67. package/dist/FlexGridItem.js +3 -3
  68. package/dist/Footer.cjs +1 -1
  69. package/dist/Footer.js +5 -5
  70. package/dist/FormField.cjs +1 -1
  71. package/dist/FormField.js +8 -9
  72. package/dist/FormView.cjs +1 -1
  73. package/dist/FormView.js +31 -31
  74. package/dist/Grid.cjs +1 -1
  75. package/dist/Grid.js +2 -2
  76. package/dist/GridItem.cjs +1 -1
  77. package/dist/GridItem.js +2 -2
  78. package/dist/Header.cjs +1 -1
  79. package/dist/Header.js +7 -7
  80. package/dist/Icon.cjs +1 -1
  81. package/dist/Icon.js +33 -10
  82. package/dist/IconButton.cjs +5 -5
  83. package/dist/IconButton.js +33 -33
  84. package/dist/Kanban.cjs +12 -12
  85. package/dist/Kanban.js +948 -936
  86. package/dist/KanbanActionsToolbar.cjs +2 -2
  87. package/dist/KanbanActionsToolbar.js +28 -28
  88. package/dist/{KanbanCard-D9OhU8C6.js → KanbanCard-CHZ_C9kk.js} +50 -50
  89. package/dist/KanbanCard-DV3VnSUi.cjs +30 -0
  90. package/dist/KanbanCard.cjs +1 -1
  91. package/dist/KanbanCard.js +5 -5
  92. package/dist/KanbanFooter.cjs +1 -1
  93. package/dist/KanbanFooter.js +40 -40
  94. package/dist/KanbanHeader.cjs +2 -2
  95. package/dist/KanbanHeader.js +46 -46
  96. package/dist/KanbanView.cjs +1 -1
  97. package/dist/KanbanView.js +27 -27
  98. package/dist/Link.cjs +1 -1
  99. package/dist/Link.js +9 -9
  100. package/dist/MenuItem.cjs +1 -1
  101. package/dist/MenuItem.js +11 -11
  102. package/dist/Modal.cjs +1 -1
  103. package/dist/Modal.js +7 -7
  104. package/dist/MultiSelectDropdown.cjs +1 -1
  105. package/dist/MultiSelectDropdown.js +4 -4
  106. package/dist/MultiSelectDropdownLookup.cjs +1 -1
  107. package/dist/MultiSelectDropdownLookup.js +4 -4
  108. package/dist/NestedDropdownItem.cjs +1 -1
  109. package/dist/NestedDropdownItem.js +18 -18
  110. package/dist/NestedMenuItem.cjs +1 -1
  111. package/dist/NestedMenuItem.js +9 -9
  112. package/dist/Notification.cjs +1 -83
  113. package/dist/Notification.js +3 -1077
  114. package/dist/NotificationContainer.cjs +37 -0
  115. package/dist/NotificationContainer.js +162 -0
  116. package/dist/NotificationMessage.cjs +47 -0
  117. package/dist/NotificationMessage.js +133 -0
  118. package/dist/NumberInput.cjs +1 -1
  119. package/dist/NumberInput.js +5 -5
  120. package/dist/PageLayout.cjs +2 -2
  121. package/dist/PageLayout.js +27 -27
  122. package/dist/Pagination.cjs +12 -0
  123. package/dist/Pagination.js +248 -0
  124. package/dist/PasswordInput.cjs +1 -1
  125. package/dist/PasswordInput.js +14 -14
  126. package/dist/Popover.cjs +1 -0
  127. package/dist/Popover.js +36 -0
  128. package/dist/PopoverClose.cjs +1 -0
  129. package/dist/PopoverClose.js +15 -0
  130. package/dist/PopoverContent.cjs +10 -0
  131. package/dist/PopoverContent.js +68 -0
  132. package/dist/PopoverContext.cjs +1 -0
  133. package/dist/PopoverContext.js +5 -0
  134. package/dist/PopoverDescription.cjs +1 -0
  135. package/dist/PopoverDescription.js +16 -0
  136. package/dist/PopoverHeading.cjs +1 -0
  137. package/dist/PopoverHeading.js +16 -0
  138. package/dist/PopoverTrigger.cjs +1 -0
  139. package/dist/PopoverTrigger.js +38 -0
  140. package/dist/ProgressBar.cjs +1 -1
  141. package/dist/ProgressBar.js +35 -24
  142. package/dist/RadioGroup.cjs +1 -1
  143. package/dist/RadioGroup.js +3 -3
  144. package/dist/RadioInput.cjs +1 -1
  145. package/dist/RadioInput.js +4 -4
  146. package/dist/RangeSlider.cjs +1 -1
  147. package/dist/RangeSlider.js +4 -4
  148. package/dist/SearchBar.cjs +1 -1
  149. package/dist/SearchBar.js +6 -6
  150. package/dist/Separator.cjs +1 -1
  151. package/dist/Separator.js +9 -9
  152. package/dist/Sidebar.cjs +1 -1
  153. package/dist/Sidebar.js +4 -4
  154. package/dist/Spinner.cjs +1 -1
  155. package/dist/Spinner.js +25 -20
  156. package/dist/Surface.cjs +2 -2
  157. package/dist/Surface.js +14 -15
  158. package/dist/SwipeableDrawer.cjs +1 -1
  159. package/dist/SwipeableDrawer.js +4 -4
  160. package/dist/TabItem.cjs +26 -0
  161. package/dist/TabItem.js +210 -0
  162. package/dist/Table.cjs +20 -20
  163. package/dist/Table.js +13 -12
  164. package/dist/TableView.cjs +8 -1
  165. package/dist/TableView.js +238 -9
  166. package/dist/Tabs.cjs +1 -1
  167. package/dist/Tabs.js +3 -3
  168. package/dist/TextAreaInput.cjs +1 -1
  169. package/dist/TextAreaInput.js +5 -5
  170. package/dist/TextInput.cjs +1 -1
  171. package/dist/TextInput.js +5 -5
  172. package/dist/ThemeProvider.cjs +1 -1
  173. package/dist/ThemeProvider.js +5 -5
  174. package/dist/TimeInput.cjs +1 -1
  175. package/dist/TimeInput.js +9 -9
  176. package/dist/Toggle.cjs +1 -1
  177. package/dist/Toggle.js +4 -4
  178. package/dist/TreeMenu.cjs +1 -1
  179. package/dist/TreeMenu.js +2 -2
  180. package/dist/TreeMenuSeparator.cjs +3 -3
  181. package/dist/TreeMenuSeparator.js +11 -11
  182. package/dist/UploadedFile.cjs +1 -1
  183. package/dist/UploadedFile.js +29 -29
  184. package/dist/_commonjsHelpers-DKOUU3wS.cjs +1 -0
  185. package/dist/_commonjsHelpers-DaMA6jEr.js +8 -0
  186. package/dist/{defineProperty-BHpTtkhC.js → defineProperty-B5pLF6px.js} +8 -8
  187. package/dist/{emotion-element-5486c51c.browser.esm-CSejtOeT.js → emotion-element-5486c51c.browser.esm-Bb4VkP8U.js} +4 -4
  188. package/dist/{emotion-is-prop-valid.esm-BzFBwmJz.js → emotion-is-prop-valid.esm-DkbeH1Xy.js} +1 -1
  189. package/dist/{emotion-react.browser.esm-OWM-uG8Q.js → emotion-react.browser.esm-CN-s34fZ.js} +6 -6
  190. package/dist/{emotion-react.browser.esm-DQBL7Wls.cjs → emotion-react.browser.esm-D7h2t2Bz.cjs} +1 -1
  191. package/dist/{emotion-styled.browser.esm-BZSYYThs.js → emotion-styled.browser.esm-BiK8DcgW.js} +12 -12
  192. package/dist/floating-ui.react.esm-72DKnou_.js +1198 -0
  193. package/dist/floating-ui.react.esm-C4vrBVJU.cjs +4 -0
  194. package/dist/{hoist-non-react-statics.cjs-Drf1aBlk.js → hoist-non-react-statics.cjs-CAHiRNzQ.js} +1 -1
  195. package/dist/{hoist-non-react-statics.cjs-B8r9S_ak.cjs → hoist-non-react-statics.cjs-Dr-ytKVG.cjs} +3 -3
  196. package/dist/{index-CZJEA84h.js → index--Kmch3aI.js} +1 -1
  197. package/dist/index-BIlhCoy2.cjs +20 -0
  198. package/dist/{index-BLQWNy78.js → index-BUChtubz.js} +4 -4
  199. package/dist/{index-Ds9PUTwb.js → index-BYnWp42a.js} +208 -213
  200. package/dist/{index-D5vEbKUT.js → index-CNBqQrtK.js} +1 -1
  201. package/dist/{index-IO9v6o0I.cjs → index-CSXL784P.cjs} +2 -2
  202. package/dist/{index-C29T0m2a.cjs → index-Ct1N7fF4.cjs} +1 -1
  203. package/dist/{index-BklgDeu4.js → index-Cu0xwYjD.js} +1 -1
  204. package/dist/{index-Cdkz-XH-.js → index-CvebWhtp.js} +1 -1
  205. package/dist/index-DAOBjHnD.cjs +1 -0
  206. package/dist/index-DBXXH_TD.cjs +1 -0
  207. package/dist/{index-B_da1uvD.js → index-DLVVKJXD.js} +1 -1
  208. package/dist/index-DaiUAQVF.cjs +1 -0
  209. package/dist/index.cjs +1 -26
  210. package/dist/index.js +180 -376
  211. package/dist/{motion-CtkUpWEn.js → motion-ecIGZGwI.js} +1 -1
  212. package/dist/react-toastify.esm-CkXGwKXL.js +798 -0
  213. package/dist/react-toastify.esm-Dqcb4SQT.cjs +1 -0
  214. package/dist/{setPrototypeOf-a891FLQJ.js → setPrototypeOf-CttqfWo1.js} +2 -2
  215. package/dist/{tslib.es6-ZNVz5r_T.js → tslib.es6-DQ-SzcmG.js} +5 -5
  216. package/dist/usePopover.cjs +1 -0
  217. package/dist/usePopover.js +44 -0
  218. package/dist/{utils-DEke8iwo.js → utils-C52T57HO.js} +73 -73
  219. package/dist/{utils-hdRGTsQ7.cjs → utils-DTAPpJXU.cjs} +1 -1
  220. package/package.json +17 -5
  221. package/vite.config.js +16 -0
  222. package/dist/DropdownMenu-B6qr13ik.cjs +0 -19
  223. package/dist/DropdownMenu-DZi3TJ8Q.js +0 -1547
  224. package/dist/KanbanCard-ConTmu3w.cjs +0 -30
  225. package/dist/TableView-Cj5_fbSR.js +0 -481
  226. package/dist/TableView-D8ex512p.cjs +0 -19
  227. package/dist/index-BjdOz5Ok.cjs +0 -1
  228. package/dist/index-DXnSjbfJ.cjs +0 -20
  229. package/dist/index-Dzkd2i4n.cjs +0 -1
  230. package/dist/index-P-naJISQ.cjs +0 -1
@@ -1,4 +1,4 @@
1
- "use strict";const h=require("react/jsx-runtime"),l=require("react");var m=function(){},s=typeof window<"u",D=function(e,t){return s?window.matchMedia(e).matches:(process.env.NODE_ENV!=="production"&&console.warn("`useMedia` When server side rendering, defaultState should be defined to prevent a hydration mismatches."),!1)},x=function(e,t){var a=l.useState(D(e)),o=a[0],n=a[1];return l.useEffect(function(){var r=!0,d=window.matchMedia(e),c=function(){r&&n(!!d.matches)};return d.addEventListener("change",c),n(d.matches),function(){r=!1,d.removeEventListener("change",c)}},[e]),o};const i={name:"Lanaco Light",class:"lnc-light",colorContext:{primary:"teal",secondary:"blue",success:"green",warning:"yellow",danger:"red",information:"violet",neutral:"neutral"},components:{Input:{default:{palette:"gray",enabled:{background:0,border:200,placeholder:500,text:900,prefix:500,suffix:500,caret:900,fontWeight:400},focus:{background:0,border:200,placeholder:500,text:900,prefix:500,suffix:500,caret:900,fontWeight:400},hover:{background:0,border:200,placeholder:500,text:900,prefix:500,suffix:500,caret:900,fontWeight:400},active:{background:0,border:200,placeholder:500,text:900,prefix:500,suffix:500,caret:900,fontWeight:400},disabled:{border:200}},teal:{enabled:{caret:500}},green:{enabled:{border:300,text:900,prefix:600,suffix:600}},yellow:{enabled:{border:300,text:900,prefix:600,suffix:600}},red:{enabled:{border:300,text:900,prefix:600,suffix:600}}},DateInput:{default:{palette:"gray",enabled:{background:0,border:200,placeholder:500,text:900,textWeekDays:400,fontWeight:200,todayColor:600},hover:{text:600,background:600,backgroundOpacity:200},active:{background:500,text:0,textDay:600,backgroundDay:600,backgroundDayOpacity:200},disabled:{border:200,text:400,background:0}},teal:{enabled:{today:600},hover:{text:600,background:500,backgroundOpacity:200},active:{background:500,text:0,textDay:600,backgroundDay:500,backgroundDayOpacity:200}},blue:{enabled:{today:600},hover:{text:600,background:500,backgroundOpacity:200},active:{background:500,text:0,textDay:600,backgroundDay:500,backgroundDayOpacity:200}},red:{enabled:{today:600},hover:{text:600,background:500,backgroundOpacity:200},active:{background:500,text:0,textDay:600,backgroundDay:500,backgroundDayOpacity:200}},violet:{enabled:{today:600},hover:{text:600,background:500,backgroundOpacity:200},active:{background:500,text:0,textDay:600,backgroundDay:500,backgroundDayOpacity:200}},yellow:{enabled:{today:600},hover:{text:600,background:500,backgroundOpacity:200},active:{background:500,text:0,textDay:600,backgroundDay:500,backgroundDayOpacity:200}},green:{enabled:{today:600},hover:{text:600,background:500,backgroundOpacity:200},active:{background:500,text:0,textDay:600,backgroundDay:500,backgroundDayOpacity:200}},gray:{enabled:{today:600},hover:{text:600,background:500,backgroundOpacity:200},active:{background:500,text:0,textDay:600,backgroundDay:500,backgroundDayOpacity:200}},neutral:{enabled:{today:600},hover:{text:600,background:500,backgroundOpacity:200},active:{background:500,text:0,textDay:600,backgroundDay:500,backgroundDayOpacity:200}}},Chip:{default:{palette:"gray",enabled:{background:50,backgroundOpacity:50,text:900,fontWeight:700,backdropFilter:"blur(48px)"},hover:{background:100,backgroundOpacity:100,text:900,fontWeight:700},focus:{background:100,backgroundOpacity:100,text:900,fontWeight:700},active:{background:100,backgroundOpacity:200,text:900,fontWeight:700}},teal:{enabled:{background:500,backgroundOpacity:200,text:600},hover:{background:500,backgroundOpacity:300,text:600},focus:{background:500,backgroundOpacity:300,text:600},active:{background:500,backgroundOpacity:400,text:600}},blue:{enabled:{background:500,backgroundOpacity:200,text:600},hover:{background:500,backgroundOpacity:300,text:600},focus:{background:500,backgroundOpacity:300,text:600},active:{background:500,backgroundOpacity:400,text:600}},red:{enabled:{background:500,backgroundOpacity:200,text:600},hover:{background:500,backgroundOpacity:300,text:600},focus:{background:500,backgroundOpacity:300,text:600},active:{background:500,backgroundOpacity:400,text:600}},violet:{enabled:{background:500,backgroundOpacity:200,text:600},hover:{background:500,backgroundOpacity:300,text:600},focus:{background:500,backgroundOpacity:300,text:600},active:{background:500,backgroundOpacity:400,text:600}},yellow:{enabled:{background:500,backgroundOpacity:200,text:600},hover:{background:500,backgroundOpacity:300,text:600},focus:{background:500,backgroundOpacity:300,text:600},active:{background:500,backgroundOpacity:400,text:600}},green:{enabled:{background:500,backgroundOpacity:200,text:600},hover:{background:500,backgroundOpacity:300,text:600},focus:{background:500,backgroundOpacity:300,text:600},active:{background:500,backgroundOpacity:400,text:600}},gray:{enabled:{background:500,backgroundOpacity:200,text:600},hover:{background:500,backgroundOpacity:300,text:600},focus:{background:500,backgroundOpacity:300,text:600},active:{background:500,backgroundOpacity:400,text:600}},neutral:{enabled:{background:500,backgroundOpacity:200,text:600},hover:{background:500,backgroundOpacity:300,text:600},focus:{background:500,backgroundOpacity:300,text:600},active:{background:500,backgroundOpacity:400,text:600}}},Icon:{default:{palette:"gray",enabled:{icon:600}},teal:{enabled:{icon:600}},blue:{enabled:{icon:600}},red:{enabled:{icon:600}},violet:{enabled:{icon:600}},yellow:{enabled:{icon:600}},green:{enabled:{icon:600}},gray:{enabled:{icon:500}},neutral:{enabled:{icon:600}}},TabRegular:{default:{palette:"gray",enabled:{text:500,line:300,fontWeight:700,lineHeight:"2px"},hover:{text:500,line:300,fontWeight:700,lineHeight:"1px"},active:{text:500,line:300,fontWeight:700}},teal:{enabled:{},hover:{text:700,line:700},active:{text:700,line:700}},blue:{enabled:{},hover:{text:700,line:700},active:{text:700,line:700}},red:{enabled:{},hover:{text:700,line:700},active:{text:700,line:700}},violet:{enabled:{},hover:{text:700,line:700},active:{text:700,line:700}},yellow:{enabled:{},hover:{text:700,line:700},active:{text:700,line:700}},green:{enabled:{},hover:{text:700,line:700},active:{text:700,line:700}},gray:{enabled:{},hover:{text:700,line:700},active:{text:700,line:700}},neutral:{enabled:{},hover:{text:700,line:700},active:{text:700,line:700}}},TabPill:{default:{palette:"gray",enabled:{background:0,backgroundOpacity:0,text:500,fontWeight:600},hover:{background:100,backgroundOpacity:1e3,text:500,fontWeight:600},active:{background:0,backgroundOpacity:0,text:500,fontWeight:600}},teal:{enabled:{},hover:{background:100,backgroundOpacity:500,text:700},active:{background:100,backgroundOpacity:1e3,text:700}},blue:{enabled:{},hover:{background:100,backgroundOpacity:50,text:700},active:{background:100,backgroundOpacity:0,text:700}},red:{enabled:{},hover:{background:100,backgroundOpacity:50,text:700},active:{background:100,backgroundOpacity:0,text:700}},violet:{enabled:{},hover:{background:100,backgroundOpacity:50,text:700},active:{background:100,backgroundOpacity:0,text:700}},yellow:{enabled:{},hover:{background:100,backgroundOpacity:50,text:700},active:{background:100,backgroundOpacity:0,text:700}},green:{enabled:{},hover:{background:100,backgroundOpacity:50,text:700},active:{background:100,backgroundOpacity:0,text:700}},gray:{enabled:{},hover:{background:100,backgroundOpacity:50,text:700},active:{background:100,backgroundOpacity:0,text:700}},neutral:{enabled:{},hover:{background:100,backgroundOpacity:50,text:700},active:{background:100,backgroundOpacity:0,text:700}}},TabUnderline:{default:{palette:"gray",enabled:{background:0,backgroundOpacity:0,text:500,line:200,fontWeight:700,lineHeight:"2px"},hover:{background:0,backgroundOpacity:0,text:500,line:200,fontWeight:700,lineHeight:"1px"},active:{background:0,backgroundOpacity:0,fontWeight:700}},teal:{enabled:{},hover:{},active:{background:0,backgroundOpacity:0,text:700,line:700}},blue:{enabled:{},hover:{},active:{background:0,backgroundOpacity:0,text:700,line:700}},red:{enabled:{},hover:{},active:{background:0,backgroundOpacity:0,text:700,line:700}},violet:{enabled:{},hover:{},active:{background:0,backgroundOpacity:0,text:700,line:700}},yellow:{enabled:{},hover:{},active:{background:0,backgroundOpacity:0,text:700,line:700}},green:{enabled:{},hover:{},active:{background:0,backgroundOpacity:0,text:700,line:700}},gray:{enabled:{},hover:{},active:{background:0,backgroundOpacity:0,text:700,line:700}},neutral:{enabled:{},hover:{},active:{background:0,backgroundOpacity:0,text:700,line:700}}},Checkbox:{default:{palette:"gray",enabled:{background:0,border:300,text:600,fontWeight:600,sizes:{small:"1rem",medium:"1.25rem",large:"1.5rem"}},focus:{border:300,text:600,backgroundOpacity:1e3,fontWeight:600},hover:{background:900,backgroundOpacity:100,border:300,text:600,fontWeight:600},active:{background:600,backgroundOpacity:1e3,border:600,text:600,fontWeight:600},disabled:{border:300}},teal:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}},blue:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}},red:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}},violet:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}},yellow:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}},green:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}},gray:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}},neutral:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}}},Radio:{default:{palette:"gray",enabled:{background:0,border:300,text:600,fontWeight:600,sizes:{small:"1rem",medium:"1.25rem",large:"1.5rem"}},focus:{border:300,text:600,backgroundOpacity:1e3,fontWeight:600},hover:{background:900,backgroundOpacity:100,border:300,text:600,fontWeight:600},active:{background:600,backgroundOpacity:1e3,border:600,text:600,fontWeight:600},disabled:{border:300,background:300}},teal:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}},blue:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}},red:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}},violet:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}},yellow:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}},green:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}},gray:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}},neutral:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}}},Alert:{default:{palette:"gray",enabled:{background:50,backgroundOpacity:1e3,text:700,action:800,title:800,fontWeight:400,fontWeightAction:600,fontWeightTitle:600}},teal:{enabled:{background:50,backgroundOpacity:1e3,text:700,action:800,title:800,fontWeight:400,fontWeightAction:600,fontWeightTitle:600}},blue:{enabled:{background:50,backgroundOpacity:1e3,text:700,action:800,title:800,fontWeight:400,fontWeightAction:600,fontWeightTitle:600}},red:{enabled:{background:50,backgroundOpacity:1e3,text:700,action:800,title:800,fontWeight:400,fontWeightAction:600,fontWeightTitle:600}},violet:{enabled:{background:50,backgroundOpacity:1e3,text:700,action:800,title:800,fontWeight:400,fontWeightAction:600,fontWeightTitle:600}},yellow:{enabled:{background:50,backgroundOpacity:1e3,text:700,action:800,title:800,fontWeight:400,fontWeightAction:600,fontWeightTitle:600}},green:{enabled:{background:50,backgroundOpacity:1e3,text:700,action:800,title:800,fontWeight:400,fontWeightAction:600,fontWeightTitle:600}},gray:{enabled:{background:50,backgroundOpacity:1e3,text:700,action:800,title:800,fontWeight:400,fontWeightAction:600,fontWeightTitle:600}},neutral:{enabled:{background:50,backgroundOpacity:1e3,text:700,action:800,title:800,fontWeight:400,fontWeightAction:600,fontWeightTitle:600}}},Notification:{default:{palette:"gray",enabled:{background:0,backgroundOpacity:1e3,text:500,action:600,title:800,fontWeight:400,fontWeightAction:600,fontWeightTitle:600,border:200,icon:600}},teal:{enabled:{icon:600}},blue:{enabled:{icon:600}},red:{enabled:{icon:600}},violet:{enabled:{icon:600}},yellow:{enabled:{icon:600}},green:{enabled:{icon:600}},gray:{enabled:{icon:600}},neutral:{enabled:{icon:600}}},ButtonFilled:{default:{palette:"gray",enabled:{background:50,backgroundOpacity:50,text:0,fontWeight:700},hover:{background:100,backgroundOpacity:100,text:0,fontWeight:700},focus:{background:100,backgroundOpacity:100,text:0,fontWeight:700},active:{background:100,backgroundOpacity:200,text:0,fontWeight:700},disabled:{background:200}},teal:{enabled:{background:500},hover:{background:600},focus:{background:600},active:{background:700}},blue:{enabled:{background:600},hover:{background:700},focus:{background:700},active:{background:800}},red:{enabled:{background:500},hover:{background:600},focus:{background:600},active:{background:700}},violet:{enabled:{background:500},hover:{background:600},focus:{background:600},active:{background:700}},yellow:{enabled:{background:500},hover:{background:600},focus:{background:600},active:{background:700}},green:{enabled:{background:500},hover:{background:600},focus:{background:600},active:{background:700}},gray:{enabled:{background:500},hover:{background:600},focus:{background:600},active:{background:700},disabled:{background:200}},neutral:{enabled:{background:400},hover:{background:500},focus:{background:500},active:{background:600}}},ButtonTinted:{default:{palette:"gray",enabled:{background:50,backgroundOpacity:50,text:900,fontWeight:700},hover:{background:100,backgroundOpacity:100,text:900,fontWeight:700},focus:{background:100,backgroundOpacity:100,text:900,fontWeight:700},active:{background:100,backgroundOpacity:200,text:900,fontWeight:700},disabled:{background:200}},teal:{enabled:{background:500,backgroundOpacity:200,text:600},hover:{background:600,backgroundOpacity:300,text:600},focus:{background:600,backgroundOpacity:300,text:600},active:{background:700,backgroundOpacity:400,text:600}},blue:{enabled:{background:600,backgroundOpacity:200,text:700},hover:{background:700,backgroundOpacity:300,text:700},focus:{background:700,backgroundOpacity:300,text:700},active:{background:800,backgroundOpacity:400,text:700}},red:{enabled:{background:500,backgroundOpacity:200,text:600},hover:{background:600,backgroundOpacity:300,text:600},focus:{background:600,backgroundOpacity:300,text:600},active:{background:700,backgroundOpacity:400,text:600}},violet:{enabled:{background:500,backgroundOpacity:200,text:600},hover:{background:600,backgroundOpacity:300,text:600},focus:{background:600,backgroundOpacity:300,text:600},active:{background:700,backgroundOpacity:400,text:600}},yellow:{enabled:{background:500,backgroundOpacity:200,text:600},hover:{background:600,backgroundOpacity:300,text:600},focus:{background:600,backgroundOpacity:300,text:600},active:{background:700,backgroundOpacity:400,text:600}},green:{enabled:{background:500,backgroundOpacity:200,text:600},hover:{background:600,backgroundOpacity:300,text:600},focus:{background:600,backgroundOpacity:300,text:600},active:{background:700,backgroundOpacity:400,text:600}},gray:{enabled:{background:500,backgroundOpacity:200,text:600},hover:{background:600,backgroundOpacity:300,text:600},focus:{background:600,backgroundOpacity:300,text:600},active:{background:700,backgroundOpacity:400,text:600},disabled:{background:200}},neutral:{enabled:{background:500,backgroundOpacity:200,text:600},hover:{background:600,backgroundOpacity:300,text:600},focus:{background:600,backgroundOpacity:300,text:600},active:{background:700,backgroundOpacity:400,text:600}}},ButtonBasic:{default:{palette:"gray",enabled:{border:900,borderOpacity:100,background:0,backgroundOpacity:50,text:600,fontWeight:700},hover:{border:900,borderOpacity:100,background:900,backgroundOpacity:50,text:600,fontWeight:700},focus:{border:900,borderOpacity:100,background:900,backgroundOpacity:50,text:600,fontWeight:700},active:{border:900,borderOpacity:100,background:900,backgroundOpacity:100,text:600,fontWeight:700},disabled:{background:0,backgroundOpacity:50}},teal:{enabled:{text:600},hover:{text:600},focus:{text:600},active:{text:600},disabled:{text:400}},blue:{enabled:{text:600},hover:{text:600},focus:{text:600},active:{text:600},disabled:{text:400}},red:{enabled:{text:600},hover:{text:600},focus:{text:600},active:{text:600},disabled:{text:400}},violet:{enabled:{text:600},hover:{text:600},focus:{text:600},active:{text:600},disabled:{text:400}},yellow:{enabled:{text:600},hover:{text:600},focus:{text:600},active:{text:600},disabled:{text:400}},green:{enabled:{text:600},hover:{text:600},focus:{text:600},active:{text:600},disabled:{text:400}},gray:{enabled:{text:600},hover:{text:600},focus:{text:600},active:{text:600},disabled:{text:400}},neutral:{enabled:{text:600},hover:{text:600},focus:{text:600},active:{text:600},disabled:{text:400}}},Badge:{default:{palette:"gray",enabled:{background:600,fontWeight:600,text:0}},teal:{enabled:{background:600,fontWeight:600,text:0}},blue:{enabled:{background:600,fontWeight:600,text:0}},red:{enabled:{background:600,fontWeight:600,text:0}},violet:{enabled:{background:600,fontWeight:600,text:0}},yellow:{enabled:{background:600,fontWeight:600,text:0}},green:{enabled:{background:600,fontWeight:600,text:0}},gray:{enabled:{background:600,fontWeight:600,text:0}},neutral:{enabled:{background:600,fontWeight:600,text:0}}},Spinner:{default:{palette:"gray",enabled:{background:600,fontWeight:600,text:600,unfilled:200}},teal:{enabled:{background:600,fontWeight:600,text:600}},blue:{enabled:{background:600,fontWeight:600,text:600}},red:{enabled:{background:600,fontWeight:600,text:600}},violet:{enabled:{background:600,fontWeight:600,text:600}},yellow:{enabled:{background:600,fontWeight:600,text:600}},green:{enabled:{background:600,fontWeight:600,text:600}},gray:{enabled:{background:600,fontWeight:600,text:600}},neutral:{enabled:{background:600,fontWeight:600,text:600}}},Progress:{default:{palette:"gray",enabled:{background:600,fontWeight:700,text:0,unfilled:300,sizes:{small:"1rem",medium:"1.25rem",large:"1.5rem"}}},teal:{enabled:{background:600}},blue:{enabled:{background:600}},red:{enabled:{background:600}},violet:{enabled:{background:600}},yellow:{enabled:{background:600}},green:{enabled:{background:600}},gray:{enabled:{background:600}},neutral:{enabled:{background:600}}},Range:{default:{palette:"gray",enabled:{background:600,fontWeight:700,text:0,unfilled:300},disabled:{background:500}},teal:{enabled:{background:600}},blue:{enabled:{background:600}},red:{enabled:{background:600}},violet:{enabled:{background:600}},yellow:{enabled:{background:600}},green:{enabled:{background:600}},gray:{enabled:{background:600}},neutral:{enabled:{background:600}}},ButtonGroup:{default:{palette:"gray",enabled:{border:200}}},TableCell:{default:{palette:"gray",enabled:{},hover:{},focus:{},active:{},disabled:{}}},Table:{default:{palette:"gray",enabled:{border:300,background:0},hover:{border:300,background:0},focus:{border:300,background:0},active:{border:300,background:0},disabled:{border:300,background:0}}},TableHeadCell:{default:{palette:"gray",enabled:{border:300,background:50,text:900,fontWeight:700},hover:{border:300,background:100,text:900,fontWeight:700},focus:{border:300,background:50,text:900,fontWeight:700},active:{border:300,background:50,text:900,fontWeight:700},disabled:{background:0,backgroundOpacity:50}}},TableRow:{default:{palette:"gray",enabled:{border:200,background:0},hover:{border:200,background:50},focus:{border:200,background:50},active:{border:200,background:50},disabled:{border:200,background:50}},teal:{active:{background:50}},blue:{active:{background:50}},red:{active:{background:50}},violet:{active:{background:50}},yellow:{active:{background:50}},green:{active:{background:50}},gray:{active:{background:50}},neutral:{active:{background:50}}},Modal:{default:{palette:"gray",enabled:{bg:0,cancelButton:400},hover:{cancelBtnBg:900,cancelBtnBgOpacity:50},focus:{cancelBtnBg:900,cancelBtnBgOpacity:100}}},ConfirmationForm:{default:{palette:"gray",enabled:{icon:600,trackBg:100}},teal:{enabled:{icon:600}},blue:{enabled:{icon:600}},red:{enabled:{icon:600}},violet:{enabled:{icon:600}},yellow:{enabled:{icon:600}},green:{enabled:{icon:600}},gray:{enabled:{icon:600}},neutral:{enabled:{icon:600}}},Popover:{default:{palette:"gray",enabled:{bg:0,boxShadow:"0px 20px 25px -5px rgba(0, 0, 0, 0.1), 0px -10px 10px -5px rgba(0, 0, 0, 0.02)"}}},FormField:{default:{palette:"gray",enabled:{label:600,text:600,fontWeight:600}},red:{enabled:{text:600}},yellow:{enabled:{text:600}},green:{enabled:{text:600}}},Toggle:{default:{palette:"gray",enabled:{background:900,backgroundOpacity:200},hover:{background:900,backgroundOpacity:300},focus:{background:900,backgroundOpacity:300},active:{background:900,backgroundOpacity:400},disabled:{background:900,backgroundOpacity:200}},teal:{enabled:{background:500},hover:{background:600},focus:{background:600},active:{background:700}},blue:{enabled:{background:600},hover:{background:700},focus:{background:700},active:{background:800}},red:{enabled:{background:500},hover:{background:600},focus:{background:600},active:{background:700}},violet:{enabled:{background:500},hover:{background:600},focus:{background:600},active:{background:700}},yellow:{enabled:{background:500},hover:{background:600},focus:{background:600},active:{background:700}},green:{enabled:{background:500},hover:{background:600},focus:{background:600},active:{background:700}},gray:{enabled:{background:500},hover:{background:600},focus:{background:600},active:{background:700},disabled:{background:200}},neutral:{enabled:{background:400},hover:{background:500},focus:{background:500},active:{background:600}}},ToggleSlider:{default:{palette:"gray",enabled:{background:50,backgroundOpacity:1e3,fontWeight:900},hover:{background:50,backgroundOpacity:1e3},focus:{background:50,backgroundOpacity:1e3},active:{background:50,backgroundOpacity:1e3},disabled:{background:50,backgroundOpacity:700}}},ToggleIcon:{default:{palette:"gray",enabled:{text:400},hover:{text:400},focus:{text:400},active:{text:400},disabled:{text:400}}},UploadedFile:{default:{palette:"gray",enabled:{color:600}},teal:{enabled:{color:600}},blue:{enabled:{color:600}},red:{enabled:{color:600}},violet:{enabled:{color:600}},yellow:{enabled:{color:600}},green:{enabled:{color:600}},gray:{enabled:{color:600}},neutral:{enabled:{color:600}}},Dropdown:{default:{palette:"gray",enabled:{background:0,removeIcon:400},hover:{background:100},selected:{background:500}},teal:{hover:{background:100},selected:{background:500}},blue:{hover:{background:100},selected:{background:500}},red:{hover:{background:100},selected:{background:500}},violet:{hover:{background:100},selected:{background:500}},yellow:{hover:{background:100},selected:{background:500}},green:{hover:{background:100},selected:{background:500}},gray:{hover:{background:100},selected:{background:500}},neutral:{hover:{background:100},selected:{background:500}}},MenuItem:{default:{palette:"gray",enabled:{icon:600,fontWeight:600,separator:100,text:900},focus:{background:500,icon:300,text:0},active:{background:600,icon:300,text:0},hover:{background:500,icon:300,text:0}},teal:{enabled:{icon:600},focus:{background:500,icon:300,text:0},active:{background:600,icon:300,text:0},hover:{background:500,icon:300,text:0}},blue:{enabled:{icon:600},focus:{background:500,icon:300,text:0},active:{background:600,icon:300,text:0},hover:{background:500,icon:300,text:0}},red:{enabled:{icon:600},focus:{background:500,icon:300,text:0},active:{background:600,icon:300,text:0},hover:{background:500,icon:300,text:0}},violet:{enabled:{icon:600},focus:{background:500,icon:300,text:0},active:{background:600,icon:300,text:0},hover:{background:500,icon:300,text:0}},yellow:{enabled:{icon:600},focus:{background:500,icon:300,text:0},active:{background:600,icon:300,text:0},hover:{background:500,icon:300,text:0}},green:{enabled:{icon:600},focus:{background:500,icon:300,text:0},active:{background:600,icon:300,text:0},hover:{background:500,icon:300,text:0}},gray:{enabled:{icon:600},focus:{background:500,icon:300,text:0},active:{background:600,icon:300,text:0},hover:{background:500,icon:300,text:0}},neutral:{enabled:{icon:600},focus:{background:500,icon:300,text:0},active:{background:600,icon:300,text:0},hover:{background:500,icon:300,text:0}}},DragDropFiles:{default:{palette:"gray",enabled:{border:200,text:500,icon:500,fontWeight:400}}},Accordion:{default:{palette:"gray",enabled:{line:200,fontWeight:600,summaryText:500,text:700}}},Breadcrumbs:{default:{palette:"gray",enabled:{fontWeight:600,text:600}},teal:{enabled:{text:600}},blue:{enabled:{text:600}},red:{enabled:{text:600}},violet:{enabled:{text:600}},yellow:{enabled:{text:600}},green:{enabled:{text:600}},gray:{enabled:{text:600}},neutral:{enabled:{text:600}}},Link:{default:{palette:"gray",enabled:{fontWeight:600,text:600},hover:{text:400},active:{text:900},visited:{text:800}},teal:{enabled:{text:600},hover:{text:500},active:{text:800},visited:{text:700}},blue:{enabled:{text:600},hover:{text:500},active:{text:800},visited:{text:700}},red:{enabled:{text:600},hover:{text:500},active:{text:800},visited:{text:700}},violet:{enabled:{text:600},hover:{text:500},active:{text:800},visited:{text:700}},yellow:{enabled:{text:600},hover:{text:500},active:{text:800},visited:{text:700}},green:{enabled:{text:600},hover:{text:500},active:{text:800},visited:{text:700}},gray:{enabled:{text:600},hover:{text:500},active:{text:800},visited:{text:700}},neutral:{enabled:{text:600},hover:{text:500},active:{text:800},visited:{text:700}}},Toolbar:{default:{palette:"gray",enabled:{background:0,backgroundOpacity:1e3,border:900,borderOpacity:100}}},Kanban:{default:{palette:"gray",enabled:{background:100}}},KanbanHeader:{default:{palette:"gray",enabled:{background:0,text:600}}},KanbanCard:{default:{palette:"gray",enabled:{highlight:600,background:0,text:600}},teal:{enabled:{highlight:600}},blue:{enabled:{highlight:600}},red:{enabled:{highlight:600}},violet:{enabled:{background:600}},yellow:{enabled:{highlight:600}},green:{enabled:{highlight:600}},gray:{enabled:{highlight:600}},neutral:{enabled:{highlight:600}}},TableSpecialLastRow:{default:{palette:"gray",enabled:{fontWeight:500},hover:{fontWeight:700},focus:{fontWeight:700},active:{fontWeight:700},disabled:{fontWeight:700}}},Drawer:{default:{palette:"gray",enabled:{background:500,fontWeight:600,text:0}},teal:{enabled:{background:500,fontWeight:600,text:0}},blue:{enabled:{background:500,fontWeight:600,text:0}},red:{enabled:{background:500,fontWeight:600,text:0}},violet:{enabled:{background:500,fontWeight:600,text:0}},yellow:{enabled:{background:500,fontWeight:600,text:0}},green:{enabled:{background:500,fontWeight:600,text:0}},gray:{enabled:{background:500,fontWeight:600,text:0}},neutral:{enabled:{background:500,fontWeight:600,text:0}}},Danger:{default:{palette:"red",enabled:{text:600,border:300}}},Background:{default:{palette:"gray",enabled:{background:100}}},Surface:{default:{palette:"gray",enabled:{background:0}}},Text:{default:{palette:"gray",enabled:{text:600}}}},palette:{outline:{width:"0.125rem",style:"solid",context:"primary",weight:500,offset:"0.188rem"},disabled:{color:"gray",text:400,background:900,opacity:50},gray:{0:"#FFFFFF",50:"#F8FAFC",100:"#F1F5F9",200:"#E2E8F0",300:"#CBD5E1",400:"#94A3B8",500:"#64748B",600:"#475569",700:"#334155",800:"#1E293B",900:"#0F172A"},neutral:{0:"#FFFFFF",50:"#FAFAFA",100:"#F4F4F5",200:"#E4E4E7",300:"#D4D4D8",400:"#A1A1AA",500:"#71717A",600:"#52525B",700:"#3F3F46",800:"#27272A",900:"#18181B"},blue:{0:"#FFFFFF",50:"#F4FAFF",100:"#E3F2FF",200:"#C6E4FF",300:"#96CEFF",400:"#6AB7FB",500:"#4FA2EB",600:"#3284CB",700:"#2667A0",800:"#00427C",900:"#003461"},teal:{0:"#FFFFFF",50:"#F0FDFD",100:"#CCFAFB",200:"#ADF4F5",300:"#73E3E4",400:"#2DD1D4",500:"#00B9BD",600:"#008C8F",700:"#00787A",800:"#045F61",900:"#0A4D4F"},red:{0:"#FFFFFF",50:"#FFF1F2",100:"#FFE4E6",200:"#FECDD3",300:"#FDA4AF",400:"#FB7185",500:"#F43F5E",600:"#E11D48",700:"#BE123C",800:"#9F1239",900:"#881337"},violet:{0:"#FFFFFF",50:"#F5F3FF",100:"#EDE9FE",200:"#DDD6FE",300:"#C4B5FD",400:"#A78BFA",500:"#8B5CF6",600:"#7C3AED",700:"#6D28D9",800:"#5B21B6",900:"#4C1D95"},yellow:{0:"#FFFFFF",50:"#FFFBEB",100:"#FEF3C7",200:"#FDE68A",300:"#FCD34D",400:"#FBBF24",500:"#F59E0B",600:"#D97706",700:"#B45309",800:"#92400E",900:"#78350F"},green:{0:"#FFFFFF",50:"#ECFDF5",100:"#D1FAE5",200:"#A7F3D0",300:"#6EE7B7",400:"#34D399",500:"#10B981",600:"#059669",700:"#047857",800:"#065F46",900:"#064E3B"},opacity:{50:"5%",100:"10%",200:"20%",250:"25%",300:"30%",400:"40%",500:"50%",600:"60%",700:"70%",800:"80%",900:"90%",950:"95%",1e3:"100%"}},sizes:{small:"2.25rem",medium:"2.5rem",large:"2.75rem"},borderRadius:{slight:"4px",regular:"8px",edged:"12px",curved:"1000px",none:"0"},boxShadow:{xs:"0px 1px 2px rgba(0, 0, 0, 0.05);",s:"0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06);",m:"0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);",l:" 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);",xl:"0px 20px 25px -5px rgba(0, 0, 0, 0.1), 0px 10px 10px -5px rgba(0, 0, 0, 0.04);",xxl:"0px 25px 50px -12px rgba(0, 0, 0, 0.25);"},typography:{fontFamily:"Nunito",component:{weight:700,large:{fontSize:"1rem",lineHeight:"1.125rem",subTxtFontSize:"0.9rem"},medium:{fontSize:"0.875rem",lineHeight:"1rem",subTxtFontSize:"0.775rem"},small:{fontSize:"0.875rem",lineHeight:"1rem",subTxtFontSize:"0.775rem"}}},zIndex:{modal:1300,snackbar:1400,tooltip:1500,popover:1299}},B={name:"Lanaco Dark",class:"lnc-dark",colorContext:{primary:"teal",secondary:"blue",success:"green",warning:"yellow",danger:"red",information:"violet",neutral:"gray"},components:{Input:{default:{palette:"gray",enabled:{background:700,border:600,placeholder:400,text:0,prefix:400,suffix:400,caret:500,fontWeight:400},focus:{background:700,border:600,placeholder:400,text:0,prefix:400,suffix:400,caret:500,fontWeight:400},hover:{background:700,border:600,placeholder:400,text:0,prefix:400,suffix:400,caret:500,fontWeight:400},active:{background:700,border:600,placeholder:400,text:0,prefix:400,suffix:400,caret:500,fontWeight:400},disabled:{border:700}},teal:{enabled:{caret:500}},green:{enabled:{border:500,text:600,prefix:400,suffix:400}},yellow:{enabled:{border:500,text:600,prefix:400,suffix:400}},red:{enabled:{border:500,text:600,prefix:400,suffix:400}}},DateInput:{default:{palette:"gray",enabled:{background:700,border:200,placeholder:500,text:0,textWeekDays:400,fontWeight:200,todayColor:600},hover:{text:600,background:600,backgroundOpacity:200},active:{background:500,text:0,textDay:600,backgroundDay:600,backgroundDayOpacity:200},disabled:{border:200}},teal:{enabled:{today:600},hover:{text:600,background:500,backgroundOpacity:200},active:{background:500,text:0,textDay:600,backgroundDay:500,backgroundDayOpacity:200}},blue:{enabled:{today:600},hover:{text:600,background:500,backgroundOpacity:200},active:{background:500,text:0,textDay:600,backgroundDay:500,backgroundDayOpacity:200}},red:{enabled:{today:600},hover:{text:600,background:500,backgroundOpacity:200},active:{background:500,text:0,textDay:600,backgroundDay:500,backgroundDayOpacity:200}},violet:{enabled:{today:600},hover:{text:600,background:500,backgroundOpacity:200},active:{background:500,text:0,textDay:600,backgroundDay:500,backgroundDayOpacity:200}},yellow:{enabled:{today:600},hover:{text:600,background:500,backgroundOpacity:200},active:{background:500,text:0,textDay:600,backgroundDay:500,backgroundDayOpacity:200}},green:{enabled:{today:600},hover:{text:600,background:500,backgroundOpacity:200},active:{background:500,text:0,textDay:600,backgroundDay:500,backgroundDayOpacity:200}},gray:{enabled:{today:600},hover:{text:600,background:500,backgroundOpacity:200},active:{background:500,text:0,textDay:600,backgroundDay:500,backgroundDayOpacity:200}},neutral:{enabled:{today:600},hover:{text:600,background:500,backgroundOpacity:200},active:{background:500,text:0,textDay:600,backgroundDay:500,backgroundDayOpacity:200}}},Chip:{default:{palette:"gray",enabled:{background:0,backgroundOpacity:50,text:300,fontWeight:700,backdropFilter:"blur(48px)"},hover:{background:0,backgroundOpacity:100,text:300,fontWeight:700},focus:{background:0,backgroundOpacity:100,text:300,fontWeight:700},active:{background:0,backgroundOpacity:200,text:300,fontWeight:700}},teal:{enabled:{background:500,backgroundOpacity:200,text:500},hover:{background:500,backgroundOpacity:300,text:500},focus:{background:500,backgroundOpacity:300,text:500},active:{background:500,backgroundOpacity:400,text:500}},blue:{enabled:{background:500,backgroundOpacity:200,text:500},hover:{background:500,backgroundOpacity:300,text:500},focus:{background:500,backgroundOpacity:300,text:500},active:{background:500,backgroundOpacity:400,text:500}},red:{enabled:{background:500,backgroundOpacity:200,text:500},hover:{background:500,backgroundOpacity:300,text:500},focus:{background:500,backgroundOpacity:300,text:500},active:{background:500,backgroundOpacity:400,text:500}},violet:{enabled:{background:500,backgroundOpacity:200,text:500},hover:{background:500,backgroundOpacity:300,text:500},focus:{background:500,backgroundOpacity:300,text:500},active:{background:500,backgroundOpacity:400,text:500}},yellow:{enabled:{background:500,backgroundOpacity:200,text:500},hover:{background:500,backgroundOpacity:300,text:500},focus:{background:500,backgroundOpacity:300,text:500},active:{background:500,backgroundOpacity:400,text:500}},green:{enabled:{background:500,backgroundOpacity:200,text:500},hover:{background:500,backgroundOpacity:300,text:500},focus:{background:500,backgroundOpacity:300,text:500},active:{background:500,backgroundOpacity:400,text:500}},gray:{enabled:{background:500,backgroundOpacity:200,text:300},hover:{background:500,backgroundOpacity:300,text:300},focus:{background:500,backgroundOpacity:300,text:300},active:{background:500,backgroundOpacity:400,text:500}},neutral:{enabled:{background:0,backgroundOpacity:200,text:500},hover:{background:0,backgroundOpacity:300,text:500},focus:{background:0,backgroundOpacity:300,text:500},active:{background:0,backgroundOpacity:400,text:500}}},Icon:{default:{palette:"gray",enabled:{icon:800}},teal:{enabled:{icon:600}},blue:{enabled:{icon:600}},red:{enabled:{icon:600}},violet:{enabled:{icon:600}},yellow:{enabled:{icon:600}},green:{enabled:{icon:600}},gray:{enabled:{icon:600}},neutral:{enabled:{icon:600}}},TabRegular:{default:{palette:"gray",enabled:{text:400,line:700,fontWeight:700,lineHeight:"2px"},hover:{text:400,line:700,fontWeight:700,lineHeight:"1px"},active:{text:400,line:700,fontWeight:700}},teal:{enabled:{},hover:{text:300,line:300},active:{text:300,line:300}},blue:{enabled:{},hover:{text:300,line:300},active:{text:300,line:300}},red:{enabled:{},hover:{text:300,line:300},active:{text:300,line:300}},violet:{enabled:{},hover:{text:300,line:300},active:{text:300,line:300}},yellow:{enabled:{},hover:{text:300,line:300},active:{text:300,line:300}},green:{enabled:{},hover:{text:300,line:300},active:{text:300,line:300}},gray:{enabled:{},hover:{text:300,line:300},active:{text:300,line:300}},neutral:{enabled:{},hover:{text:300,line:300},active:{text:300,line:300}}},TabPill:{default:{palette:"gray",enabled:{text:300,fontWeight:600},hover:{background:800,backgroundOpacity:500,text:100,fontWeight:600},active:{background:800,backgroundOpacity:1e3,text:100,fontWeight:600}},teal:{enabled:{},hover:{background:800,backgroundOpacity:100,text:300},active:{background:0,backgroundOpacity:1e3,text:300}},blue:{enabled:{},hover:{background:800,backgroundOpacity:100,text:300},active:{background:0,backgroundOpacity:1e3,text:300}},red:{enabled:{},hover:{background:800,backgroundOpacity:100,text:300},active:{background:0,backgroundOpacity:1e3,text:300}},violet:{enabled:{},hover:{background:800,backgroundOpacity:100,text:300},active:{background:0,backgroundOpacity:1e3,text:300}},yellow:{enabled:{},hover:{background:800,backgroundOpacity:100,text:300},active:{background:800,backgroundOpacity:1e3,text:300}},green:{enabled:{},hover:{background:800,backgroundOpacity:100,text:300},active:{background:800,backgroundOpacity:1e3,text:300}},gray:{enabled:{},hover:{background:800,backgroundOpacity:100,text:300},active:{background:800,backgroundOpacity:1e3,text:300}},neutral:{enabled:{},hover:{background:800,backgroundOpacity:100,text:300},active:{background:0,backgroundOpacity:1e3,text:300}}},TabUnderline:{default:{palette:"gray",enabled:{background:800,backgroundOpacity:0,text:300,line:700,fontWeight:700,lineHeight:"2px"},hover:{background:700,backgroundOpacity:0,text:300,line:200,fontWeight:700,lineHeight:"1px"},active:{background:800,backgroundOpacity:0,fontWeight:700}},teal:{enabled:{},hover:{},active:{text:300,line:300}},blue:{enabled:{},hover:{},active:{text:300,line:700}},red:{enabled:{},hover:{},active:{text:300,line:300}},violet:{enabled:{},hover:{},active:{text:300,line:300}},yellow:{enabled:{},hover:{},active:{text:300,line:300}},green:{enabled:{},hover:{},active:{text:300,line:300}},gray:{enabled:{},hover:{},active:{text:300,line:300}},neutral:{enabled:{},hover:{},active:{text:300,line:300}}},Checkbox:{default:{palette:"gray",enabled:{background:900,border:500,text:300,fontWeight:600,sizes:{small:"1rem",medium:"1.25rem",large:"1.5rem"}},focus:{border:500,text:300,backgroundOpacity:1e3,fontWeight:600},hover:{background:900,backgroundOpacity:100,border:300,text:300,fontWeight:600},active:{background:600,backgroundOpacity:1e3,border:600,text:300,fontWeight:600},disabled:{background:700,border:600}},teal:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}},blue:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}},red:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}},violet:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}},yellow:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}},green:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}},gray:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}},neutral:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}}},Radio:{default:{palette:"gray",enabled:{background:0,border:300,text:600,fontWeight:600,sizes:{small:"1rem",medium:"1.25rem",large:"1.5rem"}},focus:{border:300,text:600,backgroundOpacity:1e3,fontWeight:600},hover:{background:900,backgroundOpacity:100,border:300,text:600,fontWeight:600},active:{background:600,backgroundOpacity:1e3,border:600,text:600,fontWeight:600},disabled:{border:300,background:300}},teal:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}},blue:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}},red:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}},violet:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}},yellow:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}},green:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}},gray:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}},neutral:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}}},Alert:{default:{palette:"gray",enabled:{background:900,backgroundOpacity:1e3,text:300,action:200,title:200,fontWeight:400,fontWeightAction:600,fontWeightTitle:600}},teal:{enabled:{background:900,backgroundOpacity:1e3,text:300,action:200,title:200,fontWeight:400,fontWeightAction:600,fontWeightTitle:600}},blue:{enabled:{background:900,backgroundOpacity:1e3,text:300,action:200,title:200,fontWeight:400,fontWeightAction:600,fontWeightTitle:600}},red:{enabled:{background:900,backgroundOpacity:1e3,text:300,action:200,title:200,fontWeight:400,fontWeightAction:600,fontWeightTitle:600}},violet:{enabled:{background:900,backgroundOpacity:1e3,text:300,action:200,title:200,fontWeight:400,fontWeightAction:600,fontWeightTitle:600}},yellow:{enabled:{background:900,backgroundOpacity:1e3,text:300,action:200,title:200,fontWeight:400,fontWeightAction:600,fontWeightTitle:600}},green:{enabled:{background:900,backgroundOpacity:1e3,text:300,action:200,title:200,fontWeight:400,fontWeightAction:600,fontWeightTitle:600}},gray:{enabled:{background:900,backgroundOpacity:1e3,text:300,action:200,title:200,fontWeight:400,fontWeightAction:600,fontWeightTitle:600}},neutral:{enabled:{background:900,backgroundOpacity:1e3,text:300,action:200,title:200,fontWeight:400,fontWeightAction:600,fontWeightTitle:600}}},Notification:{default:{palette:"gray",enabled:{background:700,backgroundOpacity:1e3,text:400,action:300,title:50,fontWeight:400,fontWeightAction:600,fontWeightTitle:600,border:600,icon:300}},teal:{enabled:{icon:300}},blue:{enabled:{icon:300}},red:{enabled:{icon:300}},violet:{enabled:{icon:300}},yellow:{enabled:{icon:300}},green:{enabled:{icon:300}},gray:{enabled:{icon:300}},neutral:{enabled:{icon:300}}},ButtonFilled:{default:{palette:"gray",enabled:{background:50,backgroundOpacity:50,text:0,fontWeight:700},hover:{background:100,backgroundOpacity:100,text:0,fontWeight:700},focus:{background:100,backgroundOpacity:100,text:0,fontWeight:700},active:{background:100,backgroundOpacity:200,text:0,fontWeight:700},disabled:{background:700}},teal:{enabled:{background:500},hover:{background:600},focus:{background:600},active:{background:700}},blue:{enabled:{background:600},hover:{background:700},focus:{background:700},active:{background:800}},red:{enabled:{background:500},hover:{background:600},focus:{background:600},active:{background:700}},violet:{enabled:{background:500},hover:{background:600},focus:{background:600},active:{background:700}},yellow:{enabled:{background:500},hover:{background:600},focus:{background:600},active:{background:700}},green:{enabled:{background:500},hover:{background:600},focus:{background:600},active:{background:700}},gray:{enabled:{background:500},hover:{background:600},focus:{background:600},active:{background:700},disabled:{background:200}},neutral:{enabled:{background:400},hover:{background:500},focus:{background:500},active:{background:600}}},ButtonTinted:{default:{palette:"gray",enabled:{background:50,backgroundOpacity:50,text:900,fontWeight:700},hover:{background:100,backgroundOpacity:100,text:900,fontWeight:700},focus:{background:100,backgroundOpacity:100,text:900,fontWeight:700},active:{background:100,backgroundOpacity:200,text:900,fontWeight:700},disabled:{background:700,text:500}},teal:{enabled:{background:500,backgroundOpacity:200,text:300},hover:{background:600,backgroundOpacity:300,text:300},focus:{background:600,backgroundOpacity:300,text:600},active:{background:700,backgroundOpacity:400,text:300}},blue:{enabled:{background:600,backgroundOpacity:200,text:300},hover:{background:700,backgroundOpacity:300,text:300},focus:{background:700,backgroundOpacity:300,text:300},active:{background:800,backgroundOpacity:400,text:300}},red:{enabled:{background:500,backgroundOpacity:200,text:300},hover:{background:600,backgroundOpacity:300,text:300},focus:{background:600,backgroundOpacity:300,text:300},active:{background:700,backgroundOpacity:400,text:300}},violet:{enabled:{background:500,backgroundOpacity:200,text:300},hover:{background:600,backgroundOpacity:300,text:600},focus:{background:600,backgroundOpacity:300,text:300},active:{background:700,backgroundOpacity:400,text:300}},yellow:{enabled:{background:500,backgroundOpacity:200,text:300},hover:{background:600,backgroundOpacity:300,text:300},focus:{background:600,backgroundOpacity:300,text:300},active:{background:700,backgroundOpacity:400,text:300}},green:{enabled:{background:500,backgroundOpacity:200,text:300},hover:{background:600,backgroundOpacity:300,text:300},focus:{background:600,backgroundOpacity:300,text:300},active:{background:700,backgroundOpacity:400,text:300}},gray:{enabled:{background:0,backgroundOpacity:100,text:300},hover:{background:0,backgroundOpacity:200,text:300},focus:{background:0,backgroundOpacity:200,text:300},active:{background:0,backgroundOpacity:300,text:300},disabled:{background:200}},neutral:{enabled:{background:500,backgroundOpacity:200,text:300},hover:{background:600,backgroundOpacity:300,text:300},focus:{background:600,backgroundOpacity:300,text:300},active:{background:700,backgroundOpacity:400,text:300}}},ButtonBasic:{default:{palette:"gray",enabled:{border:0,borderOpacity:100,background:0,backgroundOpacity:50,text:300,fontWeight:700},hover:{border:0,borderOpacity:100,background:0,backgroundOpacity:50,text:300,fontWeight:700},focus:{border:0,borderOpacity:100,background:0,backgroundOpacity:50,text:300,fontWeight:700},active:{border:0,borderOpacity:100,background:0,backgroundOpacity:100,text:300,fontWeight:700},disabled:{background:0,backgroundOpacity:50}},teal:{enabled:{text:300},hover:{text:300},focus:{text:300},active:{text:300},disabled:{text:500}},blue:{enabled:{text:300},hover:{text:300},focus:{text:300},active:{text:300},disabled:{text:500}},red:{enabled:{text:300},hover:{text:300},focus:{text:300},active:{text:300},disabled:{text:500}},violet:{enabled:{text:300},hover:{text:300},focus:{text:300},active:{text:300},disabled:{text:500}},yellow:{enabled:{text:300},hover:{text:300},focus:{text:300},active:{text:300},disabled:{text:500}},green:{enabled:{text:300},hover:{text:300},focus:{text:300},active:{text:300},disabled:{text:500}},gray:{enabled:{text:300},hover:{text:300},focus:{text:300},active:{text:300},disabled:{text:500}},neutral:{enabled:{text:300},hover:{text:300},focus:{text:300},active:{text:300},disabled:{text:500}}},Badge:{default:{palette:"gray",enabled:{background:600,fontWeight:600,text:0}},teal:{enabled:{background:600,fontWeight:600,text:0}},blue:{enabled:{background:600,fontWeight:600,text:0}},red:{enabled:{background:600,fontWeight:600,text:0}},violet:{enabled:{background:600,fontWeight:600,text:0}},yellow:{enabled:{background:600,fontWeight:600,text:0}},green:{enabled:{background:600,fontWeight:600,text:0}},gray:{enabled:{background:600,fontWeight:600,text:0}},neutral:{enabled:{background:600,fontWeight:600,text:0}}},Spinner:{default:{palette:"gray",enabled:{background:600,fontWeight:600,text:600,unfilled:800}},teal:{enabled:{background:600,fontWeight:600,text:600}},blue:{enabled:{background:600,fontWeight:600,text:600}},red:{enabled:{background:600,fontWeight:600,text:600}},violet:{enabled:{background:600,fontWeight:600,text:600}},yellow:{enabled:{background:600,fontWeight:600,text:600}},green:{enabled:{background:600,fontWeight:600,text:600}},gray:{enabled:{background:600,fontWeight:600,text:600}},neutral:{enabled:{background:600,fontWeight:600,text:600}}},Progress:{default:{palette:"gray",enabled:{background:600,fontWeight:700,text:300,unfilled:800,sizes:{small:"1rem",medium:"1.25rem",large:"1.5rem"}}},teal:{enabled:{background:600}},blue:{enabled:{background:600}},red:{enabled:{background:600}},violet:{enabled:{background:600}},yellow:{enabled:{background:600}},green:{enabled:{background:600}},gray:{enabled:{background:600}},neutral:{enabled:{background:600}}},Range:{default:{palette:"gray",enabled:{background:600,fontWeight:700,text:300,unfilled:800},disabled:{background:700}},teal:{enabled:{background:600}},blue:{enabled:{background:600}},red:{enabled:{background:600}},violet:{enabled:{background:600}},yellow:{enabled:{background:600}},green:{enabled:{background:600}},gray:{enabled:{background:600}},neutral:{enabled:{background:600}}},ButtonGroup:{default:{palette:"gray",enabled:{border:700}}},TableCell:{default:{palette:"gray",enabled:{},hover:{},focus:{},active:{},disabled:{}}},Table:{default:{palette:"gray",enabled:{border:700,background:0},hover:{border:700,background:0},focus:{border:700,background:0},active:{border:700,background:0},disabled:{border:700,background:0}}},TableHeadCell:{default:{palette:"gray",enabled:{border:600,background:600,text:0,fontWeight:700},hover:{border:600,background:600,text:0,fontWeight:700},focus:{border:600,background:600,text:0,fontWeight:700},active:{border:600,background:600,text:0,fontWeight:700},disabled:{background:500,backgroundOpacity:50}}},TableRow:{default:{palette:"gray",enabled:{border:700,background:800},hover:{border:700,background:700},focus:{border:700,background:700},active:{border:700,background:700},disabled:{border:700,background:700}},teal:{active:{background:700}},blue:{active:{background:700}},red:{active:{background:700}},violet:{active:{background:700}},yellow:{active:{background:700}},green:{active:{background:700}},gray:{active:{background:700}},neutral:{active:{background:700}}},Modal:{default:{palette:"gray",enabled:{cancelButton:400,bg:700},hover:{cancelBtnBg:900,cancelBtnBgOpacity:50},focus:{cancelBtnBg:900,cancelBtnBgOpacity:100}}},ConfirmationForm:{default:{palette:"gray",enabled:{icon:300,trackBg:600}},teal:{enabled:{icon:300}},blue:{enabled:{icon:300}},red:{enabled:{icon:300}},violet:{enabled:{icon:300}},yellow:{enabled:{icon:300}},green:{enabled:{icon:300}},gray:{enabled:{icon:300}},neutral:{enabled:{icon:300}}},Popover:{default:{palette:"gray",enabled:{bg:700,boxShadow:"0px 20px 25px -5px rgba(0, 0, 0, 0.1), 0px -10px 10px -5px rgba(0, 0, 0, 0.02)"}}},FormField:{default:{palette:"gray",enabled:{label:300,text:400,fontWeight:600}},red:{enabled:{text:600}},yellow:{enabled:{text:600}},green:{enabled:{text:600}}},Toggle:{default:{palette:"gray",enabled:{background:0,backgroundOpacity:200},hover:{background:0,backgroundOpacity:300},focus:{background:0,backgroundOpacity:300},active:{background:0,backgroundOpacity:400},disabled:{background:0,backgroundOpacity:200}},teal:{enabled:{background:500},hover:{background:600},focus:{background:600},active:{background:700}},blue:{enabled:{background:600},hover:{background:700},focus:{background:700},active:{background:800}},red:{enabled:{background:500},hover:{background:600},focus:{background:600},active:{background:700}},violet:{enabled:{background:500},hover:{background:600},focus:{background:600},active:{background:700}},yellow:{enabled:{background:500},hover:{background:600},focus:{background:600},active:{background:700}},green:{enabled:{background:500},hover:{background:600},focus:{background:600},active:{background:700}},gray:{enabled:{background:500},hover:{background:600},focus:{background:600},active:{background:700},disabled:{background:200}},neutral:{enabled:{background:400},hover:{background:500},focus:{background:500},active:{background:600}}},ToggleSlider:{default:{palette:"gray",enabled:{background:50,backgroundOpacity:1e3,fontWeight:900},hover:{background:50,backgroundOpacity:1e3},focus:{background:50,backgroundOpacity:1e3},active:{background:50,backgroundOpacity:1e3},disabled:{background:50,backgroundOpacity:700}}},ToggleIcon:{default:{palette:"gray",enabled:{text:400},hover:{text:400},focus:{text:400},active:{text:400},disabled:{text:400}}},UploadedFile:{default:{palette:"gray",enabled:{color:600}},teal:{enabled:{color:600}},blue:{enabled:{color:600}},red:{enabled:{color:600}},violet:{enabled:{color:600}},yellow:{enabled:{color:600}},green:{enabled:{color:600}},gray:{enabled:{color:600}},neutral:{enabled:{color:600}}},Dropdown:{default:{palette:"gray",enabled:{background:800,removeIcon:400},hover:{background:700},selected:{background:900}},teal:{hover:{background:700},selected:{background:800}},blue:{hover:{background:700},selected:{background:800}},red:{hover:{background:700},selected:{background:800}},violet:{hover:{background:700},selected:{background:800}},yellow:{hover:{background:700},selected:{background:800}},green:{hover:{background:700},selected:{background:800}},gray:{hover:{background:700},selected:{background:800}},neutral:{hover:{background:700},selected:{background:800}}},MenuItem:{default:{palette:"gray",enabled:{icon:400,fontWeight:600,separator:700,text:50},focus:{background:500,icon:300,text:0},active:{background:600,icon:300,text:0},hover:{background:600,icon:300,text:0}},teal:{enabled:{icon:400},focus:{background:500,icon:300,text:0},active:{background:600,icon:300,text:0},hover:{background:600,icon:300,text:0}},blue:{enabled:{icon:400},focus:{background:500,icon:300,text:0},active:{background:600,icon:300,text:0},hover:{background:600,icon:300,text:0}},red:{enabled:{icon:400},focus:{background:500,icon:300,text:0},active:{background:600,icon:300,text:0},hover:{background:600,icon:300,text:0}},violet:{enabled:{icon:400},focus:{background:500,icon:300,text:0},active:{background:600,icon:300,text:0},hover:{background:600,icon:300,text:0}},yellow:{enabled:{icon:400},focus:{background:500,icon:300,text:0},active:{background:600,icon:300,text:0},hover:{background:600,icon:300,text:0}},green:{enabled:{icon:400},focus:{background:500,icon:300,text:0},active:{background:600,icon:300,text:0},hover:{background:600,icon:300,text:0}},gray:{enabled:{icon:400},focus:{background:500,icon:300,text:0},active:{background:600,icon:300,text:0},hover:{background:600,icon:300,text:0}},neutral:{enabled:{icon:400},focus:{background:500,icon:300,text:0},active:{background:600,icon:300,text:0},hover:{background:600,icon:300,text:0}}},DragDropFiles:{default:{palette:"gray",enabled:{border:700,text:400,icon:400,fontWeight:400}}},Accordion:{default:{palette:"gray",enabled:{line:200,fontWeight:600,summaryText:300,text:400}}},Breadcrumbs:{default:{palette:"gray",enabled:{fontWeight:600,text:600}},teal:{enabled:{text:600}},blue:{enabled:{text:600}},red:{enabled:{text:600}},violet:{enabled:{text:600}},yellow:{enabled:{text:600}},green:{enabled:{text:600}},gray:{enabled:{text:600}},neutral:{enabled:{text:600}}},Link:{default:{palette:"gray",enabled:{fontWeight:600,text:500},hover:{text:400},active:{text:700},visited:{text:600}},teal:{enabled:{text:500},hover:{text:400},active:{text:700},visited:{text:600}},blue:{enabled:{text:500},hover:{text:400},active:{text:700},visited:{text:600}},red:{enabled:{text:500},hover:{text:400},active:{text:700},visited:{text:600}},violet:{enabled:{text:500},hover:{text:400},active:{text:700},visited:{text:600}},yellow:{enabled:{text:500},hover:{text:400},active:{text:700},visited:{text:600}},green:{enabled:{text:500},hover:{text:400},active:{text:700},visited:{text:600}},gray:{enabled:{text:500},hover:{text:400},active:{text:700},visited:{text:600}},neutral:{enabled:{text:500},hover:{text:400},active:{text:700},visited:{text:600}}},Toolbar:{default:{palette:"gray",enabled:{background:800,backgroundOpacity:1e3,border:0,borderOpacity:100}}},Kanban:{default:{palette:"gray",enabled:{background:700}}},KanbanHeader:{default:{palette:"gray",enabled:{background:800,text:300}}},KanbanCard:{default:{palette:"gray",enabled:{highlight:600,background:800,text:300}},teal:{enabled:{highlight:600}},blue:{enabled:{highlight:600}},red:{enabled:{highlight:600}},violet:{enabled:{background:600}},yellow:{enabled:{highlight:600}},green:{enabled:{highlight:600}},gray:{enabled:{highlight:600}},neutral:{enabled:{highlight:600}}},TableSpecialLastRow:{default:{palette:"gray",enabled:{fontWeight:500},hover:{fontWeight:700},focus:{fontWeight:700},active:{fontWeight:700},disabled:{fontWeight:700}}},Drawer:{default:{palette:"gray",enabled:{background:800,fontWeight:600,text:0}},teal:{enabled:{background:800,fontWeight:600,text:0}},blue:{enabled:{background:800,fontWeight:600,text:0}},red:{enabled:{background:800,fontWeight:600,text:0}},violet:{enabled:{background:800,fontWeight:600,text:0}},yellow:{enabled:{background:800,fontWeight:600,text:0}},green:{enabled:{background:800,fontWeight:600,text:0}},gray:{enabled:{background:500,fontWeight:600,text:0}},neutral:{enabled:{background:800,fontWeight:600,text:0}}},Danger:{default:{palette:"red",enabled:{text:500,border:600}}},Background:{default:{palette:"gray",enabled:{background:900}}},Surface:{default:{palette:"gray",enabled:{background:0}}},Text:{default:{palette:"gray",enabled:{text:300}}}},palette:{outline:{width:"0.125rem",style:"solid",context:"primary",weight:500,offset:"0.188rem"},disabled:{color:"gray",text:500,background:0,opacity:50},gray:{0:"#FFFFFF",50:"#F8FAFC",100:"#F1F5F9",200:"#E2E8F0",300:"#CBD5E1",400:"#94A3B8",500:"#64748B",600:"#475569",700:"#334155",800:"#1E293B",900:"#0F172A"},neutral:{0:"#FFFFFF",50:"#FAFAFA",100:"#F4F4F5",200:"#E4E4E7",300:"#D4D4D8",400:"#A1A1AA",500:"#71717A",600:"#52525B",700:"#3F3F46",800:"#27272A",900:"#18181B"},blue:{0:"#FFFFFF",50:"#F4FAFF",100:"#E3F2FF",200:"#C6E4FF",300:"#96CEFF",400:"#6AB7FB",500:"#4FA2EB",600:"#3284CB",700:"#2667A0",800:"#00427C",900:"#003461"},teal:{0:"#FFFFFF",50:"#F0FDFD",100:"#CCFAFB",200:"#ADF4F5",300:"#73E3E4",400:"#2DD1D4",500:"#00B9BD",600:"#008C8F",700:"#00787A",800:"#045F61",900:"#0A4D4F"},red:{0:"#FFFFFF",50:"#FFF1F2",100:"#FFE4E6",200:"#FECDD3",300:"#FDA4AF",400:"#FB7185",500:"#F43F5E",600:"#E11D48",700:"#BE123C",800:"#9F1239",900:"#881337"},violet:{0:"#FFFFFF",50:"#F5F3FF",100:"#EDE9FE",200:"#DDD6FE",300:"#C4B5FD",400:"#A78BFA",500:"#8B5CF6",600:"#7C3AED",700:"#6D28D9",800:"#5B21B6",900:"#4C1D95"},yellow:{0:"#FFFFFF",50:"#FFFBEB",100:"#FEF3C7",200:"#FDE68A",300:"#FCD34D",400:"#FBBF24",500:"#F59E0B",600:"#D97706",700:"#B45309",800:"#92400E",900:"#78350F"},green:{0:"#FFFFFF",50:"#ECFDF5",100:"#D1FAE5",200:"#A7F3D0",300:"#6EE7B7",400:"#34D399",500:"#10B981",600:"#059669",700:"#047857",800:"#065F46",900:"#064E3B"},opacity:{50:"5%",100:"10%",200:"20%",250:"25%",300:"30%",400:"40%",500:"50%",600:"60%",700:"70%",800:"80%",900:"90%",950:"95%",1e3:"100%"}},sizes:{small:"2.25rem",medium:"2.5rem",large:"2.75rem"},borderRadius:{slight:"4px",regular:"8px",edged:"12px",curved:"1000px",none:"0"},boxShadow:{xs:"0px 1px 2px rgba(0, 0, 0, 0.05);",s:"0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06);",m:"0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);",l:" 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);",xl:"0px 20px 25px -5px rgba(0, 0, 0, 0.1), 0px 10px 10px -5px rgba(0, 0, 0, 0.04);",xxl:"0px 25px 50px -12px rgba(0, 0, 0, 0.25);"},typography:{fontFamily:"Nunito",component:{weight:700,large:{fontSize:"1rem",lineHeight:"1.125rem",subTxtFontSize:"0.9rem"},medium:{fontSize:"0.875rem",lineHeight:"1rem",subTxtFontSize:"0.775rem"},small:{fontSize:"0.875rem",lineHeight:"1rem",subTxtFontSize:"0.775rem"}}},zIndex:{modal:1300,snackbar:1400,tooltip:1500,popover:1299}},w={name:"Lanaco E-Commerce",class:"lnc-e-comm",colorContext:{primary:"violet",secondary:"blue",success:"green",warning:"yellow",danger:"red",information:"violet",neutral:"neutral"},components:{Input:{default:{palette:"gray",enabled:{background:0,border:200,placeholder:500,text:900,prefix:500,suffix:500,caret:900,fontWeight:400},focus:{background:0,border:200,placeholder:500,text:900,prefix:500,suffix:500,caret:900,fontWeight:400},hover:{background:0,border:200,placeholder:500,text:900,prefix:500,suffix:500,caret:900,fontWeight:400},active:{background:0,border:200,placeholder:500,text:900,prefix:500,suffix:500,caret:900,fontWeight:400},disabled:{border:200}},teal:{enabled:{caret:500}},green:{enabled:{border:300,text:900,prefix:600,suffix:600}},yellow:{enabled:{border:300,text:900,prefix:600,suffix:600}},red:{enabled:{border:300,text:900,prefix:600,suffix:600}}},DateInput:{default:{palette:"gray",enabled:{background:0,border:200,placeholder:500,text:900,textWeekDays:400,fontWeight:200,todayColor:600},hover:{text:600,background:600,backgroundOpacity:200},active:{background:500,text:0,textDay:600,backgroundDay:600,backgroundDayOpacity:200},disabled:{border:200}},teal:{enabled:{today:600},hover:{text:600,background:500,backgroundOpacity:200},active:{background:500,text:0,textDay:600,backgroundDay:500,backgroundDayOpacity:200}},blue:{enabled:{today:600},hover:{text:600,background:500,backgroundOpacity:200},active:{background:500,text:0,textDay:600,backgroundDay:500,backgroundDayOpacity:200}},red:{enabled:{today:600},hover:{text:600,background:500,backgroundOpacity:200},active:{background:500,text:0,textDay:600,backgroundDay:500,backgroundDayOpacity:200}},violet:{enabled:{today:600},hover:{text:600,background:500,backgroundOpacity:200},active:{background:500,text:0,textDay:600,backgroundDay:500,backgroundDayOpacity:200}},yellow:{enabled:{today:600},hover:{text:600,background:500,backgroundOpacity:200},active:{background:500,text:0,textDay:600,backgroundDay:500,backgroundDayOpacity:200}},green:{enabled:{today:600},hover:{text:600,background:500,backgroundOpacity:200},active:{background:500,text:0,textDay:600,backgroundDay:500,backgroundDayOpacity:200}},gray:{enabled:{today:600},hover:{text:600,background:500,backgroundOpacity:200},active:{background:500,text:0,textDay:600,backgroundDay:500,backgroundDayOpacity:200}},neutral:{enabled:{today:600},hover:{text:600,background:500,backgroundOpacity:200},active:{background:500,text:0,textDay:600,backgroundDay:500,backgroundDayOpacity:200}}},Chip:{default:{palette:"gray",enabled:{background:50,backgroundOpacity:50,text:900,fontWeight:700,backdropFilter:"blur(48px)"},hover:{background:100,backgroundOpacity:100,text:900,fontWeight:700},focus:{background:100,backgroundOpacity:100,text:900,fontWeight:700},active:{background:100,backgroundOpacity:200,text:900,fontWeight:700}},teal:{enabled:{background:500,backgroundOpacity:200,text:600},hover:{background:500,backgroundOpacity:300,text:600},focus:{background:500,backgroundOpacity:300,text:600},active:{background:500,backgroundOpacity:400,text:600}},blue:{enabled:{background:500,backgroundOpacity:200,text:600},hover:{background:500,backgroundOpacity:300,text:600},focus:{background:500,backgroundOpacity:300,text:600},active:{background:500,backgroundOpacity:400,text:600}},red:{enabled:{background:500,backgroundOpacity:200,text:600},hover:{background:500,backgroundOpacity:300,text:600},focus:{background:500,backgroundOpacity:300,text:600},active:{background:500,backgroundOpacity:400,text:600}},violet:{enabled:{background:500,backgroundOpacity:200,text:600},hover:{background:500,backgroundOpacity:300,text:600},focus:{background:500,backgroundOpacity:300,text:600},active:{background:500,backgroundOpacity:400,text:600}},yellow:{enabled:{background:500,backgroundOpacity:200,text:600},hover:{background:500,backgroundOpacity:300,text:600},focus:{background:500,backgroundOpacity:300,text:600},active:{background:500,backgroundOpacity:400,text:600}},green:{enabled:{background:500,backgroundOpacity:200,text:600},hover:{background:500,backgroundOpacity:300,text:600},focus:{background:500,backgroundOpacity:300,text:600},active:{background:500,backgroundOpacity:400,text:600}},gray:{enabled:{background:500,backgroundOpacity:200,text:600},hover:{background:500,backgroundOpacity:300,text:600},focus:{background:500,backgroundOpacity:300,text:600},active:{background:500,backgroundOpacity:400,text:600}},neutral:{enabled:{background:500,backgroundOpacity:200,text:600},hover:{background:500,backgroundOpacity:300,text:600},focus:{background:500,backgroundOpacity:300,text:600},active:{background:500,backgroundOpacity:400,text:600}}},Icon:{default:{palette:"gray",enabled:{icon:600}},teal:{enabled:{icon:600}},blue:{enabled:{icon:600}},red:{enabled:{icon:600}},violet:{enabled:{icon:600}},yellow:{enabled:{icon:600}},green:{enabled:{icon:600}},gray:{enabled:{icon:500}},neutral:{enabled:{icon:600}}},TabRegular:{default:{palette:"gray",enabled:{text:500,line:300,lineHeight:"2px",lineRadius:"0",fontWeight:700},hover:{text:500,line:300,lineHeight:"1px",fontWeight:700},active:{text:500,line:300,fontWeight:700}},teal:{enabled:{},hover:{text:700,line:700},active:{text:700,line:700}},blue:{enabled:{},hover:{text:700,line:700},active:{text:700,line:700}},red:{enabled:{},hover:{text:700,line:700},active:{text:700,line:700}},violet:{enabled:{},hover:{text:700,line:700},active:{text:700,line:700}},yellow:{enabled:{},hover:{text:700,line:700},active:{text:700,line:700}},green:{enabled:{},hover:{text:700,line:700},active:{text:700,line:700}},gray:{enabled:{},hover:{text:700,line:700},active:{text:700,line:700}},neutral:{enabled:{},hover:{text:700,line:700},active:{text:700,line:700}}},TabPill:{default:{palette:"gray",enabled:{background:0,backgroundOpacity:0,text:500,fontWeight:600},hover:{background:100,backgroundOpacity:1e3,text:500,fontWeight:600},active:{background:0,backgroundOpacity:0,text:500,fontWeight:600}},teal:{enabled:{},hover:{background:100,backgroundOpacity:500,text:700},active:{background:100,backgroundOpacity:1e3,text:700}},blue:{enabled:{},hover:{background:100,backgroundOpacity:50,text:700},active:{background:100,backgroundOpacity:0,text:700}},red:{enabled:{},hover:{background:100,backgroundOpacity:50,text:700},active:{background:100,backgroundOpacity:0,text:700}},violet:{enabled:{},hover:{background:100,backgroundOpacity:50,text:700},active:{background:100,backgroundOpacity:0,text:700}},yellow:{enabled:{},hover:{background:100,backgroundOpacity:50,text:700},active:{background:100,backgroundOpacity:0,text:700}},green:{enabled:{},hover:{background:100,backgroundOpacity:50,text:700},active:{background:100,backgroundOpacity:0,text:700}},gray:{enabled:{},hover:{background:100,backgroundOpacity:50,text:700},active:{background:100,backgroundOpacity:0,text:700}},neutral:{enabled:{},hover:{background:100,backgroundOpacity:50,text:700},active:{background:100,backgroundOpacity:0,text:700}}},TabUnderline:{default:{palette:"gray",enabled:{background:0,backgroundOpacity:0,text:500,line:200,fontWeight:700,lineHeight:"2px"},hover:{background:0,backgroundOpacity:0,text:500,line:200,fontWeight:700,lineHeight:"1px"},active:{background:0,backgroundOpacity:0,fontWeight:700}},teal:{enabled:{},hover:{},active:{background:0,backgroundOpacity:0,text:700,line:700}},blue:{enabled:{},hover:{},active:{background:0,backgroundOpacity:0,text:700,line:700}},red:{enabled:{},hover:{},active:{background:0,backgroundOpacity:0,text:700,line:700}},violet:{enabled:{},hover:{},active:{background:0,backgroundOpacity:0,text:700,line:700}},yellow:{enabled:{},hover:{},active:{background:0,backgroundOpacity:0,text:700,line:700}},green:{enabled:{},hover:{},active:{background:0,backgroundOpacity:0,text:700,line:700}},gray:{enabled:{},hover:{},active:{background:0,backgroundOpacity:0,text:700,line:700}},neutral:{enabled:{},hover:{},active:{background:0,backgroundOpacity:0,text:700,line:700}}},Checkbox:{default:{palette:"gray",enabled:{background:0,border:300,text:600,fontWeight:600,sizes:{small:"1rem",medium:"1.25rem",large:"1.5rem"}},focus:{border:300,text:600,backgroundOpacity:1e3,fontWeight:600},hover:{background:900,backgroundOpacity:100,border:300,text:600,fontWeight:600},active:{background:600,backgroundOpacity:1e3,border:600,text:600,fontWeight:600},disabled:{border:300}},teal:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}},blue:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}},red:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}},violet:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}},yellow:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}},green:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}},gray:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}},neutral:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}}},Radio:{default:{palette:"gray",enabled:{background:0,border:300,text:600,fontWeight:600,sizes:{small:"1rem",medium:"1.25rem",large:"1.5rem"}},focus:{border:300,text:600,backgroundOpacity:1e3,fontWeight:600},hover:{background:900,backgroundOpacity:100,border:300,text:600,fontWeight:600},active:{background:600,backgroundOpacity:1e3,border:600,text:600,fontWeight:600},disabled:{border:300,background:300}},teal:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}},blue:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}},red:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}},violet:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}},yellow:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}},green:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}},gray:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}},neutral:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}}},Alert:{default:{palette:"gray",enabled:{background:50,backgroundOpacity:1e3,text:700,action:800,title:800,fontWeight:400,fontWeightAction:600,fontWeightTitle:600}},teal:{enabled:{background:50,backgroundOpacity:1e3,text:700,action:800,title:800,fontWeight:400,fontWeightAction:600,fontWeightTitle:600}},blue:{enabled:{background:50,backgroundOpacity:1e3,text:700,action:800,title:800,fontWeight:400,fontWeightAction:600,fontWeightTitle:600}},red:{enabled:{background:50,backgroundOpacity:1e3,text:700,action:800,title:800,fontWeight:400,fontWeightAction:600,fontWeightTitle:600}},violet:{enabled:{background:50,backgroundOpacity:1e3,text:700,action:800,title:800,fontWeight:400,fontWeightAction:600,fontWeightTitle:600}},yellow:{enabled:{background:50,backgroundOpacity:1e3,text:700,action:800,title:800,fontWeight:400,fontWeightAction:600,fontWeightTitle:600}},green:{enabled:{background:50,backgroundOpacity:1e3,text:700,action:800,title:800,fontWeight:400,fontWeightAction:600,fontWeightTitle:600}},gray:{enabled:{background:50,backgroundOpacity:1e3,text:700,action:800,title:800,fontWeight:400,fontWeightAction:600,fontWeightTitle:600}},neutral:{enabled:{background:50,backgroundOpacity:1e3,text:700,action:800,title:800,fontWeight:400,fontWeightAction:600,fontWeightTitle:600}}},Notification:{default:{palette:"gray",enabled:{background:0,backgroundOpacity:1e3,text:500,action:600,title:800,fontWeight:400,fontWeightAction:600,fontWeightTitle:600,border:200,icon:600}},teal:{enabled:{icon:600}},blue:{enabled:{icon:600}},red:{enabled:{icon:600}},violet:{enabled:{icon:600}},yellow:{enabled:{icon:600}},green:{enabled:{icon:600}},gray:{enabled:{icon:600}},neutral:{enabled:{icon:600}}},ButtonFilled:{default:{palette:"turquoise",enabled:{background:50,backgroundOpacity:50,text:900,fontWeight:700},hover:{background:100,backgroundOpacity:100,text:100,fontWeight:700},focus:{background:100,backgroundOpacity:100,text:100,fontWeight:700},active:{background:100,backgroundOpacity:200,text:100,fontWeight:700},disabled:{background:200}},teal:{enabled:{background:500},hover:{background:600},focus:{background:600},active:{background:700}},blue:{enabled:{background:600},hover:{background:700},focus:{background:700},active:{background:800}},red:{enabled:{background:500},hover:{background:600},focus:{background:600},active:{background:700}},violet:{enabled:{background:600},hover:{background:700},focus:{background:700},active:{background:700}},yellow:{enabled:{background:500},hover:{background:600},focus:{background:600},active:{background:700}},green:{enabled:{background:500},hover:{background:600},focus:{background:600},active:{background:700}},gray:{enabled:{background:500},hover:{background:600},focus:{background:600},active:{background:700},disabled:{background:200}},neutral:{enabled:{background:400},hover:{background:500},focus:{background:500},active:{background:600}}},ButtonTinted:{default:{palette:"turquoise",enabled:{background:50,backgroundOpacity:50,text:100,fontWeight:700},hover:{background:100,backgroundOpacity:100,text:100,fontWeight:700},focus:{background:100,backgroundOpacity:100,text:100,fontWeight:700},active:{background:100,backgroundOpacity:200,text:100,fontWeight:700},disabled:{background:200}},teal:{enabled:{background:0,backgroundOpacity:500,text:600},hover:{background:0,backgroundOpacity:500,text:600},focus:{background:0,backgroundOpacity:500,text:600},active:{background:0,backgroundOpacity:500,text:600}},blue:{enabled:{background:0,backgroundOpacity:500,text:700},hover:{background:0,backgroundOpacity:500,text:700},focus:{background:0,backgroundOpacity:500,text:700},active:{background:0,backgroundOpacity:500,text:700}},red:{enabled:{background:0,backgroundOpacity:500,text:600},hover:{background:0,backgroundOpacity:500,text:600},focus:{background:0,backgroundOpacity:500,text:600},active:{background:0,backgroundOpacity:500,text:600}},violet:{enabled:{background:0,backgroundOpacity:500,text:600},hover:{background:0,backgroundOpacity:500},focus:{background:0,backgroundOpacity:500},active:{background:0,backgroundOpacity:500}},yellow:{enabled:{background:0,backgroundOpacity:500,text:600},hover:{background:0,backgroundOpacity:500,text:600},focus:{background:600,backgroundOpacity:300,text:600},active:{background:0,backgroundOpacity:500,text:600}},green:{enabled:{background:0,backgroundOpacity:500,text:600},hover:{background:0,backgroundOpacity:500,text:600},focus:{background:0,backgroundOpacity:500,text:600},active:{background:0,backgroundOpacity:500,text:600}},gray:{enabled:{background:0,backgroundOpacity:500,text:600},hover:{background:0,backgroundOpacity:500,text:600},focus:{background:0,backgroundOpacity:500,text:600},active:{background:0,backgroundOpacity:500,text:600},disabled:{background:200}},neutral:{enabled:{background:500,backgroundOpacity:200,text:600},hover:{background:600,backgroundOpacity:300,text:600},focus:{background:600,backgroundOpacity:300,text:600},active:{background:700,backgroundOpacity:400,text:600}}},ButtonBasic:{default:{palette:"turquoise",enabled:{border:900,borderOpacity:100,background:0,backgroundOpacity:50,text:600,fontWeight:700},hover:{border:900,borderOpacity:100,background:900,backgroundOpacity:50,text:100,fontWeight:700},focus:{border:900,borderOpacity:100,background:900,backgroundOpacity:50,text:100,fontWeight:700},active:{border:900,borderOpacity:100,background:900,backgroundOpacity:100,text:100,fontWeight:700},disabled:{background:0,backgroundOpacity:50}},teal:{enabled:{text:600},hover:{text:600},focus:{text:600},active:{text:600},disabled:{text:400}},blue:{enabled:{text:600},hover:{text:600},focus:{text:600},active:{text:600},disabled:{text:400}},red:{enabled:{text:600},hover:{text:600},focus:{text:600},active:{text:600},disabled:{text:400}},violet:{enabled:{text:600},hover:{},focus:{},active:{},disabled:{text:400}},yellow:{enabled:{text:600},hover:{text:600},focus:{text:600},active:{text:600},disabled:{text:400}},green:{enabled:{text:600},hover:{text:600},focus:{text:600},active:{text:600},disabled:{text:400}},gray:{enabled:{text:600},hover:{text:600},focus:{text:600},active:{text:600},disabled:{text:400}},neutral:{enabled:{text:600},hover:{text:600},focus:{text:600},active:{text:600},disabled:{text:400}}},Badge:{default:{palette:"gray",enabled:{background:0,backgroundOpacity:500,fontWeight:400,text:900}},teal:{enabled:{background:600,fontWeight:600,text:0}},blue:{enabled:{background:600,text:0}},red:{enabled:{background:600,text:0}},violet:{enabled:{background:0,backgroundOpacity:500}},yellow:{enabled:{background:600,fontWeight:600,text:0}},green:{enabled:{background:600,text:0}},gray:{enabled:{background:600,text:0}},neutral:{enabled:{background:600,text:0}}},Spinner:{default:{palette:"gray",enabled:{background:600,fontWeight:600,text:600,unfilled:200}},teal:{enabled:{background:600,fontWeight:600,text:600}},blue:{enabled:{background:600,fontWeight:600,text:600}},red:{enabled:{background:600,fontWeight:600,text:600}},violet:{enabled:{background:600,fontWeight:600,text:600}},yellow:{enabled:{background:600,fontWeight:600,text:600}},green:{enabled:{background:600,fontWeight:600,text:600}},gray:{enabled:{background:600,fontWeight:600,text:600}},neutral:{enabled:{background:600,fontWeight:600,text:600}}},Progress:{default:{palette:"gray",enabled:{background:600,fontWeight:700,text:0,unfilled:300,sizes:{small:"1rem",medium:"1.25rem",large:"1.5rem"}}},teal:{enabled:{background:600}},blue:{enabled:{background:600}},red:{enabled:{background:600}},violet:{enabled:{background:600}},yellow:{enabled:{background:600}},green:{enabled:{background:600}},gray:{enabled:{background:600}},neutral:{enabled:{background:600}}},Range:{default:{palette:"gray",enabled:{background:600,fontWeight:700,text:0,unfilled:300},disabled:{background:500}},teal:{enabled:{background:600}},blue:{enabled:{background:600}},red:{enabled:{background:600}},violet:{enabled:{background:600}},yellow:{enabled:{background:600}},green:{enabled:{background:600}},gray:{enabled:{background:600}},neutral:{enabled:{background:600}}},ButtonGroup:{default:{palette:"gray",enabled:{border:200}}},TableCell:{default:{palette:"gray",enabled:{},hover:{},focus:{},active:{},disabled:{}}},Table:{default:{palette:"gray",enabled:{border:300,background:0},hover:{border:300,background:0},focus:{border:300,background:0},active:{border:300,background:0},disabled:{border:300,background:0}}},TableHeadCell:{default:{palette:"gray",enabled:{border:300,background:50,text:900,fontWeight:700},hover:{border:300,background:100,text:900,fontWeight:700},focus:{border:300,background:50,text:900,fontWeight:700},active:{border:300,background:50,text:900,fontWeight:700},disabled:{background:0,backgroundOpacity:50}}},TableRow:{default:{palette:"gray",enabled:{border:200,background:0},hover:{border:200,background:50},focus:{border:200,background:50},active:{border:200,background:50},disabled:{border:200,background:50}},teal:{active:{background:50}},blue:{active:{background:50}},red:{active:{background:50}},violet:{active:{background:50}},yellow:{active:{background:50}},green:{active:{background:50}},gray:{active:{background:50}},neutral:{active:{background:50}}},Modal:{default:{palette:"gray",enabled:{bg:0,cancelButton:400},hover:{cancelBtnBg:900,cancelBtnBgOpacity:50},focus:{cancelBtnBg:900,cancelBtnBgOpacity:100}}},ConfirmationForm:{default:{palette:"gray",enabled:{icon:600,trackBg:100}},teal:{enabled:{icon:600}},blue:{enabled:{icon:600}},red:{enabled:{icon:600}},violet:{enabled:{icon:600}},yellow:{enabled:{icon:600}},green:{enabled:{icon:600}},gray:{enabled:{icon:600}},neutral:{enabled:{icon:600}}},Popover:{default:{palette:"gray",enabled:{bg:0,boxShadow:"0px 20px 25px -5px rgba(0, 0, 0, 0.1), 0px -10px 10px -5px rgba(0, 0, 0, 0.02)"}}},FormField:{default:{palette:"gray",enabled:{label:600,text:600,fontWeight:600}},red:{enabled:{text:600}},yellow:{enabled:{text:600}},green:{enabled:{text:600}}},Toggle:{default:{palette:"gray",enabled:{background:900,backgroundOpacity:200},hover:{background:900,backgroundOpacity:300},focus:{background:900,backgroundOpacity:300},active:{background:900,backgroundOpacity:400},disabled:{background:900,backgroundOpacity:200}},teal:{enabled:{background:500},hover:{background:600},focus:{background:600},active:{background:700}},blue:{enabled:{background:600},hover:{background:700},focus:{background:700},active:{background:800}},red:{enabled:{background:500},hover:{background:600},focus:{background:600},active:{background:700}},violet:{enabled:{background:500},hover:{background:600},focus:{background:600},active:{background:700}},yellow:{enabled:{background:500},hover:{background:600},focus:{background:600},active:{background:700}},green:{enabled:{background:500},hover:{background:600},focus:{background:600},active:{background:700}},gray:{enabled:{background:500},hover:{background:600},focus:{background:600},active:{background:700},disabled:{background:200}},neutral:{enabled:{background:400},hover:{background:500},focus:{background:500},active:{background:600}}},ToggleSlider:{default:{palette:"gray",enabled:{background:50,backgroundOpacity:1e3,fontWeight:900},hover:{background:50,backgroundOpacity:1e3},focus:{background:50,backgroundOpacity:1e3},active:{background:50,backgroundOpacity:1e3},disabled:{background:50,backgroundOpacity:700}}},ToggleIcon:{default:{palette:"gray",enabled:{text:400},hover:{text:400},focus:{text:400},active:{text:400},disabled:{text:400}}},UploadedFile:{default:{palette:"gray",enabled:{color:600}},teal:{enabled:{color:600}},blue:{enabled:{color:600}},red:{enabled:{color:600}},violet:{enabled:{color:600}},yellow:{enabled:{color:600}},green:{enabled:{color:600}},gray:{enabled:{color:600}},neutral:{enabled:{color:600}}},Dropdown:{default:{palette:"gray",enabled:{background:0,removeIcon:400},hover:{background:100},selected:{background:500}},teal:{hover:{background:100},selected:{background:500}},blue:{hover:{background:100},selected:{background:500}},red:{hover:{background:100},selected:{background:500}},violet:{hover:{background:100},selected:{background:500}},yellow:{hover:{background:100},selected:{background:500}},green:{hover:{background:100},selected:{background:500}},gray:{hover:{background:100},selected:{background:500}},neutral:{hover:{background:100},selected:{background:500}}},MenuItem:{default:{palette:"gray",enabled:{icon:600,fontWeight:600,separator:100},focus:{background:500,icon:300,text:0},active:{background:600,icon:300,text:0,fontWeight:800},hover:{background:500,icon:300,text:0,fontWeight:600}},violet:{enabled:{icon:600,text:600},focus:{background:50,icon:600,text:600},active:{background:50,icon:600,text:600},hover:{background:50,icon:600,text:600}}},DragDropFiles:{default:{palette:"gray",enabled:{border:200,text:500,icon:500,fontWeight:400}}},Accordion:{default:{palette:"gray",enabled:{line:200,fontWeight:600,summaryText:500,text:700}}},Breadcrumbs:{default:{palette:"gray",enabled:{fontWeight:600,text:600}},teal:{enabled:{text:600}},blue:{enabled:{text:600}},red:{enabled:{text:600}},violet:{enabled:{text:600}},yellow:{enabled:{text:600}},green:{enabled:{text:600}},gray:{enabled:{text:600}},neutral:{enabled:{text:600}}},Link:{default:{palette:"gray",enabled:{fontWeight:600,text:600},hover:{text:400},active:{text:900},visited:{text:800}},teal:{enabled:{text:600},hover:{text:500},active:{text:800},visited:{text:700}},blue:{enabled:{text:600},hover:{text:500},active:{text:800},visited:{text:700}},red:{enabled:{text:600},hover:{text:500},active:{text:800},visited:{text:700}},violet:{enabled:{text:600},hover:{text:500},active:{text:800},visited:{text:700}},yellow:{enabled:{text:600},hover:{text:500},active:{text:800},visited:{text:700}},green:{enabled:{text:600},hover:{text:500},active:{text:800},visited:{text:700}},gray:{enabled:{text:600},hover:{text:500},active:{text:800},visited:{text:700}},neutral:{enabled:{text:600},hover:{text:500},active:{text:800},visited:{text:700}}},Toolbar:{default:{palette:"gray",enabled:{background:0,backgroundOpacity:1e3,border:900,borderOpacity:100}}},Kanban:{default:{palette:"gray",enabled:{background:100}}},KanbanHeader:{default:{palette:"gray",enabled:{background:0,text:600}}},KanbanCard:{default:{palette:"gray",enabled:{highlight:600,background:0,text:600}},teal:{enabled:{highlight:600}},blue:{enabled:{highlight:600}},red:{enabled:{highlight:600}},violet:{enabled:{background:600}},yellow:{enabled:{highlight:600}},green:{enabled:{highlight:600}},gray:{enabled:{highlight:600}},neutral:{enabled:{highlight:600}}},TableSpecialLastRow:{default:{palette:"gray",enabled:{fontWeight:500},hover:{fontWeight:700},focus:{fontWeight:700},active:{fontWeight:700},disabled:{fontWeight:700}}},Drawer:{default:{palette:"gray",enabled:{background:500,fontWeight:600,text:0}},teal:{enabled:{background:500,fontWeight:600,text:0}},blue:{enabled:{background:500,fontWeight:600,text:0}},red:{enabled:{background:500,fontWeight:600,text:0}},violet:{enabled:{background:500,fontWeight:600,text:0}},yellow:{enabled:{background:500,fontWeight:600,text:0}},green:{enabled:{background:500,fontWeight:600,text:0}},gray:{enabled:{background:500,fontWeight:600,text:0}},neutral:{enabled:{background:500,fontWeight:600,text:0}}},Danger:{default:{palette:"red",enabled:{text:600,border:300}}},Background:{default:{palette:"gray",enabled:{background:100}}},Surface:{default:{palette:"gray",enabled:{background:0}}},Text:{default:{palette:"gray",enabled:{text:600}}}},palette:{outline:{width:"0",style:"solid",context:"primary",weight:0,offset:"0"},disabled:{color:"gray",text:400,background:900,opacity:50},gray:{0:"#FFFFFF",50:"#F8FAFC",100:"#F1F5F9",200:"#E2E8F0",300:"#CBD5E1",400:"#94A3B8",500:"#64748B",600:"#475569",700:"#334155",800:"#1E293B",900:"#0F172A"},neutral:{0:"#FFFFFF",50:"#FAFAFA",100:"#F4F4F5",200:"#E4E4E7",300:"#D4D4D8",400:"#A1A1AA",500:"#71717A",600:"#52525B",700:"#3F3F46",800:"#27272A",900:"#18181B"},blue:{0:"#FFFFFF",50:"#F4FAFF",100:"#E3F2FF",200:"#C6E4FF",300:"#96CEFF",400:"#6AB7FB",500:"#4FA2EB",600:"#3284CB",700:"#2667A0",800:"#00427C",900:"#003461"},teal:{0:"#FFFFFF",50:"#F0FDFD",100:"#CCFAFB",200:"#ADF4F5",300:"#73E3E4",400:"#2DD1D4",500:"#00B9BD",600:"#008C8F",700:"#00787A",800:"#045F61",900:"#0A4D4F"},red:{0:"#FFFFFF",50:"#FFF1F2",100:"#FFE4E6",200:"#FECDD3",300:"#FDA4AF",400:"#FB7185",500:"#F43F5E",600:"#E11D48",700:"#BE123C",800:"#9F1239",900:"#881337"},violet:{0:"#FFFFFF",50:"#ECEAF1",100:"#F6F4F8",200:"#ECEAF1",300:"#E3DFEA",400:"#D9D5E4",500:"#CFCADD",600:"#412B76",700:"#342161"},turquoise:{0:"#FFFFFF",100:"#2EE8B6"},yellow:{0:"#FFFFFF",50:"#FFFBEB",100:"#FEF3C7",200:"#FDE68A",300:"#FCD34D",400:"#FBBF24",500:"#F59E0B",600:"#D97706",700:"#B45309",800:"#92400E",900:"#78350F"},green:{0:"#FFFFFF",50:"#ECFDF5",100:"#D1FAE5",200:"#A7F3D0",300:"#6EE7B7",400:"#34D399",500:"#10B981",600:"#059669",700:"#047857",800:"#065F46",900:"#064E3B"},opacity:{50:"5%",100:"10%",200:"20%",250:"25%",300:"30%",400:"40%",500:"50%",600:"60%",700:"70%",800:"80%",900:"90%",950:"95%",1e3:"100%"}},sizes:{small:"2.25rem",medium:"2.5rem",large:"2.75rem"},borderRadius:{slight:"4px",regular:"8px",edged:"12px",curved:"1000px",none:"0"},boxShadow:{xs:"0px 1px 2px rgba(0, 0, 0, 0.05);",s:"0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06);",m:"0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);",l:" 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);",xl:"0px 20px 25px -5px rgba(0, 0, 0, 0.1), 0px 10px 10px -5px rgba(0, 0, 0, 0.04);",xxl:"0px 25px 50px -12px rgba(0, 0, 0, 0.25);"},typography:{fontFamily:"Nunito",component:{weight:700,large:{fontSize:"1rem",lineHeight:"1.125rem",subTxtFontSize:"0.9rem"},medium:{fontSize:"0.875rem",lineHeight:"1rem",subTxtFontSize:"0.775rem"},small:{fontSize:"0.875rem",lineHeight:"1rem",subTxtFontSize:"0.775rem"}}},zIndex:{modal:1300,snackbar:1400,tooltip:1500,popover:1299}},A=[i,B,w],E={SUCCESS:i.palette.green[500],ERROR:i.palette.red[500],WARNING:i.palette.yellow[500],PRIMARY:i.palette.teal[500],SECONDARY:i.palette.blue[500],DISABLED:i.palette.gray[300],NONE:"white"},g={XS:{type:"XS",index:0,mediaQuery:"(max-width: 480px)"},S:{type:"S",index:1,mediaQuery:"(min-width: 481px) and (max-width: 767px)"},M:{type:"M",index:2,mediaQuery:"(min-width: 768px) and (max-width: 1024px)"},L:{type:"L",index:3,mediaQuery:"(min-width: 1025px) and (max-width: 1280px)"},XL:{type:"XL",index:4,mediaQuery:"(min-width: 1281px)"}},C=(e,t)=>{var a=T(e,t);return a&&l.isValidElement(a)?{current:a}:{current:null}},T=(e="",t,a={})=>{if(t&&e){var o=l.Children.toArray(t).reverse().find(n=>{var r,d;return((r=n.props)==null?void 0:r.__TYPE__)===e||((d=n.type)==null?void 0:d.displayName)===e});if(o)return o}return null},S=(e,t,a)=>{var o=z(e,t,a);return o&&l.isValidElement(o)?{current:o}:{current:null}},z=(e="",t,a,o={})=>{if(a&&e){var n=l.Children.toArray(a).reverse().find(r=>{var d,c,b,u;return(((d=r.props)==null?void 0:d.__TYPE__)===e||((c=r.type)==null?void 0:c.displayName)===e)&&(t?((b=r.props)==null?void 0:b.id)===t:!((u=r.props)!=null&&u.id))});if(n)return n}return null},R=()=>{const e=x(g.XS.mediaQuery),t=x(g.S.mediaQuery),a=x(g.M.mediaQuery),o=x(g.L.mediaQuery),n=x(g.XL.mediaQuery);return e?g.XS.type:t?g.S.type:a?g.M.type:o?g.L.type:n?g.XL.type:g.M.type},H=(e,t,a=null,o=!1)=>e.current!==null?(t.children=a!==null?o==!0?h.jsxs(h.Fragment,{children:[e.current.props.children,a]}):a:e.current.props.children,l.cloneElement(e.current,t)):null,y=(e,t)=>{var a=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e);let o=a?{r:parseInt(a[1],16),g:parseInt(a[2],16),b:parseInt(a[3],16),a:t}:null;return o?`rgba(${o.r}, ${o.g}, ${o.b}, ${o.a})`:null},I=(e,t,a,o,n,r)=>{var v,f;const d=e.colorContext[a],c=e.components[t].default,b=(f=(v=e.components[t])==null?void 0:v[d])==null?void 0:f[o],u=b==null?void 0:b[n],p=c[o][n],k=b==null?void 0:b[r],O=c[o][r],F=u||u==0?e.palette[d][u]:e.palette[c.palette][p],W=k||k==0?e.palette.opacity[k]:e.palette.opacity[O];return y(F,W??"100%")},L=(e,t,a,o,n)=>{var p,k;const r=e.colorContext[a],d=e.components[t].default,c=(k=(p=e.components[t])==null?void 0:p[r])==null?void 0:k[o],b=c==null?void 0:c[n],u=d[o][n];return b||b==0?b:u},M=(e,t)=>e.sizes[t],V=(e,t,a,o)=>`
1
+ "use strict";const h=require("react/jsx-runtime"),i=require("react");var m=function(){},s=typeof window<"u",D=function(e,t){return s?window.matchMedia(e).matches:(process.env.NODE_ENV!=="production"&&console.warn("`useMedia` When server side rendering, defaultState should be defined to prevent a hydration mismatches."),!1)},x=function(e,t){var a=i.useState(D(e)),o=a[0],n=a[1];return i.useEffect(function(){var r=!0,b=window.matchMedia(e),d=function(){r&&n(!!b.matches)};return b.addEventListener("change",d),n(b.matches),function(){r=!1,b.removeEventListener("change",d)}},[e]),o};const u={name:"Lanaco Light",class:"lnc-light",colorContext:{primary:"teal",secondary:"blue",success:"green",warning:"yellow",danger:"red",information:"violet",neutral:"neutral"},components:{Input:{default:{palette:"gray",enabled:{background:0,border:200,placeholder:500,text:900,prefix:500,suffix:500,caret:900,fontWeight:400},focus:{background:0,border:200,placeholder:500,text:900,prefix:500,suffix:500,caret:900,fontWeight:400},hover:{background:0,border:200,placeholder:500,text:900,prefix:500,suffix:500,caret:900,fontWeight:400},active:{background:0,border:200,placeholder:500,text:900,prefix:500,suffix:500,caret:900,fontWeight:400},disabled:{border:200}},teal:{enabled:{caret:500}},green:{enabled:{border:300,text:900,prefix:600,suffix:600}},yellow:{enabled:{border:300,text:900,prefix:600,suffix:600}},red:{enabled:{border:300,text:900,prefix:600,suffix:600}}},DateInput:{default:{palette:"gray",enabled:{background:0,border:200,placeholder:500,text:900,textWeekDays:400,fontWeight:200,todayColor:600},hover:{text:600,background:600,backgroundOpacity:200},active:{background:500,text:0,textDay:600,backgroundDay:600,backgroundDayOpacity:200},disabled:{border:200,text:400,background:0}},teal:{enabled:{today:600},hover:{text:600,background:500,backgroundOpacity:200},active:{background:500,text:0,textDay:600,backgroundDay:500,backgroundDayOpacity:200}},blue:{enabled:{today:600},hover:{text:600,background:500,backgroundOpacity:200},active:{background:500,text:0,textDay:600,backgroundDay:500,backgroundDayOpacity:200}},red:{enabled:{today:600},hover:{text:600,background:500,backgroundOpacity:200},active:{background:500,text:0,textDay:600,backgroundDay:500,backgroundDayOpacity:200}},violet:{enabled:{today:600},hover:{text:600,background:500,backgroundOpacity:200},active:{background:500,text:0,textDay:600,backgroundDay:500,backgroundDayOpacity:200}},yellow:{enabled:{today:600},hover:{text:600,background:500,backgroundOpacity:200},active:{background:500,text:0,textDay:600,backgroundDay:500,backgroundDayOpacity:200}},green:{enabled:{today:600},hover:{text:600,background:500,backgroundOpacity:200},active:{background:500,text:0,textDay:600,backgroundDay:500,backgroundDayOpacity:200}},gray:{enabled:{today:600},hover:{text:600,background:500,backgroundOpacity:200},active:{background:500,text:0,textDay:600,backgroundDay:500,backgroundDayOpacity:200}},neutral:{enabled:{today:600},hover:{text:600,background:500,backgroundOpacity:200},active:{background:500,text:0,textDay:600,backgroundDay:500,backgroundDayOpacity:200}}},Chip:{default:{palette:"gray",enabled:{background:50,backgroundOpacity:50,text:900,fontWeight:700,backdropFilter:"blur(48px)"},hover:{background:100,backgroundOpacity:100,text:900,fontWeight:700},focus:{background:100,backgroundOpacity:100,text:900,fontWeight:700},active:{background:100,backgroundOpacity:200,text:900,fontWeight:700}},teal:{enabled:{background:500,backgroundOpacity:200,text:600},hover:{background:500,backgroundOpacity:300,text:600},focus:{background:500,backgroundOpacity:300,text:600},active:{background:500,backgroundOpacity:400,text:600}},blue:{enabled:{background:500,backgroundOpacity:200,text:600},hover:{background:500,backgroundOpacity:300,text:600},focus:{background:500,backgroundOpacity:300,text:600},active:{background:500,backgroundOpacity:400,text:600}},red:{enabled:{background:500,backgroundOpacity:200,text:600},hover:{background:500,backgroundOpacity:300,text:600},focus:{background:500,backgroundOpacity:300,text:600},active:{background:500,backgroundOpacity:400,text:600}},violet:{enabled:{background:500,backgroundOpacity:200,text:600},hover:{background:500,backgroundOpacity:300,text:600},focus:{background:500,backgroundOpacity:300,text:600},active:{background:500,backgroundOpacity:400,text:600}},yellow:{enabled:{background:500,backgroundOpacity:200,text:600},hover:{background:500,backgroundOpacity:300,text:600},focus:{background:500,backgroundOpacity:300,text:600},active:{background:500,backgroundOpacity:400,text:600}},green:{enabled:{background:500,backgroundOpacity:200,text:600},hover:{background:500,backgroundOpacity:300,text:600},focus:{background:500,backgroundOpacity:300,text:600},active:{background:500,backgroundOpacity:400,text:600}},gray:{enabled:{background:500,backgroundOpacity:200,text:600},hover:{background:500,backgroundOpacity:300,text:600},focus:{background:500,backgroundOpacity:300,text:600},active:{background:500,backgroundOpacity:400,text:600}},neutral:{enabled:{background:500,backgroundOpacity:200,text:600},hover:{background:500,backgroundOpacity:300,text:600},focus:{background:500,backgroundOpacity:300,text:600},active:{background:500,backgroundOpacity:400,text:600}}},Icon:{default:{palette:"gray",enabled:{icon:600}},teal:{enabled:{icon:600}},blue:{enabled:{icon:600}},red:{enabled:{icon:600}},violet:{enabled:{icon:600}},yellow:{enabled:{icon:600}},green:{enabled:{icon:600}},gray:{enabled:{icon:500}},neutral:{enabled:{icon:600}}},TabRegular:{default:{palette:"gray",enabled:{text:500,line:300,fontWeight:700,lineHeight:"2px"},hover:{text:500,line:300,fontWeight:700,lineHeight:"1px"},active:{text:500,line:300,fontWeight:700}},teal:{enabled:{},hover:{text:700,line:700},active:{text:700,line:700}},blue:{enabled:{},hover:{text:700,line:700},active:{text:700,line:700}},red:{enabled:{},hover:{text:700,line:700},active:{text:700,line:700}},violet:{enabled:{},hover:{text:700,line:700},active:{text:700,line:700}},yellow:{enabled:{},hover:{text:700,line:700},active:{text:700,line:700}},green:{enabled:{},hover:{text:700,line:700},active:{text:700,line:700}},gray:{enabled:{},hover:{text:700,line:700},active:{text:700,line:700}},neutral:{enabled:{},hover:{text:700,line:700},active:{text:700,line:700}}},TabPill:{default:{palette:"gray",enabled:{background:0,backgroundOpacity:0,text:500,fontWeight:600},hover:{background:100,backgroundOpacity:1e3,text:500,fontWeight:600},active:{background:0,backgroundOpacity:0,text:500,fontWeight:600}},teal:{enabled:{},hover:{background:100,backgroundOpacity:500,text:700},active:{background:100,backgroundOpacity:1e3,text:700}},blue:{enabled:{},hover:{background:100,backgroundOpacity:50,text:700},active:{background:100,backgroundOpacity:0,text:700}},red:{enabled:{},hover:{background:100,backgroundOpacity:50,text:700},active:{background:100,backgroundOpacity:0,text:700}},violet:{enabled:{},hover:{background:100,backgroundOpacity:50,text:700},active:{background:100,backgroundOpacity:0,text:700}},yellow:{enabled:{},hover:{background:100,backgroundOpacity:50,text:700},active:{background:100,backgroundOpacity:0,text:700}},green:{enabled:{},hover:{background:100,backgroundOpacity:50,text:700},active:{background:100,backgroundOpacity:0,text:700}},gray:{enabled:{},hover:{background:100,backgroundOpacity:50,text:700},active:{background:100,backgroundOpacity:0,text:700}},neutral:{enabled:{},hover:{background:100,backgroundOpacity:50,text:700},active:{background:100,backgroundOpacity:0,text:700}}},TabUnderline:{default:{palette:"gray",enabled:{background:0,backgroundOpacity:0,text:500,line:200,fontWeight:700,lineHeight:"2px"},hover:{background:0,backgroundOpacity:0,text:500,line:200,fontWeight:700,lineHeight:"1px"},active:{background:0,backgroundOpacity:0,fontWeight:700}},teal:{enabled:{},hover:{},active:{background:0,backgroundOpacity:0,text:700,line:700}},blue:{enabled:{},hover:{},active:{background:0,backgroundOpacity:0,text:700,line:700}},red:{enabled:{},hover:{},active:{background:0,backgroundOpacity:0,text:700,line:700}},violet:{enabled:{},hover:{},active:{background:0,backgroundOpacity:0,text:700,line:700}},yellow:{enabled:{},hover:{},active:{background:0,backgroundOpacity:0,text:700,line:700}},green:{enabled:{},hover:{},active:{background:0,backgroundOpacity:0,text:700,line:700}},gray:{enabled:{},hover:{},active:{background:0,backgroundOpacity:0,text:700,line:700}},neutral:{enabled:{},hover:{},active:{background:0,backgroundOpacity:0,text:700,line:700}}},Checkbox:{default:{palette:"gray",enabled:{background:0,border:300,text:600,fontWeight:600,sizes:{small:"1rem",medium:"1.25rem",large:"1.5rem"}},focus:{border:300,text:600,backgroundOpacity:1e3,fontWeight:600},hover:{background:900,backgroundOpacity:100,border:300,text:600,fontWeight:600},active:{background:600,backgroundOpacity:1e3,border:600,text:600,fontWeight:600},disabled:{border:300}},teal:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}},blue:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}},red:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}},violet:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}},yellow:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}},green:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}},gray:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}},neutral:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}}},Radio:{default:{palette:"gray",enabled:{background:0,border:300,text:600,fontWeight:600,sizes:{small:"1rem",medium:"1.25rem",large:"1.5rem"}},focus:{border:300,text:600,backgroundOpacity:1e3,fontWeight:600},hover:{background:900,backgroundOpacity:100,border:300,text:600,fontWeight:600},active:{background:600,backgroundOpacity:1e3,border:600,text:600,fontWeight:600},disabled:{border:300,background:300}},teal:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}},blue:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}},red:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}},violet:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}},yellow:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}},green:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}},gray:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}},neutral:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}}},Alert:{default:{palette:"gray",enabled:{background:50,backgroundOpacity:1e3,text:700,action:800,title:800,fontWeight:400,fontWeightAction:600,fontWeightTitle:600}},teal:{enabled:{background:50,backgroundOpacity:1e3,text:700,action:800,title:800,fontWeight:400,fontWeightAction:600,fontWeightTitle:600}},blue:{enabled:{background:50,backgroundOpacity:1e3,text:700,action:800,title:800,fontWeight:400,fontWeightAction:600,fontWeightTitle:600}},red:{enabled:{background:50,backgroundOpacity:1e3,text:700,action:800,title:800,fontWeight:400,fontWeightAction:600,fontWeightTitle:600}},violet:{enabled:{background:50,backgroundOpacity:1e3,text:700,action:800,title:800,fontWeight:400,fontWeightAction:600,fontWeightTitle:600}},yellow:{enabled:{background:50,backgroundOpacity:1e3,text:700,action:800,title:800,fontWeight:400,fontWeightAction:600,fontWeightTitle:600}},green:{enabled:{background:50,backgroundOpacity:1e3,text:700,action:800,title:800,fontWeight:400,fontWeightAction:600,fontWeightTitle:600}},gray:{enabled:{background:50,backgroundOpacity:1e3,text:700,action:800,title:800,fontWeight:400,fontWeightAction:600,fontWeightTitle:600}},neutral:{enabled:{background:50,backgroundOpacity:1e3,text:700,action:800,title:800,fontWeight:400,fontWeightAction:600,fontWeightTitle:600}}},Notification:{default:{palette:"gray",enabled:{background:0,backgroundOpacity:1e3,text:500,action:600,title:800,fontWeight:400,fontWeightAction:600,fontWeightTitle:600,border:200,icon:600}},teal:{enabled:{icon:600}},blue:{enabled:{icon:600}},red:{enabled:{icon:600}},violet:{enabled:{icon:600}},yellow:{enabled:{icon:600}},green:{enabled:{icon:600}},gray:{enabled:{icon:600}},neutral:{enabled:{icon:600}}},ButtonFilled:{default:{palette:"gray",enabled:{background:50,backgroundOpacity:50,text:0,fontWeight:700},hover:{background:100,backgroundOpacity:100,text:0,fontWeight:700},focus:{background:100,backgroundOpacity:100,text:0,fontWeight:700},active:{background:100,backgroundOpacity:200,text:0,fontWeight:700},disabled:{background:200}},teal:{enabled:{background:500},hover:{background:600},focus:{background:600},active:{background:700}},blue:{enabled:{background:600},hover:{background:700},focus:{background:700},active:{background:800}},red:{enabled:{background:500},hover:{background:600},focus:{background:600},active:{background:700}},violet:{enabled:{background:500},hover:{background:600},focus:{background:600},active:{background:700}},yellow:{enabled:{background:500},hover:{background:600},focus:{background:600},active:{background:700}},green:{enabled:{background:500},hover:{background:600},focus:{background:600},active:{background:700}},gray:{enabled:{background:500},hover:{background:600},focus:{background:600},active:{background:700},disabled:{background:200}},neutral:{enabled:{background:400},hover:{background:500},focus:{background:500},active:{background:600}}},ButtonTinted:{default:{palette:"gray",enabled:{background:50,backgroundOpacity:50,text:900,fontWeight:700},hover:{background:100,backgroundOpacity:100,text:900,fontWeight:700},focus:{background:100,backgroundOpacity:100,text:900,fontWeight:700},active:{background:100,backgroundOpacity:200,text:900,fontWeight:700},disabled:{background:200}},teal:{enabled:{background:500,backgroundOpacity:200,text:600},hover:{background:600,backgroundOpacity:300,text:600},focus:{background:600,backgroundOpacity:300,text:600},active:{background:700,backgroundOpacity:400,text:600}},blue:{enabled:{background:600,backgroundOpacity:200,text:700},hover:{background:700,backgroundOpacity:300,text:700},focus:{background:700,backgroundOpacity:300,text:700},active:{background:800,backgroundOpacity:400,text:700}},red:{enabled:{background:500,backgroundOpacity:200,text:600},hover:{background:600,backgroundOpacity:300,text:600},focus:{background:600,backgroundOpacity:300,text:600},active:{background:700,backgroundOpacity:400,text:600}},violet:{enabled:{background:500,backgroundOpacity:200,text:600},hover:{background:600,backgroundOpacity:300,text:600},focus:{background:600,backgroundOpacity:300,text:600},active:{background:700,backgroundOpacity:400,text:600}},yellow:{enabled:{background:500,backgroundOpacity:200,text:600},hover:{background:600,backgroundOpacity:300,text:600},focus:{background:600,backgroundOpacity:300,text:600},active:{background:700,backgroundOpacity:400,text:600}},green:{enabled:{background:500,backgroundOpacity:200,text:600},hover:{background:600,backgroundOpacity:300,text:600},focus:{background:600,backgroundOpacity:300,text:600},active:{background:700,backgroundOpacity:400,text:600}},gray:{enabled:{background:500,backgroundOpacity:200,text:600},hover:{background:600,backgroundOpacity:300,text:600},focus:{background:600,backgroundOpacity:300,text:600},active:{background:700,backgroundOpacity:400,text:600},disabled:{background:200}},neutral:{enabled:{background:500,backgroundOpacity:200,text:600},hover:{background:600,backgroundOpacity:300,text:600},focus:{background:600,backgroundOpacity:300,text:600},active:{background:700,backgroundOpacity:400,text:600}}},ButtonBasic:{default:{palette:"gray",enabled:{border:900,borderOpacity:100,background:0,backgroundOpacity:50,text:600,fontWeight:700},hover:{border:900,borderOpacity:100,background:900,backgroundOpacity:50,text:600,fontWeight:700},focus:{border:900,borderOpacity:100,background:900,backgroundOpacity:50,text:600,fontWeight:700},active:{border:900,borderOpacity:100,background:900,backgroundOpacity:100,text:600,fontWeight:700},disabled:{background:0,backgroundOpacity:50}},teal:{enabled:{text:600},hover:{text:600},focus:{text:600},active:{text:600},disabled:{text:400}},blue:{enabled:{text:600},hover:{text:600},focus:{text:600},active:{text:600},disabled:{text:400}},red:{enabled:{text:600},hover:{text:600},focus:{text:600},active:{text:600},disabled:{text:400}},violet:{enabled:{text:600},hover:{text:600},focus:{text:600},active:{text:600},disabled:{text:400}},yellow:{enabled:{text:600},hover:{text:600},focus:{text:600},active:{text:600},disabled:{text:400}},green:{enabled:{text:600},hover:{text:600},focus:{text:600},active:{text:600},disabled:{text:400}},gray:{enabled:{text:600},hover:{text:600},focus:{text:600},active:{text:600},disabled:{text:400}},neutral:{enabled:{text:600},hover:{text:600},focus:{text:600},active:{text:600},disabled:{text:400}}},Badge:{default:{palette:"gray",enabled:{background:600,fontWeight:600,text:0}},teal:{enabled:{background:600,fontWeight:600,text:0}},blue:{enabled:{background:600,fontWeight:600,text:0}},red:{enabled:{background:600,fontWeight:600,text:0}},violet:{enabled:{background:600,fontWeight:600,text:0}},yellow:{enabled:{background:600,fontWeight:600,text:0}},green:{enabled:{background:600,fontWeight:600,text:0}},gray:{enabled:{background:600,fontWeight:600,text:0}},neutral:{enabled:{background:600,fontWeight:600,text:0}}},Spinner:{default:{palette:"gray",enabled:{background:600,fontWeight:600,text:600,unfilled:200}},teal:{enabled:{background:600,fontWeight:600,text:600}},blue:{enabled:{background:600,fontWeight:600,text:600}},red:{enabled:{background:600,fontWeight:600,text:600}},violet:{enabled:{background:600,fontWeight:600,text:600}},yellow:{enabled:{background:600,fontWeight:600,text:600}},green:{enabled:{background:600,fontWeight:600,text:600}},gray:{enabled:{background:600,fontWeight:600,text:600}},neutral:{enabled:{background:600,fontWeight:600,text:600}}},Progress:{default:{palette:"gray",enabled:{background:600,fontWeight:700,text:0,unfilled:300,sizes:{small:"1rem",medium:"1.25rem",large:"1.5rem"}}},teal:{enabled:{background:600}},blue:{enabled:{background:600}},red:{enabled:{background:600}},violet:{enabled:{background:600}},yellow:{enabled:{background:600}},green:{enabled:{background:600}},gray:{enabled:{background:600}},neutral:{enabled:{background:600}}},Range:{default:{palette:"gray",enabled:{background:600,fontWeight:700,text:0,unfilled:300},disabled:{background:500}},teal:{enabled:{background:600}},blue:{enabled:{background:600}},red:{enabled:{background:600}},violet:{enabled:{background:600}},yellow:{enabled:{background:600}},green:{enabled:{background:600}},gray:{enabled:{background:600}},neutral:{enabled:{background:600}}},ButtonGroup:{default:{palette:"gray",enabled:{border:200}}},TableCell:{default:{palette:"gray",enabled:{},hover:{},focus:{},active:{},disabled:{}}},Table:{default:{palette:"gray",enabled:{border:300,background:0},hover:{border:300,background:0},focus:{border:300,background:0},active:{border:300,background:0},disabled:{border:300,background:0}}},TableHeadCell:{default:{palette:"gray",enabled:{border:300,background:50,text:900,fontWeight:700},hover:{border:300,background:100,text:900,fontWeight:700},focus:{border:300,background:50,text:900,fontWeight:700},active:{border:300,background:50,text:900,fontWeight:700},disabled:{background:0,backgroundOpacity:50}}},TableRow:{default:{palette:"gray",enabled:{border:200,background:0},hover:{border:200,background:50},focus:{border:200,background:50},active:{border:200,background:50},disabled:{border:200,background:50}},teal:{active:{background:50}},blue:{active:{background:50}},red:{active:{background:50}},violet:{active:{background:50}},yellow:{active:{background:50}},green:{active:{background:50}},gray:{active:{background:50}},neutral:{active:{background:50}}},Modal:{default:{palette:"gray",enabled:{bg:0,cancelButton:400},hover:{cancelBtnBg:900,cancelBtnBgOpacity:50},focus:{cancelBtnBg:900,cancelBtnBgOpacity:100}}},ConfirmationForm:{default:{palette:"gray",enabled:{icon:600,trackBg:100}},teal:{enabled:{icon:600}},blue:{enabled:{icon:600}},red:{enabled:{icon:600}},violet:{enabled:{icon:600}},yellow:{enabled:{icon:600}},green:{enabled:{icon:600}},gray:{enabled:{icon:600}},neutral:{enabled:{icon:600}}},Popover:{default:{palette:"gray",enabled:{bg:0,boxShadow:"0px 20px 25px -5px rgba(0, 0, 0, 0.1), 0px -10px 10px -5px rgba(0, 0, 0, 0.02)"}}},FormField:{default:{palette:"gray",enabled:{label:600,text:600,fontWeight:600}},red:{enabled:{text:600}},yellow:{enabled:{text:600}},green:{enabled:{text:600}}},Toggle:{default:{palette:"gray",enabled:{background:900,backgroundOpacity:200},hover:{background:900,backgroundOpacity:300},focus:{background:900,backgroundOpacity:300},active:{background:900,backgroundOpacity:400},disabled:{background:900,backgroundOpacity:200}},teal:{enabled:{background:500},hover:{background:600},focus:{background:600},active:{background:700}},blue:{enabled:{background:600},hover:{background:700},focus:{background:700},active:{background:800}},red:{enabled:{background:500},hover:{background:600},focus:{background:600},active:{background:700}},violet:{enabled:{background:500},hover:{background:600},focus:{background:600},active:{background:700}},yellow:{enabled:{background:500},hover:{background:600},focus:{background:600},active:{background:700}},green:{enabled:{background:500},hover:{background:600},focus:{background:600},active:{background:700}},gray:{enabled:{background:500},hover:{background:600},focus:{background:600},active:{background:700},disabled:{background:200}},neutral:{enabled:{background:400},hover:{background:500},focus:{background:500},active:{background:600}}},ToggleSlider:{default:{palette:"gray",enabled:{background:50,backgroundOpacity:1e3,fontWeight:900},hover:{background:50,backgroundOpacity:1e3},focus:{background:50,backgroundOpacity:1e3},active:{background:50,backgroundOpacity:1e3},disabled:{background:50,backgroundOpacity:700}}},ToggleIcon:{default:{palette:"gray",enabled:{text:400},hover:{text:400},focus:{text:400},active:{text:400},disabled:{text:400}}},UploadedFile:{default:{palette:"gray",enabled:{color:600}},teal:{enabled:{color:600}},blue:{enabled:{color:600}},red:{enabled:{color:600}},violet:{enabled:{color:600}},yellow:{enabled:{color:600}},green:{enabled:{color:600}},gray:{enabled:{color:600}},neutral:{enabled:{color:600}}},Dropdown:{default:{palette:"gray",enabled:{background:0,removeIcon:400},hover:{background:100},selected:{background:500}},teal:{hover:{background:100},selected:{background:500}},blue:{hover:{background:100},selected:{background:500}},red:{hover:{background:100},selected:{background:500}},violet:{hover:{background:100},selected:{background:500}},yellow:{hover:{background:100},selected:{background:500}},green:{hover:{background:100},selected:{background:500}},gray:{hover:{background:100},selected:{background:500}},neutral:{hover:{background:100},selected:{background:500}}},MenuItem:{default:{palette:"gray",enabled:{icon:600,fontWeight:600,separator:100,text:900},focus:{background:500,icon:300,text:0},active:{background:600,icon:300,text:0},hover:{background:500,icon:300,text:0}},teal:{enabled:{icon:600},focus:{background:500,icon:300,text:0},active:{background:600,icon:300,text:0},hover:{background:500,icon:300,text:0}},blue:{enabled:{icon:600},focus:{background:500,icon:300,text:0},active:{background:600,icon:300,text:0},hover:{background:500,icon:300,text:0}},red:{enabled:{icon:600},focus:{background:500,icon:300,text:0},active:{background:600,icon:300,text:0},hover:{background:500,icon:300,text:0}},violet:{enabled:{icon:600},focus:{background:500,icon:300,text:0},active:{background:600,icon:300,text:0},hover:{background:500,icon:300,text:0}},yellow:{enabled:{icon:600},focus:{background:500,icon:300,text:0},active:{background:600,icon:300,text:0},hover:{background:500,icon:300,text:0}},green:{enabled:{icon:600},focus:{background:500,icon:300,text:0},active:{background:600,icon:300,text:0},hover:{background:500,icon:300,text:0}},gray:{enabled:{icon:600},focus:{background:500,icon:300,text:0},active:{background:600,icon:300,text:0},hover:{background:500,icon:300,text:0}},neutral:{enabled:{icon:600},focus:{background:500,icon:300,text:0},active:{background:600,icon:300,text:0},hover:{background:500,icon:300,text:0}}},DragDropFiles:{default:{palette:"gray",enabled:{border:200,text:500,icon:500,fontWeight:400}}},Accordion:{default:{palette:"gray",enabled:{line:200,fontWeight:600,summaryText:500,text:700}}},Breadcrumbs:{default:{palette:"gray",enabled:{fontWeight:600,text:600}},teal:{enabled:{text:600}},blue:{enabled:{text:600}},red:{enabled:{text:600}},violet:{enabled:{text:600}},yellow:{enabled:{text:600}},green:{enabled:{text:600}},gray:{enabled:{text:600}},neutral:{enabled:{text:600}}},Link:{default:{palette:"gray",enabled:{fontWeight:600,text:600},hover:{text:400},active:{text:900},visited:{text:800}},teal:{enabled:{text:600},hover:{text:500},active:{text:800},visited:{text:700}},blue:{enabled:{text:600},hover:{text:500},active:{text:800},visited:{text:700}},red:{enabled:{text:600},hover:{text:500},active:{text:800},visited:{text:700}},violet:{enabled:{text:600},hover:{text:500},active:{text:800},visited:{text:700}},yellow:{enabled:{text:600},hover:{text:500},active:{text:800},visited:{text:700}},green:{enabled:{text:600},hover:{text:500},active:{text:800},visited:{text:700}},gray:{enabled:{text:600},hover:{text:500},active:{text:800},visited:{text:700}},neutral:{enabled:{text:600},hover:{text:500},active:{text:800},visited:{text:700}}},Toolbar:{default:{palette:"gray",enabled:{background:0,backgroundOpacity:1e3,border:900,borderOpacity:100}}},Kanban:{default:{palette:"gray",enabled:{background:100}}},KanbanHeader:{default:{palette:"gray",enabled:{background:0,text:600}}},KanbanCard:{default:{palette:"gray",enabled:{highlight:600,background:0,text:600}},teal:{enabled:{highlight:600}},blue:{enabled:{highlight:600}},red:{enabled:{highlight:600}},violet:{enabled:{background:600}},yellow:{enabled:{highlight:600}},green:{enabled:{highlight:600}},gray:{enabled:{highlight:600}},neutral:{enabled:{highlight:600}}},TableSpecialLastRow:{default:{palette:"gray",enabled:{fontWeight:500},hover:{fontWeight:700},focus:{fontWeight:700},active:{fontWeight:700},disabled:{fontWeight:700}}},Drawer:{default:{palette:"gray",enabled:{background:500,fontWeight:600,text:0}},teal:{enabled:{background:500,fontWeight:600,text:0}},blue:{enabled:{background:500,fontWeight:600,text:0}},red:{enabled:{background:500,fontWeight:600,text:0}},violet:{enabled:{background:500,fontWeight:600,text:0}},yellow:{enabled:{background:500,fontWeight:600,text:0}},green:{enabled:{background:500,fontWeight:600,text:0}},gray:{enabled:{background:500,fontWeight:600,text:0}},neutral:{enabled:{background:500,fontWeight:600,text:0}}},Danger:{default:{palette:"red",enabled:{text:600,border:300}}},Background:{default:{palette:"gray",enabled:{background:100}}},Surface:{default:{palette:"gray",enabled:{background:0}}},Text:{default:{palette:"gray",enabled:{text:600}}}},palette:{outline:{width:"0.125rem",style:"solid",context:"primary",weight:500,offset:"0.188rem"},disabled:{color:"gray",text:400,background:900,opacity:50},gray:{0:"#FFFFFF",50:"#F8FAFC",100:"#F1F5F9",200:"#E2E8F0",300:"#CBD5E1",400:"#94A3B8",500:"#64748B",600:"#475569",700:"#334155",800:"#1E293B",900:"#0F172A"},neutral:{0:"#FFFFFF",50:"#FAFAFA",100:"#F4F4F5",200:"#E4E4E7",300:"#D4D4D8",400:"#A1A1AA",500:"#71717A",600:"#52525B",700:"#3F3F46",800:"#27272A",900:"#18181B"},blue:{0:"#FFFFFF",50:"#F4FAFF",100:"#E3F2FF",200:"#C6E4FF",300:"#96CEFF",400:"#6AB7FB",500:"#4FA2EB",600:"#3284CB",700:"#2667A0",800:"#00427C",900:"#003461"},teal:{0:"#FFFFFF",50:"#F0FDFD",100:"#CCFAFB",200:"#ADF4F5",300:"#73E3E4",400:"#2DD1D4",500:"#00B9BD",600:"#008C8F",700:"#00787A",800:"#045F61",900:"#0A4D4F"},red:{0:"#FFFFFF",50:"#FFF1F2",100:"#FFE4E6",200:"#FECDD3",300:"#FDA4AF",400:"#FB7185",500:"#F43F5E",600:"#E11D48",700:"#BE123C",800:"#9F1239",900:"#881337"},violet:{0:"#FFFFFF",50:"#F5F3FF",100:"#EDE9FE",200:"#DDD6FE",300:"#C4B5FD",400:"#A78BFA",500:"#8B5CF6",600:"#7C3AED",700:"#6D28D9",800:"#5B21B6",900:"#4C1D95"},yellow:{0:"#FFFFFF",50:"#FFFBEB",100:"#FEF3C7",200:"#FDE68A",300:"#FCD34D",400:"#FBBF24",500:"#F59E0B",600:"#D97706",700:"#B45309",800:"#92400E",900:"#78350F"},green:{0:"#FFFFFF",50:"#ECFDF5",100:"#D1FAE5",200:"#A7F3D0",300:"#6EE7B7",400:"#34D399",500:"#10B981",600:"#059669",700:"#047857",800:"#065F46",900:"#064E3B"},opacity:{50:"5%",100:"10%",200:"20%",250:"25%",300:"30%",400:"40%",500:"50%",600:"60%",700:"70%",800:"80%",900:"90%",950:"95%",1e3:"100%"}},sizes:{small:"2.25rem",medium:"2.5rem",large:"2.75rem"},borderRadius:{slight:"4px",regular:"8px",edged:"12px",curved:"1000px",none:"0"},boxShadow:{xs:"0px 1px 2px rgba(0, 0, 0, 0.05);",s:"0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06);",m:"0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);",l:" 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);",xl:"0px 20px 25px -5px rgba(0, 0, 0, 0.1), 0px 10px 10px -5px rgba(0, 0, 0, 0.04);",xxl:"0px 25px 50px -12px rgba(0, 0, 0, 0.25);"},typography:{fontFamily:"Nunito",component:{weight:700,large:{fontSize:"1rem",lineHeight:"1.125rem",subTxtFontSize:"0.9rem"},medium:{fontSize:"0.875rem",lineHeight:"1rem",subTxtFontSize:"0.775rem"},small:{fontSize:"0.875rem",lineHeight:"1rem",subTxtFontSize:"0.775rem"}}},zIndex:{modal:1300,snackbar:1400,tooltip:1500,popover:1299}},B={name:"Lanaco Dark",class:"lnc-dark",colorContext:{primary:"teal",secondary:"blue",success:"green",warning:"yellow",danger:"red",information:"violet",neutral:"gray"},components:{Input:{default:{palette:"gray",enabled:{background:700,border:600,placeholder:400,text:0,prefix:400,suffix:400,caret:500,fontWeight:400},focus:{background:700,border:600,placeholder:400,text:0,prefix:400,suffix:400,caret:500,fontWeight:400},hover:{background:700,border:600,placeholder:400,text:0,prefix:400,suffix:400,caret:500,fontWeight:400},active:{background:700,border:600,placeholder:400,text:0,prefix:400,suffix:400,caret:500,fontWeight:400},disabled:{border:700}},teal:{enabled:{caret:500}},green:{enabled:{border:500,text:600,prefix:400,suffix:400}},yellow:{enabled:{border:500,text:600,prefix:400,suffix:400}},red:{enabled:{border:500,text:600,prefix:400,suffix:400}}},DateInput:{default:{palette:"gray",enabled:{background:700,border:200,placeholder:500,text:0,textWeekDays:400,fontWeight:200,todayColor:600},hover:{text:600,background:600,backgroundOpacity:200},active:{background:500,text:0,textDay:600,backgroundDay:600,backgroundDayOpacity:200},disabled:{border:200}},teal:{enabled:{today:600},hover:{text:600,background:500,backgroundOpacity:200},active:{background:500,text:0,textDay:600,backgroundDay:500,backgroundDayOpacity:200}},blue:{enabled:{today:600},hover:{text:600,background:500,backgroundOpacity:200},active:{background:500,text:0,textDay:600,backgroundDay:500,backgroundDayOpacity:200}},red:{enabled:{today:600},hover:{text:600,background:500,backgroundOpacity:200},active:{background:500,text:0,textDay:600,backgroundDay:500,backgroundDayOpacity:200}},violet:{enabled:{today:600},hover:{text:600,background:500,backgroundOpacity:200},active:{background:500,text:0,textDay:600,backgroundDay:500,backgroundDayOpacity:200}},yellow:{enabled:{today:600},hover:{text:600,background:500,backgroundOpacity:200},active:{background:500,text:0,textDay:600,backgroundDay:500,backgroundDayOpacity:200}},green:{enabled:{today:600},hover:{text:600,background:500,backgroundOpacity:200},active:{background:500,text:0,textDay:600,backgroundDay:500,backgroundDayOpacity:200}},gray:{enabled:{today:600},hover:{text:600,background:500,backgroundOpacity:200},active:{background:500,text:0,textDay:600,backgroundDay:500,backgroundDayOpacity:200}},neutral:{enabled:{today:600},hover:{text:600,background:500,backgroundOpacity:200},active:{background:500,text:0,textDay:600,backgroundDay:500,backgroundDayOpacity:200}}},Chip:{default:{palette:"gray",enabled:{background:0,backgroundOpacity:50,text:300,fontWeight:700,backdropFilter:"blur(48px)"},hover:{background:0,backgroundOpacity:100,text:300,fontWeight:700},focus:{background:0,backgroundOpacity:100,text:300,fontWeight:700},active:{background:0,backgroundOpacity:200,text:300,fontWeight:700}},teal:{enabled:{background:500,backgroundOpacity:200,text:500},hover:{background:500,backgroundOpacity:300,text:500},focus:{background:500,backgroundOpacity:300,text:500},active:{background:500,backgroundOpacity:400,text:500}},blue:{enabled:{background:500,backgroundOpacity:200,text:500},hover:{background:500,backgroundOpacity:300,text:500},focus:{background:500,backgroundOpacity:300,text:500},active:{background:500,backgroundOpacity:400,text:500}},red:{enabled:{background:500,backgroundOpacity:200,text:500},hover:{background:500,backgroundOpacity:300,text:500},focus:{background:500,backgroundOpacity:300,text:500},active:{background:500,backgroundOpacity:400,text:500}},violet:{enabled:{background:500,backgroundOpacity:200,text:500},hover:{background:500,backgroundOpacity:300,text:500},focus:{background:500,backgroundOpacity:300,text:500},active:{background:500,backgroundOpacity:400,text:500}},yellow:{enabled:{background:500,backgroundOpacity:200,text:500},hover:{background:500,backgroundOpacity:300,text:500},focus:{background:500,backgroundOpacity:300,text:500},active:{background:500,backgroundOpacity:400,text:500}},green:{enabled:{background:500,backgroundOpacity:200,text:500},hover:{background:500,backgroundOpacity:300,text:500},focus:{background:500,backgroundOpacity:300,text:500},active:{background:500,backgroundOpacity:400,text:500}},gray:{enabled:{background:500,backgroundOpacity:200,text:300},hover:{background:500,backgroundOpacity:300,text:300},focus:{background:500,backgroundOpacity:300,text:300},active:{background:500,backgroundOpacity:400,text:500}},neutral:{enabled:{background:0,backgroundOpacity:200,text:500},hover:{background:0,backgroundOpacity:300,text:500},focus:{background:0,backgroundOpacity:300,text:500},active:{background:0,backgroundOpacity:400,text:500}}},Icon:{default:{palette:"gray",enabled:{icon:800}},teal:{enabled:{icon:600}},blue:{enabled:{icon:600}},red:{enabled:{icon:600}},violet:{enabled:{icon:600}},yellow:{enabled:{icon:600}},green:{enabled:{icon:600}},gray:{enabled:{icon:600}},neutral:{enabled:{icon:600}}},TabRegular:{default:{palette:"gray",enabled:{text:400,line:700,fontWeight:700,lineHeight:"2px"},hover:{text:400,line:700,fontWeight:700,lineHeight:"1px"},active:{text:400,line:700,fontWeight:700}},teal:{enabled:{},hover:{text:300,line:300},active:{text:300,line:300}},blue:{enabled:{},hover:{text:300,line:300},active:{text:300,line:300}},red:{enabled:{},hover:{text:300,line:300},active:{text:300,line:300}},violet:{enabled:{},hover:{text:300,line:300},active:{text:300,line:300}},yellow:{enabled:{},hover:{text:300,line:300},active:{text:300,line:300}},green:{enabled:{},hover:{text:300,line:300},active:{text:300,line:300}},gray:{enabled:{},hover:{text:300,line:300},active:{text:300,line:300}},neutral:{enabled:{},hover:{text:300,line:300},active:{text:300,line:300}}},TabPill:{default:{palette:"gray",enabled:{text:300,fontWeight:600},hover:{background:800,backgroundOpacity:500,text:100,fontWeight:600},active:{background:800,backgroundOpacity:1e3,text:100,fontWeight:600}},teal:{enabled:{},hover:{background:800,backgroundOpacity:100,text:300},active:{background:0,backgroundOpacity:1e3,text:300}},blue:{enabled:{},hover:{background:800,backgroundOpacity:100,text:300},active:{background:0,backgroundOpacity:1e3,text:300}},red:{enabled:{},hover:{background:800,backgroundOpacity:100,text:300},active:{background:0,backgroundOpacity:1e3,text:300}},violet:{enabled:{},hover:{background:800,backgroundOpacity:100,text:300},active:{background:0,backgroundOpacity:1e3,text:300}},yellow:{enabled:{},hover:{background:800,backgroundOpacity:100,text:300},active:{background:800,backgroundOpacity:1e3,text:300}},green:{enabled:{},hover:{background:800,backgroundOpacity:100,text:300},active:{background:800,backgroundOpacity:1e3,text:300}},gray:{enabled:{},hover:{background:800,backgroundOpacity:100,text:300},active:{background:800,backgroundOpacity:1e3,text:300}},neutral:{enabled:{},hover:{background:800,backgroundOpacity:100,text:300},active:{background:0,backgroundOpacity:1e3,text:300}}},TabUnderline:{default:{palette:"gray",enabled:{background:800,backgroundOpacity:0,text:300,line:700,fontWeight:700,lineHeight:"2px"},hover:{background:700,backgroundOpacity:0,text:300,line:200,fontWeight:700,lineHeight:"1px"},active:{background:800,backgroundOpacity:0,fontWeight:700}},teal:{enabled:{},hover:{},active:{text:300,line:300}},blue:{enabled:{},hover:{},active:{text:300,line:700}},red:{enabled:{},hover:{},active:{text:300,line:300}},violet:{enabled:{},hover:{},active:{text:300,line:300}},yellow:{enabled:{},hover:{},active:{text:300,line:300}},green:{enabled:{},hover:{},active:{text:300,line:300}},gray:{enabled:{},hover:{},active:{text:300,line:300}},neutral:{enabled:{},hover:{},active:{text:300,line:300}}},Checkbox:{default:{palette:"gray",enabled:{background:900,border:500,text:300,fontWeight:600,sizes:{small:"1rem",medium:"1.25rem",large:"1.5rem"}},focus:{border:500,text:300,backgroundOpacity:1e3,fontWeight:600},hover:{background:900,backgroundOpacity:100,border:300,text:300,fontWeight:600},active:{background:600,backgroundOpacity:1e3,border:600,text:300,fontWeight:600},disabled:{background:700,border:600}},teal:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}},blue:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}},red:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}},violet:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}},yellow:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}},green:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}},gray:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}},neutral:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}}},Radio:{default:{palette:"gray",enabled:{background:0,border:300,text:600,fontWeight:600,sizes:{small:"1rem",medium:"1.25rem",large:"1.5rem"}},focus:{border:300,text:600,backgroundOpacity:1e3,fontWeight:600},hover:{background:900,backgroundOpacity:100,border:300,text:600,fontWeight:600},active:{background:600,backgroundOpacity:1e3,border:600,text:600,fontWeight:600},disabled:{border:300,background:300}},teal:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}},blue:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}},red:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}},violet:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}},yellow:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}},green:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}},gray:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}},neutral:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}}},Alert:{default:{palette:"gray",enabled:{background:900,backgroundOpacity:1e3,text:300,action:200,title:200,fontWeight:400,fontWeightAction:600,fontWeightTitle:600}},teal:{enabled:{background:900,backgroundOpacity:1e3,text:300,action:200,title:200,fontWeight:400,fontWeightAction:600,fontWeightTitle:600}},blue:{enabled:{background:900,backgroundOpacity:1e3,text:300,action:200,title:200,fontWeight:400,fontWeightAction:600,fontWeightTitle:600}},red:{enabled:{background:900,backgroundOpacity:1e3,text:300,action:200,title:200,fontWeight:400,fontWeightAction:600,fontWeightTitle:600}},violet:{enabled:{background:900,backgroundOpacity:1e3,text:300,action:200,title:200,fontWeight:400,fontWeightAction:600,fontWeightTitle:600}},yellow:{enabled:{background:900,backgroundOpacity:1e3,text:300,action:200,title:200,fontWeight:400,fontWeightAction:600,fontWeightTitle:600}},green:{enabled:{background:900,backgroundOpacity:1e3,text:300,action:200,title:200,fontWeight:400,fontWeightAction:600,fontWeightTitle:600}},gray:{enabled:{background:900,backgroundOpacity:1e3,text:300,action:200,title:200,fontWeight:400,fontWeightAction:600,fontWeightTitle:600}},neutral:{enabled:{background:900,backgroundOpacity:1e3,text:300,action:200,title:200,fontWeight:400,fontWeightAction:600,fontWeightTitle:600}}},Notification:{default:{palette:"gray",enabled:{background:700,backgroundOpacity:1e3,text:400,action:300,title:50,fontWeight:400,fontWeightAction:600,fontWeightTitle:600,border:600,icon:300}},teal:{enabled:{icon:300}},blue:{enabled:{icon:300}},red:{enabled:{icon:300}},violet:{enabled:{icon:300}},yellow:{enabled:{icon:300}},green:{enabled:{icon:300}},gray:{enabled:{icon:300}},neutral:{enabled:{icon:300}}},ButtonFilled:{default:{palette:"gray",enabled:{background:50,backgroundOpacity:50,text:0,fontWeight:700},hover:{background:100,backgroundOpacity:100,text:0,fontWeight:700},focus:{background:100,backgroundOpacity:100,text:0,fontWeight:700},active:{background:100,backgroundOpacity:200,text:0,fontWeight:700},disabled:{background:700}},teal:{enabled:{background:500},hover:{background:600},focus:{background:600},active:{background:700}},blue:{enabled:{background:600},hover:{background:700},focus:{background:700},active:{background:800}},red:{enabled:{background:500},hover:{background:600},focus:{background:600},active:{background:700}},violet:{enabled:{background:500},hover:{background:600},focus:{background:600},active:{background:700}},yellow:{enabled:{background:500},hover:{background:600},focus:{background:600},active:{background:700}},green:{enabled:{background:500},hover:{background:600},focus:{background:600},active:{background:700}},gray:{enabled:{background:500},hover:{background:600},focus:{background:600},active:{background:700},disabled:{background:200}},neutral:{enabled:{background:400},hover:{background:500},focus:{background:500},active:{background:600}}},ButtonTinted:{default:{palette:"gray",enabled:{background:50,backgroundOpacity:50,text:900,fontWeight:700},hover:{background:100,backgroundOpacity:100,text:900,fontWeight:700},focus:{background:100,backgroundOpacity:100,text:900,fontWeight:700},active:{background:100,backgroundOpacity:200,text:900,fontWeight:700},disabled:{background:700,text:500}},teal:{enabled:{background:500,backgroundOpacity:200,text:300},hover:{background:600,backgroundOpacity:300,text:300},focus:{background:600,backgroundOpacity:300,text:600},active:{background:700,backgroundOpacity:400,text:300}},blue:{enabled:{background:600,backgroundOpacity:200,text:300},hover:{background:700,backgroundOpacity:300,text:300},focus:{background:700,backgroundOpacity:300,text:300},active:{background:800,backgroundOpacity:400,text:300}},red:{enabled:{background:500,backgroundOpacity:200,text:300},hover:{background:600,backgroundOpacity:300,text:300},focus:{background:600,backgroundOpacity:300,text:300},active:{background:700,backgroundOpacity:400,text:300}},violet:{enabled:{background:500,backgroundOpacity:200,text:300},hover:{background:600,backgroundOpacity:300,text:600},focus:{background:600,backgroundOpacity:300,text:300},active:{background:700,backgroundOpacity:400,text:300}},yellow:{enabled:{background:500,backgroundOpacity:200,text:300},hover:{background:600,backgroundOpacity:300,text:300},focus:{background:600,backgroundOpacity:300,text:300},active:{background:700,backgroundOpacity:400,text:300}},green:{enabled:{background:500,backgroundOpacity:200,text:300},hover:{background:600,backgroundOpacity:300,text:300},focus:{background:600,backgroundOpacity:300,text:300},active:{background:700,backgroundOpacity:400,text:300}},gray:{enabled:{background:0,backgroundOpacity:100,text:300},hover:{background:0,backgroundOpacity:200,text:300},focus:{background:0,backgroundOpacity:200,text:300},active:{background:0,backgroundOpacity:300,text:300},disabled:{background:200}},neutral:{enabled:{background:500,backgroundOpacity:200,text:300},hover:{background:600,backgroundOpacity:300,text:300},focus:{background:600,backgroundOpacity:300,text:300},active:{background:700,backgroundOpacity:400,text:300}}},ButtonBasic:{default:{palette:"gray",enabled:{border:0,borderOpacity:100,background:0,backgroundOpacity:50,text:300,fontWeight:700},hover:{border:0,borderOpacity:100,background:0,backgroundOpacity:50,text:300,fontWeight:700},focus:{border:0,borderOpacity:100,background:0,backgroundOpacity:50,text:300,fontWeight:700},active:{border:0,borderOpacity:100,background:0,backgroundOpacity:100,text:300,fontWeight:700},disabled:{background:0,backgroundOpacity:50}},teal:{enabled:{text:300},hover:{text:300},focus:{text:300},active:{text:300},disabled:{text:500}},blue:{enabled:{text:300},hover:{text:300},focus:{text:300},active:{text:300},disabled:{text:500}},red:{enabled:{text:300},hover:{text:300},focus:{text:300},active:{text:300},disabled:{text:500}},violet:{enabled:{text:300},hover:{text:300},focus:{text:300},active:{text:300},disabled:{text:500}},yellow:{enabled:{text:300},hover:{text:300},focus:{text:300},active:{text:300},disabled:{text:500}},green:{enabled:{text:300},hover:{text:300},focus:{text:300},active:{text:300},disabled:{text:500}},gray:{enabled:{text:300},hover:{text:300},focus:{text:300},active:{text:300},disabled:{text:500}},neutral:{enabled:{text:300},hover:{text:300},focus:{text:300},active:{text:300},disabled:{text:500}}},Badge:{default:{palette:"gray",enabled:{background:600,fontWeight:600,text:0}},teal:{enabled:{background:600,fontWeight:600,text:0}},blue:{enabled:{background:600,fontWeight:600,text:0}},red:{enabled:{background:600,fontWeight:600,text:0}},violet:{enabled:{background:600,fontWeight:600,text:0}},yellow:{enabled:{background:600,fontWeight:600,text:0}},green:{enabled:{background:600,fontWeight:600,text:0}},gray:{enabled:{background:600,fontWeight:600,text:0}},neutral:{enabled:{background:600,fontWeight:600,text:0}}},Spinner:{default:{palette:"gray",enabled:{background:600,fontWeight:600,text:600,unfilled:800}},teal:{enabled:{background:600,fontWeight:600,text:600}},blue:{enabled:{background:600,fontWeight:600,text:600}},red:{enabled:{background:600,fontWeight:600,text:600}},violet:{enabled:{background:600,fontWeight:600,text:600}},yellow:{enabled:{background:600,fontWeight:600,text:600}},green:{enabled:{background:600,fontWeight:600,text:600}},gray:{enabled:{background:600,fontWeight:600,text:600}},neutral:{enabled:{background:600,fontWeight:600,text:600}}},Progress:{default:{palette:"gray",enabled:{background:600,fontWeight:700,text:300,unfilled:800,sizes:{small:"1rem",medium:"1.25rem",large:"1.5rem"}}},teal:{enabled:{background:600}},blue:{enabled:{background:600}},red:{enabled:{background:600}},violet:{enabled:{background:600}},yellow:{enabled:{background:600}},green:{enabled:{background:600}},gray:{enabled:{background:600}},neutral:{enabled:{background:600}}},Range:{default:{palette:"gray",enabled:{background:600,fontWeight:700,text:300,unfilled:800},disabled:{background:700}},teal:{enabled:{background:600}},blue:{enabled:{background:600}},red:{enabled:{background:600}},violet:{enabled:{background:600}},yellow:{enabled:{background:600}},green:{enabled:{background:600}},gray:{enabled:{background:600}},neutral:{enabled:{background:600}}},ButtonGroup:{default:{palette:"gray",enabled:{border:700}}},TableCell:{default:{palette:"gray",enabled:{},hover:{},focus:{},active:{},disabled:{}}},Table:{default:{palette:"gray",enabled:{border:700,background:0},hover:{border:700,background:0},focus:{border:700,background:0},active:{border:700,background:0},disabled:{border:700,background:0}}},TableHeadCell:{default:{palette:"gray",enabled:{border:600,background:600,text:0,fontWeight:700},hover:{border:600,background:600,text:0,fontWeight:700},focus:{border:600,background:600,text:0,fontWeight:700},active:{border:600,background:600,text:0,fontWeight:700},disabled:{background:500,backgroundOpacity:50}}},TableRow:{default:{palette:"gray",enabled:{border:700,background:800},hover:{border:700,background:700},focus:{border:700,background:700},active:{border:700,background:700},disabled:{border:700,background:700}},teal:{active:{background:700}},blue:{active:{background:700}},red:{active:{background:700}},violet:{active:{background:700}},yellow:{active:{background:700}},green:{active:{background:700}},gray:{active:{background:700}},neutral:{active:{background:700}}},Modal:{default:{palette:"gray",enabled:{cancelButton:400,bg:700},hover:{cancelBtnBg:900,cancelBtnBgOpacity:50},focus:{cancelBtnBg:900,cancelBtnBgOpacity:100}}},ConfirmationForm:{default:{palette:"gray",enabled:{icon:300,trackBg:600}},teal:{enabled:{icon:300}},blue:{enabled:{icon:300}},red:{enabled:{icon:300}},violet:{enabled:{icon:300}},yellow:{enabled:{icon:300}},green:{enabled:{icon:300}},gray:{enabled:{icon:300}},neutral:{enabled:{icon:300}}},Popover:{default:{palette:"gray",enabled:{bg:700,boxShadow:"0px 20px 25px -5px rgba(0, 0, 0, 0.1), 0px -10px 10px -5px rgba(0, 0, 0, 0.02)"}}},FormField:{default:{palette:"gray",enabled:{label:300,text:400,fontWeight:600}},red:{enabled:{text:600}},yellow:{enabled:{text:600}},green:{enabled:{text:600}}},Toggle:{default:{palette:"gray",enabled:{background:0,backgroundOpacity:200},hover:{background:0,backgroundOpacity:300},focus:{background:0,backgroundOpacity:300},active:{background:0,backgroundOpacity:400},disabled:{background:0,backgroundOpacity:200}},teal:{enabled:{background:500},hover:{background:600},focus:{background:600},active:{background:700}},blue:{enabled:{background:600},hover:{background:700},focus:{background:700},active:{background:800}},red:{enabled:{background:500},hover:{background:600},focus:{background:600},active:{background:700}},violet:{enabled:{background:500},hover:{background:600},focus:{background:600},active:{background:700}},yellow:{enabled:{background:500},hover:{background:600},focus:{background:600},active:{background:700}},green:{enabled:{background:500},hover:{background:600},focus:{background:600},active:{background:700}},gray:{enabled:{background:500},hover:{background:600},focus:{background:600},active:{background:700},disabled:{background:200}},neutral:{enabled:{background:400},hover:{background:500},focus:{background:500},active:{background:600}}},ToggleSlider:{default:{palette:"gray",enabled:{background:50,backgroundOpacity:1e3,fontWeight:900},hover:{background:50,backgroundOpacity:1e3},focus:{background:50,backgroundOpacity:1e3},active:{background:50,backgroundOpacity:1e3},disabled:{background:50,backgroundOpacity:700}}},ToggleIcon:{default:{palette:"gray",enabled:{text:400},hover:{text:400},focus:{text:400},active:{text:400},disabled:{text:400}}},UploadedFile:{default:{palette:"gray",enabled:{color:600}},teal:{enabled:{color:600}},blue:{enabled:{color:600}},red:{enabled:{color:600}},violet:{enabled:{color:600}},yellow:{enabled:{color:600}},green:{enabled:{color:600}},gray:{enabled:{color:600}},neutral:{enabled:{color:600}}},Dropdown:{default:{palette:"gray",enabled:{background:800,removeIcon:400},hover:{background:700},selected:{background:900}},teal:{hover:{background:700},selected:{background:800}},blue:{hover:{background:700},selected:{background:800}},red:{hover:{background:700},selected:{background:800}},violet:{hover:{background:700},selected:{background:800}},yellow:{hover:{background:700},selected:{background:800}},green:{hover:{background:700},selected:{background:800}},gray:{hover:{background:700},selected:{background:800}},neutral:{hover:{background:700},selected:{background:800}}},MenuItem:{default:{palette:"gray",enabled:{icon:400,fontWeight:600,separator:700,text:50},focus:{background:500,icon:300,text:0},active:{background:600,icon:300,text:0},hover:{background:600,icon:300,text:0}},teal:{enabled:{icon:400},focus:{background:500,icon:300,text:0},active:{background:600,icon:300,text:0},hover:{background:600,icon:300,text:0}},blue:{enabled:{icon:400},focus:{background:500,icon:300,text:0},active:{background:600,icon:300,text:0},hover:{background:600,icon:300,text:0}},red:{enabled:{icon:400},focus:{background:500,icon:300,text:0},active:{background:600,icon:300,text:0},hover:{background:600,icon:300,text:0}},violet:{enabled:{icon:400},focus:{background:500,icon:300,text:0},active:{background:600,icon:300,text:0},hover:{background:600,icon:300,text:0}},yellow:{enabled:{icon:400},focus:{background:500,icon:300,text:0},active:{background:600,icon:300,text:0},hover:{background:600,icon:300,text:0}},green:{enabled:{icon:400},focus:{background:500,icon:300,text:0},active:{background:600,icon:300,text:0},hover:{background:600,icon:300,text:0}},gray:{enabled:{icon:400},focus:{background:500,icon:300,text:0},active:{background:600,icon:300,text:0},hover:{background:600,icon:300,text:0}},neutral:{enabled:{icon:400},focus:{background:500,icon:300,text:0},active:{background:600,icon:300,text:0},hover:{background:600,icon:300,text:0}}},DragDropFiles:{default:{palette:"gray",enabled:{border:700,text:400,icon:400,fontWeight:400}}},Accordion:{default:{palette:"gray",enabled:{line:200,fontWeight:600,summaryText:300,text:400}}},Breadcrumbs:{default:{palette:"gray",enabled:{fontWeight:600,text:600}},teal:{enabled:{text:600}},blue:{enabled:{text:600}},red:{enabled:{text:600}},violet:{enabled:{text:600}},yellow:{enabled:{text:600}},green:{enabled:{text:600}},gray:{enabled:{text:600}},neutral:{enabled:{text:600}}},Link:{default:{palette:"gray",enabled:{fontWeight:600,text:500},hover:{text:400},active:{text:700},visited:{text:600}},teal:{enabled:{text:500},hover:{text:400},active:{text:700},visited:{text:600}},blue:{enabled:{text:500},hover:{text:400},active:{text:700},visited:{text:600}},red:{enabled:{text:500},hover:{text:400},active:{text:700},visited:{text:600}},violet:{enabled:{text:500},hover:{text:400},active:{text:700},visited:{text:600}},yellow:{enabled:{text:500},hover:{text:400},active:{text:700},visited:{text:600}},green:{enabled:{text:500},hover:{text:400},active:{text:700},visited:{text:600}},gray:{enabled:{text:500},hover:{text:400},active:{text:700},visited:{text:600}},neutral:{enabled:{text:500},hover:{text:400},active:{text:700},visited:{text:600}}},Toolbar:{default:{palette:"gray",enabled:{background:800,backgroundOpacity:1e3,border:0,borderOpacity:100}}},Kanban:{default:{palette:"gray",enabled:{background:700}}},KanbanHeader:{default:{palette:"gray",enabled:{background:800,text:300}}},KanbanCard:{default:{palette:"gray",enabled:{highlight:600,background:800,text:300}},teal:{enabled:{highlight:600}},blue:{enabled:{highlight:600}},red:{enabled:{highlight:600}},violet:{enabled:{background:600}},yellow:{enabled:{highlight:600}},green:{enabled:{highlight:600}},gray:{enabled:{highlight:600}},neutral:{enabled:{highlight:600}}},TableSpecialLastRow:{default:{palette:"gray",enabled:{fontWeight:500},hover:{fontWeight:700},focus:{fontWeight:700},active:{fontWeight:700},disabled:{fontWeight:700}}},Drawer:{default:{palette:"gray",enabled:{background:800,fontWeight:600,text:0}},teal:{enabled:{background:800,fontWeight:600,text:0}},blue:{enabled:{background:800,fontWeight:600,text:0}},red:{enabled:{background:800,fontWeight:600,text:0}},violet:{enabled:{background:800,fontWeight:600,text:0}},yellow:{enabled:{background:800,fontWeight:600,text:0}},green:{enabled:{background:800,fontWeight:600,text:0}},gray:{enabled:{background:500,fontWeight:600,text:0}},neutral:{enabled:{background:800,fontWeight:600,text:0}}},Danger:{default:{palette:"red",enabled:{text:500,border:600}}},Background:{default:{palette:"gray",enabled:{background:900}}},Surface:{default:{palette:"gray",enabled:{background:0}}},Text:{default:{palette:"gray",enabled:{text:300}}}},palette:{outline:{width:"0.125rem",style:"solid",context:"primary",weight:500,offset:"0.188rem"},disabled:{color:"gray",text:500,background:0,opacity:50},gray:{0:"#FFFFFF",50:"#F8FAFC",100:"#F1F5F9",200:"#E2E8F0",300:"#CBD5E1",400:"#94A3B8",500:"#64748B",600:"#475569",700:"#334155",800:"#1E293B",900:"#0F172A"},neutral:{0:"#FFFFFF",50:"#FAFAFA",100:"#F4F4F5",200:"#E4E4E7",300:"#D4D4D8",400:"#A1A1AA",500:"#71717A",600:"#52525B",700:"#3F3F46",800:"#27272A",900:"#18181B"},blue:{0:"#FFFFFF",50:"#F4FAFF",100:"#E3F2FF",200:"#C6E4FF",300:"#96CEFF",400:"#6AB7FB",500:"#4FA2EB",600:"#3284CB",700:"#2667A0",800:"#00427C",900:"#003461"},teal:{0:"#FFFFFF",50:"#F0FDFD",100:"#CCFAFB",200:"#ADF4F5",300:"#73E3E4",400:"#2DD1D4",500:"#00B9BD",600:"#008C8F",700:"#00787A",800:"#045F61",900:"#0A4D4F"},red:{0:"#FFFFFF",50:"#FFF1F2",100:"#FFE4E6",200:"#FECDD3",300:"#FDA4AF",400:"#FB7185",500:"#F43F5E",600:"#E11D48",700:"#BE123C",800:"#9F1239",900:"#881337"},violet:{0:"#FFFFFF",50:"#F5F3FF",100:"#EDE9FE",200:"#DDD6FE",300:"#C4B5FD",400:"#A78BFA",500:"#8B5CF6",600:"#7C3AED",700:"#6D28D9",800:"#5B21B6",900:"#4C1D95"},yellow:{0:"#FFFFFF",50:"#FFFBEB",100:"#FEF3C7",200:"#FDE68A",300:"#FCD34D",400:"#FBBF24",500:"#F59E0B",600:"#D97706",700:"#B45309",800:"#92400E",900:"#78350F"},green:{0:"#FFFFFF",50:"#ECFDF5",100:"#D1FAE5",200:"#A7F3D0",300:"#6EE7B7",400:"#34D399",500:"#10B981",600:"#059669",700:"#047857",800:"#065F46",900:"#064E3B"},opacity:{50:"5%",100:"10%",200:"20%",250:"25%",300:"30%",400:"40%",500:"50%",600:"60%",700:"70%",800:"80%",900:"90%",950:"95%",1e3:"100%"}},sizes:{small:"2.25rem",medium:"2.5rem",large:"2.75rem"},borderRadius:{slight:"4px",regular:"8px",edged:"12px",curved:"1000px",none:"0"},boxShadow:{xs:"0px 1px 2px rgba(0, 0, 0, 0.05);",s:"0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06);",m:"0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);",l:" 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);",xl:"0px 20px 25px -5px rgba(0, 0, 0, 0.1), 0px 10px 10px -5px rgba(0, 0, 0, 0.04);",xxl:"0px 25px 50px -12px rgba(0, 0, 0, 0.25);"},typography:{fontFamily:"Nunito",component:{weight:700,large:{fontSize:"1rem",lineHeight:"1.125rem",subTxtFontSize:"0.9rem"},medium:{fontSize:"0.875rem",lineHeight:"1rem",subTxtFontSize:"0.775rem"},small:{fontSize:"0.875rem",lineHeight:"1rem",subTxtFontSize:"0.775rem"}}},zIndex:{modal:1300,snackbar:1400,tooltip:1500,popover:1299}},w={name:"Lanaco E-Commerce",class:"lnc-e-comm",colorContext:{primary:"violet",secondary:"blue",success:"green",warning:"yellow",danger:"red",information:"violet",neutral:"neutral"},components:{Input:{default:{palette:"gray",enabled:{background:0,border:200,placeholder:500,text:900,prefix:500,suffix:500,caret:900,fontWeight:400},focus:{background:0,border:200,placeholder:500,text:900,prefix:500,suffix:500,caret:900,fontWeight:400},hover:{background:0,border:200,placeholder:500,text:900,prefix:500,suffix:500,caret:900,fontWeight:400},active:{background:0,border:200,placeholder:500,text:900,prefix:500,suffix:500,caret:900,fontWeight:400},disabled:{border:200}},teal:{enabled:{caret:500}},green:{enabled:{border:300,text:900,prefix:600,suffix:600}},yellow:{enabled:{border:300,text:900,prefix:600,suffix:600}},red:{enabled:{border:300,text:900,prefix:600,suffix:600}}},DateInput:{default:{palette:"gray",enabled:{background:0,border:200,placeholder:500,text:900,textWeekDays:400,fontWeight:200,todayColor:600},hover:{text:600,background:600,backgroundOpacity:200},active:{background:500,text:0,textDay:600,backgroundDay:600,backgroundDayOpacity:200},disabled:{border:200}},teal:{enabled:{today:600},hover:{text:600,background:500,backgroundOpacity:200},active:{background:500,text:0,textDay:600,backgroundDay:500,backgroundDayOpacity:200}},blue:{enabled:{today:600},hover:{text:600,background:500,backgroundOpacity:200},active:{background:500,text:0,textDay:600,backgroundDay:500,backgroundDayOpacity:200}},red:{enabled:{today:600},hover:{text:600,background:500,backgroundOpacity:200},active:{background:500,text:0,textDay:600,backgroundDay:500,backgroundDayOpacity:200}},violet:{enabled:{today:600},hover:{text:600,background:500,backgroundOpacity:200},active:{background:500,text:0,textDay:600,backgroundDay:500,backgroundDayOpacity:200}},yellow:{enabled:{today:600},hover:{text:600,background:500,backgroundOpacity:200},active:{background:500,text:0,textDay:600,backgroundDay:500,backgroundDayOpacity:200}},green:{enabled:{today:600},hover:{text:600,background:500,backgroundOpacity:200},active:{background:500,text:0,textDay:600,backgroundDay:500,backgroundDayOpacity:200}},gray:{enabled:{today:600},hover:{text:600,background:500,backgroundOpacity:200},active:{background:500,text:0,textDay:600,backgroundDay:500,backgroundDayOpacity:200}},neutral:{enabled:{today:600},hover:{text:600,background:500,backgroundOpacity:200},active:{background:500,text:0,textDay:600,backgroundDay:500,backgroundDayOpacity:200}}},Chip:{default:{palette:"gray",enabled:{background:50,backgroundOpacity:50,text:900,fontWeight:700,backdropFilter:"blur(48px)"},hover:{background:100,backgroundOpacity:100,text:900,fontWeight:700},focus:{background:100,backgroundOpacity:100,text:900,fontWeight:700},active:{background:100,backgroundOpacity:200,text:900,fontWeight:700}},teal:{enabled:{background:500,backgroundOpacity:200,text:600},hover:{background:500,backgroundOpacity:300,text:600},focus:{background:500,backgroundOpacity:300,text:600},active:{background:500,backgroundOpacity:400,text:600}},blue:{enabled:{background:500,backgroundOpacity:200,text:600},hover:{background:500,backgroundOpacity:300,text:600},focus:{background:500,backgroundOpacity:300,text:600},active:{background:500,backgroundOpacity:400,text:600}},red:{enabled:{background:500,backgroundOpacity:200,text:600},hover:{background:500,backgroundOpacity:300,text:600},focus:{background:500,backgroundOpacity:300,text:600},active:{background:500,backgroundOpacity:400,text:600}},violet:{enabled:{background:500,backgroundOpacity:200,text:600},hover:{background:500,backgroundOpacity:300,text:600},focus:{background:500,backgroundOpacity:300,text:600},active:{background:500,backgroundOpacity:400,text:600}},yellow:{enabled:{background:500,backgroundOpacity:200,text:600},hover:{background:500,backgroundOpacity:300,text:600},focus:{background:500,backgroundOpacity:300,text:600},active:{background:500,backgroundOpacity:400,text:600}},green:{enabled:{background:500,backgroundOpacity:200,text:600},hover:{background:500,backgroundOpacity:300,text:600},focus:{background:500,backgroundOpacity:300,text:600},active:{background:500,backgroundOpacity:400,text:600}},gray:{enabled:{background:500,backgroundOpacity:200,text:600},hover:{background:500,backgroundOpacity:300,text:600},focus:{background:500,backgroundOpacity:300,text:600},active:{background:500,backgroundOpacity:400,text:600}},neutral:{enabled:{background:500,backgroundOpacity:200,text:600},hover:{background:500,backgroundOpacity:300,text:600},focus:{background:500,backgroundOpacity:300,text:600},active:{background:500,backgroundOpacity:400,text:600}}},Icon:{default:{palette:"gray",enabled:{icon:600}},teal:{enabled:{icon:600}},blue:{enabled:{icon:600}},red:{enabled:{icon:600}},violet:{enabled:{icon:600}},yellow:{enabled:{icon:600}},green:{enabled:{icon:600}},gray:{enabled:{icon:500}},neutral:{enabled:{icon:600}}},TabRegular:{default:{palette:"gray",enabled:{text:500,line:300,lineHeight:"2px",lineRadius:"0",fontWeight:700},hover:{text:500,line:300,lineHeight:"1px",fontWeight:700},active:{text:500,line:300,fontWeight:700}},teal:{enabled:{},hover:{text:700,line:700},active:{text:700,line:700}},blue:{enabled:{},hover:{text:700,line:700},active:{text:700,line:700}},red:{enabled:{},hover:{text:700,line:700},active:{text:700,line:700}},violet:{enabled:{},hover:{text:700,line:700},active:{text:700,line:700}},yellow:{enabled:{},hover:{text:700,line:700},active:{text:700,line:700}},green:{enabled:{},hover:{text:700,line:700},active:{text:700,line:700}},gray:{enabled:{},hover:{text:700,line:700},active:{text:700,line:700}},neutral:{enabled:{},hover:{text:700,line:700},active:{text:700,line:700}}},TabPill:{default:{palette:"gray",enabled:{background:0,backgroundOpacity:0,text:500,fontWeight:600},hover:{background:100,backgroundOpacity:1e3,text:500,fontWeight:600},active:{background:0,backgroundOpacity:0,text:500,fontWeight:600}},teal:{enabled:{},hover:{background:100,backgroundOpacity:500,text:700},active:{background:100,backgroundOpacity:1e3,text:700}},blue:{enabled:{},hover:{background:100,backgroundOpacity:50,text:700},active:{background:100,backgroundOpacity:0,text:700}},red:{enabled:{},hover:{background:100,backgroundOpacity:50,text:700},active:{background:100,backgroundOpacity:0,text:700}},violet:{enabled:{},hover:{background:100,backgroundOpacity:50,text:700},active:{background:100,backgroundOpacity:0,text:700}},yellow:{enabled:{},hover:{background:100,backgroundOpacity:50,text:700},active:{background:100,backgroundOpacity:0,text:700}},green:{enabled:{},hover:{background:100,backgroundOpacity:50,text:700},active:{background:100,backgroundOpacity:0,text:700}},gray:{enabled:{},hover:{background:100,backgroundOpacity:50,text:700},active:{background:100,backgroundOpacity:0,text:700}},neutral:{enabled:{},hover:{background:100,backgroundOpacity:50,text:700},active:{background:100,backgroundOpacity:0,text:700}}},TabUnderline:{default:{palette:"gray",enabled:{background:0,backgroundOpacity:0,text:500,line:200,fontWeight:700,lineHeight:"2px"},hover:{background:0,backgroundOpacity:0,text:500,line:200,fontWeight:700,lineHeight:"1px"},active:{background:0,backgroundOpacity:0,fontWeight:700}},teal:{enabled:{},hover:{},active:{background:0,backgroundOpacity:0,text:700,line:700}},blue:{enabled:{},hover:{},active:{background:0,backgroundOpacity:0,text:700,line:700}},red:{enabled:{},hover:{},active:{background:0,backgroundOpacity:0,text:700,line:700}},violet:{enabled:{},hover:{},active:{background:0,backgroundOpacity:0,text:700,line:700}},yellow:{enabled:{},hover:{},active:{background:0,backgroundOpacity:0,text:700,line:700}},green:{enabled:{},hover:{},active:{background:0,backgroundOpacity:0,text:700,line:700}},gray:{enabled:{},hover:{},active:{background:0,backgroundOpacity:0,text:700,line:700}},neutral:{enabled:{},hover:{},active:{background:0,backgroundOpacity:0,text:700,line:700}}},Checkbox:{default:{palette:"gray",enabled:{background:0,border:300,text:600,fontWeight:600,sizes:{small:"1rem",medium:"1.25rem",large:"1.5rem"}},focus:{border:300,text:600,backgroundOpacity:1e3,fontWeight:600},hover:{background:900,backgroundOpacity:100,border:300,text:600,fontWeight:600},active:{background:600,backgroundOpacity:1e3,border:600,text:600,fontWeight:600},disabled:{border:300}},teal:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}},blue:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}},red:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}},violet:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}},yellow:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}},green:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}},gray:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}},neutral:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}}},Radio:{default:{palette:"gray",enabled:{background:0,border:300,text:600,fontWeight:600,sizes:{small:"1rem",medium:"1.25rem",large:"1.5rem"}},focus:{border:300,text:600,backgroundOpacity:1e3,fontWeight:600},hover:{background:900,backgroundOpacity:100,border:300,text:600,fontWeight:600},active:{background:600,backgroundOpacity:1e3,border:600,text:600,fontWeight:600},disabled:{border:300,background:300}},teal:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}},blue:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}},red:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}},violet:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}},yellow:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}},green:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}},gray:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}},neutral:{active:{background:600,border:600},focus:{border:600},indterminate:{background:600,border:600}}},Alert:{default:{palette:"gray",enabled:{background:50,backgroundOpacity:1e3,text:700,action:800,title:800,fontWeight:400,fontWeightAction:600,fontWeightTitle:600}},teal:{enabled:{background:50,backgroundOpacity:1e3,text:700,action:800,title:800,fontWeight:400,fontWeightAction:600,fontWeightTitle:600}},blue:{enabled:{background:50,backgroundOpacity:1e3,text:700,action:800,title:800,fontWeight:400,fontWeightAction:600,fontWeightTitle:600}},red:{enabled:{background:50,backgroundOpacity:1e3,text:700,action:800,title:800,fontWeight:400,fontWeightAction:600,fontWeightTitle:600}},violet:{enabled:{background:50,backgroundOpacity:1e3,text:700,action:800,title:800,fontWeight:400,fontWeightAction:600,fontWeightTitle:600}},yellow:{enabled:{background:50,backgroundOpacity:1e3,text:700,action:800,title:800,fontWeight:400,fontWeightAction:600,fontWeightTitle:600}},green:{enabled:{background:50,backgroundOpacity:1e3,text:700,action:800,title:800,fontWeight:400,fontWeightAction:600,fontWeightTitle:600}},gray:{enabled:{background:50,backgroundOpacity:1e3,text:700,action:800,title:800,fontWeight:400,fontWeightAction:600,fontWeightTitle:600}},neutral:{enabled:{background:50,backgroundOpacity:1e3,text:700,action:800,title:800,fontWeight:400,fontWeightAction:600,fontWeightTitle:600}}},Notification:{default:{palette:"gray",enabled:{background:0,backgroundOpacity:1e3,text:500,action:600,title:800,fontWeight:400,fontWeightAction:600,fontWeightTitle:600,border:200,icon:600}},teal:{enabled:{icon:600}},blue:{enabled:{icon:600}},red:{enabled:{icon:600}},violet:{enabled:{icon:600}},yellow:{enabled:{icon:600}},green:{enabled:{icon:600}},gray:{enabled:{icon:600}},neutral:{enabled:{icon:600}}},ButtonFilled:{default:{palette:"turquoise",enabled:{background:50,backgroundOpacity:50,text:900,fontWeight:700},hover:{background:100,backgroundOpacity:100,text:100,fontWeight:700},focus:{background:100,backgroundOpacity:100,text:100,fontWeight:700},active:{background:100,backgroundOpacity:200,text:100,fontWeight:700},disabled:{background:200}},teal:{enabled:{background:500},hover:{background:600},focus:{background:600},active:{background:700}},blue:{enabled:{background:600},hover:{background:700},focus:{background:700},active:{background:800}},red:{enabled:{background:500},hover:{background:600},focus:{background:600},active:{background:700}},violet:{enabled:{background:600},hover:{background:700},focus:{background:700},active:{background:700}},yellow:{enabled:{background:500},hover:{background:600},focus:{background:600},active:{background:700}},green:{enabled:{background:500},hover:{background:600},focus:{background:600},active:{background:700}},gray:{enabled:{background:500},hover:{background:600},focus:{background:600},active:{background:700},disabled:{background:200}},neutral:{enabled:{background:400},hover:{background:500},focus:{background:500},active:{background:600}}},ButtonTinted:{default:{palette:"turquoise",enabled:{background:50,backgroundOpacity:50,text:100,fontWeight:700},hover:{background:100,backgroundOpacity:100,text:100,fontWeight:700},focus:{background:100,backgroundOpacity:100,text:100,fontWeight:700},active:{background:100,backgroundOpacity:200,text:100,fontWeight:700},disabled:{background:200}},teal:{enabled:{background:0,backgroundOpacity:500,text:600},hover:{background:0,backgroundOpacity:500,text:600},focus:{background:0,backgroundOpacity:500,text:600},active:{background:0,backgroundOpacity:500,text:600}},blue:{enabled:{background:0,backgroundOpacity:500,text:700},hover:{background:0,backgroundOpacity:500,text:700},focus:{background:0,backgroundOpacity:500,text:700},active:{background:0,backgroundOpacity:500,text:700}},red:{enabled:{background:0,backgroundOpacity:500,text:600},hover:{background:0,backgroundOpacity:500,text:600},focus:{background:0,backgroundOpacity:500,text:600},active:{background:0,backgroundOpacity:500,text:600}},violet:{enabled:{background:0,backgroundOpacity:500,text:600},hover:{background:0,backgroundOpacity:500},focus:{background:0,backgroundOpacity:500},active:{background:0,backgroundOpacity:500}},yellow:{enabled:{background:0,backgroundOpacity:500,text:600},hover:{background:0,backgroundOpacity:500,text:600},focus:{background:600,backgroundOpacity:300,text:600},active:{background:0,backgroundOpacity:500,text:600}},green:{enabled:{background:0,backgroundOpacity:500,text:600},hover:{background:0,backgroundOpacity:500,text:600},focus:{background:0,backgroundOpacity:500,text:600},active:{background:0,backgroundOpacity:500,text:600}},gray:{enabled:{background:0,backgroundOpacity:500,text:600},hover:{background:0,backgroundOpacity:500,text:600},focus:{background:0,backgroundOpacity:500,text:600},active:{background:0,backgroundOpacity:500,text:600},disabled:{background:200}},neutral:{enabled:{background:500,backgroundOpacity:200,text:600},hover:{background:600,backgroundOpacity:300,text:600},focus:{background:600,backgroundOpacity:300,text:600},active:{background:700,backgroundOpacity:400,text:600}}},ButtonBasic:{default:{palette:"turquoise",enabled:{border:900,borderOpacity:100,background:0,backgroundOpacity:50,text:600,fontWeight:700},hover:{border:900,borderOpacity:100,background:900,backgroundOpacity:50,text:100,fontWeight:700},focus:{border:900,borderOpacity:100,background:900,backgroundOpacity:50,text:100,fontWeight:700},active:{border:900,borderOpacity:100,background:900,backgroundOpacity:100,text:100,fontWeight:700},disabled:{background:0,backgroundOpacity:50}},teal:{enabled:{text:600},hover:{text:600},focus:{text:600},active:{text:600},disabled:{text:400}},blue:{enabled:{text:600},hover:{text:600},focus:{text:600},active:{text:600},disabled:{text:400}},red:{enabled:{text:600},hover:{text:600},focus:{text:600},active:{text:600},disabled:{text:400}},violet:{enabled:{text:600},hover:{},focus:{},active:{},disabled:{text:400}},yellow:{enabled:{text:600},hover:{text:600},focus:{text:600},active:{text:600},disabled:{text:400}},green:{enabled:{text:600},hover:{text:600},focus:{text:600},active:{text:600},disabled:{text:400}},gray:{enabled:{text:600},hover:{text:600},focus:{text:600},active:{text:600},disabled:{text:400}},neutral:{enabled:{text:600},hover:{text:600},focus:{text:600},active:{text:600},disabled:{text:400}}},Badge:{default:{palette:"gray",enabled:{background:0,backgroundOpacity:500,fontWeight:400,text:900}},teal:{enabled:{background:600,fontWeight:600,text:0}},blue:{enabled:{background:600,text:0}},red:{enabled:{background:600,text:0}},violet:{enabled:{background:0,backgroundOpacity:500}},yellow:{enabled:{background:600,fontWeight:600,text:0}},green:{enabled:{background:600,text:0}},gray:{enabled:{background:600,text:0}},neutral:{enabled:{background:600,text:0}}},Spinner:{default:{palette:"gray",enabled:{background:600,fontWeight:600,text:600,unfilled:200}},teal:{enabled:{background:600,fontWeight:600,text:600}},blue:{enabled:{background:600,fontWeight:600,text:600}},red:{enabled:{background:600,fontWeight:600,text:600}},violet:{enabled:{background:600,fontWeight:600,text:600}},yellow:{enabled:{background:600,fontWeight:600,text:600}},green:{enabled:{background:600,fontWeight:600,text:600}},gray:{enabled:{background:600,fontWeight:600,text:600}},neutral:{enabled:{background:600,fontWeight:600,text:600}}},Progress:{default:{palette:"gray",enabled:{background:600,fontWeight:700,text:0,unfilled:300,sizes:{small:"1rem",medium:"1.25rem",large:"1.5rem"}}},teal:{enabled:{background:600}},blue:{enabled:{background:600}},red:{enabled:{background:600}},violet:{enabled:{background:600}},yellow:{enabled:{background:600}},green:{enabled:{background:600}},gray:{enabled:{background:600}},neutral:{enabled:{background:600}}},Range:{default:{palette:"gray",enabled:{background:600,fontWeight:700,text:0,unfilled:300},disabled:{background:500}},teal:{enabled:{background:600}},blue:{enabled:{background:600}},red:{enabled:{background:600}},violet:{enabled:{background:600}},yellow:{enabled:{background:600}},green:{enabled:{background:600}},gray:{enabled:{background:600}},neutral:{enabled:{background:600}}},ButtonGroup:{default:{palette:"gray",enabled:{border:200}}},TableCell:{default:{palette:"gray",enabled:{},hover:{},focus:{},active:{},disabled:{}}},Table:{default:{palette:"gray",enabled:{border:300,background:0},hover:{border:300,background:0},focus:{border:300,background:0},active:{border:300,background:0},disabled:{border:300,background:0}}},TableHeadCell:{default:{palette:"gray",enabled:{border:300,background:50,text:900,fontWeight:700},hover:{border:300,background:100,text:900,fontWeight:700},focus:{border:300,background:50,text:900,fontWeight:700},active:{border:300,background:50,text:900,fontWeight:700},disabled:{background:0,backgroundOpacity:50}}},TableRow:{default:{palette:"gray",enabled:{border:200,background:0},hover:{border:200,background:50},focus:{border:200,background:50},active:{border:200,background:50},disabled:{border:200,background:50}},teal:{active:{background:50}},blue:{active:{background:50}},red:{active:{background:50}},violet:{active:{background:50}},yellow:{active:{background:50}},green:{active:{background:50}},gray:{active:{background:50}},neutral:{active:{background:50}}},Modal:{default:{palette:"gray",enabled:{bg:0,cancelButton:400},hover:{cancelBtnBg:900,cancelBtnBgOpacity:50},focus:{cancelBtnBg:900,cancelBtnBgOpacity:100}}},ConfirmationForm:{default:{palette:"gray",enabled:{icon:600,trackBg:100}},teal:{enabled:{icon:600}},blue:{enabled:{icon:600}},red:{enabled:{icon:600}},violet:{enabled:{icon:600}},yellow:{enabled:{icon:600}},green:{enabled:{icon:600}},gray:{enabled:{icon:600}},neutral:{enabled:{icon:600}}},Popover:{default:{palette:"gray",enabled:{bg:0,boxShadow:"0px 20px 25px -5px rgba(0, 0, 0, 0.1), 0px -10px 10px -5px rgba(0, 0, 0, 0.02)"}}},FormField:{default:{palette:"gray",enabled:{label:600,text:600,fontWeight:600}},red:{enabled:{text:600}},yellow:{enabled:{text:600}},green:{enabled:{text:600}}},Toggle:{default:{palette:"gray",enabled:{background:900,backgroundOpacity:200},hover:{background:900,backgroundOpacity:300},focus:{background:900,backgroundOpacity:300},active:{background:900,backgroundOpacity:400},disabled:{background:900,backgroundOpacity:200}},teal:{enabled:{background:500},hover:{background:600},focus:{background:600},active:{background:700}},blue:{enabled:{background:600},hover:{background:700},focus:{background:700},active:{background:800}},red:{enabled:{background:500},hover:{background:600},focus:{background:600},active:{background:700}},violet:{enabled:{background:500},hover:{background:600},focus:{background:600},active:{background:700}},yellow:{enabled:{background:500},hover:{background:600},focus:{background:600},active:{background:700}},green:{enabled:{background:500},hover:{background:600},focus:{background:600},active:{background:700}},gray:{enabled:{background:500},hover:{background:600},focus:{background:600},active:{background:700},disabled:{background:200}},neutral:{enabled:{background:400},hover:{background:500},focus:{background:500},active:{background:600}}},ToggleSlider:{default:{palette:"gray",enabled:{background:50,backgroundOpacity:1e3,fontWeight:900},hover:{background:50,backgroundOpacity:1e3},focus:{background:50,backgroundOpacity:1e3},active:{background:50,backgroundOpacity:1e3},disabled:{background:50,backgroundOpacity:700}}},ToggleIcon:{default:{palette:"gray",enabled:{text:400},hover:{text:400},focus:{text:400},active:{text:400},disabled:{text:400}}},UploadedFile:{default:{palette:"gray",enabled:{color:600}},teal:{enabled:{color:600}},blue:{enabled:{color:600}},red:{enabled:{color:600}},violet:{enabled:{color:600}},yellow:{enabled:{color:600}},green:{enabled:{color:600}},gray:{enabled:{color:600}},neutral:{enabled:{color:600}}},Dropdown:{default:{palette:"gray",enabled:{background:0,removeIcon:400},hover:{background:100},selected:{background:500}},teal:{hover:{background:100},selected:{background:500}},blue:{hover:{background:100},selected:{background:500}},red:{hover:{background:100},selected:{background:500}},violet:{hover:{background:100},selected:{background:500}},yellow:{hover:{background:100},selected:{background:500}},green:{hover:{background:100},selected:{background:500}},gray:{hover:{background:100},selected:{background:500}},neutral:{hover:{background:100},selected:{background:500}}},MenuItem:{default:{palette:"gray",enabled:{icon:600,fontWeight:600,separator:100},focus:{background:500,icon:300,text:0},active:{background:600,icon:300,text:0,fontWeight:800},hover:{background:500,icon:300,text:0,fontWeight:600}},violet:{enabled:{icon:600,text:600},focus:{background:50,icon:600,text:600},active:{background:50,icon:600,text:600},hover:{background:50,icon:600,text:600}}},DragDropFiles:{default:{palette:"gray",enabled:{border:200,text:500,icon:500,fontWeight:400}}},Accordion:{default:{palette:"gray",enabled:{line:200,fontWeight:600,summaryText:500,text:700}}},Breadcrumbs:{default:{palette:"gray",enabled:{fontWeight:600,text:600}},teal:{enabled:{text:600}},blue:{enabled:{text:600}},red:{enabled:{text:600}},violet:{enabled:{text:600}},yellow:{enabled:{text:600}},green:{enabled:{text:600}},gray:{enabled:{text:600}},neutral:{enabled:{text:600}}},Link:{default:{palette:"gray",enabled:{fontWeight:600,text:600},hover:{text:400},active:{text:900},visited:{text:800}},teal:{enabled:{text:600},hover:{text:500},active:{text:800},visited:{text:700}},blue:{enabled:{text:600},hover:{text:500},active:{text:800},visited:{text:700}},red:{enabled:{text:600},hover:{text:500},active:{text:800},visited:{text:700}},violet:{enabled:{text:600},hover:{text:500},active:{text:800},visited:{text:700}},yellow:{enabled:{text:600},hover:{text:500},active:{text:800},visited:{text:700}},green:{enabled:{text:600},hover:{text:500},active:{text:800},visited:{text:700}},gray:{enabled:{text:600},hover:{text:500},active:{text:800},visited:{text:700}},neutral:{enabled:{text:600},hover:{text:500},active:{text:800},visited:{text:700}}},Toolbar:{default:{palette:"gray",enabled:{background:0,backgroundOpacity:1e3,border:900,borderOpacity:100}}},Kanban:{default:{palette:"gray",enabled:{background:100}}},KanbanHeader:{default:{palette:"gray",enabled:{background:0,text:600}}},KanbanCard:{default:{palette:"gray",enabled:{highlight:600,background:0,text:600}},teal:{enabled:{highlight:600}},blue:{enabled:{highlight:600}},red:{enabled:{highlight:600}},violet:{enabled:{background:600}},yellow:{enabled:{highlight:600}},green:{enabled:{highlight:600}},gray:{enabled:{highlight:600}},neutral:{enabled:{highlight:600}}},TableSpecialLastRow:{default:{palette:"gray",enabled:{fontWeight:500},hover:{fontWeight:700},focus:{fontWeight:700},active:{fontWeight:700},disabled:{fontWeight:700}}},Drawer:{default:{palette:"gray",enabled:{background:500,fontWeight:600,text:0}},teal:{enabled:{background:500,fontWeight:600,text:0}},blue:{enabled:{background:500,fontWeight:600,text:0}},red:{enabled:{background:500,fontWeight:600,text:0}},violet:{enabled:{background:500,fontWeight:600,text:0}},yellow:{enabled:{background:500,fontWeight:600,text:0}},green:{enabled:{background:500,fontWeight:600,text:0}},gray:{enabled:{background:500,fontWeight:600,text:0}},neutral:{enabled:{background:500,fontWeight:600,text:0}}},Danger:{default:{palette:"red",enabled:{text:600,border:300}}},Background:{default:{palette:"gray",enabled:{background:100}}},Surface:{default:{palette:"gray",enabled:{background:0}}},Text:{default:{palette:"gray",enabled:{text:600}}}},palette:{outline:{width:"0",style:"solid",context:"primary",weight:0,offset:"0"},disabled:{color:"gray",text:400,background:900,opacity:50},gray:{0:"#FFFFFF",50:"#F8FAFC",100:"#F1F5F9",200:"#E2E8F0",300:"#CBD5E1",400:"#94A3B8",500:"#64748B",600:"#475569",700:"#334155",800:"#1E293B",900:"#0F172A"},neutral:{0:"#FFFFFF",50:"#FAFAFA",100:"#F4F4F5",200:"#E4E4E7",300:"#D4D4D8",400:"#A1A1AA",500:"#71717A",600:"#52525B",700:"#3F3F46",800:"#27272A",900:"#18181B"},blue:{0:"#FFFFFF",50:"#F4FAFF",100:"#E3F2FF",200:"#C6E4FF",300:"#96CEFF",400:"#6AB7FB",500:"#4FA2EB",600:"#3284CB",700:"#2667A0",800:"#00427C",900:"#003461"},teal:{0:"#FFFFFF",50:"#F0FDFD",100:"#CCFAFB",200:"#ADF4F5",300:"#73E3E4",400:"#2DD1D4",500:"#00B9BD",600:"#008C8F",700:"#00787A",800:"#045F61",900:"#0A4D4F"},red:{0:"#FFFFFF",50:"#FFF1F2",100:"#FFE4E6",200:"#FECDD3",300:"#FDA4AF",400:"#FB7185",500:"#F43F5E",600:"#E11D48",700:"#BE123C",800:"#9F1239",900:"#881337"},violet:{0:"#FFFFFF",50:"#ECEAF1",100:"#F6F4F8",200:"#ECEAF1",300:"#E3DFEA",400:"#D9D5E4",500:"#CFCADD",600:"#412B76",700:"#342161"},turquoise:{0:"#FFFFFF",100:"#2EE8B6"},yellow:{0:"#FFFFFF",50:"#FFFBEB",100:"#FEF3C7",200:"#FDE68A",300:"#FCD34D",400:"#FBBF24",500:"#F59E0B",600:"#D97706",700:"#B45309",800:"#92400E",900:"#78350F"},green:{0:"#FFFFFF",50:"#ECFDF5",100:"#D1FAE5",200:"#A7F3D0",300:"#6EE7B7",400:"#34D399",500:"#10B981",600:"#059669",700:"#047857",800:"#065F46",900:"#064E3B"},opacity:{50:"5%",100:"10%",200:"20%",250:"25%",300:"30%",400:"40%",500:"50%",600:"60%",700:"70%",800:"80%",900:"90%",950:"95%",1e3:"100%"}},sizes:{small:"2.25rem",medium:"2.5rem",large:"2.75rem"},borderRadius:{slight:"4px",regular:"8px",edged:"12px",curved:"1000px",none:"0"},boxShadow:{xs:"0px 1px 2px rgba(0, 0, 0, 0.05);",s:"0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06);",m:"0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);",l:" 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);",xl:"0px 20px 25px -5px rgba(0, 0, 0, 0.1), 0px 10px 10px -5px rgba(0, 0, 0, 0.04);",xxl:"0px 25px 50px -12px rgba(0, 0, 0, 0.25);"},typography:{fontFamily:"Nunito",component:{weight:700,large:{fontSize:"1rem",lineHeight:"1.125rem",subTxtFontSize:"0.9rem"},medium:{fontSize:"0.875rem",lineHeight:"1rem",subTxtFontSize:"0.775rem"},small:{fontSize:"0.875rem",lineHeight:"1rem",subTxtFontSize:"0.775rem"}}},zIndex:{modal:1300,snackbar:1400,tooltip:1500,popover:1299}},A=[u,B,w],E={SUCCESS:u.palette.green[500],ERROR:u.palette.red[500],WARNING:u.palette.yellow[500],PRIMARY:u.palette.teal[500],SECONDARY:u.palette.blue[500],DISABLED:u.palette.gray[300],NONE:"white"},g={XS:{type:"XS",index:0,mediaQuery:"(max-width: 480px)"},S:{type:"S",index:1,mediaQuery:"(min-width: 481px) and (max-width: 767px)"},M:{type:"M",index:2,mediaQuery:"(min-width: 768px) and (max-width: 1024px)"},L:{type:"L",index:3,mediaQuery:"(min-width: 1025px) and (max-width: 1280px)"},XL:{type:"XL",index:4,mediaQuery:"(min-width: 1281px)"}},C=(e,t)=>{var a=T(e,t);return a&&i.isValidElement(a)?{current:a}:{current:null}},T=(e="",t)=>{if(t&&e){var a=i.Children.toArray(t).reverse().find(o=>{var n,r;return((n=o.props)==null?void 0:n.__TYPE__)===e||((r=o.type)==null?void 0:r.displayName)===e});if(a)return a}return null},S=(e,t,a)=>{var o=z(e,t,a);return o&&i.isValidElement(o)?{current:o}:{current:null}},z=(e="",t,a)=>{if(a&&e){var o=i.Children.toArray(a).reverse().find(n=>{var r,b,d,c;return(((r=n.props)==null?void 0:r.__TYPE__)===e||((b=n.type)==null?void 0:b.displayName)===e)&&(t?((d=n.props)==null?void 0:d.id)===t:!((c=n.props)!=null&&c.id))});if(o)return o}return null},R=()=>{const e=x(g.XS.mediaQuery),t=x(g.S.mediaQuery),a=x(g.M.mediaQuery),o=x(g.L.mediaQuery),n=x(g.XL.mediaQuery);return e?g.XS.type:t?g.S.type:a?g.M.type:o?g.L.type:n?g.XL.type:g.M.type},H=(e,t,a=null,o=!1)=>e.current!==null?(t.children=a!==null?o==!0?h.jsxs(h.Fragment,{children:[e.current.props.children,a]}):a:e.current.props.children,i.cloneElement(e.current,t)):null,y=(e,t)=>{var a=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e);let o=a?{r:parseInt(a[1],16),g:parseInt(a[2],16),b:parseInt(a[3],16),a:t}:null;return o?`rgba(${o.r}, ${o.g}, ${o.b}, ${o.a})`:null},I=(e,t,a,o,n,r)=>{var v,f;const b=e.colorContext[a],d=e.components[t].default,c=(f=(v=e.components[t])==null?void 0:v[b])==null?void 0:f[o],k=c==null?void 0:c[n],p=d[o][n],l=c==null?void 0:c[r],O=d[o][r],F=k||k==0?e.palette[b][k]:e.palette[d.palette][p],W=l||l==0?e.palette.opacity[l]:e.palette.opacity[O];return y(F,W??"100%")},L=(e,t,a,o,n)=>{var p,l;const r=e.colorContext[a],b=e.components[t].default,d=(l=(p=e.components[t])==null?void 0:p[r])==null?void 0:l[o],c=d==null?void 0:d[n],k=b[o][n];return c||c==0?c:k},M=(e,t)=>e.sizes[t],V=(e,t,a,o)=>`
2
2
  font-weight: ${e.components[t].default[o].fontWeight};
3
3
  font-size: ${e.typography.component[a].fontSize};
4
4
  line-height: ${e.typography.component[a].lineHeight};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lanaco/lnc-react-ui",
3
- "version": "4.0.2",
3
+ "version": "4.0.3",
4
4
  "description": "React component library",
5
5
  "type": "module",
6
6
  "keywords": [
@@ -27,7 +27,7 @@
27
27
  "./ColorInput": "./dist/ColorInput.js",
28
28
  "./DateInput": "./dist/DateInput.js",
29
29
  "./DecimalInput": "./dist/DecimalInput.js",
30
- "./ButtFileInputon": "./dist/FileInput.js",
30
+ "./FileInput": "./dist/FileInput.js",
31
31
  "./NumberInput": "./dist/NumberInput.js",
32
32
  "./PasswordInput": "./dist/PasswordInput.js",
33
33
  "./RadioInput": "./dist/RadioInput.js",
@@ -51,6 +51,7 @@
51
51
  "./TableView": "./dist/TableView.js",
52
52
  "./ActionsToolbar": "./dist/ActionsToolbar.js",
53
53
  "./Alert": "./dist/Alert.js",
54
+ "./Notification": "./dist/Notification.js",
54
55
  "./NotificationContainer": "./dist/NotificationContainer.js",
55
56
  "./NotificationMessage": "./dist/NotificationMessage.js",
56
57
  "./ProgressBar": "./dist/ProgressBar.js",
@@ -99,6 +100,13 @@
99
100
  "./Modal": "./dist/Modal.js",
100
101
  "./Pagination": "./dist/Pagination.js",
101
102
  "./Popover": "./dist/Popover.js",
103
+ "./usePopover": "./dist/usePopover.js",
104
+ "./PopoverClose": "./dist/PopoverClose.js",
105
+ "./PopoverContent": "./dist/PopoverContent.js",
106
+ "./PopoverContext": "./dist/PopoverContext.js",
107
+ "./PopoverDescription": "./dist/PopoverDescription.js",
108
+ "./PopoverHeading": "./dist/PopoverHeading.js",
109
+ "./PopoverTrigger": "./dist/PopoverTrigger.js",
102
110
  "./SwipeableDrawer": "./dist/SwipeableDrawer.js",
103
111
  "./TreeMenu": "./dist/TreeMenu.js",
104
112
  "./MenuItem": "./dist/MenuItem.js",
@@ -113,6 +121,8 @@
113
121
  "@emotion/react": "^11.10.5",
114
122
  "@emotion/styled": "^11.10.5",
115
123
  "@floating-ui/react": "^0.17.0",
124
+ "@mdx-js/preact": "^2.1.5",
125
+ "@mdx-js/react": "^2.1.5",
116
126
  "classnames": "^2.3.2",
117
127
  "date-fns": "^2.29.3",
118
128
  "framer-motion": "^4.1.17",
@@ -137,15 +147,16 @@
137
147
  "react-transition-group": "^4.4.5",
138
148
  "react-use": "^17.3.2",
139
149
  "styled-components": "^5.3.6",
140
- "use-state-with-callback": "^2.0.3",
141
- "@mdx-js/preact": "^2.1.5",
142
- "@mdx-js/react": "^2.1.5"
150
+ "use-state-with-callback": "^2.0.3"
143
151
  },
144
152
  "peerDependencies": {
153
+ "@emotion/react": "^11.10.5",
154
+ "@emotion/styled": "^11.10.5",
145
155
  "react": "^18.2.0",
146
156
  "react-dom": "^18.2.0"
147
157
  },
148
158
  "devDependencies": {
159
+ "@emotion/babel-plugin": "^11.13.5",
149
160
  "@eslint/js": "^9.13.0",
150
161
  "@storybook/addon-a11y": "^6.5.9",
151
162
  "@storybook/addon-actions": "^6.3.2",
@@ -167,6 +178,7 @@
167
178
  "eslint-plugin-react-refresh": "^0.4.14",
168
179
  "globals": "^15.11.0",
169
180
  "rimraf": "^3.0.2",
181
+ "rollup-plugin-visualizer": "^5.12.0",
170
182
  "storybook-dark-mode": "^1.1.0",
171
183
  "vite": "^5.4.10"
172
184
  }
package/vite.config.js CHANGED
@@ -1,3 +1,4 @@
1
+ /* eslint-disable no-undef */
1
2
  import { defineConfig } from "vite";
2
3
  import react from "@vitejs/plugin-react";
3
4
  import { resolve } from "path";
@@ -57,6 +58,11 @@ export default defineConfig({
57
58
  //--------------------------------------------------------------------
58
59
  resolve(__dirname, "src/Feedback/Alert/Alert.jsx"),
59
60
  resolve(__dirname, "src/Feedback/Notification/Notification.jsx"),
61
+ resolve(
62
+ __dirname,
63
+ "src/Feedback/Notification/NotificationContainer.jsx"
64
+ ),
65
+ resolve(__dirname, "src/Feedback/Notification/NotificationMessage.jsx"),
60
66
  resolve(__dirname, "src/Feedback/ProgressBar/ProgressBar.jsx"),
61
67
  resolve(__dirname, "src/Feedback/Spinner/Spinner.jsx"),
62
68
  //--------------------------------------------------------------------
@@ -101,6 +107,7 @@ export default defineConfig({
101
107
  resolve(__dirname, "src/Layout/PageLayout/PageLayout.jsx"),
102
108
  resolve(__dirname, "src/Layout/Sidebar/Sidebar.jsx"),
103
109
  resolve(__dirname, "src/Layout/Tabs/Tabs.jsx"),
110
+ resolve(__dirname, "src/Layout/Tabs/TabItem.jsx"),
104
111
  //-------------------------------------------------------------------
105
112
  resolve(__dirname, "src/Utility/Accordion/Accordion.jsx"),
106
113
  resolve(__dirname, "src/Utility/Accordion/AccordionSummary.jsx"),
@@ -118,6 +125,15 @@ export default defineConfig({
118
125
  resolve(__dirname, "src/Utility/TreeMenu/MenuItem.jsx"),
119
126
  resolve(__dirname, "src/Utility/TreeMenu/NestedMenuItem.jsx"),
120
127
  resolve(__dirname, "src/Utility/TreeMenu/TreeMenuSeparator.jsx"),
128
+ resolve(__dirname, "src/Utility/Popover/Popover.jsx"),
129
+ resolve(__dirname, "src/Utility/Popover/PopoverClose.jsx"),
130
+ resolve(__dirname, "src/Utility/Popover/PopoverContent.jsx"),
131
+ resolve(__dirname, "src/Utility/Popover/PopoverContext.jsx"),
132
+ resolve(__dirname, "src/Utility/Popover/PopoverDescription.jsx"),
133
+ resolve(__dirname, "src/Utility/Popover/PopoverHeading.jsx"),
134
+ resolve(__dirname, "src/Utility/Popover/PopoverTrigger.jsx"),
135
+ resolve(__dirname, "src/Utility/Popover/usePopover.jsx"),
136
+ resolve(__dirname, "src/Utility/Pagination/Pagination.jsx"),
121
137
  //--------------------------------------------------------------------
122
138
  resolve(__dirname, "src/ThemeProvider/ThemeProvider.jsx"),
123
139
  //--------------------------------------------------------------------