welcome-ui/dist/OCCHVUS4-BJVLPRH8.js

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

"use client";
import { a as l } from "./WLZ6H5FH-CuTcX7sR.js";
import { u } from "./HMKTUWOU-NkVXWCyR.js";
import { f as c, c as m, a as d, u as f } from "./U6HHPQDW-CzxyP5H7.js";
import { useMemo as D } from "react";
import { jsxs as x, jsx as n } from "react/jsx-runtime";
var g = "button", h = m(
  function({ store: o, ...i }) {
    const r = l();
    o = o || r;
    const e = i.onClick, a = f((s) => {
      e == null || e(s), !s.defaultPrevented && (o == null || o.hide());
    });
    return i = {
      "data-dialog-dismiss": "",
      children: D(
        () => /* @__PURE__ */ x(
          "svg",
          {
            "aria-label": "Dismiss popup",
            display: "block",
            fill: "none",
            stroke: "currentColor",
            strokeLinecap: "round",
            strokeLinejoin: "round",
            strokeWidth: 1.5,
            viewBox: "0 0 16 16",
            height: "1em",
            width: "1em",
            children: [
              /* @__PURE__ */ n("line", { x1: "4", y1: "4", x2: "12", y2: "12" }),
              /* @__PURE__ */ n("line", { x1: "4", y1: "12", x2: "12", y2: "4" })
            ]
          }
        ),
        []
      ),
      ...i,
      onClick: a
    }, i = u(i), i;
  }
), j = c(function(o) {
  const i = h(o);
  return d(g, i);
});
export {
  j as D
};