'use strict';

var index = require('./index-Bq84pjsN.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 colorSchemeCss = () => `@layer reset,base,themes; @layer base{}@layer themes{:host([theme="light"]){color-scheme:light}:host([theme="dark"]){color-scheme:dark}}`;

const ColorScheme = class {
    constructor(hostRef) {
        index.registerInstance(this, hostRef);
    }
    get host() { return index.getElement(this); }
    theme = "light";
    render() {
        const { theme } = this;
        return (index.jsx(index.Host, { theme: theme, children: index.jsx("slot", {}, '214b024aaf99b19a1de88223351f7790683a5f9a') }, '28f5ed42a87d44062714f115fa3a87c9f642c9ff'));
    }
};
ColorScheme.style = resetCss() + colorSchemeCss();

exports.dds_color_scheme = ColorScheme;
