import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
import { c as clsx, d as defineCustomElement$1 } from './mds-text2.js';
import { d as defineCustomElement$2 } from './mds-icon2.js';

const buttonSizeTypographyVariant = {
  sm: 'action',
  md: 'action',
  lg: 'h6',
  xl: 'h4',
};

const mdsButtonCss = "*,::before,::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}@tailwind utilities; :host{--background:rgb(var(--brand-maggioli-02));--border-color:transparent;--color:rgb(var(--tone-neutral));--icon-color:var(--color);--radius:0.5rem;box-sizing:border-box;display:inline-flex;cursor:pointer;align-items:center;justify-content:center;gap:0.5rem;padding-left:1.5rem;padding-right:1.5rem;padding-top:0.5rem;padding-bottom:0.5rem;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:500ms;transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);background-color:var(--background);border-color:var(--border-color) !important;border-radius:var(--radius, 0.5rem);border-style:solid;border-width:2px !important;color:var(--color)}.text{min-width:0px;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text::first-letter{text-transform:uppercase}.icon{display:inline-flex;align-items:center;justify-content:center;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;fill:var(--icon-color)}@tailwind utilities; :host([variant=primary]),:host([variant=primary][tone=strong]){--background:rgb(var(--brand-maggioli-03));--color:rgb(var(--tone-neutral))}:host([variant=primary]:hover),:host([variant=primary][tone=strong]:hover){--background:rgb(var(--brand-maggioli-04))}:host([variant=primary][active]),:host([variant=primary][tone=strong][active]){--background:rgb(var(--brand-maggioli-02))}:host([variant=primary][tone=weak]){--background:rgb(var(--brand-maggioli-04));--color:rgb(var(--brand-maggioli-10))}:host([variant=primary][tone=weak]:hover){--background:rgb(var(--brand-maggioli-05));--color:rgb(var(--tone-neutral))}:host([variant=primary][tone=weak][active]){--background:rgb(var(--brand-maggioli-03));--color:rgb(var(--brand-maggioli-10))}:host([variant=primary][tone=ghost]){--background:transparent;--border-color:rgb(var(--brand-maggioli-04));--color:rgb(var(--brand-maggioli-03))}:host([variant=primary][tone=ghost]:hover){--background:transparent;--border-color:rgb(var(--brand-maggioli-04));--color:rgb(var(--brand-maggioli-02))}:host([variant=primary][tone=ghost][active]){--background:transparent;--border-color:rgb(var(--brand-maggioli-05));--color:rgb(var(--brand-maggioli-03))}:host([variant=primary][tone=quiet]){--background:transparent;--color:rgb(var(--brand-maggioli-02))}:host([variant=primary][tone=quiet]:hover){--background:transparent;--color:rgb(var(--brand-maggioli-04))}:host([variant=primary][tone=quiet][active]){--background:transparent;--color:rgb(var(--brand-maggioli-01))}:host([variant=dark]),:host([variant=dark][tone=strong]){--background:rgb(var(--tone-neutral-04));--color:rgb(var(--tone-neutral))}:host([variant=dark]:hover),:host([variant=dark][tone=strong]:hover){--background:rgb(var(--tone-neutral-05))}:host([variant=dark][active]),:host([variant=dark][tone=strong][active]){--background:rgb(var(--tone-neutral-03))}:host([variant=dark][tone=weak]){--background:rgb(var(--tone-neutral-05));--color:rgb(var(--tone-neutral))}:host([variant=dark][tone=weak]:hover){--background:rgb(var(--tone-neutral-06))}:host([variant=dark][tone=weak][active]){--background:rgb(var(--tone-neutral-04))}:host([variant=dark][tone=ghost]){--background:transparent;--border-color:rgb(var(--tone-neutral-03));--color:rgb(var(--tone-neutral-03))}:host([variant=dark][tone=ghost]:hover){--background:transparent;--border-color:rgb(var(--tone-neutral-04));--color:rgb(var(--tone-neutral-04))}:host([variant=dark][tone=ghost][active]){--background:transparent;--border-color:rgb(var(--tone-neutral-02));--color:rgb(var(--tone-neutral-02))}:host([variant=dark][tone=quiet]){--background:transparent;--color:rgb(var(--tone-neutral-02))}:host([variant=dark][tone=quiet]:hover){--background:transparent;--color:rgb(var(--tone-neutral-04))}:host([variant=dark][tone=quiet][active]){--background:transparent;--color:rgb(var(--tone-neutral-02))}@tailwind utilities; :host([variant=light]),:host([variant=light][tone=strong]){--background:rgb(var(--tone-neutral));--color:rgb(var(--tone-neutral-03))}:host([variant=light]:hover),:host([variant=light][tone=strong]:hover){--color:rgb(var(--tone-neutral-04))}:host([variant=light][active]),:host([variant=light][tone=strong][active]){--color:rgb(var(--tone-neutral-02))}:host([variant=light][tone=weak]){--background:rgb(var(--tone-neutral));--color:rgb(var(--tone-neutral-05))}:host([variant=light][tone=weak]:hover){--color:rgb(var(--tone-neutral-04))}:host([variant=light][tone=weak][active]){--color:rgb(var(--tone-neutral-03))}:host([variant=light][tone=ghost]){--background:transparent;--border-color:rgb(var(--tone-neutral));--color:rgb(var(--tone-neutral))}:host([variant=light][tone=ghost]:hover){--background:transparent;--border-color:rgb(var(--tone-neutral));--color:rgb(var(--tone-neutral))}:host([variant=light][tone=ghost][active]){--background:transparent;--border-color:rgb(var(--tone-neutral));--color:rgb(var(--tone-neutral))}:host([variant=light][tone=quiet]){--background:transparent;--color:rgb(var(--tone-neutral))}:host([variant=light][tone=quiet]:hover){--background:transparent;--color:rgb(var(--tone-neutral))}:host([variant=light][tone=quiet][active]){--background:transparent;--color:rgb(var(--tone-neutral))}@tailwind utilities; :host([variant=error]),:host([variant=error][tone=strong]){--background:rgb(var(--status-error-05));--color:rgb(var(--tone-neutral))}:host([variant=error]:hover),:host([variant=error][tone=strong]:hover){--background:rgb(var(--status-error-04))}:host([variant=error][active]),:host([variant=error][tone=strong][active]){--background:rgb(var(--status-error-06))}:host([variant=error][tone=weak]){--background:rgb(var(--status-error-06));--color:rgb(var(--status-error-10))}:host([variant=error][tone=weak]:hover){--background:rgb(var(--status-error-05));--color:rgb(var(--tone-neutral))}:host([variant=error][tone=weak][active]){--background:rgb(var(--status-error-07));--color:rgb(var(--status-error-10))}:host([variant=error][tone=ghost]){--background:transparent;--border-color:rgb(var(--status-error-04));--color:rgb(var(--status-error-03))}:host([variant=error][tone=ghost]:hover){--background:transparent;--border-color:rgb(var(--status-error-04));--color:rgb(var(--status-error-02))}:host([variant=error][tone=ghost][active]){--background:transparent;--border-color:rgb(var(--status-error-05));--color:rgb(var(--status-error-03))}:host([variant=error][tone=quiet]){--background:transparent;--color:rgb(var(--status-error-02))}:host([variant=error][tone=quiet]:hover){--background:transparent;--color:rgb(var(--status-error-04))}:host([variant=error][tone=quiet][active]){--background:transparent;--color:rgb(var(--status-error-01))}.pointer-events-none{pointer-events:none !important}.collapse{visibility:collapse !important}.static{position:static !important}.fixed{position:fixed !important}.absolute{position:absolute !important}.relative{position:relative !important}.sticky{position:sticky !important}.top-4{top:1rem !important}.left-5{left:1.25rem !important}.bottom-0{bottom:0px !important}.right-0{right:0px !important}.my-3{margin-top:0.75rem !important;margin-bottom:0.75rem !important}.mx-6{margin-left:1.5rem !important;margin-right:1.5rem !important}.mb-2{margin-bottom:0.5rem !important}.ml-2{margin-left:0.5rem !important}.mr-10{margin-right:2.5rem !important}.ml-10{margin-left:2.5rem !important}.mr-2{margin-right:0.5rem !important}.mr-4{margin-right:1rem !important}.ml-4{margin-left:1rem !important}.block{display:block !important}.inline{display:inline !important}.flex{display:flex !important}.table{display:table !important}.hidden{display:none !important}.h-screen{height:100vh !important}.h-full{height:100% !important}.h-auto{height:auto !important}.min-h-\\[200px\\]{min-height:200px !important}.min-h-\\[50px\\]{min-height:50px !important}.w-screen{width:100vw !important}.w-\\[200px\\]{width:200px !important}.w-full{width:100% !important}.w-10{width:2.5rem !important}.w-\\[40px\\]{width:40px !important}.w-auto{width:auto !important}.w-24{width:6rem !important}.min-w-\\[200px\\]{min-width:200px !important}.max-w-\\[100px\\]{max-width:100px !important}.flex-none{flex:none !important}.grow{flex-grow:1 !important}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important}.cursor-pointer{cursor:pointer !important}.cursor-grab{cursor:grab !important}.flex-row{flex-direction:row !important}.flex-col{flex-direction:column !important}.items-center{align-items:center !important}.justify-between{justify-content:space-between !important}.whitespace-pre-wrap{white-space:pre-wrap !important}.rounded-md{border-radius:0.375rem !important}.rounded-lg{border-radius:0.5rem !important}.rounded-b-md{border-bottom-right-radius:0.375rem !important;border-bottom-left-radius:0.375rem !important}.rounded-t-md{border-top-left-radius:0.375rem !important;border-top-right-radius:0.375rem !important}.border{border-width:1px !important}.bg-brand-maggioli-05{--tw-bg-opacity:1 !important;background-color:rgba(var(--brand-maggioli-05), var(--tw-bg-opacity)) !important}.bg-brand-synbee-eolo-v1-18{--tw-bg-opacity:1 !important;background-color:rgba(var(--brand-synbee-eolo-v1-18), var(--tw-bg-opacity)) !important}.bg-brand-synbee-eolo-v1-17{--tw-bg-opacity:1 !important;background-color:rgba(var(--brand-synbee-eolo-v1-17), var(--tw-bg-opacity)) !important}.bg-brand-synbee-eolo-04{--tw-bg-opacity:1 !important;background-color:rgba(var(--brand-synbee-eolo-04), var(--tw-bg-opacity)) !important}.bg-brand-synbee-eolo-v1-06{--tw-bg-opacity:1 !important;background-color:rgba(var(--brand-synbee-eolo-v1-06), var(--tw-bg-opacity)) !important}.bg-label-amaranth-05{--tw-bg-opacity:1 !important;background-color:rgba(var(--label-amaranth-05), var(--tw-bg-opacity)) !important}.bg-label-aqua-05{--tw-bg-opacity:1 !important;background-color:rgba(var(--label-aqua-05), var(--tw-bg-opacity)) !important}.bg-label-blue-05{--tw-bg-opacity:1 !important;background-color:rgba(var(--label-blue-05), var(--tw-bg-opacity)) !important}.bg-label-green-05{--tw-bg-opacity:1 !important;background-color:rgba(var(--label-green-05), var(--tw-bg-opacity)) !important}.bg-label-lime-05{--tw-bg-opacity:1 !important;background-color:rgba(var(--label-lime-05), var(--tw-bg-opacity)) !important}.bg-label-orange-05{--tw-bg-opacity:1 !important;background-color:rgba(var(--label-orange-05), var(--tw-bg-opacity)) !important}.bg-label-orchid-05{--tw-bg-opacity:1 !important;background-color:rgba(var(--label-orchid-05), var(--tw-bg-opacity)) !important}.bg-label-sky-05{--tw-bg-opacity:1 !important;background-color:rgba(var(--label-sky-05), var(--tw-bg-opacity)) !important}.bg-label-yellow-05{--tw-bg-opacity:1 !important;background-color:rgba(var(--label-yellow-05), var(--tw-bg-opacity)) !important}.bg-label-violet-05{--tw-bg-opacity:1 !important;background-color:rgba(var(--label-violet-05), var(--tw-bg-opacity)) !important}.bg-status-error-05{--tw-bg-opacity:1 !important;background-color:rgba(var(--status-error-05), var(--tw-bg-opacity)) !important}.bg-status-info-05{--tw-bg-opacity:1 !important;background-color:rgba(var(--status-info-05), var(--tw-bg-opacity)) !important}.bg-status-success-05{--tw-bg-opacity:1 !important;background-color:rgba(var(--status-success-05), var(--tw-bg-opacity)) !important}.bg-status-warning-05{--tw-bg-opacity:1 !important;background-color:rgba(var(--status-warning-05), var(--tw-bg-opacity)) !important}.fill-label-blue-05{fill:rgb(var(--label-blue-05)) !important}.fill-label-green-06{fill:rgb(var(--label-green-06)) !important}.p-4{padding:1rem !important}.py-2{padding-top:0.5rem !important;padding-bottom:0.5rem !important}.py-3{padding-top:0.75rem !important;padding-bottom:0.75rem !important}.pr-6{padding-right:1.5rem !important}.pl-5{padding-left:1.25rem !important}.pr-4{padding-right:1rem !important}.pt-10{padding-top:2.5rem !important}.text-base{font-size:1rem !important;line-height:1.5rem !important}.text-sm{font-size:0.875rem !important;line-height:1.25rem !important}.font-bold{font-weight:700 !important}.font-normal{font-weight:400 !important}.lowercase{text-transform:lowercase !important}.text-brand-synbee-eolo-v1-06{--tw-text-opacity:1 !important;color:rgba(var(--brand-synbee-eolo-v1-06), var(--tw-text-opacity)) !important}.text-brand-synbee-eolo-v1-04{--tw-text-opacity:1 !important;color:rgba(var(--brand-synbee-eolo-v1-04), var(--tw-text-opacity)) !important}.text-adjust-tone-04{--tw-text-opacity:1 !important;color:rgba(var(--adjust-tone-04), var(--tw-text-opacity)) !important}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important}:host([variant=warning]),:host([variant=warning][tone=strong]){--background:rgb(var(--status-warning-05));--color:rgb(var(--tone-neutral))}:host([variant=warning]:hover),:host([variant=warning][tone=strong]:hover){--background:rgb(var(--status-warning-04))}:host([variant=warning][active]),:host([variant=warning][tone=strong][active]){--background:rgb(var(--status-warning-06))}:host([variant=warning][tone=weak]){--background:rgb(var(--status-warning-06));--color:rgb(var(--status-warning-10))}:host([variant=warning][tone=weak]:hover){--background:rgb(var(--status-warning-05));--color:rgb(var(--tone-neutral))}:host([variant=warning][tone=weak][active]){--background:rgb(var(--status-warning-07));--color:rgb(var(--status-warning-10))}:host([variant=warning][tone=ghost]){--background:transparent;--border-color:rgb(var(--status-warning-04));--color:rgb(var(--status-warning-03))}:host([variant=warning][tone=ghost]:hover){--background:transparent;--border-color:rgb(var(--status-warning-04));--color:rgb(var(--status-warning-02))}:host([variant=warning][tone=ghost][active]){--background:transparent;--border-color:rgb(var(--status-warning-05));--color:rgb(var(--status-warning-03))}:host([variant=warning][tone=quiet]){--background:transparent;--color:rgb(var(--status-warning-02))}:host([variant=warning][tone=quiet]:hover){--background:transparent;--color:rgb(var(--status-warning-04))}:host([variant=warning][tone=quiet][active]){--background:transparent;--color:rgb(var(--status-warning-01))}.pointer-events-none{pointer-events:none !important}.collapse{visibility:collapse !important}.static{position:static !important}.fixed{position:fixed !important}.absolute{position:absolute !important}.relative{position:relative !important}.sticky{position:sticky !important}.top-4{top:1rem !important}.left-5{left:1.25rem !important}.bottom-0{bottom:0px !important}.right-0{right:0px !important}.my-3{margin-top:0.75rem !important;margin-bottom:0.75rem !important}.mx-6{margin-left:1.5rem !important;margin-right:1.5rem !important}.mb-2{margin-bottom:0.5rem !important}.ml-2{margin-left:0.5rem !important}.mr-10{margin-right:2.5rem !important}.ml-10{margin-left:2.5rem !important}.mr-2{margin-right:0.5rem !important}.mr-4{margin-right:1rem !important}.ml-4{margin-left:1rem !important}.block{display:block !important}.inline{display:inline !important}.flex{display:flex !important}.table{display:table !important}.hidden{display:none !important}.h-screen{height:100vh !important}.h-full{height:100% !important}.h-auto{height:auto !important}.min-h-\\[200px\\]{min-height:200px !important}.min-h-\\[50px\\]{min-height:50px !important}.w-screen{width:100vw !important}.w-\\[200px\\]{width:200px !important}.w-full{width:100% !important}.w-10{width:2.5rem !important}.w-\\[40px\\]{width:40px !important}.w-auto{width:auto !important}.w-24{width:6rem !important}.min-w-\\[200px\\]{min-width:200px !important}.max-w-\\[100px\\]{max-width:100px !important}.flex-none{flex:none !important}.grow{flex-grow:1 !important}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important}.cursor-pointer{cursor:pointer !important}.cursor-grab{cursor:grab !important}.flex-row{flex-direction:row !important}.flex-col{flex-direction:column !important}.items-center{align-items:center !important}.justify-between{justify-content:space-between !important}.whitespace-pre-wrap{white-space:pre-wrap !important}.rounded-md{border-radius:0.375rem !important}.rounded-lg{border-radius:0.5rem !important}.rounded-b-md{border-bottom-right-radius:0.375rem !important;border-bottom-left-radius:0.375rem !important}.rounded-t-md{border-top-left-radius:0.375rem !important;border-top-right-radius:0.375rem !important}.border{border-width:1px !important}.bg-brand-maggioli-05{--tw-bg-opacity:1 !important;background-color:rgba(var(--brand-maggioli-05), var(--tw-bg-opacity)) !important}.bg-brand-synbee-eolo-v1-18{--tw-bg-opacity:1 !important;background-color:rgba(var(--brand-synbee-eolo-v1-18), var(--tw-bg-opacity)) !important}.bg-brand-synbee-eolo-v1-17{--tw-bg-opacity:1 !important;background-color:rgba(var(--brand-synbee-eolo-v1-17), var(--tw-bg-opacity)) !important}.bg-brand-synbee-eolo-04{--tw-bg-opacity:1 !important;background-color:rgba(var(--brand-synbee-eolo-04), var(--tw-bg-opacity)) !important}.bg-brand-synbee-eolo-v1-06{--tw-bg-opacity:1 !important;background-color:rgba(var(--brand-synbee-eolo-v1-06), var(--tw-bg-opacity)) !important}.bg-label-amaranth-05{--tw-bg-opacity:1 !important;background-color:rgba(var(--label-amaranth-05), var(--tw-bg-opacity)) !important}.bg-label-aqua-05{--tw-bg-opacity:1 !important;background-color:rgba(var(--label-aqua-05), var(--tw-bg-opacity)) !important}.bg-label-blue-05{--tw-bg-opacity:1 !important;background-color:rgba(var(--label-blue-05), var(--tw-bg-opacity)) !important}.bg-label-green-05{--tw-bg-opacity:1 !important;background-color:rgba(var(--label-green-05), var(--tw-bg-opacity)) !important}.bg-label-lime-05{--tw-bg-opacity:1 !important;background-color:rgba(var(--label-lime-05), var(--tw-bg-opacity)) !important}.bg-label-orange-05{--tw-bg-opacity:1 !important;background-color:rgba(var(--label-orange-05), var(--tw-bg-opacity)) !important}.bg-label-orchid-05{--tw-bg-opacity:1 !important;background-color:rgba(var(--label-orchid-05), var(--tw-bg-opacity)) !important}.bg-label-sky-05{--tw-bg-opacity:1 !important;background-color:rgba(var(--label-sky-05), var(--tw-bg-opacity)) !important}.bg-label-yellow-05{--tw-bg-opacity:1 !important;background-color:rgba(var(--label-yellow-05), var(--tw-bg-opacity)) !important}.bg-label-violet-05{--tw-bg-opacity:1 !important;background-color:rgba(var(--label-violet-05), var(--tw-bg-opacity)) !important}.bg-status-error-05{--tw-bg-opacity:1 !important;background-color:rgba(var(--status-error-05), var(--tw-bg-opacity)) !important}.bg-status-info-05{--tw-bg-opacity:1 !important;background-color:rgba(var(--status-info-05), var(--tw-bg-opacity)) !important}.bg-status-success-05{--tw-bg-opacity:1 !important;background-color:rgba(var(--status-success-05), var(--tw-bg-opacity)) !important}.bg-status-warning-05{--tw-bg-opacity:1 !important;background-color:rgba(var(--status-warning-05), var(--tw-bg-opacity)) !important}.fill-label-blue-05{fill:rgb(var(--label-blue-05)) !important}.fill-label-green-06{fill:rgb(var(--label-green-06)) !important}.p-4{padding:1rem !important}.py-2{padding-top:0.5rem !important;padding-bottom:0.5rem !important}.py-3{padding-top:0.75rem !important;padding-bottom:0.75rem !important}.pr-6{padding-right:1.5rem !important}.pl-5{padding-left:1.25rem !important}.pr-4{padding-right:1rem !important}.pt-10{padding-top:2.5rem !important}.text-base{font-size:1rem !important;line-height:1.5rem !important}.text-sm{font-size:0.875rem !important;line-height:1.25rem !important}.font-bold{font-weight:700 !important}.font-normal{font-weight:400 !important}.lowercase{text-transform:lowercase !important}.text-brand-synbee-eolo-v1-06{--tw-text-opacity:1 !important;color:rgba(var(--brand-synbee-eolo-v1-06), var(--tw-text-opacity)) !important}.text-brand-synbee-eolo-v1-04{--tw-text-opacity:1 !important;color:rgba(var(--brand-synbee-eolo-v1-04), var(--tw-text-opacity)) !important}.text-adjust-tone-04{--tw-text-opacity:1 !important;color:rgba(var(--adjust-tone-04), var(--tw-text-opacity)) !important}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important}:host([variant=info]),:host([variant=info][tone=strong]){--background:rgb(var(--status-info-05));--color:rgb(var(--tone-neutral))}:host([variant=info]:hover),:host([variant=info][tone=strong]:hover){--background:rgb(var(--status-info-04))}:host([variant=info][active]),:host([variant=info][tone=strong][active]){--background:rgb(var(--status-info-06))}:host([variant=info][tone=weak]){--background:rgb(var(--status-info-06));--color:rgb(var(--status-info-10))}:host([variant=info][tone=weak]:hover){--background:rgb(var(--status-info-05));--color:rgb(var(--tone-neutral))}:host([variant=info][tone=weak][active]){--background:rgb(var(--status-info-07));--color:rgb(var(--status-info-10))}:host([variant=info][tone=ghost]){--background:transparent;--border-color:rgb(var(--status-info-04));--color:rgb(var(--status-info-03))}:host([variant=info][tone=ghost]:hover){--background:transparent;--border-color:rgb(var(--status-info-04));--color:rgb(var(--status-info-02))}:host([variant=info][tone=ghost][active]){--background:transparent;--border-color:rgb(var(--status-info-05));--color:rgb(var(--status-info-03))}:host([variant=info][tone=quiet]){--background:transparent;--color:rgb(var(--status-info-02))}:host([variant=info][tone=quiet]:hover){--background:transparent;--color:rgb(var(--status-info-04))}:host([variant=info][tone=quiet][active]){--background:transparent;--color:rgb(var(--status-info-01))}.fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([variant=success]),:host([variant=success][tone=strong]){--background:rgb(var(--status-success-05));--color:rgb(var(--tone-neutral))}:host([variant=success]:hover),:host([variant=success][tone=strong]:hover){--background:rgb(var(--status-success-04))}:host([variant=success][active]),:host([variant=success][tone=strong][active]){--background:rgb(var(--status-success-06))}:host([variant=success][tone=weak]){--background:rgb(var(--status-success-06));--color:rgb(var(--status-success-10))}:host([variant=success][tone=weak]:hover){--background:rgb(var(--status-success-05));--color:rgb(var(--tone-neutral))}:host([variant=success][tone=weak][active]){--background:rgb(var(--status-success-07));--color:rgb(var(--status-success-10))}:host([variant=success][tone=ghost]){--background:transparent;--border-color:rgb(var(--status-success-04));--color:rgb(var(--status-success-03))}:host([variant=success][tone=ghost]:hover){--background:transparent;--border-color:rgb(var(--status-success-04));--color:rgb(var(--status-success-02))}:host([variant=success][tone=ghost][active]){--background:transparent;--border-color:rgb(var(--status-success-05));--color:rgb(var(--status-success-03))}:host([variant=success][tone=quiet]){--background:transparent;--color:rgb(var(--status-success-02))}:host([variant=success][tone=quiet]:hover){--background:transparent;--color:rgb(var(--status-success-04))}:host([variant=success][tone=quiet][active]){--background:transparent;--color:rgb(var(--status-success-01))}:host([size=sm]){height:1.75rem;padding-left:0.75rem;padding-right:0.75rem;padding-top:0px;padding-bottom:0px;--radius:0.375rem}:host(.no-text[size=sm]){padding:0px}:host([size=sm]) .text{font-weight:500}:host([size=md]){height:2.25rem;padding-left:0.75rem;padding-right:0.75rem;padding-top:0.25rem;padding-bottom:0.25rem}:host(.no-text[size=md]){padding:0.25rem}:host([size=lg]){height:2.75rem;padding-left:1.5rem;padding-right:1.5rem;padding-top:0.5rem;padding-bottom:0.5rem}:host(.no-text[size=lg]){padding:0.5rem}:host([size=xl]){height:3.25rem;padding-left:2rem;padding-right:2rem;padding-top:0.5rem;padding-bottom:0.5rem}:host(.no-text[size=xl]){padding:0.5rem}.active\\:cursor-grabbing:active{cursor:grabbing !important}";

