liquidify-react
Version:
🚀 Production-ready React component library inspired by Apple's new design language post-WWDC 2025. Built with Panda CSS and React, using Bun as runtime (npm compatible). Helps developers maintain design consistency for Apple platform apps. 47+ components
34 lines (33 loc) • 902 B
JavaScript
import { jsx as i } from "react/jsx-runtime";
import { forwardRef as p } from "react";
import { m, a as _, s as c, b as g } from "./create-recipe-PrEeV78t.mjs";
import { c as d } from "./cx-DSqNu2Ai.mjs";
const e = /* @__PURE__ */ _("badge", {
tone: "neutral"
}, []), t = {
tone: [
"neutral",
"blue"
]
}, r = Object.keys(t), b = /* @__PURE__ */ Object.assign(m(e.recipeFn), {
__recipe__: !0,
__name__: "badge",
__getCompoundVariantCss__: e.__getCompoundVariantCss__,
raw: (a) => a,
variantKeys: r,
variantMap: t,
merge(a) {
return g(this, a);
},
splitVariantProps(a) {
return c(a, r);
},
getVariantProps: e.getVariantProps
}), u = p(
({ tone: a = "neutral", className: s, ...n }, o) => /* @__PURE__ */ i("span", { ref: o, className: d(b({ tone: a }), s), ...n })
);
u.displayName = "Badge";
export {
u as B
};
//# sourceMappingURL=Badge-DJsETUsJ.mjs.map