welcome-ui/dist/Loader.js

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

"use client";
import { jsxs as d, jsx as a } from "react/jsx-runtime";
import { c as _ } from "./index-PAaZGbyz.js";
import "react";
const l = "_root_og4ds_2", c = "_dot_og4ds_7", m = {
  root: l,
  dot: c,
  "dot-bounce": "_dot-bounce_og4ds_1",
  "size-xs": "_size-xs_og4ds_32",
  "size-sm": "_size-sm_og4ds_35",
  "size-md": "_size-md_og4ds_38",
  "size-lg": "_size-lg_og4ds_41",
  "variant-primary": "_variant-primary_og4ds_44",
  "variant-neutral": "_variant-neutral_og4ds_47",
  "variant-violet": "_variant-violet_og4ds_50"
}, g = ["xs", "sm", "md", "lg"], t = _(m), p = (o) => Object.values(g).includes(o), y = ({
  className: o = "",
  size: s = "sm",
  variant: i = "neutral",
  ...n
}) => {
  const r = typeof s == "string" && /[a-zA-Z]/.test(s) ? s : `${s}px`, e = p(r) ? {} : { "--size": r };
  return /* @__PURE__ */ d("div", { ...n, className: t("root", `variant-${i}`, o), children: [
    /* @__PURE__ */ a("span", { className: t("dot", `size-${s}`), style: e }),
    /* @__PURE__ */ a("span", { className: t("dot", `size-${s}`), style: e }),
    /* @__PURE__ */ a("span", { className: t("dot", `size-${s}`), style: e })
  ] });
};
export {
  y as Loader
};