import { r as registerInstance, g as getElement, j as jsx, H as Host } from './index-C7YNCRgy.js';

const resetCss = () => `@layer reset, base, variants, states, sizes;  @layer reset {   :host {     display: contents;     -moz-text-size-adjust: none;     -webkit-text-size-adjust: none;     text-size-adjust: none;     font-family: var(--dds-font-family-sans);     font-feature-settings: var(--dds-font-features-sans);     text-rendering: optimizeLegibility;     -webkit-font-smoothing: antialiased;      *,     *::after,     *::before,     *::backdrop,     *::file-selector-button {       box-sizing: border-box;       margin: 0;       padding: 0;       min-inline-size: 0;       min-block-size: 0;     }      * {       scrollbar-width: thin;       scrollbar-color: color-mix(gray 50%, transparent);     }      *:focus-visible {       z-index: 1;     }      > * {       interpolate-size: allow-keywords;       -webkit-tap-highlight-color: transparent;     }   } } `;

const headingCss = () => `@layer base {   :host .dds-heading {     font: var(--dds-heading-type);     text-box: trim-both cap alphabetic;     text-wrap: balance;     overflow-wrap: break-word;   } }  @layer sizes {   :host([size="xs"]) {     --dds-heading-type: var(--dds-heading-type-xs);   }    :host([size="s"]) {     --dds-heading-type: var(--dds-heading-type-s);   }    :host([size="m"]) {     --dds-heading-type: var(--dds-heading-type-m);   }    :host([size="l"]) {     --dds-heading-type: var(--dds-heading-type-l);   }    :host([size="xl"]) {     --dds-heading-type: var(--dds-heading-type-xl);   }    :host([size="2xl"]) {     --dds-heading-type: var(--dds-heading-type-2xl);   } }  @layer reset, base, sizes; `;

const Heading = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
    }
    get host() { return getElement(this); }
    // MARK: Props
    size = "m";
    headingId;
    // componentDidLoad() {
    //   adoptSharedStyles(this.el);
    // }
    // MARK: Render
    render() {
        const { size, headingId } = this;
        return (jsx(Host, { size: size, children: jsx("h1", { class: "dds-heading", id: headingId, children: jsx("slot", {}, 'eaeb20646ace6e7f9d3bc11ed66ba291f91efa7e') }, 'd666da76fa907e3bac70e701b0ce9f0f7eb3f5ce') }, '016617a9d52554ebeb367cdbbfb52e34cdc70459'));
    }
};
Heading.style = resetCss() + headingCss();

export { Heading as dds_heading };
