@mmb-digital/design-system-web 0.1.7 → 0.1.10

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import e from"react";import t,{css as o}from"styled-components";var r,i,s;!function(e){e.PRIMARY="primary",e.SECONDARY="secondary",e.TERTIARY="tertiary"}(r||(r={})),function(e){e.MD="md",e.SM="sm",e.XL="xl",e.XS="xs",e.XXL="xxl"}(i||(i={})),function(e){e.BUTTON="button",e.RESET="reset",e.SUBMIT="submit"}(s||(s={}));const l=t.button`
+import*as e from"react";import l,{useMemo as t}from"react";import r,{css as a}from"styled-components";var o,n,u;!function(e){e.PRIMARY="primary",e.SECONDARY="secondary",e.TERTIARY="tertiary"}(o||(o={})),function(e){e.MD="md",e.SM="sm",e.XL="xl",e.XS="xs",e.XXL="xxl"}(n||(n={})),function(e){e.BUTTON="button",e.RESET="reset",e.SUBMIT="submit"}(u||(u={}));const i=r.button`
 	/* common styles */
 	display: flex;
 	flex-shrink: 0;
@@ -7,7 +7,7 @@ import e from"react";import t,{css as o}from"styled-components";var r,i,s;!funct
 	cursor: pointer;
 
 	/* type specific styles */
