@lanaco/lnc-react-ui 3.11.35 → 4.0.2

package/dist/utils-hdRGTsQ7.cjs

@@ -0,0 +1,13 @@
+"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)=>`
+    font-weight: ${e.components[t].default[o].fontWeight};
+    font-size: ${e.typography.component[a].fontSize};
+    line-height: ${e.typography.component[a].lineHeight};
+  `,$=(e,t)=>e.borderRadius[t],N=(e,t)=>e.boxShadow[t],_=(e,t)=>{const a=e.colorContext[e.palette.outline.context],o=e.palette[a][e.palette.outline.weight];return`
+    outline: ${e.palette.outline.width} ${e.palette.outline.style} ${o};
+    ${`outline-offset: ${e.palette.outline.offset}`};
+    `},U=e=>{const t=e.palette.disabled.color,a=e.palette[t][e.palette.disabled.background],o=e.palette[t][e.palette.disabled.text],n=e.palette.opacity[e.palette.disabled.opacity];return`
+    background-color: ${y(a,n??"100%")};
+    color: ${o};
+  `},Q=e=>{const t=e.palette.disabled.color,a=e.palette[t][e.palette.disabled.background],o=e.palette.opacity[e.palette.disabled.opacity];return`
+    background-color: ${y(a,o??"100%")};
+  `};exports.getBorderRadiusValueWithUnits=$;exports.getBoxShadowValue=N;exports.getColorRgbaValue=I;exports.getComponentPropValue=L;exports.getComponentTypographyCss=V;exports.getCustomRender=C;exports.getCustomRenderById=S;exports.getDisabledBackgroundCss=Q;exports.getDisabledStateCss=U;exports.getOutlineCss=_;exports.getSizeValueWithUnits=M;exports.hexToRgba=y;exports.isBrowser=s;exports.noop=m;exports.renderCustomElement=H;exports.screenSizes=g;exports.statusColor=E;exports.themes=A;exports.useScreenSize=R;

package/eslint.config.js

@@ -0,0 +1,38 @@
+import js from '@eslint/js'
+import globals from 'globals'
+import react from 'eslint-plugin-react'
+import reactHooks from 'eslint-plugin-react-hooks'
+import reactRefresh from 'eslint-plugin-react-refresh'
+
+export default [
+  { ignores: ['dist'] },
+  {
+    files: ['**/*.{js,jsx}'],
+    languageOptions: {
+      ecmaVersion: 2020,
+      globals: globals.browser,
+      parserOptions: {
+        ecmaVersion: 'latest',
+        ecmaFeatures: { jsx: true },
+        sourceType: 'module',
+      },
+    },
+    settings: { react: { version: '18.3' } },
+    plugins: {
+      react,
+      'react-hooks': reactHooks,
+      'react-refresh': reactRefresh,
+    },
+    rules: {
+      ...js.configs.recommended.rules,
+      ...react.configs.recommended.rules,
+      ...react.configs['jsx-runtime'].rules,
+      ...reactHooks.configs.recommended.rules,
+      'react/jsx-no-target-blank': 'off',
+      'react-refresh/only-export-components': [
+        'warn',
+        { allowConstantExport: true },
+      ],
+    },
+  },
+]

package/package.json

@@ -1,59 +1,110 @@
 {
   "name": "@lanaco/lnc-react-ui",
+  "version": "4.0.2",
+  "description": "React component library",
   "type": "module",
-  "version": "3.11.35",
-  "description": "component library",
-  "main": "lib/index.js",
-  "module": "lib/index.esm.js",
-  "scripts": {
-    "test": "jest --env=jsdom",
-    "start": "cross-env NODE_OPTIONS=--openssl-legacy-provider start-storybook -p 6006",
-    "clean": "rimraf lib",
-    "build-storybook": "build-storybook -o docs-build",
-    "build": "npm run clean && rollup -c",
-    "prepublishOnly": "npm run build"
-  },
   "keywords": [
     "stroybook",
     "react",
     "ui"
   ],
-  "author": "lanaco",
+  "author": "Lanaco",
   "license": "MIT",
-  "devDependencies": {
-    "@babel/core": "^7.14.6",
-    "@babel/plugin-transform-modules-commonjs": "^7.14.5",
-    "@babel/plugin-transform-runtime": "^7.14.5",
-    "@babel/preset-react": "^7.14.5",
-    "@rollup/plugin-babel": "^5.3.0",
-    "@rollup/plugin-commonjs": "^19.0.0",
-    "@rollup/plugin-eslint": "^8.0.1",
-    "@rollup/plugin-image": "^2.0.6",
-    "@rollup/plugin-node-resolve": "^13.0.0",
-    "@storybook/addon-a11y": "^6.5.9",
-    "@storybook/addon-actions": "^6.3.2",
-    "@storybook/addon-docs": "^6.5.9",
-    "@storybook/addon-essentials": "^6.5.9",
-    "@storybook/addon-links": "^6.3.2",
-    "@storybook/addon-postcss": "^2.0.0",
-    "@storybook/addons": "^6.5.9",
-    "@storybook/builder-webpack5": "^6.5.9",
-    "@storybook/manager-webpack5": "^6.5.9",
-    "@storybook/mdx2-csf": "^0.0.3",
-    "@storybook/react": "^6.5.9",
-    "@storybook/theming": "^6.5.9",
-    "babel-loader": "^8.2.2",
-    "cross-env": "^7.0.3",
-    "css-loader": "^5.2.6",
-    "eslint-plugin-react": "^7.24.0",
-    "jest": "^27.5.1",
-    "path": "^0.12.7",
-    "postcss": "^8.3.5",
-    "rimraf": "^3.0.2",
-    "rollup": "^2.52.7",
-    "rollup-plugin-filesize": "^9.1.1",
-    "rollup-plugin-postcss": "^4.0.0",
-    "style-loader": "^2.0.0"
+  "scripts": {
+    "dev": "vite",
+    "storybook": "cross-env NODE_OPTIONS=--openssl-legacy-provider start-storybook -p 6006",
+    "build-storybook": "build-storybook -o docs-build",
+    "lint": "eslint .",
+    "clean": "rimraf dist",
+    "build": "npm run clean && vite build",
+    "prepublishOnly": "npm run build",
+    "test": "jest --env=jsdom"
+  },
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "exports": {
+    "./CheckBoxInput": "./dist/CheckBoxInput.js",
+    "./ColorInput": "./dist/ColorInput.js",
+    "./DateInput": "./dist/DateInput.js",
+    "./DecimalInput": "./dist/DecimalInput.js",
+    "./ButtFileInputon": "./dist/FileInput.js",
+    "./NumberInput": "./dist/NumberInput.js",
+    "./PasswordInput": "./dist/PasswordInput.js",
+    "./RadioInput": "./dist/RadioInput.js",
+    "./RangeSlider": "./dist/RangeSlider.js",
+    "./TextAreaInput": "./dist/TextAreaInput.js",
+    "./TextInput": "./dist/TextInput.js",
+    "./TimeInput": "./dist/TimeInput.js",
+    "./Badge": "./dist/Badge.js",
+    "./Chip": "./dist/Chip.js",
+    "./DataView": "./dist/DataView.js",
+    "./DetailsView": "./dist/DetailsView.js",
+    "./EditableTable": "./dist/EditableTable.js",
+    "./FormView": "./dist/FormView.js",
+    "./Kanban": "./dist/Kanban.js",
+    "./KanbanCard": "./dist/KanbanCard.js",
+    "./KanbanHeader": "./dist/KanbanHeader.js",
+    "./KanbanFooter": "./dist/KanbanFooter.js",
+    "./KanbanView": "./dist/KanbanView.js",
+    "./KanbanActionsToolbar": "./dist/KanbanActionsToolbar.js",
+    "./Table": "./dist/Table.js",
+    "./TableView": "./dist/TableView.js",
+    "./ActionsToolbar": "./dist/ActionsToolbar.js",
+    "./Alert": "./dist/Alert.js",
+    "./NotificationContainer": "./dist/NotificationContainer.js",
+    "./NotificationMessage": "./dist/NotificationMessage.js",
+    "./ProgressBar": "./dist/ProgressBar.js",
+    "./Spinner": "./dist/Spinner.js",
+    "./Avatar": "./dist/Avatar.js",
+    "./Button": "./dist/Button.js",
+    "./Icon": "./dist/Icon.js",
+    "./IconButton": "./dist/IconButton.js",
+    "./Link": "./dist/Link.js",
+    "./Surface": "./dist/Surface.js",
+    "./UploadedFile": "./dist/UploadedFile.js",
+    "./DoubleRangeSlider": "./dist/DoubleRangeSlider.js",
+    "./DragAndDropFile": "./dist/DragAndDropFile.js",
+    "./DragDropFiles": "./dist/DragDropFiles.js",
+    "./Dropdown": "./dist/Dropdown.js",
+    "./DropdownLookup": "./dist/DropdownLookup.js",
+    "./MultiSelectDropdown": "./dist/MultiSelectDropdown.js",
+    "./MultiSelectDropdownLookup": "./dist/MultiSelectDropdownLookup.js",
+    "./RadioGroup": "./dist/RadioGroup.js",
+    "./SearchBar": "./dist/SearchBar.js",
+    "./Toggle": "./dist/Toggle.js",
+    "./ButtonGroup": "./dist/ButtonGroup.js",
+    "./Content": "./dist/Content.js",
+    "./FlexBox": "./dist/FlexBox.js",
+    "./FlexGrid": "./dist/FlexGrid.js",
+    "./FlexGridItem": "./dist/FlexGridItem.js",
+    "./Footer": "./dist/Footer.js",
+    "./FormField": "./dist/FormField.js",
+    "./Grid": "./dist/Grid.js",
+    "./GridItem": "./dist/GridItem.js",
+    "./Header": "./dist/Header.js",
+    "./PageLayout": "./dist/PageLayout.js",
+    "./Sidebar": "./dist/Sidebar.js",
+    "./Tabs": "./dist/Tabs.js",
+    "./TabItem": "./dist/TabItem.js",
+    "./Accordion": "./dist/Accordion.js",
+    "./AccordionSummary": "./dist/AccordionSummary.js",
+    "./AccordionDetails": "./dist/AccordionDetails.js",
+    "./Breadcrumbs": "./dist/Breadcrumbs.js",
+    "./ConfirmationForm": "./dist/ConfirmationForm.js",
+    "./Drawer": "./dist/Drawer.js",
+    "./DropdownMenu": "./dist/DropdownMenu.js",
+    "./DropdownItem": "./dist/DropdownItem.js",
+    "./NestedDropdownItem": "./dist/NestedDropdownItem.js",
+    "./Separator": "./dist/Separator.js",
+    "./Modal": "./dist/Modal.js",
+    "./Pagination": "./dist/Pagination.js",
+    "./Popover": "./dist/Popover.js",
+    "./SwipeableDrawer": "./dist/SwipeableDrawer.js",
+    "./TreeMenu": "./dist/TreeMenu.js",
+    "./MenuItem": "./dist/MenuItem.js",
+    "./NestedMenuItem": "./dist/NestedMenuItem.js",
+    "./TreeMenuSeparator": "./dist/TreeMenuSeparator.js",
+    "./ThemeProvider": "./dist/ThemeProvider.js"
   },
   "dependencies": {
     "@dnd-kit/core": "^6.0.5",
@@ -62,21 +113,19 @@
     "@emotion/react": "^11.10.5",
     "@emotion/styled": "^11.10.5",
     "@floating-ui/react": "^0.17.0",
-    "@mdx-js/preact": "^2.1.5",
-    "@mdx-js/react": "^2.1.5",
-    "@testing-library/jest-dom": "^5.16.5",
-    "@testing-library/react": "^13.4.0",
     "classnames": "^2.3.2",
     "date-fns": "^2.29.3",
     "framer-motion": "^4.1.17",
-    "install": "^0.13.0",
+    "lodash.clonedeep": "^4.5.0",
     "lodash.debounce": "^4.0.8",
-    "moment": "^2.29.1",
+    "lodash.findindex": "^4.6.0",
+    "lodash.isempty": "^4.4.0",
+    "lodash.isequal": "^4.5.0",
+    "lodash.isfinite": "^3.3.2",
+    "lodash.isfunction": "^3.0.9",
+    "lodash.isobject": "^3.0.2",
     "npm": "^9.2.0",
-    "react": "^18.2.0",
-    "react-calendar": "^3.7.0",
     "react-datepicker": "^4.10.0",
-    "react-dom": "^18.2.0",
     "react-dropzone": "^14.2.1",
     "react-hook-form": "^7.39.1",
     "react-modern-drawer": "^1.1.2",
@@ -87,8 +136,38 @@
     "react-toastify": "8.1.0",
     "react-transition-group": "^4.4.5",
     "react-use": "^17.3.2",
-    "storybook-dark-mode": "^1.1.0",
     "styled-components": "^5.3.6",
-    "use-state-with-callback": "^2.0.3"
+    "use-state-with-callback": "^2.0.3",
+    "@mdx-js/preact": "^2.1.5",
+    "@mdx-js/react": "^2.1.5"
+  },
+  "peerDependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.13.0",
+    "@storybook/addon-a11y": "^6.5.9",
+    "@storybook/addon-actions": "^6.3.2",
+    "@storybook/addon-docs": "^6.5.9",
+    "@storybook/addon-essentials": "^6.5.9",
+    "@storybook/addon-links": "^6.3.2",
+    "@storybook/addon-postcss": "^2.0.0",
+    "@storybook/addons": "^6.5.9",
+    "@storybook/mdx2-csf": "^0.0.3",
+    "@storybook/react": "^6.5.9",
+    "@storybook/theming": "^6.5.9",
+    "@types/react": "^18.3.12",
+    "@types/react-dom": "^18.3.1",
+    "@vitejs/plugin-react": "^4.3.3",
+    "cross-env": "^7.0.3",
+    "eslint": "^9.13.0",
+    "eslint-plugin-react": "^7.37.2",
+    "eslint-plugin-react-hooks": "^5.0.0",
+    "eslint-plugin-react-refresh": "^0.4.14",
+    "globals": "^15.11.0",
+    "rimraf": "^3.0.2",
+    "storybook-dark-mode": "^1.1.0",
+    "vite": "^5.4.10"
   }
 }