const MdsButton = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
  constructor() {
    super();
    this.__registerHost();
    this.__attachShadow();
    /**
     * Specifies the horizontal position of the icon displayed in the button
     */
    this.iconPosition = 'left';
    /**
     * The type of the button element
     */
    this.type = 'submit';
    /**
     * Specifies the color variant for the button
     */
    this.variant = 'primary';
    /**
     * Specifies the tone variant for the button
     */
    this.tone = 'strong';
    /**
     * Specifies the size for the button
     */
    this.size = 'md';
    this.mouseDown = () => {
      this.active = true;
    };
    this.mouseUp = () => {
      this.active = false;
    };
  }
  componentWillLoad() {
    this.hasText = this.hostElement.innerHTML !== '';
  }
  render() {
    this.typography = buttonSizeTypographyVariant[this.size];
    return (h(Host, { class: clsx(!this.hasText && 'no-text'), onMouseDown: this.mouseDown, onMouseUp: this.mouseUp, onMouseOut: this.mouseUp }, this.icon && this.iconPosition === 'left' && h("mds-icon", { class: "icon", name: this.icon }), this.hasText && h("mds-text", { class: "text", part: "label", typography: this.typography }, h("slot", null)), this.icon && this.iconPosition === 'right' && h("mds-icon", { class: "icon", name: this.icon })));
  }
  get hostElement() { return this; }
  static get style() { return mdsButtonCss; }
}, [1, "mds-button", {
    "icon": [1],
    "iconPosition": [1, "icon-position"],
    "type": [1],
    "variant": [513],
    "tone": [513],
    "size": [513],
    "active": [1540]
  }]);
function defineCustomElement() {
  if (typeof customElements === "undefined") {
    return;
  }
  const components = ["mds-button", "mds-icon", "mds-text"];
  components.forEach(tagName => { switch (tagName) {
    case "mds-button":
      if (!customElements.get(tagName)) {
        customElements.define(tagName, MdsButton);
      }
      break;
    case "mds-icon":
      if (!customElements.get(tagName)) {
        defineCustomElement$2();
      }
      break;
    case "mds-text":
      if (!customElements.get(tagName)) {
        defineCustomElement$1();
      }
      break;
  } });
}
defineCustomElement();

export { MdsButton as M, defineCustomElement as d };
