@ehubbell/html/dist/index.cjs.js

An HTML component library with Tailwind rollups.

"use strict";
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
const jsxRuntime = require("react/jsx-runtime");
const tailwindBaseKeys = {
  align: "",
  alignContent: "",
  alignItems: "",
  alignSelf: "",
  animation: "",
  appearance: "",
  aspect: "",
  bgBlur: "",
  bgAttachment: "",
  bgClip: "",
  bgColor: "",
  bgImage: "",
  bgOrigin: "",
  bgOpacity: "",
  bgPosition: "",
  bgRepeat: "",
  bgSize: "",
  borderCollapse: "",
  border: "",
  borderColor: "",
  borderOpacity: "",
  borderRadius: "",
  borderSpacing: "",
  borderStyle: "",
  borderWidth: "",
  bottom: "",
  basis: "",
  color: "",
  columns: "",
  cursor: "",
  display: "",
  divide: "",
  divideColor: "",
  divideOpacity: "",
  divideStyle: "",
  divideWidth: "",
  duration: "",
  fade: "",
  focus: "",
  fontFamily: "",
  fontSize: "",
  fontStyle: "",
  fontWeight: "",
  fontVariant: "",
  flex: "",
  flexDirection: "",
  flexWrap: "",
  fill: "",
  forcedColorAdjust: "",
  grid: "",
  gridColumn: "",
  gridCols: "",
  gridFlow: "",
  gridRow: "",
  gridRows: "",
  group: "",
  grow: "",
  height: "",
  hover: "",
  items: "",
  inset: "",
  justify: "",
  justifyContent: "",
  justifyItems: "",
  justifySelf: "",
  leading: "",
  left: "",
  lineClamp: "",
  listImg: "",
  listPosition: "",
  listStyle: "",
  location: "",
  margin: "",
  maxHeight: "",
  maxWidth: "",
  minHeight: "",
  minWidth: "",
  objectFit: "",
  objectPosition: "",
  opacity: "",
  origin: "",
  outline: "",
  outlineColor: "",
  outlineOffset: "",
  outlineStyle: "",
  outlineWidth: "",
  overflow: "",
  overflowWrap: "",
  padding: "",
  path: "",
  placeholderColor: "",
  placeContent: "",
  placeItems: "",
  placeSelf: "",
  pointerEvents: "",
  position: "",
  ring: "",
  ringColor: "",
  ringOffset: "",
  ringOffsetColor: "",
  resize: "",
  right: "",
  rotate: "",
  scale: "",
  shadow: "",
  shadowColor: "",
  shrink: "",
  size: "",
  space: "",
  spacing: "",
  stroke: "",
  strokeWidth: "",
  tableLayout: "",
  textAlign: "",
  textColor: "",
  textDecoration: "",
  textOverflow: "",
  textTransform: "",
  textWrap: "",
  top: "",
  tracking: "",
  transform: "",
  transition: "",
  translate: "",
  touchAction: "",
  userSelect: "",
  visibility: "",
  willChange: "",
  weight: "",
  whitespace: "",
  width: "",
  wordBreak: "",
  zIndex: "",
  variants: "",
  tailwind: ""
};
const tailwindContainerKeys = {
  center: "",
  gutters: ""
};
const tailwindGridKeys = {
  cols: "",
  rows: "",
  flow: "",
  gap: "",
  autoCols: "",
  autoRows: ""
};
const tailwindColKeys = {
  sm: "",
  md: "",
  lg: "",
  xl: "",
  xxl: "",
  span: "",
  order: ""
};
const tailwindKeys = {
  ...tailwindBaseKeys,
  ...tailwindContainerKeys,
  ...tailwindGridKeys,
  ...tailwindColKeys
};
const tailwindKeySet = new Set(Object.keys(tailwindKeys));
const classNameKeySet = /* @__PURE__ */ new Set([...tailwindKeySet, "className"]);
const hasOwn = Object.prototype.hasOwnProperty;
const isClassName = (value) => typeof value === "string" && value.length > 0 && value !== "undefined";
const filterProps = (data = {}, attrs = [], include = true) => {
  const formattedData = {};
  const attrSet = new Set(attrs);
  for (const key in data) {
    if (include ? attrSet.has(key) : !attrSet.has(key)) {
      formattedData[key] = data[key];
    }
  }
  return formattedData;
};
const formatProps = (props = {}) => {
  const formattedData = {};
  for (const key in props) {
    if (!tailwindKeySet.has(key)) {
      formattedData[key] = props[key];
    }
  }
  return formattedData;
};
const formatClassNames = (props = {}, className = "") => {
  let classes = "";
  for (const key in props) {
    if (classNameKeySet.has(key) && isClassName(props[key])) {
      classes += props[key] + " ";
    }
  }
  if (isClassName(className)) {
    classes += className + " ";
  }
  return classes;
};
const formatElementProps = (props = {}, tailwind = {}, className = "") => {
  const formattedProps = {};
  const hasTailwindProps = tailwind && typeof tailwind === "object";
  let classes = "";
  for (const key in props) {
    if (key === "className") {
      if (isClassName(props[key])) {
        classes += props[key] + " ";
      }
    } else if (tailwindKeySet.has(key)) {
      const value = hasTailwindProps && hasOwn.call(tailwind, key) ? tailwind[key] : props[key];
      if (isClassName(value)) {
        classes += value + " ";
      }
    } else {
      formattedProps[key] = props[key];
    }
  }
  if (hasTailwindProps) {
    for (const key in tailwind) {
      if (tailwindKeySet.has(key) && !hasOwn.call(props, key) && isClassName(tailwind[key])) {
        classes += tailwind[key] + " ";
      }
    }
  }
  if (isClassName(className)) {
    classes += className + " ";
  }
  return {
    className: classes,
    props: formattedProps
  };
};
const A = ({ name = "A", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("a", { "data-name": name, className: formatted.className, ...formatted.props });
};
const Abbr = ({ name = "Abbr", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("abbr", { "data-name": name, className: formatted.className, ...formatted.props });
};
const Address = ({ name = "Address", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("address", { "data-name": name, className: formatted.className, ...formatted.props });
};
const Area = ({ name = "Area", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("area", { "data-name": name, className: formatted.className, ...formatted.props });
};
const Article = ({ name = "Article", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("article", { "data-name": name, className: formatted.className, ...formatted.props });
};
const Aside = ({ name = "Aside", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("aside", { "data-name": name, className: formatted.className, ...formatted.props });
};
const Audio = ({ name = "Audio", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("audio", { "data-name": name, className: formatted.className, ...formatted.props });
};
const B = ({ name = "B", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("b", { "data-name": name, className: formatted.className, ...formatted.props });
};
const Base = ({ name = "Base", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("base", { "data-name": name, className: formatted.className, ...formatted.props });
};
const Bdi = ({ name = "Bdi", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("bdi", { "data-name": name, className: formatted.className, ...formatted.props });
};
const Bdo = ({ name = "Bdo", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("bdo", { "data-name": name, className: formatted.className, ...formatted.props });
};
const Blockquote = ({ name = "Blockquote", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("blockquote", { "data-name": name, className: formatted.className, ...formatted.props });
};
const Body = ({ name = "Body", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("body", { "data-name": name, className: formatted.className, ...formatted.props });
};
const Br = ({ name = "Br", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("br", { "data-name": name, className: formatted.className, ...formatted.props });
};
const Button = ({ name = "Button", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("button", { "data-name": name, className: formatted.className, ...formatted.props });
};
const Canvas = ({ name = "Canvas", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("canvas", { "data-name": name, className: formatted.className, ...formatted.props });
};
const Caption = ({ name = "Caption", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("caption", { "data-name": name, className: formatted.className, ...formatted.props });
};
const Cite = ({ name = "Cite", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("cite", { "data-name": name, className: formatted.className, ...formatted.props });
};
const Code = ({ name = "Code", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("code", { "data-name": name, className: formatted.className, ...formatted.props });
};
const Data = ({ name = "Data", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("data", { "data-name": name, className: formatted.className, ...formatted.props });
};
const DataList = ({ name = "DataList", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("datalist", { "data-name": name, className: formatted.className, ...formatted.props });
};
const DD = ({ name = "DD", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("dd", { "data-name": name, className: formatted.className, ...formatted.props });
};
const Del = ({ name = "Del", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("del", { "data-name": name, className: formatted.className, ...formatted.props });
};
const Details = ({ name = "Details", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("details", { "data-name": name, className: formatted.className, ...formatted.props });
};
const Dfn = ({ name = "Dfn", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("dfn", { "data-name": name, className: formatted.className, ...formatted.props });
};
const Dialog = ({ name = "Dialog", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("dialog", { "data-name": name, className: formatted.className, ...formatted.props });
};
const Div = ({ name = "Div", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-name": name, className: formatted.className, ...formatted.props });
};
const Dl = ({ name = "Dl", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("dl", { "data-name": name, className: formatted.className, ...formatted.props });
};
const Dt = ({ name = "Dt", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("dt", { "data-name": name, className: formatted.className, ...formatted.props });
};
const Em = ({ name = "Em", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("em", { "data-name": name, className: formatted.className, ...formatted.props });
};
const Embed = ({ name = "Embed", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("embed", { "data-name": name, className: formatted.className, ...formatted.props });
};
const FieldSet = ({ name = "FieldSet", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("fieldset", { "data-name": name, className: formatted.className, ...formatted.props });
};
const FigCaption = ({ name = "FigCaption", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("figcaption", { "data-name": name, className: formatted.className, ...formatted.props });
};
const Form = ({ name = "Form", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("form", { "data-name": name, className: formatted.className, ...formatted.props });
};
const Figure = ({ name = "Figure", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("figure", { "data-name": name, className: formatted.className, ...formatted.props });
};
const Footer = ({ name = "Footer", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("footer", { "data-name": name, className: formatted.className, ...formatted.props });
};
const H1 = ({ name = "H1", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("h1", { "data-name": name, className: formatted.className, ...formatted.props });
};
const H2 = ({ name = "H2", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("h2", { "data-name": name, className: formatted.className, ...formatted.props });
};
const H3 = ({ name = "H3", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("h3", { "data-name": name, className: formatted.className, ...formatted.props });
};
const H4 = ({ name = "H4", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("h4", { "data-name": name, className: formatted.className, ...formatted.props });
};
const H5 = ({ name = "H5", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("h5", { "data-name": name, className: formatted.className, ...formatted.props });
};
const H6 = ({ name = "H6", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("h6", { "data-name": name, className: formatted.className, ...formatted.props });
};
const Head = ({ name = "Head", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("head", { "data-name": name, className: formatted.className, ...formatted.props });
};
const Header = ({ name = "Header", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("header", { "data-name": name, className: formatted.className, ...formatted.props });
};
const Hr = ({ name = "Hr", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("hr", { "data-name": name, className: formatted.className, ...formatted.props });
};
const Html = ({ name = "HTML", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("html", { "data-name": name, className: formatted.className, ...formatted.props });
};
const Iframe = ({ name = "Iframe", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("iframe", { "data-name": name, className: formatted.className, ...formatted.props });
};
const Img = ({ name = "Img", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("img", { "data-name": name, className: formatted.className, ...formatted.props });
};
const Input = ({ name = "Input", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("input", { "data-name": name, className: formatted.className, ...formatted.props });
};
const Ins = ({ name = "Ins", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("ins", { "data-name": name, className: formatted.className, ...formatted.props });
};
const Kbd = ({ name = "Kbd", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("kbd", { "data-name": name, className: formatted.className, ...formatted.props });
};
const Label = ({ name = "Label", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("label", { "data-name": name, className: formatted.className, ...formatted.props });
};
const Legend = ({ name = "Legend", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("legend", { "data-name": name, className: formatted.className, ...formatted.props });
};
const Link = ({ name = "Link", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("link", { "data-name": name, className: formatted.className, ...formatted.props });
};
const Li = ({ name = "Li", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("li", { "data-name": name, className: formatted.className, ...formatted.props });
};
const Main = ({ name = "Main", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("main", { "data-name": name, className: formatted.className, ...formatted.props });
};
const Map = ({ name = "Map", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("map", { "data-name": name, className: formatted.className, ...formatted.props });
};
const Mark = ({ name = "Mark", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("mark", { "data-name": name, className: formatted.className, ...formatted.props });
};
const Menu = ({ name = "Menu", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("menu", { "data-name": name, className: formatted.className, ...formatted.props });
};
const Meta = ({ name = "Meta", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("meta", { "data-name": name, className: formatted.className, ...formatted.props });
};
const Meter = ({ name = "Meter", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("meter", { "data-name": name, className: formatted.className, ...formatted.props });
};
const Nav = ({ name = "Nav", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("nav", { "data-name": name, className: formatted.className, ...formatted.props });
};
const NoScript = ({ name = "NoScript", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("noscript", { "data-name": name, className: formatted.className, ...formatted.props });
};
const ObjectComponent = ({ name = "Object", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("object", { "data-name": name, className: formatted.className, ...formatted.props });
};
const Ol = ({ name = "Ol", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("ol", { "data-name": name, className: formatted.className, ...formatted.props });
};
const OptGroup = ({ name = "OptGroup", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("optgroup", { "data-name": name, className: formatted.className, ...formatted.props });
};
const Option = ({ name = "Option", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("option", { "data-name": name, className: formatted.className, ...formatted.props });
};
const Output = ({ name = "Output", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("output", { "data-name": name, className: formatted.className, ...formatted.props });
};
const P = ({ name = "P", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("p", { "data-name": name, className: formatted.className, ...formatted.props });
};
const Pre = ({ name = "Pre", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("pre", { "data-name": name, className: formatted.className, ...formatted.props });
};
const Param = ({ name = "Param", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("param", { "data-name": name, className: formatted.className, ...formatted.props });
};
const Picture = ({ name = "Picture", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("picture", { "data-name": name, className: formatted.className, ...formatted.props });
};
const Progress = ({ name = "Progress", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("progress", { "data-name": name, className: formatted.className, ...formatted.props });
};
const Q = ({ name = "Q", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("q", { "data-name": name, className: formatted.className, ...formatted.props });
};
const Rp = ({ name = "Rp", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("rp", { "data-name": name, className: formatted.className, ...formatted.props });
};
const Rt = ({ name = "Rt", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("rt", { "data-name": name, className: formatted.className, ...formatted.props });
};
const Ruby = ({ name = "Ruby", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("ruby", { "data-name": name, className: formatted.className, ...formatted.props });
};
const S = ({ name = "S", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("s", { "data-name": name, className: formatted.className, ...formatted.props });
};
const Samp = ({ name = "Samp", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("samp", { "data-name": name, className: formatted.className, ...formatted.props });
};
const Script = ({ name = "Script", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("script", { "data-name": name, className: formatted.className, ...formatted.props });
};
const Section = ({ name = "Section", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("section", { "data-name": name, className: formatted.className, ...formatted.props });
};
const Select = ({ name = "Select", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("select", { "data-name": name, className: formatted.className, ...formatted.props });
};
const Small = ({ name = "Small", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("small", { "data-name": name, className: formatted.className, ...formatted.props });
};
const Source = ({ name = "Source", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("source", { "data-name": name, className: formatted.className, ...formatted.props });
};
const Span = ({ name = "Span", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("span", { "data-name": name, className: formatted.className, ...formatted.props });
};
const Ul = ({ name = "Ul", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("ul", { "data-name": name, className: formatted.className, ...formatted.props });
};
const Strong = ({ name = "Strong", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("strong", { "data-name": name, className: formatted.className, ...formatted.props });
};
const Sub = ({ name = "Sub", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("sub", { "data-name": name, className: formatted.className, ...formatted.props });
};
const Summary = ({ name = "Summary", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("summary", { "data-name": name, className: formatted.className, ...formatted.props });
};
const Sup = ({ name = "Sup", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("sup", { "data-name": name, className: formatted.className, ...formatted.props });
};
const Table = ({ name = "Table", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("table", { "data-name": name, className: formatted.className, ...formatted.props });
};
const TBody = ({ name = "TBody", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("tbody", { "data-name": name, className: formatted.className, ...formatted.props });
};
const TD = ({ name = "TD", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("td", { "data-name": name, className: formatted.className, ...formatted.props });
};
const Template = ({ name = "Template", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("template", { "data-name": name, className: formatted.className, ...formatted.props });
};
const TextArea = ({ name = "TextArea", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("textarea", { "data-name": name, className: formatted.className, ...formatted.props });
};
const TFoot = ({ name = "TFoot", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("tfoot", { "data-name": name, className: formatted.className, ...formatted.props });
};
const TH = ({ name = "TH", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("th", { "data-name": name, className: formatted.className, ...formatted.props });
};
const THead = ({ name = "THead", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("thead", { "data-name": name, className: formatted.className, ...formatted.props });
};
const Time = ({ name = "Time", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("time", { "data-name": name, className: formatted.className, ...formatted.props });
};
const Title = ({ name = "Title", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("title", { "data-name": name, className: formatted.className, ...formatted.props });
};
const TR = ({ name = "TR", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("tr", { "data-name": name, className: formatted.className, ...formatted.props });
};
const Track = ({ name = "Track", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("track", { "data-name": name, className: formatted.className, ...formatted.props });
};
const U = ({ name = "U", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("u", { "data-name": name, className: formatted.className, ...formatted.props });
};
const Var = ({ name = "Var", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("var", { "data-name": name, className: formatted.className, ...formatted.props });
};
const Video = ({ name = "Video", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("video", { "data-name": name, className: formatted.className, ...formatted.props });
};
const Wbr = ({ name = "Wbr", tailwind, className, ...props }) => {
  const formatted = formatElementProps(props, tailwind, className);
  return /* @__PURE__ */ jsxRuntime.jsx("wbr", { "data-name": name, className: formatted.className, ...formatted.props });
};
exports.A = A;
exports.Abbr = Abbr;
exports.Address = Address;
exports.Area = Area;
exports.Article = Article;
exports.Aside = Aside;
exports.Audio = Audio;
exports.B = B;
exports.Base = Base;
exports.Bdi = Bdi;
exports.Bdo = Bdo;
exports.Blockquote = Blockquote;
exports.Body = Body;
exports.Br = Br;
exports.Button = Button;
exports.Canvas = Canvas;
exports.Caption = Caption;
exports.Cite = Cite;
exports.Code = Code;
exports.DD = DD;
exports.Data = Data;
exports.DataList = DataList;
exports.Del = Del;
exports.Details = Details;
exports.Dfn = Dfn;
exports.Dialog = Dialog;
exports.Div = Div;
exports.Dl = Dl;
exports.Dt = Dt;
exports.Em = Em;
exports.Embed = Embed;
exports.FieldSet = FieldSet;
exports.FigCaption = FigCaption;
exports.Figure = Figure;
exports.Footer = Footer;
exports.Form = Form;
exports.H1 = H1;
exports.H2 = H2;
exports.H3 = H3;
exports.H4 = H4;
exports.H5 = H5;
exports.H6 = H6;
exports.Head = Head;
exports.Header = Header;
exports.Hr = Hr;
exports.Html = Html;
exports.Iframe = Iframe;
exports.Img = Img;
exports.Input = Input;
exports.Ins = Ins;
exports.Kbd = Kbd;
exports.Label = Label;
exports.Legend = Legend;
exports.Li = Li;
exports.Link = Link;
exports.Main = Main;
exports.Map = Map;
exports.Mark = Mark;
exports.Menu = Menu;
exports.Meta = Meta;
exports.Meter = Meter;
exports.Nav = Nav;
exports.NoScript = NoScript;
exports.Object = ObjectComponent;
exports.Ol = Ol;
exports.OptGroup = OptGroup;
exports.Option = Option;
exports.Output = Output;
exports.P = P;
exports.Param = Param;
exports.Picture = Picture;
exports.Pre = Pre;
exports.Progress = Progress;
exports.Q = Q;
exports.Rp = Rp;
exports.Rt = Rt;
exports.Ruby = Ruby;
exports.S = S;
exports.Samp = Samp;
exports.Script = Script;
exports.Section = Section;
exports.Select = Select;
exports.Small = Small;
exports.Source = Source;
exports.Span = Span;
exports.Strong = Strong;
exports.Sub = Sub;
exports.Summary = Summary;
exports.Sup = Sup;
exports.TBody = TBody;
exports.TD = TD;
exports.TFoot = TFoot;
exports.TH = TH;
exports.THead = THead;
exports.TR = TR;
exports.Table = Table;
exports.Template = Template;
exports.TextArea = TextArea;
exports.Time = Time;
exports.Title = Title;
exports.Track = Track;
exports.U = U;
exports.Ul = Ul;
exports.Var = Var;
exports.Video = Video;
exports.Wbr = Wbr;
exports.filterProps = filterProps;
exports.formatClassNames = formatClassNames;
exports.formatElementProps = formatElementProps;
exports.formatProps = formatProps;