import { o as u } from "./rolldown-runtime.js";
import { i as d, t as v } from "./vendor/react.js";
import { t as i } from "./x.js";
import { t as c } from "./Button.js";
import { t as n } from "./dist.js";
import { t as m } from "./utils.js";
var l = /* @__PURE__ */ u(d(), 1), r = v(), f = n("", {
  variants: { size: {
    sm: "",
    md: "",
    lg: ""
  } },
  defaultVariants: { size: "sm" }
}), p = {
  sm: "icon-sm",
  md: "icon",
  lg: "icon-lg"
}, g = l.forwardRef(({ className: a, size: e = "sm", "aria-label": t = "Close", ...s }, o) => /* @__PURE__ */ (0, r.jsxs)(c, {
  ref: o,
  "data-slot": "close-button",
  appearance: "ghost",
  variant: "secondary",
  size: p[e ?? "sm"],
  className: m(f({ size: e }), a),
  "aria-label": t,
  ...s,
  children: [/* @__PURE__ */ (0, r.jsx)(i, {}), /* @__PURE__ */ (0, r.jsx)("span", {
    className: "sr-only",
    children: t
  })]
}));
g.displayName = "CloseButton";
var x = n("flex shrink-0 items-center justify-center rounded-[3px] p-0.5 text-muted-foreground hover:bg-surface-1 hover:text-muted-foreground dark:text-quaternary-foreground dark:hover:text-quaternary-foreground transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", {
  variants: { size: {
    sm: "[&>svg]:size-2.5",
    md: "[&>svg]:size-3",
    lg: "[&>svg]:size-3.5"
  } },
  defaultVariants: { size: "md" }
}), b = l.forwardRef(({ className: a, size: e = "md", "aria-label": t = "Remove", ...s }, o) => /* @__PURE__ */ (0, r.jsx)("button", {
  ref: o,
  type: "button",
  "data-slot": "remove-button",
  className: m(x({ size: e }), a),
  "aria-label": t,
  ...s,
  children: /* @__PURE__ */ (0, r.jsx)(i, {})
}));
b.displayName = "RemoveButton";
export {
  b as n,
  g as t
};

//# sourceMappingURL=close-button.js.map