koval-ui/dist/src/lib/Text/InlineElements.js

React components collection with minimalistic design. Supports theming, layout, and input validation.

"use client";
import { jsx as m } from "react/jsx-runtime";
import { forwardRef as l } from "react";
import t from "classnames";
import n from "./Text.module.css.js";
const d = l(
  ({ children: s, className: a, href: e = "#", ...r }, o) => /* @__PURE__ */ m(
    "a",
    {
      ...r,
      href: e,
      className: t(n.link, a),
      ref: o,
      children: s
    }
  )
);
d.displayName = "A";
const c = l(({ children: s, className: a, ...e }, r) => /* @__PURE__ */ m("b", { ...e, className: t(n.bold, a), ref: r, children: s }));
c.displayName = "B";
const i = l(
  ({ children: s, className: a, ...e }, r) => /* @__PURE__ */ m("strong", { ...e, className: t(n.strong, a), ref: r, children: s })
);
i.displayName = "Strong";
c.displayName = "B";
const N = l(({ children: s, className: a, ...e }, r) => /* @__PURE__ */ m("i", { ...e, className: t(n.italic, a), ref: r, children: s }));
N.displayName = "I";
const p = l(({ children: s, className: a, ...e }, r) => /* @__PURE__ */ m("em", { ...e, className: t(n.emphasized, a), ref: r, children: s }));
p.displayName = "Em";
const u = l(({ children: s, className: a, ...e }, r) => /* @__PURE__ */ m("mark", { ...e, className: t(n.marked, a), ref: r, children: s }));
u.displayName = "Mark";
const y = l(
  ({ children: s, className: a, ...e }, r) => /* @__PURE__ */ m("small", { ...e, className: t(n.small, a), ref: r, children: s })
);
y.displayName = "Small";
const b = l(
  ({ children: s, className: a, ...e }, r) => /* @__PURE__ */ m("del", { ...e, className: t(n.deleted, a), ref: r, children: s })
);
b.displayName = "Del";
const S = l(
  ({ children: s, className: a, ...e }, r) => /* @__PURE__ */ m("ins", { ...e, className: t(n.inserted, a), ref: r, children: s })
);
S.displayName = "Ins";
const k = l(({ children: s, className: a, ...e }, r) => /* @__PURE__ */ m("sub", { ...e, className: t(n.subscript, a), ref: r, children: s }));
k.displayName = "Sub";
const f = l(({ children: s, className: a, ...e }, r) => /* @__PURE__ */ m("sup", { ...e, className: t(n.superscript, a), ref: r, children: s }));
f.displayName = "Sup";
const g = l(({ children: s, className: a, ...e }, r) => /* @__PURE__ */ m("kbd", { ...e, className: t(n.keyboard, a), ref: r, children: s }));
g.displayName = "Kbd";
const I = l(({ children: s, className: a, ...e }, r) => /* @__PURE__ */ m("code", { ...e, className: t(n.code, a), ref: r, children: s }));
I.displayName = "Code";
const h = l(({ children: s, className: a, ...e }, r) => /* @__PURE__ */ m("s", { ...e, className: t(n.strikeThrough, a), ref: r, children: s }));
h.displayName = "S";
export {
  d as A,
  c as B,
  I as Code,
  b as Del,
  p as Em,
  N as I,
  S as Ins,
  g as Kbd,
  u as Mark,
  h as S,
  y as Small,
  i as Strong,
  k as Sub,
  f as Sup
};
//# sourceMappingURL=InlineElements.js.map