@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 isArray = (data) => {
  return Array.isArray(data);
};
const isObject = (data) => {
  return data !== null && data && typeof data === "object";
};
const isEmpty = (data) => {
  if (data === null || data === void 0 || data === "undefined") {
    return true;
  }
  if (isArray(data)) {
    return data.length === 0 ? true : false;
  }
  if (isObject(data)) {
    return Object.keys(data).length === 0 ? true : false;
  }
  return data.length === 0 ? true : false;
};
const tailwindContainer = {
  center: "",
  gutters: ""
};
const tailwindGrid = {
  cols: "",
  rows: "",
  flow: "",
  gap: ""
};
const tailwindCols = {
  sm: "",
  md: "",
  lg: "",
  xl: "",
  xxl: "",
  span: "",
  order: ""
};
const tailwindProps = {
  align: "",
  animation: "",
  aspect: "",
  bgClip: "",
  bgColor: "",
  bgImage: "",
  bgPosition: "",
  bgSize: "",
  border: "",
  borderColor: "",
  borderRadius: "",
  borderStyle: "",
  color: "",
  cursor: "",
  display: "",
  divide: "",
  divideColor: "",
  duration: "",
  ease: "",
  focus: "",
  fontFamily: "",
  fontSize: "",
  fontStyle: "",
  fontWeight: "",
  fontVariant: "",
  flex: "",
  grid: "",
  gridFlow: "",
  group: "",
  height: "",
  hover: "",
  inset: "",
  leading: "",
  lineClamp: "",
  listImg: "",
  listPosition: "",
  listStyle: "",
  location: "",
  margin: "",
  maxHeight: "",
  minHeight: "",
  opacity: "",
  origin: "",
  outline: "",
  outlineColor: "",
  outlineOffset: "",
  overflow: "",
  padding: "",
  placeholderColor: "",
  pointerEvents: "",
  position: "",
  ring: "",
  ringColor: "",
  ringOffset: "",
  ringOffsetColor: "",
  rotate: "",
  scale: "",
  shadow: "",
  shadowColor: "",
  size: "",
  space: "",
  spacing: "",
  stroke: "",
  textDecoration: "",
  textTransform: "",
  tracking: "",
  transform: "",
  transition: "",
  translate: "",
  weight: "",
  whiteSpace: "",
  width: "",
  zIndex: "",
  ...tailwindContainer,
  ...tailwindGrid,
  ...tailwindCols
};
const computeTailwind = (props) => {
  let classes = "";
  Object.keys(props).filter((key, i, s) => s.indexOf(key) === i).map((key) => {
    const data = props[key];
    if (isArray(data))
      return;
    if (isObject(data))
      return;
    if (isEmpty(data))
      return;
    if (typeof data === "function")
      return;
    classes = classes.concat(data + " ");
  });
  return classes;
};
const computeProps = (props) => {
  const computed = {};
  Object.keys(props).filter((key, i, s) => s.indexOf(key) === i).filter((key) => !Object.keys(tailwindProps).includes(key)).map((key) => {
    const data = props[key];
    return computed[key] = data;
  });
  return computed;
};
const A = ({ name = "A", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("a", { "data-name": name, className: classes, ...props });
};
const Abbr = ({ name = "Abbr", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("abbr", { "data-name": name, className: classes, ...props });
};
const Address = ({ name = "Address", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("address", { "data-name": name, className: classes, ...props });
};
const Area = ({ name = "Area", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("area", { "data-name": name, className: classes, ...props });
};
const Article = ({ name = "Article", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("article", { "data-name": name, className: classes, ...props });
};
const Aside = ({ name = "Aside", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("aside", { "data-name": name, className: classes, ...props });
};
const Audio = ({ name = "Audio", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("audio", { "data-name": name, className: classes, ...props });
};
const B = ({ name = "B", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("b", { "data-name": name, className: classes, ...props });
};
const Base = ({ name = "Base", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("base", { "data-name": name, className: classes, ...props });
};
const Bdi = ({ name = "Bdi", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("bdi", { "data-name": name, className: classes, ...props });
};
const Bdo = ({ name = "Bdo", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("bdo", { "data-name": name, className: classes, ...props });
};
const Blockquote = ({ name = "Blockquote", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("blockquote", { "data-name": name, className: classes, ...props });
};
const Body = ({ name = "Body", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("body", { "data-name": name, className: classes, ...props });
};
const Br = ({ name = "Br", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("br", { "data-name": name, className: classes, ...props });
};
const Button = ({ name = "Button", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("button", { "data-name": name, className: classes, ...props });
};
const Canvas = ({ name = "Canvas", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("canvas", { "data-name": name, className: classes, ...props });
};
const Caption = ({ name = "Caption", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("caption", { "data-name": name, className: classes, ...props });
};
const Cite = ({ name = "Cite", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("cite", { "data-name": name, className: classes, ...props });
};
const Code = ({ name = "Code", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("code", { "data-name": name, className: classes, ...props });
};
const Data = ({ name = "Data", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("data", { "data-name": name, className: classes, ...props });
};
const DataList = ({ name = "DataList", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("datalist", { "data-name": name, className: classes, ...props });
};
const DD = ({ name = "DD", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("dd", { "data-name": name, className: classes, ...props });
};
const Del = ({ name = "Del", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("del", { "data-name": name, className: classes, ...props });
};
const Details = ({ name = "Details", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("details", { "data-name": name, className: classes, ...props });
};
const Dfn = ({ name = "Dfn", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("dfn", { "data-name": name, className: classes, ...props });
};
const Dialog = ({ name = "Dialog", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("dialog", { "data-name": name, className: classes, ...props });
};
const Div = ({ name = "Div", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-name": name, className: classes, ...props });
};
const Dl = ({ name = "Dl", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("dl", { "data-name": name, className: classes, ...props });
};
const Dt = ({ name = "Dt", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("dt", { "data-name": name, className: classes, ...props });
};
const Em = ({ name = "Em", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("em", { "data-name": name, className: classes, ...props });
};
const Embed = ({ name = "Embed", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("embed", { "data-name": name, className: classes, ...props });
};
const FieldSet = ({ name = "FieldSet", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("fieldset", { "data-name": name, className: classes, ...props });
};
const FigCaption = ({ name = "FigCaption", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("figcaption", { "data-name": name, className: classes, ...props });
};
const Form = ({ name = "Form", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("form", { "data-name": name, className: classes, ...props });
};
const Figure = ({ name = "Figure", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("figure", { "data-name": name, className: classes, ...props });
};
const Footer = ({ name = "Footer", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("footer", { "data-name": name, className: classes, ...props });
};
const H1 = ({ name = "H1", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("h1", { "data-name": name, className: classes, ...props });
};
const H2 = ({ name = "H2", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("h2", { "data-name": name, className: classes, ...props });
};
const H3 = ({ name = "H3", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("h3", { "data-name": name, className: classes, ...props });
};
const H4 = ({ name = "H4", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("h4", { "data-name": name, className: classes, ...props });
};
const H5 = ({ name = "H5", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("h5", { "data-name": name, className: classes, ...props });
};
const H6 = ({ name = "H6", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("h6", { "data-name": name, className: classes, ...props });
};
const Head = ({ name = "Head", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("head", { "data-name": name, className: classes, ...props });
};
const Header = ({ name = "Header", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("header", { "data-name": name, className: classes, ...props });
};
const Hr = ({ name = "Hr", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("hr", { "data-name": name, className: classes, ...props });
};
const Html = ({ name = "HTML", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("html", { "data-name": name, className: classes, ...props });
};
const Iframe = ({ name = "Iframe", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("iframe", { "data-name": name, className: classes, ...props });
};
const Img = ({ name = "Img", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("img", { "data-name": name, className: classes, ...props });
};
const Input = ({ name = "Input", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("input", { "data-name": name, className: classes, ...props });
};
const Ins = ({ name = "Ins", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("ins", { "data-name": name, className: classes, ...props });
};
const Kbd = ({ name = "Kbd", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("kbd", { "data-name": name, className: classes, ...props });
};
const Label = ({ name = "Label", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("label", { "data-name": name, className: classes, ...props });
};
const Legend = ({ name = "Legend", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("legend", { "data-name": name, className: classes, ...props });
};
const Link = ({ name = "Link", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("link", { "data-name": name, className: classes, ...props });
};
const Li = ({ name = "Li", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("li", { "data-name": name, className: classes, ...props });
};
const Main = ({ name = "Main", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("main", { "data-name": name, className: classes, ...props });
};
const Map = ({ name = "Map", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("map", { "data-name": name, className: classes, ...props });
};
const Mark = ({ name = "Mark", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("mark", { "data-name": name, className: classes, ...props });
};
const Menu = ({ name = "Menu", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("menu", { "data-name": name, className: classes, ...props });
};
const Meta = ({ name = "Meta", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("meta", { "data-name": name, className: classes, ...props });
};
const Meter = ({ name = "Meter", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("meter", { "data-name": name, className: classes, ...props });
};
const Nav = ({ name = "Nav", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("nav", { "data-name": name, className: classes, ...props });
};
const NoScript = ({ name = "NoScript", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("noscript", { "data-name": name, className: classes, ...props });
};
const Object$1 = ({ name = "Object", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("object", { "data-name": name, className: classes, ...props });
};
const Ol = ({ name = "Ol", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("ol", { "data-name": name, className: classes, ...props });
};
const OptGroup = ({ name = "OptGroup", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("optgroup", { "data-name": name, className: classes, ...props });
};
const Option = ({ name = "Option", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("option", { "data-name": name, className: classes, ...props });
};
const Output = ({ name = "Output", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("output", { "data-name": name, className: classes, ...props });
};
const P = ({ name = "P", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("p", { "data-name": name, className: classes, ...props });
};
const Pre = ({ name = "Pre", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("pre", { "data-name": name, className: classes, ...props });
};
const Param = ({ name = "Param", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("param", { "data-name": name, className: classes, ...props });
};
const Picture = ({ name = "Picture", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("picture", { "data-name": name, className: classes, ...props });
};
const Progress = ({ name = "Progress", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("progress", { "data-name": name, className: classes, ...props });
};
const Q = ({ name = "Q", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("q", { "data-name": name, className: classes, ...props });
};
const Rp = ({ name = "Rp", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("rp", { "data-name": name, className: classes, ...props });
};
const Rt = ({ name = "Rt", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("rt", { "data-name": name, className: classes, ...props });
};
const Ruby = ({ name = "Ruby", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("ruby", { "data-name": name, className: classes, ...props });
};
const S = ({ name = "S", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("s", { "data-name": name, className: classes, ...props });
};
const Samp = ({ name = "Samp", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("samp", { "data-name": name, className: classes, ...props });
};
const Script = ({ name = "Script", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("script", { "data-name": name, className: classes, ...props });
};
const Section = ({ name = "Section", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("section", { "data-name": name, className: classes, ...props });
};
const Select = ({ name = "Select", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("select", { "data-name": name, className: classes, ...props });
};
const Small = ({ name = "Small", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("small", { "data-name": name, className: classes, ...props });
};
const Span = ({ name = "Span", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("span", { "data-name": name, className: classes, ...props });
};
const Ul = ({ name = "Ul", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("ul", { "data-name": name, className: classes, ...props });
};
const Strong = ({ name = "Strong", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("strong", { "data-name": name, className: classes, ...props });
};
const Sub = ({ name = "Sub", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("sub", { "data-name": name, className: classes, ...props });
};
const Summary = ({ name = "Summary", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("summary", { "data-name": name, className: classes, ...props });
};
const Sup = ({ name = "Sup", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("sup", { "data-name": name, className: classes, ...props });
};
const Table = ({ name = "Table", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("table", { "data-name": name, className: classes, ...props });
};
const TBody = ({ name = "TBody", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("tbody", { "data-name": name, className: classes, ...props });
};
const TD = ({ name = "TD", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("td", { "data-name": name, className: classes, ...props });
};
const Template = ({ name = "Template", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("template", { "data-name": name, className: classes, ...props });
};
const TextArea = ({ name = "TextArea", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("textarea", { "data-name": name, className: classes, ...props });
};
const TFoot = ({ name = "TFoot", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("tfoot", { "data-name": name, className: classes, ...props });
};
const TH = ({ name = "TH", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("th", { "data-name": name, className: classes, ...props });
};
const THead = ({ name = "THead", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("thead", { "data-name": name, className: classes, ...props });
};
const Time = ({ name = "Time", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("time", { "data-name": name, className: classes, ...props });
};
const Title = ({ name = "Title", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("title", { "data-name": name, className: classes, ...props });
};
const TR = ({ name = "TR", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("tr", { "data-name": name, className: classes, ...props });
};
const Track = ({ name = "Track", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("track", { "data-name": name, className: classes, ...props });
};
const U = ({ name = "U", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("u", { "data-name": name, className: classes, ...props });
};
const Var = ({ name = "Var", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("var", { "data-name": name, className: classes, ...props });
};
const Video = ({ name = "Video", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("video", { "data-name": name, className: classes, ...props });
};
const Wbr = ({ name = "Wbr", tailwind, className, ...props }) => {
  const base = {};
  const classes = computeTailwind({ ...base, ...tailwind, className });
  return /* @__PURE__ */ jsxRuntime.jsx("wbr", { "data-name": name, className: classes, ...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 = Object$1;
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.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.computeProps = computeProps;
exports.computeTailwind = computeTailwind;