import { o as m } from "./rolldown-runtime.js";
import { i as g, t as f } from "./vendor/react.js";
import { t as l } from "./dist.js";
import { t as v } from "./utils.js";
var p = /* @__PURE__ */ m(g(), 1), x = f(), b = l("inline-flex items-center justify-center transition-colors duration-200 motion-reduce:transition-none", {
  variants: {
    size: {
      xs: "size-7 p-1.5 [&>svg]:size-4",
      sm: "size-8 p-2 [&>svg]:size-4",
      md: "size-9 p-2.5 [&>svg]:size-4",
      lg: "size-10 p-2.5 [&>svg]:size-5"
    },
    shape: {
      rounded: "rounded-xl",
      round: "rounded-full"
    },
    intent: {
      default: "bg-primary/10 text-primary dark:bg-primary/20",
      success: "bg-success/10 text-success dark:bg-success/20",
      warning: "bg-warning/10 text-warning dark:bg-warning/20",
      error: "bg-destructive/10 text-destructive dark:bg-destructive/20",
      info: "bg-info/10 text-info dark:bg-info/20"
    }
  },
  defaultVariants: {
    size: "md",
    shape: "rounded",
    intent: "default"
  }
}), z = p.forwardRef(({ className: t, size: i, shape: s, intent: a, icon: n, children: o, "aria-label": r, ...d }, c) => {
  const u = n ?? o, e = !r;
  return /* @__PURE__ */ (0, x.jsx)("div", {
    ref: c,
    "data-slot": "featured-icon",
    role: e ? void 0 : "img",
    "aria-hidden": e ? !0 : void 0,
    "aria-label": e ? void 0 : r,
    className: v(b({
      size: i,
      shape: s,
      intent: a
    }), t),
    ...d,
    children: u
  });
});
z.displayName = "FeaturedIcon";
export {
  z as t
};

//# sourceMappingURL=FeaturedIcon.js.map