welcome-ui
Version:
Customizable design system with react • styled-components • styled-system and ariakit.
28 lines (27 loc) • 766 B
JavaScript
"use client";
import { j as t } from "./jsx-runtime-Bqq1Hxg9.mjs";
import "./Icon.mjs";
import { C as i } from "./index-KxL21VJb.mjs";
import { forwardRef as n } from "./System.mjs";
import a, { keyframes as m, css as c, th as p } from "@xstyled/styled-components";
import { Button as f } from "./Button.mjs";
const l = m`
from {
opacity: 0;
}
to {
opacity: 1;
}
`, u = c`
${l}
`, o = a(f)`
pointer-events: auto;
animation: ${p("transitions.medium")};
animation-name: ${u};
`, B = n(
({ size: r = "xs", ...e }, s) => /* @__PURE__ */ t.jsx(o, { ref: s, shape: "circle", size: r, title: "Clear", variant: "ghost", ...e, children: /* @__PURE__ */ t.jsx(i, { size: "xxs" }) })
), $ = o;
export {
B as ClearButton,
$ as StyledClearButton
};