welcome-ui/dist/Text.js

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

"use client";
import './Text.css';
import { jsx as p } from "react/jsx-runtime";
import { c as m } from "./index-B6iGEm-i.js";
import { f as v } from "./forwardRefWithAs-8eP3ZN15.js";
import "react";
const b = "_root_17p74_2", h = {
  root: b,
  "variant-display-xl": "_variant-display-xl_17p74_15",
  "variant-display-lg": "_variant-display-lg_17p74_15",
  "variant-display-md": "_variant-display-md_17p74_15",
  "variant-display-sm": "_variant-display-sm_17p74_15",
  "variant-heading-xl": "_variant-heading-xl_17p74_37",
  "variant-heading-lg": "_variant-heading-lg_17p74_37",
  "variant-heading-md": "_variant-heading-md_17p74_37",
  "variant-heading-sm": "_variant-heading-sm_17p74_37",
  "variant-heading-md-strong": "_variant-heading-md-strong_17p74_37",
  "variant-heading-sm-strong": "_variant-heading-sm-strong_17p74_37",
  "variant-heading-xs-strong": "_variant-heading-xs-strong_17p74_37",
  "variant-heading-xs": "_variant-heading-xs_17p74_37",
  "variant-body-xl": "_variant-body-xl_17p74_72",
  "variant-body-lg": "_variant-body-lg_17p74_72",
  "variant-body-md": "_variant-body-md_17p74_72",
  "variant-body-sm": "_variant-body-sm_17p74_72",
  "variant-body-xl-strong": "_variant-body-xl-strong_17p74_72",
  "variant-body-lg-strong": "_variant-body-lg-strong_17p74_72",
  "variant-body-md-strong": "_variant-body-md-strong_17p74_72",
  "variant-body-sm-strong": "_variant-body-sm-strong_17p74_72",
  "variant-label-xl": "_variant-label-xl_17p74_96",
  "variant-label-lg": "_variant-label-lg_17p74_96",
  "variant-label-md": "_variant-label-md_17p74_96",
  "variant-label-sm": "_variant-label-sm_17p74_96",
  "variant-label-md-strong": "_variant-label-md-strong_17p74_109",
  "variant-label-sm-strong": "_variant-label-sm-strong_17p74_116",
  "with-lines": "_with-lines_17p74_123",
  "single-line": "_single-line_17p74_129",
  "multi-line": "_multi-line_17p74_133",
  "with-dash": "_with-dash_17p74_136"
}, y = m(h), x = v(
  ({ as: _ = "p", children: s, className: r, lines: t, variant: a = "md", withDash: l, ...o }, d) => {
    const e = (a == null ? void 0 : a.startsWith("heading")) || (a == null ? void 0 : a.startsWith("display")), i = t && t > 1 && t !== Number.POSITIVE_INFINITY, n = t === 1, g = y(
      "root",
      `variant-${a}`,
      !!t && "with-lines",
      !!i && "multi-line",
      n && "single-line",
      l && e && "with-dash",
      r
    );
    return /* @__PURE__ */ p(
      _,
      {
        className: g,
        ref: d,
        style: { ...i || n ? { "--lineClamp": t } : {} },
        ...o,
        children: s
      }
    );
  }
);
x.displayName = "Text";
export {
  x as Text,
  h as textClasses
};