import { r as registerInstance, h, f as Host } from './index-ee578edf.js';
import { c as clsx } from './clsx.m-3c237499.js';

const typographyDefaultsVariaint = {
  action: {
    tag: 'span',
    selector: 'text-primary-action',
  },
  caption: {
    tag: 'span',
    selector: 'text-secondary-caption',
  },
  code: {
    tag: 'code',
    selector: 'text-mono-code',
  },
  detail: {
    tag: 'p',
    selector: 'text-secondary-detail',
  },
  h1: {
    tag: 'h1',
    selector: 'text-primary-h1',
  },
  h2: {
    tag: 'h2',
    selector: 'text-primary-h2',
  },
  h3: {
    tag: 'h3',
    selector: 'text-primary-h3',
  },
  h4: {
    tag: 'h4',
    selector: 'text-primary-h4',
  },
  h5: {
    tag: 'h5',
    selector: 'text-primary-h5',
  },
  h6: {
    tag: 'h6',
    selector: 'text-primary-h6',
  },
  hack: {
    tag: 'code',
    selector: 'text-mono-hack',
  },
  label: {
    tag: 'label',
    selector: 'text-secondary-label',
  },
  option: {
    tag: 'label',
    selector: 'text-secondary-option',
  },
  paragraph: {
    tag: 'p',
    selector: 'text-secondary-paragraph',
  },
  tip: {
    tag: 'span',
    selector: 'text-secondary-tip',
  },
};

const mdsTextCss = ".text-primary-h1{font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:3rem;line-height:1;font-weight:800;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-primary-h2{font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:2.25rem;line-height:2.5rem;font-weight:800;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-primary-h3{font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1.875rem;line-height:2.25rem;font-weight:800;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-primary-h4{font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1.5rem;line-height:2rem;font-weight:700;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-primary-h5{font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1.25rem;line-height:1.75rem;font-weight:700;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-primary-h6{font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1rem;line-height:1.5rem;font-weight:700;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-primary-action{font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:0.875rem;line-height:1.25rem;font-weight:700;line-height:1.625;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-secondary-paragraph{font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1.25rem;line-height:2rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-secondary-detail{font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1rem;line-height:1.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-secondary-caption{font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:0.875rem;line-height:1.25rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-secondary-label{font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:0.75rem;line-height:1rem;font-weight:700;text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-secondary-option{font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:0.625rem;font-weight:700;text-transform:uppercase;line-height:1;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-secondary-tip{font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:0.75rem;line-height:1rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-mono-code{font-family:'Roboto Mono', monospace;font-size:1rem;line-height:1.5rem;line-height:1.625;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-mono-hack{font-family:'Roboto Mono', monospace;font-size:0.875rem;line-height:1.25rem;line-height:1.625;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.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(.text-primary-h1){font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:3rem;line-height:1;font-weight:800;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-primary-h2){font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:2.25rem;line-height:2.5rem;font-weight:800;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-primary-h3){font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1.875rem;line-height:2.25rem;font-weight:800;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-primary-h4){font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1.5rem;line-height:2rem;font-weight:700;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-primary-h5){font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1.25rem;line-height:1.75rem;font-weight:700;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-primary-h6){font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1rem;line-height:1.5rem;font-weight:700;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-primary-action){font-family:Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:0.875rem;line-height:1.25rem;font-weight:700;line-height:1.625;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-secondary-paragraph){font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1.25rem;line-height:2rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-secondary-detail){font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1rem;line-height:1.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-secondary-caption){font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:0.875rem;line-height:1.25rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-secondary-label){font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:0.75rem;line-height:1rem;font-weight:700;text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-secondary-tip){font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:0.75rem;line-height:1rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-secondary-option){font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:0.625rem;font-weight:700;text-transform:uppercase;line-height:1;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-mono-code){font-family:'Roboto Mono', monospace;font-size:1rem;line-height:1.5rem;line-height:1.625;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(.text-mono-hack){font-family:'Roboto Mono', monospace;font-size:0.875rem;line-height:1.25rem;line-height:1.625;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text{display:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit}:host(.article),:host(.blockquote),:host(.dd),:host(.details),:host(.div),:host(.dl),:host(.dt),:host(.figcaption),:host(.h1),:host(.h2),:host(.h3),:host(.h4),:host(.h5),:host(.h6),:host(.label),:host(.legend),:host(.li),:host(.ol),:host(.p),:host(.pre),:host(.summary),:host(.ul){display:block}:host(.abbr),:host(.address),:host(.b),:host(.bdo),:host(.cite),:host(.code),:host(.del),:host(.dfn),:host(.em),:host(.i),:host(.ins),:host(.kbd),:host(.mark),:host(.q),:host(.rb),:host(.rt),:host(.ruby),:host(.s),:host(.samp),:host(.small),:host(.span),:host(.strong),:host(.sub),:host(.sup),:host(.time),:host(.u),:host(.var){display:inline;line-height:inherit}:host(.code){border-radius:0.25rem;--tw-bg-opacity:1;background-color:rgba(var(--adjust-tone-09), var(--tw-bg-opacity));padding-left:0.25rem;padding-right:0.25rem;--tw-text-opacity:1;color:rgba(var(--adjust-tone-03), var(--tw-text-opacity));transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;transition-duration:150ms}abbr,address,article,b,bdo,blockquote,cite,code,dd,del,details,dfn,div,dl,dt,em,figcaption,h1,h2,h3,h4,h5,h6,i,ins,kbd,label,legend,li,mark,ol,p,pre,q,rb,rt,ruby,s,samp,small,span,strong,sub,summary,sup,time,u,ul,var,wbr{margin:0;overflow:inherit;text-overflow:inherit}";

const MdsText = class {
  constructor(hostRef) {
    registerInstance(this, hostRef);
    /**
     * Specifies the font typography of the element
     */
    this.typography = 'detail';
  }
  render() {
    const Tag = this.tag !== undefined ? this.tag : typographyDefaultsVariaint[this.typography].tag;
    const { selector } = typographyDefaultsVariaint[this.typography];
    return (h(Host, { class: clsx(selector, Tag) }, h(Tag, { class: "text" }, h("slot", null))));
  }
};
MdsText.style = mdsTextCss;

export { MdsText as mds_text };
