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
46 lines (45 loc) • 1.35 kB
JavaScript
import { jsxs as i, jsx as o } from "react/jsx-runtime";
import { Clipboard as a } from "@ark-ui/react";
import { forwardRef as d } from "react";
import { m, a as _, s as b, b as C } from "./create-recipe-PrEeV78t.mjs";
const e = /* @__PURE__ */ _("clipboard", {}, []), s = {}, t = Object.keys(s), g = /* @__PURE__ */ Object.assign(m(e.recipeFn), {
__recipe__: !0,
__name__: "clipboard",
__getCompoundVariantCss__: e.__getCompoundVariantCss__,
raw: (r) => r,
variantKeys: t,
variantMap: s,
merge(r) {
return C(this, r);
},
splitVariantProps(r) {
return b(r, t);
},
getVariantProps: e.getVariantProps
}), f = d(
({ value: r, children: n, className: p, ...c }, l) => /* @__PURE__ */ i(
a.Root,
{
ref: l,
className: [g(), p].filter(Boolean).join(" "),
value: r,
...c,
children: [
/* @__PURE__ */ o(a.Label, { children: "Copy to clipboard" }),
/* @__PURE__ */ i(a.Control, { children: [
/* @__PURE__ */ o(a.Input, {}),
/* @__PURE__ */ i(a.Trigger, { children: [
/* @__PURE__ */ o(a.Indicator, { copied: "✓" }),
/* @__PURE__ */ o(a.Indicator, { children: "📋" })
] })
] }),
n
]
}
)
);
f.displayName = "Clipboard";
export {
f as C
};
//# sourceMappingURL=clipboard-CXvUF5c1.mjs.map