welcome-ui/dist/Loader.js

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

"use client";
import './Loader.css';
import { jsxs as _, jsx as o } from "react/jsx-runtime";
import { c as l } from "./index-B6iGEm-i.js";
import "react";
const p = "_root_bj4qp_2", c = "_dot_bj4qp_7", d = {
  root: p,
  dot: c,
  "dot-bounce": "_dot-bounce_bj4qp_1",
  "size-xs": "_size-xs_bj4qp_32",
  "size-sm": "_size-sm_bj4qp_35",
  "size-md": "_size-md_bj4qp_38",
  "size-lg": "_size-lg_bj4qp_41",
  "variant-primary": "_variant-primary_bj4qp_44",
  "variant-neutral": "_variant-neutral_bj4qp_47",
  "variant-violet": "_variant-violet_bj4qp_50"
}, m = ["xs", "sm", "md", "lg"], t = l(d), b = (a) => Object.values(m).includes(a), j = ({
  className: a = "",
  size: s = "sm",
  variant: i = "neutral",
  ...n
}) => {
  const r = typeof s == "string" && /[a-zA-Z]/.test(s) ? s : `${s}px`, e = b(r) ? {} : { "--size": r };
  return /* @__PURE__ */ _("div", { ...n, className: t("root", `variant-${i}`, a), children: [
    /* @__PURE__ */ o("span", { className: t("dot", `size-${s}`), style: e }),
    /* @__PURE__ */ o("span", { className: t("dot", `size-${s}`), style: e }),
    /* @__PURE__ */ o("span", { className: t("dot", `size-${s}`), style: e })
  ] });
};
j.displayName = "Loader";
export {
  j as Loader,
  d as loaderClasses
};