-	${({buttonStyle:e})=>{switch(e){case r.PRIMARY:return o`
+	${({buttonStyle:e})=>{switch(e){case o.PRIMARY:return a`
 					color: ${({theme:e})=>e.colors.fg.neutral.white.light};
 					background-color: ${({theme:e})=>e.colors.bg.brand.bold.light};
 					border: 1px solid ${({theme:e})=>e.colors.border.brand.bold.light};
@@ -29,7 +29,7 @@ import e from"react";import t,{css as o}from"styled-components";var r,i,s;!funct
 						background-color: ${({theme:e})=>e.colors.bg.disabled.light};
 						border: 1px solid ${({theme:e})=>e.colors.bg.disabled.light};
 					}
-				`;case r.SECONDARY:return o`
+				`;case o.SECONDARY:return a`
 					color: ${({theme:e})=>e.colors.fg.neutral.subtle.light};
 					background-color: ${({theme:e})=>e.colors.bg.neutral.white.light};
 					border: 1px solid ${({theme:e})=>e.colors.border.neutral.subtle.light};
@@ -53,7 +53,7 @@ import e from"react";import t,{css as o}from"styled-components";var r,i,s;!funct
 						background-color: ${({theme:e})=>e.colors.bg.neutral.white.light};
 						border: 1px solid ${({theme:e})=>e.colors.bg.disabled.light};
 					}
-				`;case r.TERTIARY:return o`
+				`;case o.TERTIARY:return a`
 					color: ${({theme:e})=>e.colors.fg.neutral.subtle.light};
 					background-color: ${({theme:e})=>e.colors.bg.neutral.white.light};
 					border: none;
@@ -77,7 +77,7 @@ import e from"react";import t,{css as o}from"styled-components";var r,i,s;!funct
 				`;default:return""}}}
 
 	/* size specific styles */
-	${({size:e})=>{switch(e){case i.XS:return o`
+	${({size:e})=>{switch(e){case n.XS:return a`
 					gap: ${({theme:e})=>e.spacing.xxs};
 					min-height: ${({theme:e})=>e.spacing.xl};
 					padding: ${({theme:e})=>e.spacing.xxs} ${({theme:e})=>e.spacing.xs};
@@ -86,7 +86,7 @@ import e from"react";import t,{css as o}from"styled-components";var r,i,s;!funct
 					line-height: ${({theme:e})=>e.font.lineHeight.body.xs};
 					letter-spacing: ${({theme:e})=>e.font.letterSpacing.body.md};
 					border-radius: ${({theme:e})=>e.borderRadius.xxs};
-				`;case i.SM:return o`
+				`;case n.SM:return a`
 					gap: ${({theme:e})=>e.spacing.xxs};
 					min-height: ${({theme:e})=>e.spacing.xl};
 					padding: ${({theme:e})=>e.spacing.xxs} ${({theme:e})=>e.spacing.xs};
@@ -95,7 +95,7 @@ import e from"react";import t,{css as o}from"styled-components";var r,i,s;!funct
 					line-height: ${({theme:e})=>e.font.lineHeight.body.sm};
 					letter-spacing: ${({theme:e})=>e.font.letterSpacing.body.md};
 					border-radius: ${({theme:e})=>e.borderRadius.xxs};
-				`;case i.MD:return o`
+				`;case n.MD:return a`
 					gap: ${({theme:e})=>e.spacing.xxs};
 					min-height: ${({theme:e})=>e.spacing.xxl};
 					padding: ${({theme:e})=>e.spacing.xs} ${({theme:e})=>e.spacing.sm};
@@ -104,7 +104,7 @@ import e from"react";import t,{css as o}from"styled-components";var r,i,s;!funct
 					line-height: ${({theme:e})=>e.font.lineHeight.body.sm};
 					letter-spacing: ${({theme:e})=>e.font.letterSpacing.body.md};
 					border-radius: ${({theme:e})=>e.borderRadius.xs};
-				`;case i.XL:return o`
+				`;case n.XL:return a`
 					gap: ${({theme:e})=>e.spacing.xs};
 					min-height: ${({theme:e})=>e.spacing.xxxl};
 					padding: ${({theme:e})=>e.spacing.sm};
@@ -112,7 +112,7 @@ import e from"react";import t,{css as o}from"styled-components";var r,i,s;!funct
 					font-weight: ${({theme:e})=>e.font.weight.medium};
 					line-height: ${({theme:e})=>e.font.lineHeight.body.md};
 					border-radius: ${({theme:e})=>e.borderRadius.xs};
-				`;case i.XXL:return o`
+				`;case n.XXL:return a`
 					gap: ${({theme:e})=>e.spacing.sm};
 					min-height: ${({theme:e})=>e.spacing.xxxxl};
 					padding: ${({theme:e})=>e.spacing.md} ${({theme:e})=>e.spacing.xl};
@@ -120,12 +120,43 @@ import e from"react";import t,{css as o}from"styled-components";var r,i,s;!funct
 					font-weight: ${({theme:e})=>e.font.weight.medium};
 					line-height: ${({theme:e})=>e.font.lineHeight.body.lg};
 					border-radius: ${({theme:e})=>e.borderRadius.sm};
-				`;default:return o`
+				`;default:return a`
 					border-radius: ${({theme:e})=>e.borderRadius.xxs};
 				`}}}
-`,n=t.div`
+`,c=r.div`
 	display: flex;
 	align-items: center;
 	height: 100%;
-`,h=t=>{const{buttonStyle:o,children:r,disabled:i=!1,displayOnlyIcon:h=!1,iconLeft:d,iconRight:c,onClick:a,size:g,type:m=s.BUTTON}=t;return e.createElement(l,{buttonStyle:o,disabled:i,displayOnlyIcon:h,size:g,type:m,onClick:a},void 0!==d&&e.createElement(n,{size:g},d),!h&&e.createElement(e.Fragment,null,r,void 0!==c&&e.createElement(n,{size:g},c)))};export{h as Button};
+`,d=e=>{const{buttonStyle:t,children:r,disabled:a=!1,displayOnlyIcon:o=!1,iconLeft:n,iconRight:d,onClick:s,size:f,type:v=u.BUTTON}=e;return l.createElement(i,{buttonStyle:t,disabled:a,displayOnlyIcon:o,size:f,type:v,onClick:s},void 0!==n&&l.createElement(c,{size:f},n),!o&&l.createElement(l.Fragment,null,r,void 0!==d&&l.createElement(c,{size:f},d)))};function s(e){return s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},s(e)}function f(e){var l=function(e,l){if("object"!=s(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,l||"default");if("object"!=s(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===l?String:Number)(e)}(e,"string");return"symbol"==s(l)?l:String(l)}function v(e,l,t){return(l=f(l))in e?Object.defineProperty(e,l,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[l]=t,e}function g(e,l){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);l&&(r=r.filter((function(l){return Object.getOwnPropertyDescriptor(e,l).enumerable}))),t.push.apply(t,r)}return t}function b(e){for(var l=1;l<arguments.length;l++){var t=null!=arguments[l]?arguments[l]:{};l%2?g(Object(t),!0).forEach((function(l){v(e,l,t[l])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):g(Object(t)).forEach((function(l){Object.defineProperty(e,l,Object.getOwnPropertyDescriptor(t,l))}))}return e}function h(e,l){(null==l||l>e.length)&&(l=e.length);for(var t=0,r=new Array(l);t<l;t++)r[t]=e[t];return r}function p(e,l){if(e){if("string"==typeof e)return h(e,l);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?h(e,l):void 0}}function m(e){return function(e){if(Array.isArray(e))return h(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||p(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function x(e,l){return function(e){if(Array.isArray(e))return e}(e)||function(e,l){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,a,o,n,u=[],i=!0,c=!1;try{if(o=(t=t.call(e)).next,0===l){if(Object(t)!==t)return;i=!1}else for(;!(i=(r=o.call(t)).done)&&(u.push(r.value),u.length!==l);i=!0);}catch(e){c=!0,a=e}finally{try{if(!i&&null!=t.return&&(n=t.return(),Object(n)!==n))return}finally{if(c)throw a}}return u}}(e,l)||p(e,l)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var y="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function k(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var E,w={exports:{}};
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/E=w,function(){var e={}.hasOwnProperty;function l(){for(var e="",l=0;l<arguments.length;l++){var a=arguments[l];a&&(e=r(e,t(a)))}return e}function t(t){if("string"==typeof t||"number"==typeof t)return t;if("object"!=typeof t)return"";if(Array.isArray(t))return l.apply(null,t);if(t.toString!==Object.prototype.toString&&!t.toString.toString().includes("[native code]"))return t.toString();var a="";for(var o in t)e.call(t,o)&&t[o]&&(a=r(a,o));return a}function r(e,l){return l?e?e+" "+l:e+l:e}E.exports?(l.default=l,E.exports=l):window.classNames=l}();var S=k(w.exports);function C(l){var t=e.useRef();t.current=l;var r=e.useCallback((function(){for(var e,l=arguments.length,r=new Array(l),a=0;a<l;a++)r[a]=arguments[a];return null===(e=t.current)||void 0===e?void 0:e.call.apply(e,[t].concat(r))}),[]);return r}var N="test"!==process.env.NODE_ENV&&"undefined"!=typeof window&&window.document&&window.document.createElement?e.useLayoutEffect:e.useEffect,O=function(l,t){!function(l,t){var r=e.useRef(!0);N((function(){return l(r.current)}),t),N((function(){return r.current=!1,function(){r.current=!0}}),[])}((function(e){if(!e)return l()}),t)};function M(l){var t=e.useRef(!1),r=x(e.useState(l),2),a=r[0],o=r[1];return e.useEffect((function(){return t.current=!1,function(){t.current=!0}}),[]),[a,function(e,l){l&&t.current||o(e)}]}function A(e){return void 0!==e}var T={},R=[];function $(e,l){if("production"!==process.env.NODE_ENV&&!e&&void 0!==console){var t=R.reduce((function(e,l){return l(null!=e?e:"","warning")}),l);t&&console.error("Warning: ".concat(t))}}function I(e,l){if("production"!==process.env.NODE_ENV&&!e&&void 0!==console){var t=R.reduce((function(e,l){return l(null!=e?e:"","note")}),l);t&&console.warn("Note: ".concat(t))}}function _(e,l,t){l||T[t]||(e(!1,t),T[t]=!0)}function L(e,l){_($,e,l)}L.preMessage=function(e){R.push(e)},L.resetWarned=function(){T={}},L.noteOnce=function(e,l){_(I,e,l)};var P=e.createContext({min:0,max:0,direction:"ltr",step:1,includedStart:0,includedEnd:0,tabIndex:0,keyboard:!0,styles:{},classNames:{}});function U(){return U=Object.assign?Object.assign.bind():function(e){for(var l=1;l<arguments.length;l++){var t=arguments[l];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},U.apply(this,arguments)}function F(e,l){if(null==e)return{};var t,r,a=function(e,l){if(null==e)return{};var t,r,a={},o=Object.keys(e);for(r=0;r<o.length;r++)t=o[r],l.indexOf(t)>=0||(a[t]=e[t]);return a}(e,l);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)t=o[r],l.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}var D={MAC_ENTER:3,BACKSPACE:8,TAB:9,NUM_CENTER:12,ENTER:13,SHIFT:16,CTRL:17,ALT:18,PAUSE:19,CAPS_LOCK:20,ESC:27,SPACE:32,PAGE_UP:33,PAGE_DOWN:34,END:35,HOME:36,LEFT:37,UP:38,RIGHT:39,DOWN:40,PRINT_SCREEN:44,INSERT:45,DELETE:46,ZERO:48,ONE:49,TWO:50,THREE:51,FOUR:52,FIVE:53,SIX:54,SEVEN:55,EIGHT:56,NINE:57,QUESTION_MARK:63,A:65,B:66,C:67,D:68,E:69,F:70,G:71,H:72,I:73,J:74,K:75,L:76,M:77,N:78,O:79,P:80,Q:81,R:82,S:83,T:84,U:85,V:86,W:87,X:88,Y:89,Z:90,META:91,WIN_KEY_RIGHT:92,CONTEXT_MENU:93,NUM_ZERO:96,NUM_ONE:97,NUM_TWO:98,NUM_THREE:99,NUM_FOUR:100,NUM_FIVE:101,NUM_SIX:102,NUM_SEVEN:103,NUM_EIGHT:104,NUM_NINE:105,NUM_MULTIPLY:106,NUM_PLUS:107,NUM_MINUS:109,NUM_PERIOD:110,NUM_DIVISION:111,F1:112,F2:113,F3:114,F4:115,F5:116,F6:117,F7:118,F8:119,F9:120,F10:121,F11:122,F12:123,NUMLOCK:144,SEMICOLON:186,DASH:189,EQUALS:187,COMMA:188,PERIOD:190,SLASH:191,APOSTROPHE:192,SINGLE_QUOTE:222,OPEN_SQUARE_BRACKET:219,BACKSLASH:220,CLOSE_SQUARE_BRACKET:221,WIN_KEY:224,MAC_FF_META:224,WIN_IME:229,isTextModifyingKeyEvent:function(e){var l=e.keyCode;if(e.altKey&&!e.ctrlKey||e.metaKey||l>=D.F1&&l<=D.F12)return!1;switch(l){case D.ALT:case D.CAPS_LOCK:case D.CONTEXT_MENU:case D.CTRL:case D.DOWN:case D.END:case D.ESC:case D.HOME:case D.INSERT:case D.LEFT:case D.MAC_FF_META:case D.META:case D.NUMLOCK:case D.NUM_CENTER:case D.PAGE_DOWN:case D.PAGE_UP:case D.PAUSE:case D.PRINT_SCREEN:case D.RIGHT:case D.SHIFT:case D.UP:case D.WIN_KEY:case D.WIN_KEY_RIGHT:return!1;default:return!0}},isCharacterKey:function(e){if(e>=D.ZERO&&e<=D.NINE)return!0;if(e>=D.NUM_ZERO&&e<=D.NUM_MULTIPLY)return!0;if(e>=D.A&&e<=D.Z)return!0;if(-1!==window.navigator.userAgent.indexOf("WebKit")&&0===e)return!0;switch(e){case D.SPACE:case D.QUESTION_MARK:case D.NUM_PLUS:case D.NUM_MINUS:case D.NUM_PERIOD:case D.NUM_DIVISION:case D.SEMICOLON:case D.DASH:case D.EQUALS:case D.COMMA:case D.PERIOD:case D.SLASH:case D.APOSTROPHE:case D.SINGLE_QUOTE:case D.OPEN_SQUARE_BRACKET:case D.BACKSLASH:case D.CLOSE_SQUARE_BRACKET:return!0;default:return!1}}};function H(e,l,t){return(e-l)/(t-l)}function j(e,l,t,r){var a=H(l,t,r),o={};switch(e){case"rtl":o.right="".concat(100*a,"%"),o.transform="translateX(50%)";break;case"btt":o.bottom="".concat(100*a,"%"),o.transform="translateY(50%)";break;case"ttb":o.top="".concat(100*a,"%"),o.transform="translateY(-50%)";break;default:o.left="".concat(100*a,"%"),o.transform="translateX(-50%)"}return o}function B(e,l){return Array.isArray(e)?e[l]:e}var V=["prefixCls","value","valueIndex","onStartMove","style","render","dragging","onOffsetChange","onChangeComplete"],K=e.forwardRef((function(l,t){var r,a,o=l.prefixCls,n=l.value,u=l.valueIndex,i=l.onStartMove,c=l.style,d=l.render,s=l.dragging,f=l.onOffsetChange,g=l.onChangeComplete,h=F(l,V),p=e.useContext(P),m=p.min,x=p.max,y=p.direction,k=p.disabled,E=p.keyboard,w=p.range,C=p.tabIndex,N=p.ariaLabelForHandle,O=p.ariaLabelledByForHandle,M=p.ariaValueTextFormatterForHandle,A=p.styles,T=p.classNames,R="".concat(o,"-handle"),$=function(e){k||i(e,u)},I=j(y,n,m,x),_=e.createElement("div",U({ref:t,className:S(R,(r={},v(r,"".concat(R,"-").concat(u+1),w),v(r,"".concat(R,"-dragging"),s),r),T.handle),style:b(b(b({},I),c),A.handle),onMouseDown:$,onTouchStart:$,onKeyDown:function(e){if(!k&&E){var l=null;switch(e.which||e.keyCode){case D.LEFT:l="ltr"===y||"btt"===y?-1:1;break;case D.RIGHT:l="ltr"===y||"btt"===y?1:-1;break;case D.UP:l="ttb"!==y?1:-1;break;case D.DOWN:l="ttb"!==y?-1:1;break;case D.HOME:l="min";break;case D.END:l="max";break;case D.PAGE_UP:l=2;break;case D.PAGE_DOWN:l=-2}null!==l&&(e.preventDefault(),f(l,u))}},onKeyUp:function(e){switch(e.which||e.keyCode){case D.LEFT:case D.RIGHT:case D.UP:case D.DOWN:case D.HOME:case D.END:case D.PAGE_UP:case D.PAGE_DOWN:null==g||g()}},tabIndex:k?null:B(C,u),role:"slider","aria-valuemin":m,"aria-valuemax":x,"aria-valuenow":n,"aria-disabled":k,"aria-label":B(N,u),"aria-labelledby":B(O,u),"aria-valuetext":null===(a=B(M,u))||void 0===a?void 0:a(n),"aria-orientation":"ltr"===y||"rtl"===y?"horizontal":"vertical"},h));return d&&(_=d(_,{index:u,prefixCls:o,value:n,dragging:s})),_}));"production"!==process.env.NODE_ENV&&(K.displayName="Handle");var z=["prefixCls","style","onStartMove","onOffsetChange","values","handleRender","draggingIndex"],G=e.forwardRef((function(l,t){var r=l.prefixCls,a=l.style,o=l.onStartMove,n=l.onOffsetChange,u=l.values,i=l.handleRender,c=l.draggingIndex,d=F(l,z),s=e.useRef({});return e.useImperativeHandle(t,(function(){return{focus:function(e){var l;null===(l=s.current[e])||void 0===l||l.focus()}}})),e.createElement(e.Fragment,null,u.map((function(l,t){return e.createElement(K,U({ref:function(e){e?s.current[t]=e:delete s.current[t]},dragging:c===t,prefixCls:r,style:B(a,t),key:t,value:l,valueIndex:t,onStartMove:o,onOffsetChange:n,render:i},d))})))}));function W(e){var l="touches"in e?e.touches[0]:e;return{pageX:l.pageX,pageY:l.pageY}}function X(l){var t=l.prefixCls,r=l.style,a=l.children,o=l.value,n=l.onClick,u=e.useContext(P),i=u.min,c=u.max,d=u.direction,s=u.includedStart,f=u.includedEnd,g=u.included,h="".concat(t,"-text"),p=j(d,o,i,c);return e.createElement("span",{className:S(h,v({},"".concat(h,"-active"),g&&s<=o&&o<=f)),style:b(b({},p),r),onMouseDown:function(e){e.stopPropagation()},onClick:function(){n(o)}},a)}function Y(l){var t=l.prefixCls,r=l.marks,a=l.onClick,o="".concat(t,"-mark");return r.length?e.createElement("div",{className:o},r.map((function(l){var t=l.value,r=l.style,n=l.label;return e.createElement(X,{key:t,prefixCls:o,style:r,value:t,onClick:a},n)}))):null}function Q(l){var t=l.prefixCls,r=l.value,a=l.style,o=l.activeStyle,n=e.useContext(P),u=n.min,i=n.max,c=n.direction,d=n.included,s=n.includedStart,f=n.includedEnd,g="".concat(t,"-dot"),h=d&&s<=r&&r<=f,p=b(b({},j(c,r,u,i)),"function"==typeof a?a(r):a);return h&&(p=b(b({},p),"function"==typeof o?o(r):o)),e.createElement("span",{className:S(g,v({},"".concat(g,"-active"),h)),style:p})}function Z(l){var t=l.prefixCls,r=l.marks,a=l.dots,o=l.style,n=l.activeStyle,u=e.useContext(P),i=u.min,c=u.max,d=u.step,s=e.useMemo((function(){var e=new Set;if(r.forEach((function(l){e.add(l.value)})),a&&null!==d)for(var l=i;l<=c;)e.add(l),l+=d;return Array.from(e)}),[i,c,d,a,r]);return e.createElement("div",{className:"".concat(t,"-step")},s.map((function(l){return e.createElement(Q,{prefixCls:t,key:l,value:l,style:o,activeStyle:n})})))}function J(l){var t,r=l.prefixCls,a=l.style,o=l.start,n=l.end,u=l.index,i=l.onStartMove,c=l.replaceCls,d=e.useContext(P),s=d.direction,f=d.min,g=d.max,h=d.disabled,p=d.range,m=d.classNames,x="".concat(r,"-track"),y=H(o,f,g),k=H(n,f,g),E=function(e){!h&&i&&i(e,-1)},w={};switch(s){case"rtl":w.right="".concat(100*y,"%"),w.width="".concat(100*k-100*y,"%");break;case"btt":w.bottom="".concat(100*y,"%"),w.height="".concat(100*k-100*y,"%");break;case"ttb":w.top="".concat(100*y,"%"),w.height="".concat(100*k-100*y,"%");break;default:w.left="".concat(100*y,"%"),w.width="".concat(100*k-100*y,"%")}var C=c||S(x,(v(t={},"".concat(x,"-").concat(u+1),null!==u&&p),v(t,"".concat(r,"-track-draggable"),i),t),m.track);return e.createElement("div",{className:C,style:b(b({},w),a),onMouseDown:E,onTouchStart:E})}function q(l){var t=l.prefixCls,r=l.style,a=l.values,o=l.startPoint,n=l.onStartMove,u=e.useContext(P),i=u.included,c=u.range,d=u.min,s=u.styles,f=u.classNames,v=e.useMemo((function(){if(!c){if(0===a.length)return[];var e=null!=o?o:d,l=a[0];return[{start:Math.min(e,l),end:Math.max(e,l)}]}for(var t=[],r=0;r<a.length-1;r+=1)t.push({start:a[r],end:a[r+1]});return t}),[a,c,o,d]),g=null;return(f.tracks||s.tracks)&&(g=e.createElement(J,{index:null,prefixCls:t,start:v[0].start,end:v[v.length-1].end,replaceCls:S(f.tracks,"".concat(t,"-tracks")),style:s.tracks})),i?e.createElement(e.Fragment,null,g,v.map((function(l,a){var o=l.start,u=l.end;return e.createElement(J,{index:a,prefixCls:t,style:b(b({},B(r,a)),s.track),start:o,end:u,key:a,onStartMove:n})}))):null}"production"!==process.env.NODE_ENV&&(G.displayName="Handles");var ee,le=e.forwardRef((function(l,t){var r,a=l.prefixCls,o=void 0===a?"rc-slider":a,n=l.className,u=l.style,i=l.classNames,c=l.styles,d=l.disabled,f=void 0!==d&&d,g=l.keyboard,h=void 0===g||g,p=l.autoFocus,y=l.onFocus,k=l.onBlur,E=l.min,w=void 0===E?0:E,N=l.max,T=void 0===N?100:N,R=l.step,$=void 0===R?1:R,I=l.value,_=l.defaultValue,U=l.range,F=l.count,D=l.onChange,H=l.onBeforeChange,j=l.onAfterChange,B=l.onChangeComplete,V=l.allowCross,K=void 0===V||V,z=l.pushable,X=void 0!==z&&z,Q=l.draggableTrack,J=l.reverse,ee=l.vertical,le=l.included,te=void 0===le||le,re=l.startPoint,ae=l.trackStyle,oe=l.handleStyle,ne=l.railStyle,ue=l.dotStyle,ie=l.activeDotStyle,ce=l.marks,de=l.dots,se=l.handleRender,fe=l.tabIndex,ve=void 0===fe?0:fe,ge=l.ariaLabelForHandle,be=l.ariaLabelledByForHandle,he=l.ariaValueTextFormatterForHandle,pe=e.useRef(),me=e.useRef(),xe=e.useMemo((function(){return ee?J?"ttb":"btt":J?"rtl":"ltr"}),[J,ee]),ye=e.useMemo((function(){return isFinite(w)?w:0}),[w]),ke=e.useMemo((function(){return isFinite(T)?T:100}),[T]),Ee=e.useMemo((function(){return null!==$&&$<=0?1:$}),[$]),we=e.useMemo((function(){return"boolean"==typeof X?!!X&&Ee:X>=0&&X}),[X,Ee]),Se=e.useMemo((function(){return Object.keys(ce||{}).map((function(l){var t=ce[l],r={value:Number(l)};return t&&"object"===s(t)&&!e.isValidElement(t)&&("label"in t||"style"in t)?(r.style=t.style,r.label=t.label):r.label=t,r})).filter((function(e){var l=e.label;return l||"number"==typeof l})).sort((function(e,l){return e.value-l.value}))}),[ce]),Ce=function(l,t,r,a,o,n){var u=e.useCallback((function(e){var r=isFinite(e)?e:l;return r=Math.min(t,e),Math.max(l,r)}),[l,t]),i=e.useCallback((function(e){if(null!==r){var a=l+Math.round((u(e)-l)/r)*r,o=function(e){return(String(e).split(".")[1]||"").length},n=Math.max(o(r),o(t),o(l)),i=Number(a.toFixed(n));return l<=i&&i<=t?i:null}return null}),[r,l,t,u]),c=e.useCallback((function(e){var o=u(e),n=a.map((function(e){return e.value}));null!==r&&n.push(i(e)),n.push(l,t);var c=n[0],d=t-l;return n.forEach((function(e){var l=Math.abs(o-e);l<=d&&(c=e,d=l)})),c}),[l,t,a,r,u,i]),d=function e(o,n,u){var c=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"unit";if("number"==typeof n){var d,s=o[u],f=s+n,v=[];a.forEach((function(e){v.push(e.value)})),v.push(l,t),v.push(i(s));var g=n>0?1:-1;"unit"===c?v.push(i(s+g*r)):v.push(i(f)),v=v.filter((function(e){return null!==e})).filter((function(e){return n<0?e<=s:e>=s})),"unit"===c&&(v=v.filter((function(e){return e!==s})));var b="unit"===c?s:f;d=v[0];var h=Math.abs(d-b);if(v.forEach((function(e){var l=Math.abs(e-b);l<h&&(d=e,h=l)})),void 0===d)return n<0?l:t;if("dist"===c)return d;if(Math.abs(n)>1){var p=m(o);return p[u]=d,e(p,n-g,u,c)}return d}return"min"===n?l:"max"===n?t:void 0},s=function(e,l,t){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"unit",a=e[t],o=d(e,l,t,r);return{value:o,changed:o!==a}},f=function(e){return null===n&&0===e||"number"==typeof n&&e<n};return[c,function(e,l,t){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"unit",a=e.map(c),u=a[t],i=d(a,l,t,r);if(a[t]=i,!1===o){var v=n||0;t>0&&a[t-1]!==u&&(a[t]=Math.max(a[t],a[t-1]+v)),t<a.length-1&&a[t+1]!==u&&(a[t]=Math.min(a[t],a[t+1]-v))}else if("number"==typeof n||null===n){for(var g=t+1;g<a.length;g+=1)for(var b=!0;f(a[g]-a[g-1])&&b;){var h=s(a,1,g);a[g]=h.value,b=h.changed}for(var p=t;p>0;p-=1)for(var m=!0;f(a[p]-a[p-1])&&m;){var x=s(a,-1,p-1);a[p-1]=x.value,m=x.changed}for(var y=a.length-1;y>0;y-=1)for(var k=!0;f(a[y]-a[y-1])&&k;){var E=s(a,-1,y-1);a[y-1]=E.value,k=E.changed}for(var w=0;w<a.length-1;w+=1)for(var S=!0;f(a[w+1]-a[w])&&S;){var C=s(a,1,w+1);a[w+1]=C.value,S=C.changed}}return{value:a[t],values:a}}]}(ye,ke,Ee,Se,K,we),Ne=x(Ce,2),Oe=Ne[0],Me=Ne[1],Ae=function(e,l){var t=l||{},r=t.defaultValue,a=t.value,o=t.onChange,n=t.postState,u=x(M((function(){return A(a)?a:A(r)?"function"==typeof r?r():r:"function"==typeof e?e():e})),2),i=u[0],c=u[1],d=void 0!==a?a:i,s=n?n(d):d,f=C(o),v=x(M([d]),2),g=v[0],b=v[1];return O((function(){var e=g[0];i!==e&&f(i,e)}),[g]),O((function(){A(a)||c(a)}),[a]),[s,C((function(e,l){c(e,l),b([d],l)}))]}(_,{value:I}),Te=x(Ae,2),Re=Te[0],$e=Te[1],Ie=e.useMemo((function(){var e=null==Re?[]:Array.isArray(Re)?Re:[Re],l=x(e,1)[0],t=null===Re?[]:[void 0===l?ye:l];if(U){if(t=m(e),F||void 0===Re){var r=F>=0?F+1:2;for(t=t.slice(0,r);t.length<r;){var a;t.push(null!==(a=t[t.length-1])&&void 0!==a?a:ye)}}t.sort((function(e,l){return e-l}))}return t.forEach((function(e,l){t[l]=Oe(e)})),t}),[Re,U,ye,F,Oe]),_e=e.useRef(Ie);_e.current=Ie;var Le=function(e){return U?e:e[0]},Pe=function(e){var l=m(e).sort((function(e,l){return e-l}));D&&!function(e,l){var t=arguments.length>2&&void 0!==arguments[2]&&arguments[2],r=new Set;return function e(l,a){var o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1,n=r.has(l);if(L(!n,"Warning: There may be circular references"),n)return!1;if(l===a)return!0;if(t&&o>1)return!1;r.add(l);var u=o+1;if(Array.isArray(l)){if(!Array.isArray(a)||l.length!==a.length)return!1;for(var i=0;i<l.length;i++)if(!e(l[i],a[i],u))return!1;return!0}if(l&&a&&"object"===s(l)&&"object"===s(a)){var c=Object.keys(l);return c.length===Object.keys(a).length&&c.every((function(t){return e(l[t],a[t],u)}))}return!1}(e,l)}(l,_e.current,!0)&&D(Le(l)),$e(l)},Ue=function(){null==j||j(Le(_e.current)),L(!j,"[rc-slider] `onAfterChange` is deprecated. Please use `onChangeComplete` instead."),null==B||B(Le(_e.current))},Fe=function(l,t,r,a,o,n,u,i,c){var d=x(e.useState(null),2),s=d[0],f=d[1],v=x(e.useState(-1),2),g=v[0],b=v[1],h=x(e.useState(r),2),p=h[0],y=h[1],k=x(e.useState(r),2),E=k[0],w=k[1],S=e.useRef(null),C=e.useRef(null);e.useEffect((function(){-1===g&&y(r)}),[r,g]),e.useEffect((function(){return function(){document.removeEventListener("mousemove",S.current),document.removeEventListener("mouseup",C.current),document.removeEventListener("touchmove",S.current),document.removeEventListener("touchend",C.current)}}),[]);var N=function(e,l){p.some((function(l,t){return l!==e[t]}))&&(void 0!==l&&f(l),y(e),u(e))},O=function(e,l){if(-1===e){var t=E[0],r=E[E.length-1],u=a-t,i=o-r,d=l*(o-a);d=Math.max(d,u),d=Math.min(d,i);var s=n(t+d);d=s-t;var f=E.map((function(e){return e+d}));N(f)}else{var v=(o-a)*l,g=m(p);g[e]=E[e];var b=c(g,v,e,"dist");N(b.values,b.value)}},M=e.useRef(O);M.current=O;var A=e.useMemo((function(){var e=m(r).sort((function(e,l){return e-l})),l=m(p).sort((function(e,l){return e-l}));return e.every((function(e,t){return e===l[t]}))?p:r}),[r,p]);return[g,s,A,function(e,a,o){e.stopPropagation();var n=o||r,u=n[a];b(a),f(u),w(n);var c=W(e),d=c.pageX,s=c.pageY,v=function(e){e.preventDefault();var r,o=W(e),n=o.pageX,u=o.pageY,i=n-d,c=u-s,f=l.current.getBoundingClientRect(),v=f.width,g=f.height;switch(t){case"btt":r=-c/g;break;case"ttb":r=c/g;break;case"rtl":r=-i/v;break;default:r=i/v}M.current(a,r)},g=function e(l){l.preventDefault(),document.removeEventListener("mouseup",e),document.removeEventListener("mousemove",v),document.removeEventListener("touchend",e),document.removeEventListener("touchmove",v),S.current=null,C.current=null,b(-1),i()};document.addEventListener("mouseup",g),document.addEventListener("mousemove",v),document.addEventListener("touchend",g),document.addEventListener("touchmove",v),S.current=v,C.current=g}]}(me,xe,Ie,ye,ke,Oe,Pe,Ue,Me),De=x(Fe,4),He=De[0],je=De[1],Be=De[2],Ve=De[3],Ke=function(e,l){if(!f){var t=0,r=ke-ye;Ie.forEach((function(l,a){var o=Math.abs(e-l);o<=r&&(r=o,t=a)}));var a=m(Ie);a[t]=e,U&&!Ie.length&&void 0===F&&a.push(e),null==H||H(Le(a)),Pe(a),l&&Ve(l,t,a)}},ze=x(e.useState(null),2),Ge=ze[0],We=ze[1];e.useEffect((function(){if(null!==Ge){var e=Ie.indexOf(Ge);e>=0&&pe.current.focus(e)}We(null)}),[Ge]);var Xe=e.useMemo((function(){return Q&&null===Ee?("production"!==process.env.NODE_ENV&&L(!1,"`draggableTrack` is not supported when `step` is `null`."),!1):Q}),[Q,Ee]),Ye=function(e,l){Ve(e,l),null==H||H(Le(_e.current))},Qe=-1!==He;e.useEffect((function(){if(!Qe){var e=Ie.lastIndexOf(je);pe.current.focus(e)}}),[Qe]);var Ze=e.useMemo((function(){return m(Be).sort((function(e,l){return e-l}))}),[Be]),Je=x(e.useMemo((function(){return U?[Ze[0],Ze[Ze.length-1]]:[ye,Ze[0]]}),[Ze,U,ye]),2),qe=Je[0],el=Je[1];e.useImperativeHandle(t,(function(){return{focus:function(){pe.current.focus(0)},blur:function(){var e=document.activeElement;me.current.contains(e)&&(null==e||e.blur())}}})),e.useEffect((function(){p&&pe.current.focus(0)}),[]);var ll=e.useMemo((function(){return{min:ye,max:ke,direction:xe,disabled:f,keyboard:h,step:Ee,included:te,includedStart:qe,includedEnd:el,range:U,tabIndex:ve,ariaLabelForHandle:ge,ariaLabelledByForHandle:be,ariaValueTextFormatterForHandle:he,styles:c||{},classNames:i||{}}}),[ye,ke,xe,f,h,Ee,te,qe,el,U,ve,ge,be,he,c,i]);return e.createElement(P.Provider,{value:ll},e.createElement("div",{ref:me,className:S(o,n,(r={},v(r,"".concat(o,"-disabled"),f),v(r,"".concat(o,"-vertical"),ee),v(r,"".concat(o,"-horizontal"),!ee),v(r,"".concat(o,"-with-marks"),Se.length),r)),style:u,onMouseDown:function(e){e.preventDefault();var l,t=me.current.getBoundingClientRect(),r=t.width,a=t.height,o=t.left,n=t.top,u=t.bottom,i=t.right,c=e.clientX,d=e.clientY;switch(xe){case"btt":l=(u-d)/a;break;case"ttb":l=(d-n)/a;break;case"rtl":l=(i-c)/r;break;default:l=(c-o)/r}Ke(Oe(ye+l*(ke-ye)),e)}},e.createElement("div",{className:S("".concat(o,"-rail"),null==i?void 0:i.rail),style:b(b({},ne),null==c?void 0:c.rail)}),e.createElement(q,{prefixCls:o,style:ae,values:Ze,startPoint:re,onStartMove:Xe?Ye:null}),e.createElement(Z,{prefixCls:o,marks:Se,dots:de,style:ue,activeStyle:ie}),e.createElement(G,{ref:pe,prefixCls:o,style:oe,values:Be,draggingIndex:He,onStartMove:Ye,onOffsetChange:function(e,l){if(!f){var t=Me(Ie,e,l);null==H||H(Le(Ie)),Pe(t.values),We(t.value)}},onFocus:y,onBlur:k,handleRender:se,onChangeComplete:Ue}),e.createElement(Y,{prefixCls:o,marks:Se,onClick:Ke})))}));"production"!==process.env.NODE_ENV&&(le.displayName="Slider"),function(e){e.DEFAULT="default",e.LINEAR_VISUAL_STEP="linearVisualStep"}(ee||(ee={}));const te=a`
+	display: flex;
+	align-items: center;
+	height: 24px; /* height of handle */
+`,re=a`
+	display: flex;
+	flex-direction: column;
+	row-gap: ${({theme:e})=>e.spacing.xs};
+`,ae=a`
+	display: flex;
+`,oe=a`
+	display: flex;
+	flex: 1;
+	justify-content: left;
+`,ne=a`
+	display: flex;
+	flex: 1;
+	justify-content: right;
+`,ue=e=>{const{max:l,min:t,steps:r,value:a}=e;return{sliderStep:r.breakpointList.reduce(((e,l)=>a<l.bottomBreakpoint?e:l.step),r.baseStep),sliderValue:a,sliderMax:l,sliderMin:t,sliderMarks:void 0}},ie=e=>{const{max:l,min:t,steps:r,value:a}=e,o=(e=>{const{max:l,min:t,steps:r}=e;return[{step:r.baseStep,bottomBreakpoint:t},...r.breakpointList].reduce(((e,t,r,a)=>{var o;const{bottomBreakpoint:n,step:u}=t,i=void 0===(null===(o=a[r+1])||void 0===o?void 0:o.bottomBreakpoint)?l:a[r+1].bottomBreakpoint;let c=0,d=n;for(;d+u<i;)d+=u,c+=1;return d<i?e+c+1:e+c}),t)})({max:l,steps:r,min:t}),n=(e=>{var l;const{max:t,min:r,steps:a,value:o}=e,n=[{step:a.baseStep,bottomBreakpoint:r},...a.breakpointList];let u=r;e:for(const[e,r]of n.entries()){const{bottomBreakpoint:a,step:i}=r,c=void 0===(null===(l=n[e+1])||void 0===l?void 0:l.bottomBreakpoint)?t:n[e+1].bottomBreakpoint;let d=a;if(o<=a)break;for(;d+i<c;)if(d+=i,u+=1,d===o||d>o&&d<o+i)break e;d<c&&(u+=1)}return u})({value:a,steps:r,min:t,max:l});return{sliderStep:1,sliderValue:n,sliderMax:o,sliderMin:t,sliderMarks:void 0}},ce=e=>{var l;const{max:t,min:r,sliderValue:a,steps:o}=e,n=[{step:o.baseStep,bottomBreakpoint:r},...o.breakpointList];let u=r,i=r;for(;u<a;){let e=0,r=n[e];for(const[l,t]of n.entries()){if(t.bottomBreakpoint>i)break;e=l,r=t}const a=r.step,o=void 0===(null===(l=n[e+1])||void 0===l?void 0:l.bottomBreakpoint)?t:n[e+1].bottomBreakpoint,c=i+a;i=c<o?c:o,u+=1}return i};var de={light:{color:{fg:{neutral:{default:{value:"#01194c"},subtle:{value:"#56647b"},subtlest:{value:"#6c7d98"},white:{value:"#ffffff"}},disabled:{default:{value:"#8a97ad"}},inverse:{default:{value:"#ffffff"}},link:{default:{value:"#1c65fd"},hover:{value:"#024be3"},pressed:{value:"#023ab1"}},success:{default:{value:"#1c6c13"}},warning:{default:{value:"#85703d"}},error:{default:{value:"#ca2e21"}},info:{default:{value:"#1c65fd"}},promo:{default:{value:"#85703d"}},brand:{default:{value:"#1c65fd"},bold:{value:"#024be3"}},accent:{default:{value:"#de31b9"},bold:{value:"#bd1e9b"}}},bg:{neutral:{default:{value:"#e8eaed"},subtle:{value:"#f3f4f5"},subtlest:{value:"#ffffff"},white:{value:"#ffffff"}},disabled:{default:{value:"#f3f4f5"}},promo:{default:{value:"#fbf9f4"},bold:{value:"#a58b4b"}},error:{bold:{value:"#dc3628"},default:{value:"#fff8f7"}},warning:{default:{value:"#fff9db"},bold:{value:"#fae9a3"}},inverse:{default:{value:"#171b21"}},success:{bold:{value:"#2e9721"},default:{value:"#e9fff4"}},info:{bold:{value:"#1c65fd"},default:{value:"#f0f5ff"}},accent:{default:{value:"#fef6fc"}},brand:{default:{value:"#f0f5ff",hover:{value:"#d7e4ff"},pressed:{value:"#d7e4ff"}},bold:{value:"#1c65fd",hover:{value:"#024be3"},pressed:{value:"#023ab1"}}}},surface:{overlay:{value:"#f0f5ff"},risen:{value:"#ffffff"},default:{value:"#fafcff"},sunken:{value:"#e8eaed"}},border:{neutral:{default:{value:"#56647b"},subtle:{value:"#a8b2c2"},subtlest:{value:"#e8eaed"}},disabled:{default:{value:"#e8eaed"}},success:{default:{value:"#2e9721"}},warning:{default:{value:"#b17902"}},error:{default:{value:"#ca2e21"}},promo:{bold:{value:"#a58b4b"}},brand:{bold:{value:"#024be3"},default:{value:"#1c65fd"},suble:{value:"#81a9fe"},subtlest:{value:"#d7e4ff"}},inverse:{subtle:{value:"rgba(255, 255, 255, 0.1000)"}},accent:{default:{value:"#fae0f5"}}},icon:{background:{default:{value:"#ffffff"}},brand:{default:{value:"#1c65fd"}},neutral:{default:{value:"#56647b"}},inverse:{default:{value:"#ffffff"}},disabled:{default:{value:"#e8eaed"}},error:{default:{value:"#dc3628"}}}},layout:{spacing:{xxs:{value:"4px"},xs:{value:"8px"},sm:{value:"12px"},md:{value:"16px"},lg:{value:"24px"},xl:{value:"32px"},"2xl":{value:"40px"},"3xl":{value:"48px"},"4xl":{value:"56px"},"5xl":{value:"64px"}},"border-radius":{xxs:{value:"4px"},xs:{value:"8px"},sm:{value:"12px"},md:{value:"16px"},lg:{value:"24px"},xl:{value:"32px"},full:{value:"9999px"}},container:{xl:{value:"1200px"}},breakpoint:{xs:{value:"375px"},sm:{value:"576px"},md:{value:"768px"},lg:{value:"992px"},xl:{value:"1280px"},"2xl":{value:"1920px"}}}},dark:{color:{fg:{neutral:{default:{value:"#ffffff"},subtle:{value:"#a8b2c2"},subtlest:{value:"#6c7d98"},white:{value:"#ffffff"}},disabled:{default:{value:"#6c7d98"}},inverse:{default:{value:"#171b21"}},link:{default:{value:"#4e86fe"},hover:{value:"#81a9fe"},pressed:{value:"#b3ccfe"}},success:{default:{value:"#99e5b3"}},warning:{default:{value:"#fae9a3"}},error:{default:{value:"#f5aea8"}},info:{default:{value:"#4e86fe"}},promo:{default:{value:"#a58b4b"}},brand:{default:{value:"#1c65fd"},bold:{value:"#4e86fe"}},accent:{default:{value:"#de31b9"},bold:{value:"#e55cc8"}}},bg:{neutral:{default:{value:"#56647b"},subtle:{value:"#414c5d"},subtlest:{value:"#171b21"},white:{value:"#ffffff"}},disabled:{default:{value:"#414c5d"}},promo:{default:{value:"#62532d"},bold:{value:"#a58b4b"}},error:{bold:{value:"#f5aea8"},default:{value:"#a0271c"}},warning:{default:{value:"#fffcee"},bold:{value:"#b17902"}},inverse:{default:{value:"#fafcff"}},success:{bold:{value:"#99e5b3"},default:{value:"#1d5a16"}},info:{bold:{value:"#4e86fe"},default:{value:"#01194c"}},accent:{default:{value:"#651053"}},brand:{default:{value:"#01194c",hover:{value:"#023ab1"},pressed:{value:"#023ab1"}},bold:{value:"#1c65fd",hover:{value:"#024be3"},pressed:{value:"#023ab1"}}}},surface:{overlay:{value:"#171b21"},risen:{value:"#2c333f"},default:{value:"#171b21"},sunken:{value:"#56647b"}},border:{neutral:{default:{value:"#e8eaed"},subtle:{value:"#6c7d98"},subtlest:{value:"#56647b"}},disabled:{default:{value:"#56647b"}},success:{default:{value:"#2e9721"}},warning:{default:{value:"#b17902"}},error:{default:{value:"#dc3628"}},promo:{bold:{value:"#a58b4b"}},brand:{bold:{value:"#024be3"},default:{value:"#1c65fd"},suble:{value:"#1c65fd"},subtlest:{value:"#023ab1"}},inverse:{subtle:{value:"rgba(255, 255, 255, 0.1000)"}},accent:{default:{value:"#911777"}}},icon:{background:{default:{value:"#ffffff"}},brand:{default:{value:"#ffffff"}},neutral:{default:{value:"#e8eaed"}},inverse:{default:{value:"#000000"}},disabled:{default:{value:"#ffffff"}},error:{default:{value:"#dc3628"}}}},layout:{spacing:{xxs:{value:"4px"},xs:{value:"8px"},sm:{value:"12px"},md:{value:"16px"},lg:{value:"24px"},xl:{value:"32px"},"2xl":{value:"40px"},"3xl":{value:"48px"},"4xl":{value:"56px"},"5xl":{value:"64px"}},"border-radius":{xxs:{value:"4px"},xs:{value:"8px"},sm:{value:"12px"},md:{value:"16px"},lg:{value:"24px"},xl:{value:"32px"},full:{value:"9999px"}},container:{xl:{value:"1200px"}},breakpoint:{xs:{value:"375px"},sm:{value:"576px"},md:{value:"768px"},lg:{value:"992px"},xl:{value:"1280px"},"2xl":{value:"1920px"}}}}},se={colors:{gold:{100:{value:"#fffcee"},200:{value:"#fbf9f4"},500:{value:"#a58b4b"},600:{value:"#85703d"},700:{value:"#776437"},800:{value:"#62532d"}},pink:{100:{value:"#fef6fc"},200:{value:"#fae0f5"},300:{value:"#f3b4e6"},400:{value:"#ec88d7"},500:{value:"#e55cc8"},600:{value:"#de31b9"},700:{value:"#bd1e9b"},800:{value:"#911777"},900:{value:"#651053"},1e3:{value:"#39092f"}},grey:{100:{value:"#fafcff"},200:{value:"#f3f4f5"},300:{value:"#e8eaed"},400:{value:"#a8b2c2"},500:{value:"#8a97ad"},600:{value:"#6c7d98"},700:{value:"#56647b"},800:{value:"#414c5d"},900:{value:"#2c333f"},1e3:{value:"#171b21"}},black:{value:"#000000"},white:{value:"#ffffff"},transparent:{value:"rgba(255, 255, 255, 0.0000)"},yellow:{100:{value:"#fffcee"},200:{value:"#fff9db"},300:{value:"#fdf6d8"},400:{value:"#fae9a3"},500:{value:"#d7b45b"},600:{value:"#b17902"},700:{value:"#ab6802"},800:{value:"#885202"},900:{value:"#704300"},1e3:{value:"#3d2500"}},green:{100:{value:"#f7fffb"},200:{value:"#e9fff4"},300:{value:"#def7e6"},400:{value:"#99e5b3"},500:{value:"#6cd07b"},600:{value:"#2e9721"},700:{value:"#258a19"},800:{value:"#1c6c13"},900:{value:"#1d5a16"},1e3:{value:"#10310c"}},red:{100:{value:"#fff8f7"},200:{value:"#ffebe9"},300:{value:"#fbddda"},400:{value:"#f5aea8"},500:{value:"#eb827a"},600:{value:"#dc3628"},700:{value:"#ca2e21"},800:{value:"#b92518"},900:{value:"#a0271c"},1e3:{value:"#57150f"}},blue:{100:{value:"#f0f5ff"},200:{value:"#d7e4ff"},300:{value:"#b3ccfe"},400:{value:"#81a9fe"},500:{value:"#4e86fe"},600:{value:"#1c65fd"},700:{value:"#024be3"},800:{value:"#023ab1"},900:{value:"#012a7e"},1e3:{value:"#01194c"}}},name:{value:"String value"}};const fe={palette:{gold100:se.colors.gold[100].value,gold200:se.colors.gold[200].value,gold500:se.colors.gold[500].value,gold600:se.colors.gold[600].value,gold700:se.colors.gold[700].value,gold800:se.colors.gold[800].value,pink100:se.colors.pink[100].value,pink200:se.colors.pink[200].value,pink300:se.colors.pink[300].value,pink400:se.colors.pink[400].value,pink500:se.colors.pink[500].value,pink600:se.colors.pink[600].value,pink700:se.colors.pink[700].value,pink800:se.colors.pink[800].value,pink900:se.colors.pink[900].value,pink1000:se.colors.pink[1e3].value,grey100:se.colors.grey[100].value,grey200:se.colors.grey[200].value,grey300:se.colors.grey[300].value,grey400:se.colors.grey[400].value,grey500:se.colors.grey[500].value,grey600:se.colors.grey[600].value,grey700:se.colors.grey[700].value,grey800:se.colors.grey[800].value,grey900:se.colors.grey[900].value,grey1000:se.colors.grey[1e3].value,black:se.colors.black.value,white:se.colors.white.value,transparent:se.colors.transparent.value,yellow100:se.colors.yellow[100].value,yellow200:se.colors.yellow[200].value,yellow300:se.colors.yellow[300].value,yellow400:se.colors.yellow[400].value,yellow500:se.colors.yellow[500].value,yellow600:se.colors.yellow[600].value,yellow700:se.colors.yellow[700].value,yellow800:se.colors.yellow[800].value,yellow900:se.colors.yellow[900].value,yellow1000:se.colors.yellow[1e3].value,green100:se.colors.green[100].value,green200:se.colors.green[200].value,green300:se.colors.green[300].value,green400:se.colors.green[400].value,green500:se.colors.green[500].value,green600:se.colors.green[600].value,green700:se.colors.green[700].value,green800:se.colors.green[800].value,green900:se.colors.green[900].value,green1000:se.colors.green[1e3].value,red100:se.colors.red[100].value,red200:se.colors.red[200].value,red300:se.colors.red[300].value,red400:se.colors.red[400].value,red500:se.colors.red[500].value,red600:se.colors.red[600].value,red700:se.colors.red[700].value,red800:se.colors.red[800].value,red900:se.colors.red[900].value,red1000:se.colors.red[1e3].value,blue100:se.colors.blue[100].value,blue200:se.colors.blue[200].value,blue300:se.colors.blue[300].value,blue400:se.colors.blue[400].value,blue500:se.colors.blue[500].value,blue600:se.colors.blue[600].value,blue700:se.colors.blue[700].value,blue800:se.colors.blue[800].value,blue900:se.colors.blue[900].value,blue1000:se.colors.blue[1e3].value},colors:{fg:{neutral:{default:{light:de.light.color.fg.neutral.default.value,dark:de.dark.color.fg.neutral.default.value},subtle:{light:de.light.color.fg.neutral.subtle.value,dark:de.dark.color.fg.neutral.subtle.value},subtlest:{light:de.light.color.fg.neutral.subtlest.value,dark:de.dark.color.fg.neutral.subtlest.value},white:{light:de.light.color.fg.neutral.white.value,dark:de.dark.color.fg.neutral.white.value}},disabled:{light:de.light.color.fg.disabled.default.value,dark:de.dark.color.fg.disabled.default.value},inverse:{light:de.light.color.fg.inverse.default.value,dark:de.dark.color.fg.inverse.default.value},link:{default:{light:de.light.color.fg.link.default.value,dark:de.dark.color.fg.link.default.value},hover:{light:de.light.color.fg.link.hover.value,dark:de.dark.color.fg.link.hover.value},pressed:{light:de.light.color.fg.link.pressed.value,dark:de.dark.color.fg.link.pressed.value}},success:{light:de.light.color.fg.success.default.value,dark:de.dark.color.fg.success.default.value},warning:{light:de.light.color.fg.warning.default.value,dark:de.dark.color.fg.warning.default.value},error:{light:de.light.color.fg.error.default.value,dark:de.dark.color.fg.error.default.value},info:{light:de.light.color.fg.info.default.value,dark:de.dark.color.fg.info.default.value},promo:{light:de.light.color.fg.promo.default.value,dark:de.dark.color.fg.promo.default.value},brand:{default:{light:de.light.color.fg.brand.default.value,dark:de.dark.color.fg.brand.default.value},bold:{light:de.light.color.fg.brand.bold.value,dark:de.dark.color.fg.brand.bold.value}},accent:{default:{light:de.light.color.fg.accent.default.value,dark:de.dark.color.fg.accent.default.value},bold:{light:de.light.color.fg.accent.bold.value,dark:de.dark.color.fg.accent.bold.value}}},bg:{neutral:{default:{light:de.light.color.bg.neutral.default.value,dark:de.dark.color.bg.neutral.default.value},subtle:{light:de.light.color.bg.neutral.subtle.value,dark:de.dark.color.bg.neutral.subtle.value},subtlest:{light:de.light.color.bg.neutral.subtlest.value,dark:de.dark.color.bg.neutral.subtlest.value},white:{light:de.light.color.bg.neutral.white.value,dark:de.dark.color.bg.neutral.white.value}},disabled:{light:de.light.color.bg.disabled.default.value,dark:de.dark.color.bg.disabled.default.value},promo:{default:{light:de.light.color.bg.promo.default.value,dark:de.dark.color.bg.promo.default.value},bold:{light:de.light.color.bg.promo.bold.value,dark:de.dark.color.bg.promo.bold.value}},error:{default:{light:de.light.color.bg.error.default.value,dark:de.dark.color.bg.error.default.value},bold:{light:de.light.color.bg.error.bold.value,dark:de.dark.color.bg.error.bold.value}},warning:{default:{light:de.light.color.bg.warning.default.value,dark:de.dark.color.bg.warning.default.value},bold:{light:de.light.color.bg.warning.bold.value,dark:de.dark.color.bg.warning.bold.value}},inverse:{light:de.light.color.bg.inverse.default.value,dark:de.dark.color.bg.inverse.default.value},success:{default:{light:de.light.color.bg.success.default.value,dark:de.dark.color.bg.success.default.value},bold:{light:de.light.color.bg.success.bold.value,dark:de.dark.color.bg.success.bold.value}},info:{default:{light:de.light.color.bg.info.default.value,dark:de.dark.color.bg.info.default.value},bold:{light:de.light.color.bg.info.bold.value,dark:de.dark.color.bg.info.bold.value}},accent:{light:de.light.color.bg.accent.default.value,dark:de.dark.color.bg.accent.default.value},brand:{default:{light:de.light.color.bg.brand.default.value,dark:de.dark.color.bg.brand.default.value,hover:{light:de.light.color.bg.brand.default.hover.value,dark:de.dark.color.bg.brand.default.hover.value},pressed:{light:de.light.color.bg.brand.default.pressed.value,dark:de.dark.color.bg.brand.default.pressed.value}},bold:{light:de.light.color.bg.brand.bold.value,dark:de.dark.color.bg.brand.bold.value,hover:{light:de.light.color.bg.brand.bold.hover.value,dark:de.dark.color.bg.brand.bold.hover.value},pressed:{light:de.light.color.bg.brand.bold.pressed.value,dark:de.dark.color.bg.brand.bold.pressed.value}}}},surface:{overlay:{light:de.light.color.surface.overlay.value,dark:de.dark.color.surface.overlay.value},risen:{light:de.light.color.surface.risen.value,dark:de.dark.color.surface.risen.value},default:{light:de.light.color.surface.default.value,dark:de.dark.color.surface.default.value},sunken:{light:de.light.color.surface.sunken.value,dark:de.dark.color.surface.sunken.value}},border:{neutral:{default:{light:de.light.color.border.neutral.default.value,dark:de.dark.color.border.neutral.default.value},subtle:{light:de.light.color.border.neutral.subtle.value,dark:de.dark.color.border.neutral.subtle.value},subtlest:{light:de.light.color.border.neutral.subtlest.value,dark:de.dark.color.border.neutral.subtlest.value}},disabled:{light:de.light.color.border.disabled.default.value,dark:de.dark.color.border.disabled.default.value},success:{light:de.light.color.border.success.default.value,dark:de.dark.color.border.success.default.value},warning:{light:de.light.color.border.warning.default.value,dark:de.dark.color.border.warning.default.value},error:{light:de.light.color.border.error.default.value,dark:de.dark.color.border.error.default.value},promo:{light:de.light.color.border.promo.bold.value,dark:de.dark.color.border.promo.bold.value},brand:{bold:{light:de.light.color.border.brand.bold.value,dark:de.dark.color.border.brand.bold.value},default:{light:de.light.color.border.brand.default.value,dark:de.dark.color.border.brand.default.value},subtle:{light:de.light.color.border.brand.suble.value,dark:de.dark.color.border.brand.suble.value},subtlest:{light:de.light.color.border.brand.subtlest.value,dark:de.dark.color.border.brand.subtlest.value}},inverse:{light:de.light.color.border.inverse.subtle.value,dark:de.dark.color.border.inverse.subtle.value},accent:{light:de.light.color.border.accent.default.value,dark:de.dark.color.border.accent.default.value}},icon:{bg:{light:de.light.color.icon.background.default.value,dark:de.dark.color.icon.background.default.value},brand:{light:de.light.color.icon.brand.default.value,dark:de.dark.color.icon.brand.default.value},neutral:{light:de.light.color.icon.neutral.default.value,dark:de.dark.color.icon.neutral.default.value},inverse:{light:de.light.color.icon.inverse.default.value,dark:de.dark.color.icon.inverse.default.value},disabled:{light:de.light.color.icon.disabled.default.value,dark:de.dark.color.icon.disabled.default.value},error:{light:de.light.color.icon.error.default.value,dark:de.dark.color.icon.error.default.value}},shadow:{buttonFocus:"0px 0px 0px 2px #FFF, 0px 0px 0px 5px #024BE3"}},font:{size:{body:{xs:"12px",sm:"14px",md:"16px",lg:"18px"}},lineHeight:{body:{xs:"16px",sm:"20px",md:"24px",lg:"28px"}},weight:{thin:100,extraLight:200,light:300,normal:400,medium:500,semiBold:600,bold:700,extraBold:800,heavy:900,ultra:950},letterSpacing:{body:{md:"-0.2px"}}},spacing:{xxs:de.light.layout.spacing.xxs.value,xs:de.light.layout.spacing.xs.value,sm:de.light.layout.spacing.sm.value,md:de.light.layout.spacing.md.value,lg:de.light.layout.spacing.lg.value,xl:de.light.layout.spacing.xl.value,xxl:de.light.layout.spacing["2xl"].value,xxxl:de.light.layout.spacing["3xl"].value,xxxxl:de.light.layout.spacing["4xl"].value,xxxxxl:de.light.layout.spacing["5xl"].value},borderRadius:{xxs:de.light.layout["border-radius"].xxs.value,xs:de.light.layout["border-radius"].xs.value,sm:de.light.layout["border-radius"].sm.value,md:de.light.layout["border-radius"].md.value,lg:de.light.layout["border-radius"].lg.value,xl:de.light.layout["border-radius"].xl.value,full:de.light.layout["border-radius"].full.value},container:{xl:de.light.layout.container.xl.value},breakpoints:{xs:de.light.layout.breakpoint.xs.value,sm:de.light.layout.breakpoint.sm.value,md:de.light.layout.breakpoint.md.value,lg:de.light.layout.breakpoint.lg.value,xl:de.light.layout.breakpoint.xl.value,xxl:de.light.layout.breakpoint["2xl"].value}},ve=a`
+	display: inline;
+	font-size: ${({theme:e})=>e.font.size.body.sm};
+	line-height: ${({theme:e})=>e.font.lineHeight.body.sm};
+	font-weight: ${({theme:e})=>e.font.weight.normal};
+	letter-spacing: ${({theme:e})=>e.font.letterSpacing.body.md};
+	color: ${({theme:e})=>e.colors.fg.neutral.subtle.light};
+`,ge=e=>{const{children:t}=e;return l.createElement("span",{css:[ve]},t)};var be={exports:{}};
+/*! https://mths.be/base64 v1.0.0 by @mathias | MIT license */!function(e,l){!function(t){var r=l,a=e&&e.exports==r&&e,o="object"==typeof y&&y;o.global!==o&&o.window!==o||(t=o);var n=function(e){this.message=e};(n.prototype=new Error).name="InvalidCharacterError";var u=function(e){throw new n(e)},i="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/",c=/[\t\n\f\r ]/g,d={encode:function(e){e=String(e),/[^\0-\xFF]/.test(e)&&u("The string to be encoded contains characters outside of the Latin1 range.");for(var l,t,r,a,o=e.length%3,n="",c=-1,d=e.length-o;++c<d;)l=e.charCodeAt(c)<<16,t=e.charCodeAt(++c)<<8,r=e.charCodeAt(++c),n+=i.charAt((a=l+t+r)>>18&63)+i.charAt(a>>12&63)+i.charAt(a>>6&63)+i.charAt(63&a);return 2==o?(l=e.charCodeAt(c)<<8,t=e.charCodeAt(++c),n+=i.charAt((a=l+t)>>10)+i.charAt(a>>4&63)+i.charAt(a<<2&63)+"="):1==o&&(a=e.charCodeAt(c),n+=i.charAt(a>>2)+i.charAt(a<<4&63)+"=="),n},decode:function(e){var l=(e=String(e).replace(c,"")).length;l%4==0&&(l=(e=e.replace(/==?$/,"")).length),(l%4==1||/[^+a-zA-Z0-9/]/.test(e))&&u("Invalid character: the string to be decoded is not correctly encoded.");for(var t,r,a=0,o="",n=-1;++n<l;)r=i.indexOf(e.charAt(n)),t=a%4?64*t+r:r,a++%4&&(o+=String.fromCharCode(255&t>>(-2*a&6)));return o},version:"1.0.0"};if(r&&!r.nodeType)if(a)a.exports=d;else for(var s in d)d.hasOwnProperty(s)&&(r[s]=d[s]);else t.base64=d}(y)}(be,be.exports);var he=be.exports;const pe=e=>he.encode((e=>e?`\n\t\t\t\t<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">\n\t\t\t\t\t<circle cx="12" cy="12" r="11" stroke="${fe.colors.fg.disabled.light}" stroke-width="2"/>\n\t\t\t\t</svg>`:`\n\t\t\t<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">\n\t\t\t\t<circle cx="12" cy="12" r="11" stroke="url(#paint0_linear_1206_76209)" stroke-width="2" />\n\t\t\t\t<defs>\n\t\t\t\t\t<linearGradient id="paint0_linear_1206_76209" x1="24" y1="0" x2="0" y2="24" gradientUnits="userSpaceOnUse">\n\t\t\t\t\t\t<stop offset="0.0677083" stop-color="${fe.palette.pink600}"/>\n\t\t\t\t\t\t<stop offset="1" stop-color="${fe.palette.blue600}"/>\n\t\t\t\t\t</linearGradient>\n\t\t\t\t</defs>\n\t\t\t</svg>`)(e)),me=e=>{const{disable:r=!1,max:a,min:o,minMaxLabels:n,onChange:u,onFinalChange:i,steps:c,stepType:d,value:s}=e,f=t((()=>{switch(d){case ee.DEFAULT:return ue;case ee.LINEAR_VISUAL_STEP:return ie;default:throw new Error("unexpected SliderStepType in Slider sliderMapFunction")}}),[d]),{sliderMax:v,sliderMin:g,sliderStep:b,sliderValue:h}=f({min:o,max:a,value:s,steps:c}),p=t((()=>{switch(d){case ee.DEFAULT:return;case ee.LINEAR_VISUAL_STEP:return ce;default:throw new Error("unexpected SliderStepType in Slider sliderMapOnChangeFunction")}}),[d]),m=t((()=>pe(r)),[r]);return l.createElement("div",{css:[re]},l.createElement("div",{css:[te]},l.createElement(le,{max:v,min:g,step:b,styles:{track:{background:r?fe.colors.fg.disabled.light:`linear-gradient(270deg, ${fe.palette.pink600} 10.24%, ${fe.palette.blue600} 100%)`,height:4,borderRadius:fe.borderRadius.xs},rail:{backgroundColor:r?fe.colors.bg.disabled.light:fe.colors.bg.brand.default.light,height:4,borderRadius:fe.borderRadius.xs},handle:{height:24,width:24,border:"none",backgroundImage:`url("data:image/svg+xml;base64,${m}")`,opacity:1,marginTop:-9,boxShadow:"none",cursor:r?"default":"pointer"}},value:h,onChange:e=>{if("number"!=typeof e)throw new TypeError("unexpected type in onChange");r||u(void 0===p?e:p({min:o,max:a,steps:c,sliderValue:e}))},onChangeComplete:e=>{if("number"!=typeof e)throw new TypeError("unexpected type in onChangeComplete");r||i(void 0===p?e:p({min:o,max:a,steps:c,sliderValue:e}))}})),void 0!==n&&l.createElement("div",{css:[ae]},l.createElement("div",{css:[oe]},l.createElement(ge,null,n.min)),l.createElement("div",{css:[ne]},l.createElement(ge,null,n.max))))};export{d as Button,n as ButtonSize,o as ButtonStyle,u as ButtonType,me as Slider,ee as SliderStepType};
 //# sourceMappingURL=index.esm.js.map