welcome-ui/dist/Text.js

Customizable design system with react, typescript, tailwindcss and ariakit.

"use client";
import { createElement as v } from "react";
import { c as u } from "./index-PAaZGbyz.js";
import { f as d } from "./forwardRefWithAs-8eP3ZN15.js";
const p = "_root_hcsa6_2", b = {
  root: p,
  "variant-h0": "_variant-h0_hcsa6_16",
  "variant-h1": "_variant-h1_hcsa6_16",
  "variant-h2": "_variant-h2_hcsa6_16",
  "variant-h3": "_variant-h3_hcsa6_16",
  "variant-h4": "_variant-h4_hcsa6_16",
  "variant-h5": "_variant-h5_hcsa6_16",
  "variant-h6": "_variant-h6_hcsa6_16",
  "variant-xs": "_variant-xs_hcsa6_56",
  "variant-sm": "_variant-sm_hcsa6_56",
  "variant-md": "_variant-md_hcsa6_56",
  "variant-lg": "_variant-lg_hcsa6_56",
  "variant-subtitle-sm": "_variant-subtitle-sm_hcsa6_79",
  "variant-subtitle-md": "_variant-subtitle-md_hcsa6_79",
  "with-lines": "_with-lines_hcsa6_95",
  "single-line": "_single-line_hcsa6_101",
  "multi-line": "_multi-line_hcsa6_105",
  "with-dash": "_with-dash_hcsa6_108"
}, g = {
  h0: "h1",
  h1: "h1",
  h2: "h2",
  h3: "h3",
  h4: "h4",
  h5: "h5",
  h6: "h6",
  lg: "p",
  md: "p",
  sm: "p",
  "subtitle-md": "span",
  "subtitle-sm": "span",
  xs: "p"
}, w = u(b), S = d(
  ({ as: h, children: _, className: n, lines: a, variant: t = "md", withDash: r, ...c }, e) => {
    const l = h || g[t], m = t == null ? void 0 : t.startsWith("h"), s = a && a > 1 && a !== Number.POSITIVE_INFINITY, i = a === 1, o = w(
      "root",
      `variant-${t}`,
      a && "with-lines",
      s && "multi-line",
      i && "single-line",
      r && m && "with-dash",
      n
    );
    return v(
      l,
      {
        className: o,
        ref: e,
        style: { ...s || i ? { "--lineClamp": a } : {} },
        ...c
      },
      _
    );
  }
);
export {
  g as TAG_NAMES,
  S as Text
};