mediacube-ui-v2 0.0.317 → 0.0.319

package/dist/ai-catalog/index.json

@@ -1,6 +1,6 @@
 {
   "catalogSchemaVersion": 2,
-  "libraryVersion": "0.0.317",
+  "libraryVersion": "0.0.319",
   "packageName": "mediacube-ui-v2",
   "pathHash": "9b6f3b8016b22ac7",
   "componentCount": 76,
@@ -570,7 +570,7 @@
           "type": "String as () => ButtonSizeUnion",
           "required": false,
           "defaultValue": "'m'",
-          "description": "Размеры:\n `xs, xs-compact, s, s-compact, m, m-compact, l, l-compact`"
+          "description": ""
         },
         {
           "name": "shadow",

package/dist/assets/components/elements/McButton/index.css

@@ -1 +1 @@
-@charset "UTF-8";.mc-tooltip{--tooltip-color: #202427;--tooltip-text-color: #FFFFFF;font-family:Inter,sans-serif;text-transform:none;position:absolute;font-weight:400;line-height:1.25rem;font-size:.8125rem;border-radius:.5rem;box-shadow:0 4px 12px #00000029;padding:.5rem .75rem;background:var(--tooltip-color);color:var(--tooltip-text-color);z-index:100005;white-space:normal;word-break:break-word;width:max-content}.mc-tooltip>*{display:inline-block}.mc-tooltip ul{margin:0;padding-left:.75rem}.mc-tooltip[tooltip-arrow=true]:before{content:"";border:5px solid transparent;z-index:1001;position:absolute}.mc-tooltip:hover:before,.mc-tooltip:hover:after{display:block}.mc-tooltip[tooltip-size=xs]{max-width:180px}.mc-tooltip[tooltip-size=s]{max-width:250px}.mc-tooltip[tooltip-size=m]{max-width:320px}.mc-tooltip[tooltip-size=l]{max-width:380px;font-size:1rem}.mc-tooltip[tooltip-size=xl]{max-width:500px;font-size:1rem}.mc-tooltip[tooltip-placement^=top],.mc-tooltip[tooltip-placement^=bottom]{animation:tooltips-vert .3s ease-out forwards}.mc-tooltip[tooltip-placement^=left],.mc-tooltip[tooltip-placement^=right]{animation:tooltips-horz .3s ease-out forwards}.mc-tooltip[tooltip-placement^=top]:before{top:100%;left:var(--tooltip-arrow-left, 50%);border-bottom-width:0;border-top-color:var(--tooltip-color);transform:translate(-50%)}.mc-tooltip[tooltip-placement^=bottom]:before{top:0;left:var(--tooltip-arrow-left, 50%);border-top-width:0;border-bottom-color:var(--tooltip-color);transform:translate(-50%,-100%)}.mc-tooltip[tooltip-placement^=left]:before{top:50%;left:100%;border-right-width:0;border-left-color:var(--tooltip-color);transform:translateY(-50%)}.mc-tooltip[tooltip-placement^=right]:before{top:50%;left:0;border-left-width:0;border-right-color:var(--tooltip-color);transform:translate(-100%,-50%)}@keyframes tooltips-vert{to{opacity:.9}}@keyframes tooltips-horz{to{opacity:.9}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes rotate-reverse{0%{transform:rotate(0)}to{transform:rotate(-359deg)}}@keyframes slide-up{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes slide-up-with-margin{0%{opacity:0;margin-top:30px}to{opacity:1;margin-top:0}}@keyframes glow{0%,to{opacity:1}50%{opacity:.5}}.mc-button{box-sizing:border-box;padding:0;margin:0;--mc-button-background-color: transparent;--mc-button-active-text-color: #8756FF;--mc-button-font-weight: 400;--mc-button-text-color: #202427;--mc-button-hover-brightness: .9;--mc-button-secondary-color: initial;position:relative;display:inline-flex;justify-content:center;align-items:center;border:none;flex-wrap:nowrap;max-width:100%;font-family:Inter,sans-serif;border-radius:.5rem;white-space:nowrap;user-select:none;text-decoration:none;text-transform:none;background:none;cursor:pointer;outline:0;transition:all .15s;font-weight:var(--mc-button-font-weight);color:var(--mc-button-text-color);-webkit-appearance:none;-webkit-text-fill-color:currentColor;z-index:0}.mc-button__loader{display:none;line-height:0;position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%);top:unset;left:unset;transform:unset;z-index:1}.mc-button__loader-icon{animation:rotate 1.2s infinite cubic-bezier(.55,0,.1,1)}.mc-button__prepend,.mc-button__append{display:inline-flex;align-items:center;z-index:1}.mc-button__text{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;min-width:0;max-width:100%;z-index:1}.mc-button__text:empty{display:none}@media (hover: hover) and (pointer: fine){.mc-button:hover .mc-button__background{filter:brightness(var(--mc-button-hover-brightness))}}.mc-button:active .mc-button__background{filter:brightness(var(--mc-button-hover-brightness))}.mc-button--size-xxs{height:1.5rem;padding:0 .5rem;letter-spacing:normal;font-size:.8125rem;line-height:1rem}.mc-button--size-xxs-compact{height:1.5rem;width:1.5rem;padding:.25rem}.mc-button--size-xxs-compact .mc-svg-icon,.mc-button--size-xxs .mc-svg-icon{height:1rem;width:1rem}.mc-button--size-xxs .mc-button__prepend:has(~.mc-button__text),.mc-button--size-xxs .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-xxs .mc-button__text~.mc-button__append,.mc-button--size-xxs .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-xs{height:2rem;padding:0 .75rem;letter-spacing:normal;font-size:.8125rem;line-height:1rem}.mc-button--size-xs-compact{height:2rem;width:2rem;padding:6px}.mc-button--size-xs-compact .mc-svg-icon,.mc-button--size-xs .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-xs .mc-button__prepend:has(~.mc-button__text),.mc-button--size-xs .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-xs .mc-button__text~.mc-button__append,.mc-button--size-xs .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-s{height:2.5rem;padding:0 1rem;letter-spacing:normal;font-size:.8125rem;line-height:1rem}.mc-button--size-s-compact{height:2.5rem;width:2.5rem;padding:.75rem}.mc-button--size-s-compact .mc-svg-icon,.mc-button--size-s .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-s .mc-button__prepend:has(~.mc-button__text),.mc-button--size-s .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-s .mc-button__text~.mc-button__append,.mc-button--size-s .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-m{height:2.5rem;padding:0 1rem;font-size:.8125rem;line-height:1rem}.mc-button--size-m-compact{height:2.5rem;width:2.5rem;padding:.5rem}.mc-button--size-m-compact .mc-svg-icon,.mc-button--size-m .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-m .mc-button__prepend:has(~.mc-button__text),.mc-button--size-m .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-m .mc-button__text~.mc-button__append,.mc-button--size-m .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-l{height:3rem;padding:.75rem 1.5rem;font-size:.8125rem;line-height:1rem}.mc-button--size-l-compact{height:3rem;width:3rem;padding:.75rem}.mc-button--size-l-compact .mc-svg-icon,.mc-button--size-l .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-l .mc-button__prepend:has(~.mc-button__text),.mc-button--size-l .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.5rem}.mc-button--size-l .mc-button__text~.mc-button__append,.mc-button--size-l .mc-button__prepend~.mc-button__append{margin-inline-start:.5rem}.mc-button--size-s-compact .mc-button__prepend,.mc-button--size-s-compact .mc-button__append,.mc-button--size-m-compact .mc-button__prepend,.mc-button--size-m-compact .mc-button__append,.mc-button--size-l-compact .mc-button__prepend,.mc-button--size-l-compact .mc-button__append{margin:0!important}.mc-button__background{position:absolute;top:0;left:0;height:100%;width:100%;max-width:-webkit-fill-available;opacity:1!important;border:1px solid transparent;border-radius:inherit;background-color:var(--mc-button-background-color);transition:all .15s;box-sizing:border-box}.mc-button--type-outline{color:var(--mc-button-background-color)}.mc-button--type-outline .mc-button__background{opacity:.6!important;background-color:transparent;border-color:var(--mc-button-background-color)}@media (hover: hover) and (pointer: fine){.mc-button--type-outline:hover .mc-button__background{background-color:var(--mc-button-background-color);opacity:.2!important}.mc-button--type-outline:active .mc-button__background{background-color:var(--mc-button-background-color);border:none}}.mc-button--type-invert{color:var(--mc-button-background-color)}.mc-button--type-invert .mc-button__background{opacity:.1!important}@media (hover: hover) and (pointer: fine){.mc-button--type-invert:hover .mc-button__background{opacity:.2!important}}.mc-button--type-invert:active .mc-button__background{opacity:.2!important}.mc-button--type-flat{color:var(--mc-button-background-color)}.mc-button--type-flat .mc-button__background{opacity:0!important}@media (hover: hover) and (pointer: fine){.mc-button--type-flat:hover .mc-button__background{opacity:.1!important}}.mc-button--type-flat:active .mc-button__background{opacity:.1!important}.mc-button--type-link{color:var(--mc-button-background-color);padding:0;height:auto;width:auto;border:none;user-select:text}.mc-button--type-link.mc-button--size-l{line-height:1.25rem}.mc-button--type-link.mc-button--disabled{opacity:.6;background-color:transparent!important;color:var(--mc-button-background-color)!important;border-color:transparent!important}@media (hover: hover) and (pointer: fine){.mc-button--type-link:hover{filter:brightness(.85)}}.mc-button--type-link:active{filter:brightness(.85)}.mc-button--type-link .mc-button__background{display:none}.mc-button--bg-flat .mc-button__background{opacity:.1!important}.mc-button--shadow{box-shadow:0 3px 10px var(--mc-button-background-color)}.mc-button--underline-link .mc-button__text{text-decoration:underline!important}@media (hover: hover) and (pointer: fine){.mc-button--secondary-color:hover{color:var(--mc-button-secondary-color)}}.mc-button--secondary-color:active{color:var(--mc-button-secondary-color)}.mc-button--uppercase{text-transform:uppercase;letter-spacing:.025rem}.mc-button--is-active,.mc-button.nuxt-link-active{color:var(--mc-button-active-text-color);background-color:transparent;border-color:transparent;pointer-events:none}.mc-button--rounded{border-radius:50%}.mc-button--semi-rounded{border-radius:50px}.mc-button--full-width{width:100%}.mc-button--text-align-left{justify-content:flex-start}.mc-button--text-align-center{justify-content:center}.mc-button--text-align-right{justify-content:flex-end}.mc-button--loading,.mc-button--icon-loading,.mc-button--disabled{pointer-events:none}.mc-button--loading .mc-button__loader{display:inline-block}.mc-button--loading>*:not(.mc-button__loader){opacity:0}.mc-button--icon-loading .mc-button__append .mc-svg-icon,.mc-button--icon-loading .mc-button__prepend .mc-svg-icon{animation:rotate 1.2s infinite cubic-bezier(.55,0,.1,1)}.mc-button--icon-loading .mc-button__loader{transform-origin:center center;animation:rotate 1.2s infinite cubic-bezier(.55,0,.1,1)}.mc-button--disabled{color:#c7ccd1;cursor:not-allowed}.mc-button--disabled .mc-button__background{background-color:#edf0f3;border-color:#edf0f3}.mc-button--inactive{pointer-events:none}
+@charset "UTF-8";.mc-tooltip{--tooltip-color: #202427;--tooltip-text-color: #FFFFFF;font-family:Inter,sans-serif;text-transform:none;position:absolute;font-weight:400;line-height:1.25rem;font-size:.8125rem;border-radius:.5rem;box-shadow:0 4px 12px #00000029;padding:.5rem .75rem;background:var(--tooltip-color);color:var(--tooltip-text-color);z-index:100005;white-space:normal;word-break:break-word;width:max-content}.mc-tooltip>*{display:inline-block}.mc-tooltip ul{margin:0;padding-left:.75rem}.mc-tooltip[tooltip-arrow=true]:before{content:"";border:5px solid transparent;z-index:1001;position:absolute}.mc-tooltip:hover:before,.mc-tooltip:hover:after{display:block}.mc-tooltip[tooltip-size=xs]{max-width:180px}.mc-tooltip[tooltip-size=s]{max-width:250px}.mc-tooltip[tooltip-size=m]{max-width:320px}.mc-tooltip[tooltip-size=l]{max-width:380px;font-size:1rem}.mc-tooltip[tooltip-size=xl]{max-width:500px;font-size:1rem}.mc-tooltip[tooltip-placement^=top],.mc-tooltip[tooltip-placement^=bottom]{animation:tooltips-vert .3s ease-out forwards}.mc-tooltip[tooltip-placement^=left],.mc-tooltip[tooltip-placement^=right]{animation:tooltips-horz .3s ease-out forwards}.mc-tooltip[tooltip-placement^=top]:before{top:100%;left:var(--tooltip-arrow-left, 50%);border-bottom-width:0;border-top-color:var(--tooltip-color);transform:translate(-50%)}.mc-tooltip[tooltip-placement^=bottom]:before{top:0;left:var(--tooltip-arrow-left, 50%);border-top-width:0;border-bottom-color:var(--tooltip-color);transform:translate(-50%,-100%)}.mc-tooltip[tooltip-placement^=left]:before{top:50%;left:100%;border-right-width:0;border-left-color:var(--tooltip-color);transform:translateY(-50%)}.mc-tooltip[tooltip-placement^=right]:before{top:50%;left:0;border-left-width:0;border-right-color:var(--tooltip-color);transform:translate(-100%,-50%)}@keyframes tooltips-vert{to{opacity:.9}}@keyframes tooltips-horz{to{opacity:.9}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes rotate-reverse{0%{transform:rotate(0)}to{transform:rotate(-359deg)}}@keyframes slide-up{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes slide-up-with-margin{0%{opacity:0;margin-top:30px}to{opacity:1;margin-top:0}}@keyframes glow{0%,to{opacity:1}50%{opacity:.5}}.mc-button{box-sizing:border-box;padding:0;margin:0;--mc-button-background-color: transparent;--mc-button-active-text-color: #8756FF;--mc-button-font-weight: 400;--mc-button-text-color: #202427;--mc-button-hover-brightness: .9;--mc-button-secondary-color: initial;position:relative;display:inline-flex;justify-content:center;align-items:center;border:none;flex-wrap:nowrap;max-width:100%;font-family:Inter,sans-serif;border-radius:.5rem;white-space:nowrap;user-select:none;text-decoration:none;text-transform:none;background:none;cursor:pointer;outline:0;transition:all .15s;font-weight:var(--mc-button-font-weight);color:var(--mc-button-text-color);-webkit-appearance:none;-webkit-text-fill-color:currentColor;z-index:0}.mc-button__loader{display:none;line-height:0;position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%);top:unset;left:unset;transform:unset;z-index:1}.mc-button__loader-icon{animation:rotate 1.2s infinite cubic-bezier(.55,0,.1,1)}.mc-button__prepend,.mc-button__append{display:inline-flex;align-items:center;z-index:1}.mc-button__text{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;min-width:0;max-width:100%;z-index:1}.mc-button__text:empty{display:none}@media (hover: hover) and (pointer: fine){.mc-button:hover .mc-button__background{filter:brightness(var(--mc-button-hover-brightness))}}.mc-button:active .mc-button__background{filter:brightness(var(--mc-button-hover-brightness))}.mc-button--size-xxs{height:1.5rem;padding:0 .5rem;letter-spacing:normal}.mc-button--size-xxs .mc-button__prepend:has(~.mc-button__text),.mc-button--size-xxs .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-xxs .mc-button__text~.mc-button__append,.mc-button--size-xxs .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-xxs{width:auto;border-radius:.5rem}.mc-button--size-xxs .mc-svg-icon{height:1rem;width:1rem}.mc-button--size-xxs-compact{height:1.5rem;width:1.5rem;padding:.25rem}.mc-button--size-xxs-compact .mc-svg-icon{height:1rem;width:1rem}.mc-button--size-xs{height:2rem;padding:0 .75rem;letter-spacing:normal;font-size:.8125rem;line-height:1rem}.mc-button--size-xs .mc-button__prepend:has(~.mc-button__text),.mc-button--size-xs .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-xs .mc-button__text~.mc-button__append,.mc-button--size-xs .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-xs{width:auto;border-radius:.5rem}.mc-button--size-xs .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-xs-compact{height:2rem;width:2rem;padding:6px}.mc-button--size-xs-compact .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-s{height:2.5rem;padding:0 1rem;letter-spacing:normal;font-size:.8125rem;line-height:1rem}.mc-button--size-s .mc-button__prepend:has(~.mc-button__text),.mc-button--size-s .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-s .mc-button__text~.mc-button__append,.mc-button--size-s .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-s{width:auto;border-radius:.5rem}.mc-button--size-s .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-s-compact{height:2.5rem;width:2.5rem;padding:.5rem}.mc-button--size-s-compact .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-m{height:2.5rem;padding:0 1rem;font-size:.8125rem;line-height:1rem}.mc-button--size-m .mc-button__prepend:has(~.mc-button__text),.mc-button--size-m .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-m .mc-button__text~.mc-button__append,.mc-button--size-m .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-m{width:auto;border-radius:.5rem}.mc-button--size-m .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-m-compact{height:2.5rem;width:2.5rem;padding:.75rem}.mc-button--size-m-compact .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-l{height:3rem;padding:.75rem 1.5rem;font-size:.8125rem;line-height:1rem}.mc-button--size-l .mc-button__prepend:has(~.mc-button__text),.mc-button--size-l .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.5rem}.mc-button--size-l .mc-button__text~.mc-button__append,.mc-button--size-l .mc-button__prepend~.mc-button__append{margin-inline-start:.5rem}.mc-button--size-l{width:auto;border-radius:.5rem}.mc-button--size-l .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-l-compact{height:3rem;width:3rem;padding:.75rem}.mc-button--size-l-compact .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-xxs-compact,.mc-button--size-xs-compact,.mc-button--size-s-compact,.mc-button--size-m-compact,.mc-button--size-l-compact{border-radius:50%}.mc-button--size-xxs-compact .mc-button__prepend,.mc-button--size-xxs-compact .mc-button__append,.mc-button--size-xs-compact .mc-button__prepend,.mc-button--size-xs-compact .mc-button__append,.mc-button--size-s-compact .mc-button__prepend,.mc-button--size-s-compact .mc-button__append,.mc-button--size-m-compact .mc-button__prepend,.mc-button--size-m-compact .mc-button__append,.mc-button--size-l-compact .mc-button__prepend,.mc-button--size-l-compact .mc-button__append{margin:0!important;margin-inline-end:0!important;margin-inline-start:0!important}@media (min-width: 375px){.mc-button--size-xs-xxs{height:1.5rem;padding:0 .5rem;letter-spacing:normal}.mc-button--size-xs-xxs .mc-button__prepend:has(~.mc-button__text),.mc-button--size-xs-xxs .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-xs-xxs .mc-button__text~.mc-button__append,.mc-button--size-xs-xxs .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-xs-xxs{width:auto;border-radius:.5rem}.mc-button--size-xs-xxs .mc-svg-icon{height:1rem;width:1rem}.mc-button--size-xs-xxs-compact{height:1.5rem;width:1.5rem;padding:.25rem}.mc-button--size-xs-xxs-compact .mc-svg-icon{height:1rem;width:1rem}.mc-button--size-xs-xs{height:2rem;padding:0 .75rem;letter-spacing:normal;font-size:.8125rem;line-height:1rem}.mc-button--size-xs-xs .mc-button__prepend:has(~.mc-button__text),.mc-button--size-xs-xs .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-xs-xs .mc-button__text~.mc-button__append,.mc-button--size-xs-xs .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-xs-xs{width:auto;border-radius:.5rem}.mc-button--size-xs-xs .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-xs-xs-compact{height:2rem;width:2rem;padding:6px}.mc-button--size-xs-xs-compact .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-xs-s{height:2.5rem;padding:0 1rem;letter-spacing:normal;font-size:.8125rem;line-height:1rem}.mc-button--size-xs-s .mc-button__prepend:has(~.mc-button__text),.mc-button--size-xs-s .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-xs-s .mc-button__text~.mc-button__append,.mc-button--size-xs-s .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-xs-s{width:auto;border-radius:.5rem}.mc-button--size-xs-s .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-xs-s-compact{height:2.5rem;width:2.5rem;padding:.5rem}.mc-button--size-xs-s-compact .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-xs-m{height:2.5rem;padding:0 1rem;font-size:.8125rem;line-height:1rem}.mc-button--size-xs-m .mc-button__prepend:has(~.mc-button__text),.mc-button--size-xs-m .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-xs-m .mc-button__text~.mc-button__append,.mc-button--size-xs-m .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-xs-m{width:auto;border-radius:.5rem}.mc-button--size-xs-m .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-xs-m-compact{height:2.5rem;width:2.5rem;padding:.75rem}.mc-button--size-xs-m-compact .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-xs-l{height:3rem;padding:.75rem 1.5rem;font-size:.8125rem;line-height:1rem}.mc-button--size-xs-l .mc-button__prepend:has(~.mc-button__text),.mc-button--size-xs-l .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.5rem}.mc-button--size-xs-l .mc-button__text~.mc-button__append,.mc-button--size-xs-l .mc-button__prepend~.mc-button__append{margin-inline-start:.5rem}.mc-button--size-xs-l{width:auto;border-radius:.5rem}.mc-button--size-xs-l .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-xs-l-compact{height:3rem;width:3rem;padding:.75rem}.mc-button--size-xs-l-compact .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-xs-xxs-compact,.mc-button--size-xs-xs-compact,.mc-button--size-xs-s-compact,.mc-button--size-xs-m-compact,.mc-button--size-xs-l-compact{border-radius:50%}.mc-button--size-xs-xxs-compact .mc-button__prepend,.mc-button--size-xs-xxs-compact .mc-button__append,.mc-button--size-xs-xs-compact .mc-button__prepend,.mc-button--size-xs-xs-compact .mc-button__append,.mc-button--size-xs-s-compact .mc-button__prepend,.mc-button--size-xs-s-compact .mc-button__append,.mc-button--size-xs-m-compact .mc-button__prepend,.mc-button--size-xs-m-compact .mc-button__append,.mc-button--size-xs-l-compact .mc-button__prepend,.mc-button--size-xs-l-compact .mc-button__append{margin:0!important;margin-inline-end:0!important;margin-inline-start:0!important}}@media (min-width: 480px){.mc-button--size-s-xxs{height:1.5rem;padding:0 .5rem;letter-spacing:normal}.mc-button--size-s-xxs .mc-button__prepend:has(~.mc-button__text),.mc-button--size-s-xxs .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-s-xxs .mc-button__text~.mc-button__append,.mc-button--size-s-xxs .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-s-xxs{width:auto;border-radius:.5rem}.mc-button--size-s-xxs .mc-svg-icon{height:1rem;width:1rem}.mc-button--size-s-xxs-compact{height:1.5rem;width:1.5rem;padding:.25rem}.mc-button--size-s-xxs-compact .mc-svg-icon{height:1rem;width:1rem}.mc-button--size-s-xs{height:2rem;padding:0 .75rem;letter-spacing:normal;font-size:.8125rem;line-height:1rem}.mc-button--size-s-xs .mc-button__prepend:has(~.mc-button__text),.mc-button--size-s-xs .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-s-xs .mc-button__text~.mc-button__append,.mc-button--size-s-xs .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-s-xs{width:auto;border-radius:.5rem}.mc-button--size-s-xs .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-s-xs-compact{height:2rem;width:2rem;padding:6px}.mc-button--size-s-xs-compact .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-s-s{height:2.5rem;padding:0 1rem;letter-spacing:normal;font-size:.8125rem;line-height:1rem}.mc-button--size-s-s .mc-button__prepend:has(~.mc-button__text),.mc-button--size-s-s .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-s-s .mc-button__text~.mc-button__append,.mc-button--size-s-s .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-s-s{width:auto;border-radius:.5rem}.mc-button--size-s-s .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-s-s-compact{height:2.5rem;width:2.5rem;padding:.5rem}.mc-button--size-s-s-compact .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-s-m{height:2.5rem;padding:0 1rem;font-size:.8125rem;line-height:1rem}.mc-button--size-s-m .mc-button__prepend:has(~.mc-button__text),.mc-button--size-s-m .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-s-m .mc-button__text~.mc-button__append,.mc-button--size-s-m .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-s-m{width:auto;border-radius:.5rem}.mc-button--size-s-m .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-s-m-compact{height:2.5rem;width:2.5rem;padding:.75rem}.mc-button--size-s-m-compact .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-s-l{height:3rem;padding:.75rem 1.5rem;font-size:.8125rem;line-height:1rem}.mc-button--size-s-l .mc-button__prepend:has(~.mc-button__text),.mc-button--size-s-l .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.5rem}.mc-button--size-s-l .mc-button__text~.mc-button__append,.mc-button--size-s-l .mc-button__prepend~.mc-button__append{margin-inline-start:.5rem}.mc-button--size-s-l{width:auto;border-radius:.5rem}.mc-button--size-s-l .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-s-l-compact{height:3rem;width:3rem;padding:.75rem}.mc-button--size-s-l-compact .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-s-xxs-compact,.mc-button--size-s-xs-compact,.mc-button--size-s-s-compact,.mc-button--size-s-m-compact,.mc-button--size-s-l-compact{border-radius:50%}.mc-button--size-s-xxs-compact .mc-button__prepend,.mc-button--size-s-xxs-compact .mc-button__append,.mc-button--size-s-xs-compact .mc-button__prepend,.mc-button--size-s-xs-compact .mc-button__append,.mc-button--size-s-s-compact .mc-button__prepend,.mc-button--size-s-s-compact .mc-button__append,.mc-button--size-s-m-compact .mc-button__prepend,.mc-button--size-s-m-compact .mc-button__append,.mc-button--size-s-l-compact .mc-button__prepend,.mc-button--size-s-l-compact .mc-button__append{margin:0!important;margin-inline-end:0!important;margin-inline-start:0!important}}@media (min-width: 768px){.mc-button--size-m-xxs{height:1.5rem;padding:0 .5rem;letter-spacing:normal}.mc-button--size-m-xxs .mc-button__prepend:has(~.mc-button__text),.mc-button--size-m-xxs .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-m-xxs .mc-button__text~.mc-button__append,.mc-button--size-m-xxs .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-m-xxs{width:auto;border-radius:.5rem}.mc-button--size-m-xxs .mc-svg-icon{height:1rem;width:1rem}.mc-button--size-m-xxs-compact{height:1.5rem;width:1.5rem;padding:.25rem}.mc-button--size-m-xxs-compact .mc-svg-icon{height:1rem;width:1rem}.mc-button--size-m-xs{height:2rem;padding:0 .75rem;letter-spacing:normal;font-size:.8125rem;line-height:1rem}.mc-button--size-m-xs .mc-button__prepend:has(~.mc-button__text),.mc-button--size-m-xs .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-m-xs .mc-button__text~.mc-button__append,.mc-button--size-m-xs .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-m-xs{width:auto;border-radius:.5rem}.mc-button--size-m-xs .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-m-xs-compact{height:2rem;width:2rem;padding:6px}.mc-button--size-m-xs-compact .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-m-s{height:2.5rem;padding:0 1rem;letter-spacing:normal;font-size:.8125rem;line-height:1rem}.mc-button--size-m-s .mc-button__prepend:has(~.mc-button__text),.mc-button--size-m-s .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-m-s .mc-button__text~.mc-button__append,.mc-button--size-m-s .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-m-s{width:auto;border-radius:.5rem}.mc-button--size-m-s .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-m-s-compact{height:2.5rem;width:2.5rem;padding:.5rem}.mc-button--size-m-s-compact .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-m-m{height:2.5rem;padding:0 1rem;font-size:.8125rem;line-height:1rem}.mc-button--size-m-m .mc-button__prepend:has(~.mc-button__text),.mc-button--size-m-m .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-m-m .mc-button__text~.mc-button__append,.mc-button--size-m-m .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-m-m{width:auto;border-radius:.5rem}.mc-button--size-m-m .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-m-m-compact{height:2.5rem;width:2.5rem;padding:.75rem}.mc-button--size-m-m-compact .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-m-l{height:3rem;padding:.75rem 1.5rem;font-size:.8125rem;line-height:1rem}.mc-button--size-m-l .mc-button__prepend:has(~.mc-button__text),.mc-button--size-m-l .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.5rem}.mc-button--size-m-l .mc-button__text~.mc-button__append,.mc-button--size-m-l .mc-button__prepend~.mc-button__append{margin-inline-start:.5rem}.mc-button--size-m-l{width:auto;border-radius:.5rem}.mc-button--size-m-l .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-m-l-compact{height:3rem;width:3rem;padding:.75rem}.mc-button--size-m-l-compact .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-m-xxs-compact,.mc-button--size-m-xs-compact,.mc-button--size-m-s-compact,.mc-button--size-m-m-compact,.mc-button--size-m-l-compact{border-radius:50%}.mc-button--size-m-xxs-compact .mc-button__prepend,.mc-button--size-m-xxs-compact .mc-button__append,.mc-button--size-m-xs-compact .mc-button__prepend,.mc-button--size-m-xs-compact .mc-button__append,.mc-button--size-m-s-compact .mc-button__prepend,.mc-button--size-m-s-compact .mc-button__append,.mc-button--size-m-m-compact .mc-button__prepend,.mc-button--size-m-m-compact .mc-button__append,.mc-button--size-m-l-compact .mc-button__prepend,.mc-button--size-m-l-compact .mc-button__append{margin:0!important;margin-inline-end:0!important;margin-inline-start:0!important}}@media (min-width: 1024px){.mc-button--size-l-xxs{height:1.5rem;padding:0 .5rem;letter-spacing:normal}.mc-button--size-l-xxs .mc-button__prepend:has(~.mc-button__text),.mc-button--size-l-xxs .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-l-xxs .mc-button__text~.mc-button__append,.mc-button--size-l-xxs .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-l-xxs{width:auto;border-radius:.5rem}.mc-button--size-l-xxs .mc-svg-icon{height:1rem;width:1rem}.mc-button--size-l-xxs-compact{height:1.5rem;width:1.5rem;padding:.25rem}.mc-button--size-l-xxs-compact .mc-svg-icon{height:1rem;width:1rem}.mc-button--size-l-xs{height:2rem;padding:0 .75rem;letter-spacing:normal;font-size:.8125rem;line-height:1rem}.mc-button--size-l-xs .mc-button__prepend:has(~.mc-button__text),.mc-button--size-l-xs .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-l-xs .mc-button__text~.mc-button__append,.mc-button--size-l-xs .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-l-xs{width:auto;border-radius:.5rem}.mc-button--size-l-xs .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-l-xs-compact{height:2rem;width:2rem;padding:6px}.mc-button--size-l-xs-compact .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-l-s{height:2.5rem;padding:0 1rem;letter-spacing:normal;font-size:.8125rem;line-height:1rem}.mc-button--size-l-s .mc-button__prepend:has(~.mc-button__text),.mc-button--size-l-s .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-l-s .mc-button__text~.mc-button__append,.mc-button--size-l-s .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-l-s{width:auto;border-radius:.5rem}.mc-button--size-l-s .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-l-s-compact{height:2.5rem;width:2.5rem;padding:.5rem}.mc-button--size-l-s-compact .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-l-m{height:2.5rem;padding:0 1rem;font-size:.8125rem;line-height:1rem}.mc-button--size-l-m .mc-button__prepend:has(~.mc-button__text),.mc-button--size-l-m .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-l-m .mc-button__text~.mc-button__append,.mc-button--size-l-m .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-l-m{width:auto;border-radius:.5rem}.mc-button--size-l-m .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-l-m-compact{height:2.5rem;width:2.5rem;padding:.75rem}.mc-button--size-l-m-compact .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-l-l{height:3rem;padding:.75rem 1.5rem;font-size:.8125rem;line-height:1rem}.mc-button--size-l-l .mc-button__prepend:has(~.mc-button__text),.mc-button--size-l-l .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.5rem}.mc-button--size-l-l .mc-button__text~.mc-button__append,.mc-button--size-l-l .mc-button__prepend~.mc-button__append{margin-inline-start:.5rem}.mc-button--size-l-l{width:auto;border-radius:.5rem}.mc-button--size-l-l .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-l-l-compact{height:3rem;width:3rem;padding:.75rem}.mc-button--size-l-l-compact .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-l-xxs-compact,.mc-button--size-l-xs-compact,.mc-button--size-l-s-compact,.mc-button--size-l-m-compact,.mc-button--size-l-l-compact{border-radius:50%}.mc-button--size-l-xxs-compact .mc-button__prepend,.mc-button--size-l-xxs-compact .mc-button__append,.mc-button--size-l-xs-compact .mc-button__prepend,.mc-button--size-l-xs-compact .mc-button__append,.mc-button--size-l-s-compact .mc-button__prepend,.mc-button--size-l-s-compact .mc-button__append,.mc-button--size-l-m-compact .mc-button__prepend,.mc-button--size-l-m-compact .mc-button__append,.mc-button--size-l-l-compact .mc-button__prepend,.mc-button--size-l-l-compact .mc-button__append{margin:0!important;margin-inline-end:0!important;margin-inline-start:0!important}}@media (min-width: 1440px){.mc-button--size-xl-xxs{height:1.5rem;padding:0 .5rem;letter-spacing:normal}.mc-button--size-xl-xxs .mc-button__prepend:has(~.mc-button__text),.mc-button--size-xl-xxs .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-xl-xxs .mc-button__text~.mc-button__append,.mc-button--size-xl-xxs .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-xl-xxs{width:auto;border-radius:.5rem}.mc-button--size-xl-xxs .mc-svg-icon{height:1rem;width:1rem}.mc-button--size-xl-xxs-compact{height:1.5rem;width:1.5rem;padding:.25rem}.mc-button--size-xl-xxs-compact .mc-svg-icon{height:1rem;width:1rem}.mc-button--size-xl-xs{height:2rem;padding:0 .75rem;letter-spacing:normal;font-size:.8125rem;line-height:1rem}.mc-button--size-xl-xs .mc-button__prepend:has(~.mc-button__text),.mc-button--size-xl-xs .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-xl-xs .mc-button__text~.mc-button__append,.mc-button--size-xl-xs .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-xl-xs{width:auto;border-radius:.5rem}.mc-button--size-xl-xs .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-xl-xs-compact{height:2rem;width:2rem;padding:6px}.mc-button--size-xl-xs-compact .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-xl-s{height:2.5rem;padding:0 1rem;letter-spacing:normal;font-size:.8125rem;line-height:1rem}.mc-button--size-xl-s .mc-button__prepend:has(~.mc-button__text),.mc-button--size-xl-s .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-xl-s .mc-button__text~.mc-button__append,.mc-button--size-xl-s .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-xl-s{width:auto;border-radius:.5rem}.mc-button--size-xl-s .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-xl-s-compact{height:2.5rem;width:2.5rem;padding:.5rem}.mc-button--size-xl-s-compact .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-xl-m{height:2.5rem;padding:0 1rem;font-size:.8125rem;line-height:1rem}.mc-button--size-xl-m .mc-button__prepend:has(~.mc-button__text),.mc-button--size-xl-m .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-xl-m .mc-button__text~.mc-button__append,.mc-button--size-xl-m .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-xl-m{width:auto;border-radius:.5rem}.mc-button--size-xl-m .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-xl-m-compact{height:2.5rem;width:2.5rem;padding:.75rem}.mc-button--size-xl-m-compact .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-xl-l{height:3rem;padding:.75rem 1.5rem;font-size:.8125rem;line-height:1rem}.mc-button--size-xl-l .mc-button__prepend:has(~.mc-button__text),.mc-button--size-xl-l .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.5rem}.mc-button--size-xl-l .mc-button__text~.mc-button__append,.mc-button--size-xl-l .mc-button__prepend~.mc-button__append{margin-inline-start:.5rem}.mc-button--size-xl-l{width:auto;border-radius:.5rem}.mc-button--size-xl-l .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-xl-l-compact{height:3rem;width:3rem;padding:.75rem}.mc-button--size-xl-l-compact .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-xl-xxs-compact,.mc-button--size-xl-xs-compact,.mc-button--size-xl-s-compact,.mc-button--size-xl-m-compact,.mc-button--size-xl-l-compact{border-radius:50%}.mc-button--size-xl-xxs-compact .mc-button__prepend,.mc-button--size-xl-xxs-compact .mc-button__append,.mc-button--size-xl-xs-compact .mc-button__prepend,.mc-button--size-xl-xs-compact .mc-button__append,.mc-button--size-xl-s-compact .mc-button__prepend,.mc-button--size-xl-s-compact .mc-button__append,.mc-button--size-xl-m-compact .mc-button__prepend,.mc-button--size-xl-m-compact .mc-button__append,.mc-button--size-xl-l-compact .mc-button__prepend,.mc-button--size-xl-l-compact .mc-button__append{margin:0!important;margin-inline-end:0!important;margin-inline-start:0!important}}@media (max-width: 374px){.mc-button--size-xs-down-xxs{height:1.5rem;padding:0 .5rem;letter-spacing:normal}.mc-button--size-xs-down-xxs .mc-button__prepend:has(~.mc-button__text),.mc-button--size-xs-down-xxs .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-xs-down-xxs .mc-button__text~.mc-button__append,.mc-button--size-xs-down-xxs .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-xs-down-xxs{width:auto;border-radius:.5rem}.mc-button--size-xs-down-xxs .mc-svg-icon{height:1rem;width:1rem}.mc-button--size-xs-down-xxs-compact{height:1.5rem;width:1.5rem;padding:.25rem}.mc-button--size-xs-down-xxs-compact .mc-svg-icon{height:1rem;width:1rem}.mc-button--size-xs-down-xs{height:2rem;padding:0 .75rem;letter-spacing:normal;font-size:.8125rem;line-height:1rem}.mc-button--size-xs-down-xs .mc-button__prepend:has(~.mc-button__text),.mc-button--size-xs-down-xs .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-xs-down-xs .mc-button__text~.mc-button__append,.mc-button--size-xs-down-xs .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-xs-down-xs{width:auto;border-radius:.5rem}.mc-button--size-xs-down-xs .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-xs-down-xs-compact{height:2rem;width:2rem;padding:6px}.mc-button--size-xs-down-xs-compact .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-xs-down-s{height:2.5rem;padding:0 1rem;letter-spacing:normal;font-size:.8125rem;line-height:1rem}.mc-button--size-xs-down-s .mc-button__prepend:has(~.mc-button__text),.mc-button--size-xs-down-s .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-xs-down-s .mc-button__text~.mc-button__append,.mc-button--size-xs-down-s .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-xs-down-s{width:auto;border-radius:.5rem}.mc-button--size-xs-down-s .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-xs-down-s-compact{height:2.5rem;width:2.5rem;padding:.5rem}.mc-button--size-xs-down-s-compact .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-xs-down-m{height:2.5rem;padding:0 1rem;font-size:.8125rem;line-height:1rem}.mc-button--size-xs-down-m .mc-button__prepend:has(~.mc-button__text),.mc-button--size-xs-down-m .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-xs-down-m .mc-button__text~.mc-button__append,.mc-button--size-xs-down-m .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-xs-down-m{width:auto;border-radius:.5rem}.mc-button--size-xs-down-m .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-xs-down-m-compact{height:2.5rem;width:2.5rem;padding:.75rem}.mc-button--size-xs-down-m-compact .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-xs-down-l{height:3rem;padding:.75rem 1.5rem;font-size:.8125rem;line-height:1rem}.mc-button--size-xs-down-l .mc-button__prepend:has(~.mc-button__text),.mc-button--size-xs-down-l .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.5rem}.mc-button--size-xs-down-l .mc-button__text~.mc-button__append,.mc-button--size-xs-down-l .mc-button__prepend~.mc-button__append{margin-inline-start:.5rem}.mc-button--size-xs-down-l{width:auto;border-radius:.5rem}.mc-button--size-xs-down-l .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-xs-down-l-compact{height:3rem;width:3rem;padding:.75rem}.mc-button--size-xs-down-l-compact .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-xs-down-xxs-compact,.mc-button--size-xs-down-xs-compact,.mc-button--size-xs-down-s-compact,.mc-button--size-xs-down-m-compact,.mc-button--size-xs-down-l-compact{border-radius:50%}.mc-button--size-xs-down-xxs-compact .mc-button__prepend,.mc-button--size-xs-down-xxs-compact .mc-button__append,.mc-button--size-xs-down-xs-compact .mc-button__prepend,.mc-button--size-xs-down-xs-compact .mc-button__append,.mc-button--size-xs-down-s-compact .mc-button__prepend,.mc-button--size-xs-down-s-compact .mc-button__append,.mc-button--size-xs-down-m-compact .mc-button__prepend,.mc-button--size-xs-down-m-compact .mc-button__append,.mc-button--size-xs-down-l-compact .mc-button__prepend,.mc-button--size-xs-down-l-compact .mc-button__append{margin:0!important;margin-inline-end:0!important;margin-inline-start:0!important}}@media (max-width: 479px){.mc-button--size-s-down-xxs{height:1.5rem;padding:0 .5rem;letter-spacing:normal}.mc-button--size-s-down-xxs .mc-button__prepend:has(~.mc-button__text),.mc-button--size-s-down-xxs .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-s-down-xxs .mc-button__text~.mc-button__append,.mc-button--size-s-down-xxs .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-s-down-xxs{width:auto;border-radius:.5rem}.mc-button--size-s-down-xxs .mc-svg-icon{height:1rem;width:1rem}.mc-button--size-s-down-xxs-compact{height:1.5rem;width:1.5rem;padding:.25rem}.mc-button--size-s-down-xxs-compact .mc-svg-icon{height:1rem;width:1rem}.mc-button--size-s-down-xs{height:2rem;padding:0 .75rem;letter-spacing:normal;font-size:.8125rem;line-height:1rem}.mc-button--size-s-down-xs .mc-button__prepend:has(~.mc-button__text),.mc-button--size-s-down-xs .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-s-down-xs .mc-button__text~.mc-button__append,.mc-button--size-s-down-xs .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-s-down-xs{width:auto;border-radius:.5rem}.mc-button--size-s-down-xs .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-s-down-xs-compact{height:2rem;width:2rem;padding:6px}.mc-button--size-s-down-xs-compact .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-s-down-s{height:2.5rem;padding:0 1rem;letter-spacing:normal;font-size:.8125rem;line-height:1rem}.mc-button--size-s-down-s .mc-button__prepend:has(~.mc-button__text),.mc-button--size-s-down-s .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-s-down-s .mc-button__text~.mc-button__append,.mc-button--size-s-down-s .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-s-down-s{width:auto;border-radius:.5rem}.mc-button--size-s-down-s .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-s-down-s-compact{height:2.5rem;width:2.5rem;padding:.5rem}.mc-button--size-s-down-s-compact .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-s-down-m{height:2.5rem;padding:0 1rem;font-size:.8125rem;line-height:1rem}.mc-button--size-s-down-m .mc-button__prepend:has(~.mc-button__text),.mc-button--size-s-down-m .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-s-down-m .mc-button__text~.mc-button__append,.mc-button--size-s-down-m .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-s-down-m{width:auto;border-radius:.5rem}.mc-button--size-s-down-m .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-s-down-m-compact{height:2.5rem;width:2.5rem;padding:.75rem}.mc-button--size-s-down-m-compact .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-s-down-l{height:3rem;padding:.75rem 1.5rem;font-size:.8125rem;line-height:1rem}.mc-button--size-s-down-l .mc-button__prepend:has(~.mc-button__text),.mc-button--size-s-down-l .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.5rem}.mc-button--size-s-down-l .mc-button__text~.mc-button__append,.mc-button--size-s-down-l .mc-button__prepend~.mc-button__append{margin-inline-start:.5rem}.mc-button--size-s-down-l{width:auto;border-radius:.5rem}.mc-button--size-s-down-l .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-s-down-l-compact{height:3rem;width:3rem;padding:.75rem}.mc-button--size-s-down-l-compact .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-s-down-xxs-compact,.mc-button--size-s-down-xs-compact,.mc-button--size-s-down-s-compact,.mc-button--size-s-down-m-compact,.mc-button--size-s-down-l-compact{border-radius:50%}.mc-button--size-s-down-xxs-compact .mc-button__prepend,.mc-button--size-s-down-xxs-compact .mc-button__append,.mc-button--size-s-down-xs-compact .mc-button__prepend,.mc-button--size-s-down-xs-compact .mc-button__append,.mc-button--size-s-down-s-compact .mc-button__prepend,.mc-button--size-s-down-s-compact .mc-button__append,.mc-button--size-s-down-m-compact .mc-button__prepend,.mc-button--size-s-down-m-compact .mc-button__append,.mc-button--size-s-down-l-compact .mc-button__prepend,.mc-button--size-s-down-l-compact .mc-button__append{margin:0!important;margin-inline-end:0!important;margin-inline-start:0!important}}@media (max-width: 767px){.mc-button--size-m-down-xxs{height:1.5rem;padding:0 .5rem;letter-spacing:normal}.mc-button--size-m-down-xxs .mc-button__prepend:has(~.mc-button__text),.mc-button--size-m-down-xxs .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-m-down-xxs .mc-button__text~.mc-button__append,.mc-button--size-m-down-xxs .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-m-down-xxs{width:auto;border-radius:.5rem}.mc-button--size-m-down-xxs .mc-svg-icon{height:1rem;width:1rem}.mc-button--size-m-down-xxs-compact{height:1.5rem;width:1.5rem;padding:.25rem}.mc-button--size-m-down-xxs-compact .mc-svg-icon{height:1rem;width:1rem}.mc-button--size-m-down-xs{height:2rem;padding:0 .75rem;letter-spacing:normal;font-size:.8125rem;line-height:1rem}.mc-button--size-m-down-xs .mc-button__prepend:has(~.mc-button__text),.mc-button--size-m-down-xs .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-m-down-xs .mc-button__text~.mc-button__append,.mc-button--size-m-down-xs .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-m-down-xs{width:auto;border-radius:.5rem}.mc-button--size-m-down-xs .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-m-down-xs-compact{height:2rem;width:2rem;padding:6px}.mc-button--size-m-down-xs-compact .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-m-down-s{height:2.5rem;padding:0 1rem;letter-spacing:normal;font-size:.8125rem;line-height:1rem}.mc-button--size-m-down-s .mc-button__prepend:has(~.mc-button__text),.mc-button--size-m-down-s .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-m-down-s .mc-button__text~.mc-button__append,.mc-button--size-m-down-s .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-m-down-s{width:auto;border-radius:.5rem}.mc-button--size-m-down-s .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-m-down-s-compact{height:2.5rem;width:2.5rem;padding:.5rem}.mc-button--size-m-down-s-compact .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-m-down-m{height:2.5rem;padding:0 1rem;font-size:.8125rem;line-height:1rem}.mc-button--size-m-down-m .mc-button__prepend:has(~.mc-button__text),.mc-button--size-m-down-m .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-m-down-m .mc-button__text~.mc-button__append,.mc-button--size-m-down-m .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-m-down-m{width:auto;border-radius:.5rem}.mc-button--size-m-down-m .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-m-down-m-compact{height:2.5rem;width:2.5rem;padding:.75rem}.mc-button--size-m-down-m-compact .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-m-down-l{height:3rem;padding:.75rem 1.5rem;font-size:.8125rem;line-height:1rem}.mc-button--size-m-down-l .mc-button__prepend:has(~.mc-button__text),.mc-button--size-m-down-l .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.5rem}.mc-button--size-m-down-l .mc-button__text~.mc-button__append,.mc-button--size-m-down-l .mc-button__prepend~.mc-button__append{margin-inline-start:.5rem}.mc-button--size-m-down-l{width:auto;border-radius:.5rem}.mc-button--size-m-down-l .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-m-down-l-compact{height:3rem;width:3rem;padding:.75rem}.mc-button--size-m-down-l-compact .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-m-down-xxs-compact,.mc-button--size-m-down-xs-compact,.mc-button--size-m-down-s-compact,.mc-button--size-m-down-m-compact,.mc-button--size-m-down-l-compact{border-radius:50%}.mc-button--size-m-down-xxs-compact .mc-button__prepend,.mc-button--size-m-down-xxs-compact .mc-button__append,.mc-button--size-m-down-xs-compact .mc-button__prepend,.mc-button--size-m-down-xs-compact .mc-button__append,.mc-button--size-m-down-s-compact .mc-button__prepend,.mc-button--size-m-down-s-compact .mc-button__append,.mc-button--size-m-down-m-compact .mc-button__prepend,.mc-button--size-m-down-m-compact .mc-button__append,.mc-button--size-m-down-l-compact .mc-button__prepend,.mc-button--size-m-down-l-compact .mc-button__append{margin:0!important;margin-inline-end:0!important;margin-inline-start:0!important}}@media (max-width: 1023px){.mc-button--size-l-down-xxs{height:1.5rem;padding:0 .5rem;letter-spacing:normal}.mc-button--size-l-down-xxs .mc-button__prepend:has(~.mc-button__text),.mc-button--size-l-down-xxs .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-l-down-xxs .mc-button__text~.mc-button__append,.mc-button--size-l-down-xxs .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-l-down-xxs{width:auto;border-radius:.5rem}.mc-button--size-l-down-xxs .mc-svg-icon{height:1rem;width:1rem}.mc-button--size-l-down-xxs-compact{height:1.5rem;width:1.5rem;padding:.25rem}.mc-button--size-l-down-xxs-compact .mc-svg-icon{height:1rem;width:1rem}.mc-button--size-l-down-xs{height:2rem;padding:0 .75rem;letter-spacing:normal;font-size:.8125rem;line-height:1rem}.mc-button--size-l-down-xs .mc-button__prepend:has(~.mc-button__text),.mc-button--size-l-down-xs .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-l-down-xs .mc-button__text~.mc-button__append,.mc-button--size-l-down-xs .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-l-down-xs{width:auto;border-radius:.5rem}.mc-button--size-l-down-xs .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-l-down-xs-compact{height:2rem;width:2rem;padding:6px}.mc-button--size-l-down-xs-compact .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-l-down-s{height:2.5rem;padding:0 1rem;letter-spacing:normal;font-size:.8125rem;line-height:1rem}.mc-button--size-l-down-s .mc-button__prepend:has(~.mc-button__text),.mc-button--size-l-down-s .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-l-down-s .mc-button__text~.mc-button__append,.mc-button--size-l-down-s .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-l-down-s{width:auto;border-radius:.5rem}.mc-button--size-l-down-s .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-l-down-s-compact{height:2.5rem;width:2.5rem;padding:.5rem}.mc-button--size-l-down-s-compact .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-l-down-m{height:2.5rem;padding:0 1rem;font-size:.8125rem;line-height:1rem}.mc-button--size-l-down-m .mc-button__prepend:has(~.mc-button__text),.mc-button--size-l-down-m .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-l-down-m .mc-button__text~.mc-button__append,.mc-button--size-l-down-m .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-l-down-m{width:auto;border-radius:.5rem}.mc-button--size-l-down-m .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-l-down-m-compact{height:2.5rem;width:2.5rem;padding:.75rem}.mc-button--size-l-down-m-compact .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-l-down-l{height:3rem;padding:.75rem 1.5rem;font-size:.8125rem;line-height:1rem}.mc-button--size-l-down-l .mc-button__prepend:has(~.mc-button__text),.mc-button--size-l-down-l .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.5rem}.mc-button--size-l-down-l .mc-button__text~.mc-button__append,.mc-button--size-l-down-l .mc-button__prepend~.mc-button__append{margin-inline-start:.5rem}.mc-button--size-l-down-l{width:auto;border-radius:.5rem}.mc-button--size-l-down-l .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-l-down-l-compact{height:3rem;width:3rem;padding:.75rem}.mc-button--size-l-down-l-compact .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-l-down-xxs-compact,.mc-button--size-l-down-xs-compact,.mc-button--size-l-down-s-compact,.mc-button--size-l-down-m-compact,.mc-button--size-l-down-l-compact{border-radius:50%}.mc-button--size-l-down-xxs-compact .mc-button__prepend,.mc-button--size-l-down-xxs-compact .mc-button__append,.mc-button--size-l-down-xs-compact .mc-button__prepend,.mc-button--size-l-down-xs-compact .mc-button__append,.mc-button--size-l-down-s-compact .mc-button__prepend,.mc-button--size-l-down-s-compact .mc-button__append,.mc-button--size-l-down-m-compact .mc-button__prepend,.mc-button--size-l-down-m-compact .mc-button__append,.mc-button--size-l-down-l-compact .mc-button__prepend,.mc-button--size-l-down-l-compact .mc-button__append{margin:0!important;margin-inline-end:0!important;margin-inline-start:0!important}}@media (max-width: 1439px){.mc-button--size-xl-down-xxs{height:1.5rem;padding:0 .5rem;letter-spacing:normal}.mc-button--size-xl-down-xxs .mc-button__prepend:has(~.mc-button__text),.mc-button--size-xl-down-xxs .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-xl-down-xxs .mc-button__text~.mc-button__append,.mc-button--size-xl-down-xxs .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-xl-down-xxs{width:auto;border-radius:.5rem}.mc-button--size-xl-down-xxs .mc-svg-icon{height:1rem;width:1rem}.mc-button--size-xl-down-xxs-compact{height:1.5rem;width:1.5rem;padding:.25rem}.mc-button--size-xl-down-xxs-compact .mc-svg-icon{height:1rem;width:1rem}.mc-button--size-xl-down-xs{height:2rem;padding:0 .75rem;letter-spacing:normal;font-size:.8125rem;line-height:1rem}.mc-button--size-xl-down-xs .mc-button__prepend:has(~.mc-button__text),.mc-button--size-xl-down-xs .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-xl-down-xs .mc-button__text~.mc-button__append,.mc-button--size-xl-down-xs .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-xl-down-xs{width:auto;border-radius:.5rem}.mc-button--size-xl-down-xs .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-xl-down-xs-compact{height:2rem;width:2rem;padding:6px}.mc-button--size-xl-down-xs-compact .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-xl-down-s{height:2.5rem;padding:0 1rem;letter-spacing:normal;font-size:.8125rem;line-height:1rem}.mc-button--size-xl-down-s .mc-button__prepend:has(~.mc-button__text),.mc-button--size-xl-down-s .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-xl-down-s .mc-button__text~.mc-button__append,.mc-button--size-xl-down-s .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-xl-down-s{width:auto;border-radius:.5rem}.mc-button--size-xl-down-s .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-xl-down-s-compact{height:2.5rem;width:2.5rem;padding:.5rem}.mc-button--size-xl-down-s-compact .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-xl-down-m{height:2.5rem;padding:0 1rem;font-size:.8125rem;line-height:1rem}.mc-button--size-xl-down-m .mc-button__prepend:has(~.mc-button__text),.mc-button--size-xl-down-m .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-xl-down-m .mc-button__text~.mc-button__append,.mc-button--size-xl-down-m .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-xl-down-m{width:auto;border-radius:.5rem}.mc-button--size-xl-down-m .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-xl-down-m-compact{height:2.5rem;width:2.5rem;padding:.75rem}.mc-button--size-xl-down-m-compact .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-xl-down-l{height:3rem;padding:.75rem 1.5rem;font-size:.8125rem;line-height:1rem}.mc-button--size-xl-down-l .mc-button__prepend:has(~.mc-button__text),.mc-button--size-xl-down-l .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.5rem}.mc-button--size-xl-down-l .mc-button__text~.mc-button__append,.mc-button--size-xl-down-l .mc-button__prepend~.mc-button__append{margin-inline-start:.5rem}.mc-button--size-xl-down-l{width:auto;border-radius:.5rem}.mc-button--size-xl-down-l .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-xl-down-l-compact{height:3rem;width:3rem;padding:.75rem}.mc-button--size-xl-down-l-compact .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-xl-down-xxs-compact,.mc-button--size-xl-down-xs-compact,.mc-button--size-xl-down-s-compact,.mc-button--size-xl-down-m-compact,.mc-button--size-xl-down-l-compact{border-radius:50%}.mc-button--size-xl-down-xxs-compact .mc-button__prepend,.mc-button--size-xl-down-xxs-compact .mc-button__append,.mc-button--size-xl-down-xs-compact .mc-button__prepend,.mc-button--size-xl-down-xs-compact .mc-button__append,.mc-button--size-xl-down-s-compact .mc-button__prepend,.mc-button--size-xl-down-s-compact .mc-button__append,.mc-button--size-xl-down-m-compact .mc-button__prepend,.mc-button--size-xl-down-m-compact .mc-button__append,.mc-button--size-xl-down-l-compact .mc-button__prepend,.mc-button--size-xl-down-l-compact .mc-button__append{margin:0!important;margin-inline-end:0!important;margin-inline-start:0!important}}.mc-button__background{position:absolute;top:0;left:0;height:100%;width:100%;max-width:-webkit-fill-available;opacity:1!important;border:1px solid transparent;border-radius:inherit;background-color:var(--mc-button-background-color);transition:all .15s;box-sizing:border-box}.mc-button--type-outline{color:var(--mc-button-background-color)}.mc-button--type-outline .mc-button__background{opacity:.6!important;background-color:transparent;border-color:var(--mc-button-background-color)}@media (hover: hover) and (pointer: fine){.mc-button--type-outline:hover .mc-button__background{background-color:var(--mc-button-background-color);opacity:.2!important}.mc-button--type-outline:active .mc-button__background{background-color:var(--mc-button-background-color);border:none}}.mc-button--type-invert{color:var(--mc-button-background-color)}.mc-button--type-invert .mc-button__background{opacity:.1!important}@media (hover: hover) and (pointer: fine){.mc-button--type-invert:hover .mc-button__background{opacity:.2!important}}.mc-button--type-invert:active .mc-button__background{opacity:.2!important}.mc-button--type-flat{color:var(--mc-button-background-color)}.mc-button--type-flat .mc-button__background{opacity:0!important}@media (hover: hover) and (pointer: fine){.mc-button--type-flat:hover .mc-button__background{opacity:.1!important}}.mc-button--type-flat:active .mc-button__background{opacity:.1!important}.mc-button--type-link{color:var(--mc-button-background-color);padding:0;height:auto;width:auto;border:none;user-select:text}.mc-button--type-link.mc-button--size-l{line-height:1.25rem}.mc-button--type-link.mc-button--disabled{opacity:.6;background-color:transparent!important;color:var(--mc-button-background-color)!important;border-color:transparent!important}@media (hover: hover) and (pointer: fine){.mc-button--type-link:hover{filter:brightness(.85)}}.mc-button--type-link:active{filter:brightness(.85)}.mc-button--type-link .mc-button__background{display:none}.mc-button--bg-flat .mc-button__background{opacity:.1!important}.mc-button--shadow{box-shadow:0 3px 10px var(--mc-button-background-color)}.mc-button--underline-link .mc-button__text{text-decoration:underline!important}@media (hover: hover) and (pointer: fine){.mc-button--secondary-color:hover{color:var(--mc-button-secondary-color)}}.mc-button--secondary-color:active{color:var(--mc-button-secondary-color)}.mc-button--uppercase{text-transform:uppercase;letter-spacing:.025rem}.mc-button--is-active,.mc-button.nuxt-link-active{color:var(--mc-button-active-text-color);background-color:transparent;border-color:transparent;pointer-events:none}.mc-button--rounded{border-radius:50%}.mc-button--semi-rounded{border-radius:50px}.mc-button--full-width{width:100%}.mc-button--text-align-left{justify-content:flex-start}.mc-button--text-align-center{justify-content:center}.mc-button--text-align-right{justify-content:flex-end}.mc-button--loading,.mc-button--icon-loading,.mc-button--disabled{pointer-events:none}.mc-button--loading .mc-button__loader{display:inline-block}.mc-button--loading>*:not(.mc-button__loader){opacity:0}.mc-button--icon-loading .mc-button__append .mc-svg-icon,.mc-button--icon-loading .mc-button__prepend .mc-svg-icon{animation:rotate 1.2s infinite cubic-bezier(.55,0,.1,1)}.mc-button--icon-loading .mc-button__loader{transform-origin:center center;animation:rotate 1.2s infinite cubic-bezier(.55,0,.1,1)}.mc-button--disabled{color:#c7ccd1;cursor:not-allowed}.mc-button--disabled .mc-button__background{background-color:#edf0f3;border-color:#edf0f3}.mc-button--inactive{pointer-events:none}

package/dist/assets/components/templates/McDrawer/McDrawerContainer/index.css

@@ -1 +1 @@
-.mc-drawer-container{position:fixed;inset:0;pointer-events:none}.mc-drawer-container__item{transition:transform .25s ease-in-out}
+.mc-drawer-container{position:fixed;inset:0;pointer-events:none}.mc-drawer-container__item{transition:transform .25s ease}

package/dist/components/elements/McButton/McButton.vue2.js

@@ -1,25 +1,27 @@
-import { defineComponent as V, defineAsyncComponent as F, inject as M, computed as a, ref as h, onMounted as I, withDirectives as N, openBlock as s, createBlock as O, resolveDynamicComponent as P, mergeProps as D, withCtx as W, createElementBlock as c, renderSlot as p, createCommentVNode as u, createVNode as H, unref as k, getCurrentInstance as K } from "vue";
-import { FontWeights as R } from "../../../types/styles/FontWeights.js";
-import { useTooltip as j } from "../../../composables/useTooltip2.js";
-import { TooltipPositions as E, TooltipSizes as q } from "../../../enums/Tooltip2.js";
-import { ButtonModifiers as n } from "../../../enums/ui/Button2.js";
-import { useTheme as G } from "../../../composables/useTheme2.js";
-const J = {
+import { defineComponent as F, defineAsyncComponent as M, inject as I, computed as a, ref as h, onMounted as N, withDirectives as O, openBlock as i, createBlock as D, resolveDynamicComponent as E, mergeProps as H, withCtx as W, createElementBlock as u, renderSlot as f, createCommentVNode as d, createVNode as K, unref as k, getCurrentInstance as R } from "vue";
+import { FontWeights as j } from "../../../types/styles/FontWeights.js";
+import { useTooltip as q } from "../../../composables/useTooltip2.js";
+import { TooltipPositions as G, TooltipSizes as J } from "../../../enums/Tooltip2.js";
+import { ButtonModifiers as l } from "../../../enums/ui/Button2.js";
+import { useTheme as Q } from "../../../composables/useTheme2.js";
+import { adaptiveAdditionalProps as U, adaptivePropsParams as X, adaptivePropsSizes as Y } from "../../../utils/mcButtonAdaptiveProps2.js";
+import { useHelper as Z } from "../../../composables/useHelper2.js";
+const tt = {
   key: 0,
   class: "mc-button__prepend"
-}, Q = {
+}, et = {
   key: 1,
   class: "mc-button__loader"
-}, U = {
+}, ot = {
   key: 2,
   class: "mc-button__text"
-}, X = {
+}, nt = {
   key: 3,
   class: "mc-button__append"
-}, Y = {
+}, at = {
   key: 4,
   class: "mc-button__background"
-}, it = /* @__PURE__ */ V({
+}, mt = /* @__PURE__ */ F({
   __name: "McButton",
   props: {
     /**
@@ -90,6 +92,7 @@ const J = {
      *  Размеры:
      *  `xs, xs-compact, s, s-compact, m, m-compact, l, l-compact`
      */
+    ...U,
     size: {
       type: String,
       default: "m"
@@ -217,23 +220,31 @@ const J = {
     }
   },
   emits: ["blur", "click"],
-  setup(d, { emit: B }) {
-    const _ = F(() => import("../McSvgIcon/McSvgIcon.vue.js")), f = M("dsOptions", {}), C = j(), w = a(() => {
+  setup(p, { emit: B }) {
+    const _ = M(() => import("../McSvgIcon/McSvgIcon.vue.js")), C = Z(), m = I("dsOptions", {}), S = q(), w = a(() => {
       let e = {};
       return t.tooltip && (e = {
         content: t.tooltip,
-        size: q.M,
-        placement: t.tooltipPlacement || E.Top
+        size: J.M,
+        placement: t.tooltipPlacement || G.Top
       }), e;
-    }), t = d, l = G("button"), x = h(null), m = h(!1), b = B, S = a(() => ({
-      [`mc-button--variation-${t.variation}`]: !!t.variation,
+    }), t = p, r = Q("button"), x = h(null), b = h(!1), y = B, $ = a(() => {
+      const e = {};
+      return X.forEach((o) => {
+        Y.forEach((n) => {
+          const c = t[`${o}${C.upperFirst(n)}`];
+          e[`mc-button--${o}-${n}-${c}`] = !!c;
+        });
+      }), e;
+    }), T = a(() => ({
       [`mc-button--size-${t.size}`]: !!t.size,
+      [`mc-button--variation-${t.variation}`]: !!t.variation,
       [`mc-button--text-align-${t.textAlign}`]: !!t.textAlign,
       "mc-button--loading": t.loading,
       "mc-button--icon-loading": t.iconLoading,
       "mc-button--is-active": t.isActive,
       "mc-button--disabled": t.disabled,
-      "mc-button--rounded": t.rounded && /-compact$/.test(t.size),
+      "mc-button--rounded": t.rounded,
       "mc-button--semi-rounded": t.semiRounded,
       "mc-button--full-width": t.fullWidth,
       "mc-button--uppercase": t.uppercase,
@@ -241,36 +252,37 @@ const J = {
       "mc-button--secondary-color": !!t.secondaryColor,
       "mc-button--underline-link": t.underlineLink,
       "mc-button--bg-flat": t.bgFlat,
-      [`mc-button--type-${i.value.type}`]: !!i.value.type,
-      "mc-button--inactive": t.inactive
-    })), y = a(() => t.variation || l.component.variation), i = a(() => {
-      const e = y.value, o = e.split("-"), r = o[o.length - 1];
-      let v = e.replace(`-${r}`, "");
-      switch (r) {
-        case n.Link:
-        case n.Flat:
-        case n.Outline:
-        case n.Invert:
+      [`mc-button--type-${s.value.type}`]: !!s.value.type,
+      "mc-button--inactive": t.inactive,
+      ...$.value
+    })), v = a(() => t.variation || r.component.variation), s = a(() => {
+      const e = v.value, o = e.split("-"), n = o[o.length - 1];
+      let c = e.replace(`-${n}`, "");
+      switch (n) {
+        case l.Link:
+        case l.Flat:
+        case l.Outline:
+        case l.Invert:
           break;
         default: {
-          v = e;
+          c = e;
           break;
         }
       }
       return {
-        color: v,
-        type: r
+        color: c,
+        type: n
       };
-    }), T = a(() => {
-      let e, o, r = t.activeTextColor || l.component.activeTextColor;
-      switch (i.value.type) {
-        case n.Link:
-        case n.Flat:
-        case n.Outline:
-        case n.Invert:
+    }), L = a(() => {
+      let e, o, n = t.activeTextColor || r.component.activeTextColor;
+      switch (s.value.type) {
+        case l.Link:
+        case l.Flat:
+        case l.Outline:
+        case l.Invert:
           break;
         default: {
-          switch (i.value.color) {
+          switch (s.value.color) {
             case "yellow":
             case "white": {
               e = "0.9";
@@ -285,17 +297,17 @@ const J = {
         }
       }
       return {
-        "--mc-button-secondary-color": t.secondaryColor && l.colors[t.secondaryColor],
-        "--mc-button-background-color": y.value && l.colors[i.value.color],
-        "--mc-button-active-text-color": r && l.colors[r],
-        "--mc-button-font-weight": t.weight && R[t.weight],
+        "--mc-button-secondary-color": t.secondaryColor && r.colors[t.secondaryColor],
+        "--mc-button-background-color": v.value && r.colors[s.value.color],
+        "--mc-button-active-text-color": n && r.colors[n],
+        "--mc-button-font-weight": t.weight && j[t.weight],
         "--mc-button-hover-brightness": e,
-        "--mc-button-text-color": o && l.colors[o]
+        "--mc-button-text-color": o && r.colors[o]
       };
-    }), $ = a(() => {
+    }), P = a(() => {
       const e = "a";
       return t.to || t.href ? e : t.defaultTag;
-    }), g = a(() => i.value.type === n.Link), L = a(() => {
+    }), g = a(() => s.value.type === l.Link), A = a(() => {
       let e = {
         href: t.href || t.to,
         disabled: !1,
@@ -305,48 +317,48 @@ const J = {
       };
       return (t.disabled || t.loading) && (e.disabled = !0), g.value && (e.rel = "noreferrer"), e;
     }), z = (e) => {
-      b("blur", e);
-    }, A = (e) => {
+      y("blur", e);
+    }, V = (e) => {
       if (!((t.to || t.href) && (e.metaKey || e.ctrlKey))) {
-        if (e.preventDefault(), m.value) return b("click", e, t);
-        t.to ? f?.meta?.router_push && f.meta.router_push(t.to) : window.open(t.href, t.target);
+        if (e.preventDefault(), b.value) return y("click", e, t);
+        t.to ? m?.meta?.router_push && m.meta.router_push(t.to) : window.open(t.href, t.target);
       }
     };
-    return I(() => {
-      const o = K()?.vnode;
-      m.value = !!o?.props?.onClick;
-    }), (e, o) => N((s(), O(P($.value), D({ ref: x.value }, { ...L.value }, {
-      class: ["mc-button", S.value],
-      exact: d.exact,
-      style: T.value,
+    return N(() => {
+      const o = R()?.vnode;
+      b.value = !!o?.props?.onClick;
+    }), (e, o) => O((i(), D(E(P.value), H({ ref: x.value }, { ...A.value }, {
+      class: ["mc-button", T.value],
+      exact: p.exact,
+      style: L.value,
       onBlur: z,
-      onClick: A
+      onClick: V
     }), {
       default: W(() => [
-        e.$slots["icon-prepend"] ? (s(), c("span", J, [
-          p(e.$slots, "icon-prepend")
-        ])) : u("", !0),
-        d.loading ? (s(), c("span", Q, [
-          H(k(_), {
+        e.$slots["icon-prepend"] ? (i(), u("span", tt, [
+          f(e.$slots, "icon-prepend")
+        ])) : d("", !0),
+        p.loading ? (i(), u("span", et, [
+          K(k(_), {
             class: "mc-button__loader-icon",
             type: "div",
             name: "loader"
           })
-        ])) : u("", !0),
-        e.$slots.default ? (s(), c("span", U, [
-          p(e.$slots, "default")
-        ])) : u("", !0),
-        e.$slots["icon-append"] ? (s(), c("span", X, [
-          p(e.$slots, "icon-append")
-        ])) : u("", !0),
-        g.value ? u("", !0) : (s(), c("div", Y))
+        ])) : d("", !0),
+        e.$slots.default ? (i(), u("span", ot, [
+          f(e.$slots, "default")
+        ])) : d("", !0),
+        e.$slots["icon-append"] ? (i(), u("span", nt, [
+          f(e.$slots, "icon-append")
+        ])) : d("", !0),
+        g.value ? d("", !0) : (i(), u("div", at))
       ]),
       _: 3
     }, 16, ["class", "exact", "style"])), [
-      [k(C), w.value]
+      [k(S), w.value]
     ]);
   }
 });
 export {
-  it as default
+  mt as default
 };

package/dist/components/templates/McDrawer/McDrawerContainer/McDrawerContainer.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as C, defineAsyncComponent as P, computed as u, onMounted as g, onBeforeUnmount as S, openBlock as a, createElementBlock as f, normalizeStyle as x, Fragment as V, renderList as b, createBlock as i, unref as k, mergeProps as _, withCtx as m, Suspense as D, createVNode as E, resolveDynamicComponent as I } from "vue";
+import { defineComponent as C, defineAsyncComponent as P, computed as i, onMounted as g, onBeforeUnmount as S, openBlock as a, createElementBlock as f, normalizeStyle as V, Fragment as x, renderList as b, createBlock as m, unref as k, mergeProps as _, withCtx as p, Suspense as D, createVNode as E, resolveDynamicComponent as I } from "vue";
 import M from "../McDrawerSafeComponent.vue.js";
 const O = /* @__PURE__ */ C({
   __name: "McDrawerContainer",
@@ -21,27 +21,27 @@ const O = /* @__PURE__ */ C({
     }
   },
   setup(y) {
-    const w = P(() => import("../McDrawer.vue.js")), l = y, o = u(() => l.reactiveProps.drawers ?? []), n = u(() => o.value.map((r, t) => {
-      const e = o.value.length - 1 - t, s = Math.min(e, l.drawersMaxInCascade - 1), d = o.value.findLastIndex(
+    const w = P(() => import("../McDrawer.vue.js")), l = y, o = i(() => l.reactiveProps.drawers ?? []), n = i(() => o.value.map((r, t) => {
+      const e = o.value.filter((c) => c.modelValue).length - 1 - t, s = Math.min(e, l.drawersMaxInCascade - 1), u = o.value.findLastIndex(
         // @ts-ignore
         // eslint-disable-next-line no-prototype-builtins
-        (v) => !v?.drawerProps.hasOwnProperty("showOverlay") || v.drawerProps?.showOverlay
+        (c) => !c?.drawerProps.hasOwnProperty("showOverlay") || c.drawerProps?.showOverlay
       );
       return {
         ...r,
         indent_coefficient: e,
         real_coefficient: s,
         indent: s * l.drawersCascadeIndent,
-        can_show_overlay: t === d
+        can_show_overlay: t === u
       };
-    })), h = u(() => ({
+    })), h = i(() => ({
       zIndex: o.value.length ? 10004 : -1,
       visibility: o.value.length ? "visible" : "hidden"
-    })), c = (r) => {
+    })), d = (r) => {
       r.close(), setTimeout(() => {
         n.value.every((t) => !t.modelValue) && l.drawerServiceState.closeServiceState();
       }, r?.drawerProps?.duration || 300);
-    }, p = (r) => {
+    }, v = (r) => {
       if (r.code === "Escape" && n.value?.length) {
         const t = n.value[n.value.length - 1];
         if (t.drawerProps?.disableBgClick) return;
@@ -49,32 +49,32 @@ const O = /* @__PURE__ */ C({
       }
     };
     return g(() => {
-      document.addEventListener("keyup", p);
+      document.addEventListener("keyup", v);
     }), S(() => {
-      document.removeEventListener("keyup", p);
+      document.removeEventListener("keyup", v);
     }), (r, t) => (a(), f("div", {
       class: "mc-drawer-container",
-      style: x(h.value)
+      style: V(h.value)
     }, [
-      (a(!0), f(V, null, b(n.value, (e, s) => (a(), i(k(w), _({
+      (a(!0), f(x, null, b(n.value, (e, s) => (a(), m(k(w), _({
         key: e.id,
         modelValue: e.modelValue,
-        "onUpdate:modelValue": (d) => e.modelValue = d
+        "onUpdate:modelValue": (u) => e.modelValue = u
       }, { ref_for: !0 }, e.drawerProps, {
         "show-overlay": e.can_show_overlay,
-        onClose: () => c(e),
+        onClose: () => d(e),
         class: ["mc-drawer-container__item", { "mc-drawer-container__item--multiple": n.value.length - 1 !== s }],
         style: e.indent ? { transform: `translateX(-${e.indent}px)` } : {}
       }), {
-        default: m(() => [
-          (a(), i(D, null, {
-            default: m(() => [
+        default: p(() => [
+          (a(), m(D, null, {
+            default: p(() => [
               E(M, {
-                onErrorCaptured: () => c(e)
+                onErrorCaptured: () => d(e)
               }, {
-                default: m(() => [
-                  (a(), i(I(e.component), _({ ref_for: !0 }, e.componentProps, {
-                    onCloseDrawer: () => c(e)
+                default: p(() => [
+                  (a(), m(I(e.component), _({ ref_for: !0 }, e.componentProps, {
+                    onCloseDrawer: () => d(e)
                   }), null, 16, ["onCloseDrawer"]))
                 ]),
                 _: 2

package/dist/types/components/elements/McButton/McButton.vue.d.ts

@@ -4,74 +4,6 @@ import { ButtonVariationUnion, ButtonSizeUnion, ButtonTypeUnion } from '../../..
 import { HorizontalAlignmentUnion } from '../../../types/styles/Alignment';
 import { WeightsUnion } from '../../../types/styles/Weights';
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    /**
-     *  Если нужна ссылка внутри приложения:
-     */
-    to: {
-        type: PropType<string>;
-    };
-    /**
-     *  Если нужна обычная ссылка:
-     * `https://mediacube.agency/`
-     */
-    href: {
-        type: PropType<string>;
-    };
-    target: {
-        type: PropType<"_self" | "_blank">;
-        default: string;
-    };
-    /**
-     *  Отключенное состояние
-     *
-     */
-    disabled: {
-        type: PropType<boolean>;
-        default: boolean;
-    };
-    /**
-     *  Дизэйблить не меняя внешнего вида
-     *
-     */
-    inactive: {
-        type: PropType<boolean>;
-        default: boolean;
-    };
-    /**
-     *  Индикация загрузки
-     *
-     */
-    loading: {
-        type: PropType<boolean>;
-        default: boolean;
-    };
-    /**
-     *  Индикация загрузки
-     *  вращением иконки
-     */
-    iconLoading: {
-        type: PropType<boolean>;
-        default: boolean;
-    };
-    /**
-     *  Типы:
-     *  `button, submit, reset`
-     */
-    type: {
-        type: () => ButtonTypeUnion;
-        default: null;
-    };
-    /**
-     *  Дизайн:
-     *  `purple, red, purple-outline, purple-invert, purple-flat и т.д.`
-     */
-    variation: {
-        type: () => ButtonVariationUnion;
-    };
-    /**
-     *  Размеры:
-     *  `xs, xs-compact, s, s-compact, m, m-compact, l, l-compact`
-     */
     size: {
         type: () => ButtonSizeUnion;
         default: string;
@@ -197,10 +129,6 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
     tabindex: {
         type: (StringConstructor | NumberConstructor)[];
     };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    click: (...args: any[]) => void;
-    blur: (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /**
      *  Если нужна ссылка внутри приложения:
      */
@@ -265,10 +193,10 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
     variation: {
         type: () => ButtonVariationUnion;
     };
-    /**
-     *  Размеры:
-     *  `xs, xs-compact, s, s-compact, m, m-compact, l, l-compact`
-     */
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (...args: any[]) => void;
+    blur: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     size: {
         type: () => ButtonSizeUnion;
         default: string;
@@ -394,6 +322,70 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
     tabindex: {
         type: (StringConstructor | NumberConstructor)[];
     };
+    /**
+     *  Если нужна ссылка внутри приложения:
+     */
+    to: {
+        type: PropType<string>;
+    };
+    /**
+     *  Если нужна обычная ссылка:
+     * `https://mediacube.agency/`
+     */
+    href: {
+        type: PropType<string>;
+    };
+    target: {
+        type: PropType<"_self" | "_blank">;
+        default: string;
+    };
+    /**
+     *  Отключенное состояние
+     *
+     */
+    disabled: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     *  Дизэйблить не меняя внешнего вида
+     *
+     */
+    inactive: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     *  Индикация загрузки
+     *
+     */
+    loading: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     *  Индикация загрузки
+     *  вращением иконки
+     */
+    iconLoading: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     *  Типы:
+     *  `button, submit, reset`
+     */
+    type: {
+        type: () => ButtonTypeUnion;
+        default: null;
+    };
+    /**
+     *  Дизайн:
+     *  `purple, red, purple-outline, purple-invert, purple-flat и т.д.`
+     */
+    variation: {
+        type: () => ButtonVariationUnion;
+    };
 }>> & Readonly<{
     onClick?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;

package/dist/types/components/elements/McButton/index.d.ts

@@ -1,38 +1,5 @@
 declare const McButton: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
-        to: {
-            type: import('vue').PropType<string>;
-        };
-        href: {
-            type: import('vue').PropType<string>;
-        };
-        target: {
-            type: import('vue').PropType<"_self" | "_blank">;
-            default: string;
-        };
-        disabled: {
-            type: import('vue').PropType<boolean>;
-            default: boolean;
-        };
-        inactive: {
-            type: import('vue').PropType<boolean>;
-            default: boolean;
-        };
-        loading: {
-            type: import('vue').PropType<boolean>;
-            default: boolean;
-        };
-        iconLoading: {
-            type: import('vue').PropType<boolean>;
-            default: boolean;
-        };
-        type: {
-            type: () => import('../../../types/IButton').ButtonTypeUnion;
-            default: null;
-        };
-        variation: {
-            type: () => import('../../../types/IButton').ButtonVariationUnion;
-        };
         size: {
             type: () => import('../../../types/IButton').ButtonSizeUnion;
             default: string;
@@ -103,6 +70,39 @@ declare const McButton: {
         tabindex: {
             type: (StringConstructor | NumberConstructor)[];
         };
+        to: {
+            type: import('vue').PropType<string>;
+        };
+        href: {
+            type: import('vue').PropType<string>;
+        };
+        target: {
+            type: import('vue').PropType<"_self" | "_blank">;
+            default: string;
+        };
+        disabled: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        inactive: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        loading: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        iconLoading: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        type: {
+            type: () => import('../../../types/IButton').ButtonTypeUnion;
+            default: null;
+        };
+        variation: {
+            type: () => import('../../../types/IButton').ButtonVariationUnion;
+        };
     }>> & Readonly<{
         onClick?: ((...args: any[]) => any) | undefined;
         onBlur?: ((...args: any[]) => any) | undefined;
@@ -140,39 +140,6 @@ declare const McButton: {
         M: {};
         Defaults: {};
     }, Readonly<import('vue').ExtractPropTypes<{
-        to: {
-            type: import('vue').PropType<string>;
-        };
-        href: {
-            type: import('vue').PropType<string>;
-        };
-        target: {
-            type: import('vue').PropType<"_self" | "_blank">;
-            default: string;
-        };
-        disabled: {
-            type: import('vue').PropType<boolean>;
-            default: boolean;
-        };
-        inactive: {
-            type: import('vue').PropType<boolean>;
-            default: boolean;
-        };
-        loading: {
-            type: import('vue').PropType<boolean>;
-            default: boolean;
-        };
-        iconLoading: {
-            type: import('vue').PropType<boolean>;
-            default: boolean;
-        };
-        type: {
-            type: () => import('../../../types/IButton').ButtonTypeUnion;
-            default: null;
-        };
-        variation: {
-            type: () => import('../../../types/IButton').ButtonVariationUnion;
-        };
         size: {
             type: () => import('../../../types/IButton').ButtonSizeUnion;
             default: string;
@@ -243,6 +210,39 @@ declare const McButton: {
         tabindex: {
             type: (StringConstructor | NumberConstructor)[];
         };
+        to: {
+            type: import('vue').PropType<string>;
+        };
+        href: {
+            type: import('vue').PropType<string>;
+        };
+        target: {
+            type: import('vue').PropType<"_self" | "_blank">;
+            default: string;
+        };
+        disabled: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        inactive: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        loading: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        iconLoading: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        type: {
+            type: () => import('../../../types/IButton').ButtonTypeUnion;
+            default: null;
+        };
+        variation: {
+            type: () => import('../../../types/IButton').ButtonVariationUnion;
+        };
     }>> & Readonly<{
         onClick?: ((...args: any[]) => any) | undefined;
         onBlur?: ((...args: any[]) => any) | undefined;
@@ -274,39 +274,6 @@ declare const McButton: {
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
-    to: {
-        type: import('vue').PropType<string>;
-    };
-    href: {
-        type: import('vue').PropType<string>;
-    };
-    target: {
-        type: import('vue').PropType<"_self" | "_blank">;
-        default: string;
-    };
-    disabled: {
-        type: import('vue').PropType<boolean>;
-        default: boolean;
-    };
-    inactive: {
-        type: import('vue').PropType<boolean>;
-        default: boolean;
-    };
-    loading: {
-        type: import('vue').PropType<boolean>;
-        default: boolean;
-    };
-    iconLoading: {
-        type: import('vue').PropType<boolean>;
-        default: boolean;
-    };
-    type: {
-        type: () => import('../../../types/IButton').ButtonTypeUnion;
-        default: null;
-    };
-    variation: {
-        type: () => import('../../../types/IButton').ButtonVariationUnion;
-    };
     size: {
         type: () => import('../../../types/IButton').ButtonSizeUnion;
         default: string;
@@ -377,6 +344,39 @@ declare const McButton: {
     tabindex: {
         type: (StringConstructor | NumberConstructor)[];
     };
+    to: {
+        type: import('vue').PropType<string>;
+    };
+    href: {
+        type: import('vue').PropType<string>;
+    };
+    target: {
+        type: import('vue').PropType<"_self" | "_blank">;
+        default: string;
+    };
+    disabled: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    inactive: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    loading: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    iconLoading: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    type: {
+        type: () => import('../../../types/IButton').ButtonTypeUnion;
+        default: null;
+    };
+    variation: {
+        type: () => import('../../../types/IButton').ButtonVariationUnion;
+    };
 }>> & Readonly<{
     onClick?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;

package/dist/types/utils/mcButtonAdaptiveProps.d.ts

@@ -0,0 +1,10 @@
+import { Media } from '../enums/ui/Media';
+export declare const adaptivePropsParams: string[];
+export declare const adaptivePropsSizes: Media[];
+interface ComponentPropType {
+    type: StringConstructor;
+}
+export declare const adaptiveAdditionalProps: {
+    [key: string]: ComponentPropType;
+};
+export {};

package/dist/utils/mcButtonAdaptiveProps.js

@@ -0,0 +1,13 @@
+import { Media as i } from "../enums/ui/Media2.js";
+const s = ["size"], r = Object.values(i), a = {};
+s.forEach((o) => {
+  r.forEach((t) => {
+    a[`${o}-${t}`] = { type: String };
+  });
+});
+const p = a;
+export {
+  p as adaptiveAdditionalProps,
+  s as adaptivePropsParams,
+  r as adaptivePropsSizes
+};

package/dist/utils/mcButtonAdaptiveProps2.js

@@ -0,0 +1,13 @@
+import { Media as i } from "../enums/ui/Media2.js";
+const s = ["size"], r = Object.values(i), a = {};
+s.forEach((o) => {
+  r.forEach((t) => {
+    a[`${o}-${t}`] = { type: String };
+  });
+});
+const p = a;
+export {
+  p as adaptiveAdditionalProps,
+  s as adaptivePropsParams,
+  r as adaptivePropsSizes
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mediacube-ui-v2",
-  "version": "0.0.317",
+  "version": "0.0.319",
   "license": "MIT",
   "description": "Design system for Mediacube services",
   "sideEffects": [