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
41 lines (40 loc) • 1.18 kB
JavaScript
import { jsxs as r, jsx as o } from "react/jsx-runtime";
import { Collapsible as a } from "@ark-ui/react";
import { forwardRef as m } from "react";
import { m as _, a as b, s as g, b as C } from "./create-recipe-PrEeV78t.mjs";
const s = /* @__PURE__ */ b("collapsible", {}, []), i = {}, l = Object.keys(i), d = /* @__PURE__ */ Object.assign(_(s.recipeFn), {
__recipe__: !0,
__name__: "collapsible",
__getCompoundVariantCss__: s.__getCompoundVariantCss__,
raw: (e) => e,
variantKeys: l,
variantMap: i,
merge(e) {
return C(this, e);
},
splitVariantProps(e) {
return g(e, l);
},
getVariantProps: s.getVariantProps
}), f = m(
({ triggerText: e, children: t, className: n, ...p }, c) => /* @__PURE__ */ r(
a.Root,
{
ref: c,
className: [d(), n].filter(Boolean).join(" "),
...p,
children: [
/* @__PURE__ */ r(a.Trigger, { children: [
e || "Toggle",
/* @__PURE__ */ o(a.Indicator, { children: "â–¼" })
] }),
/* @__PURE__ */ o(a.Content, { children: t })
]
}
)
);
f.displayName = "Collapsible";
export {
f as C
};
//# sourceMappingURL=collapsible-DyG2Rv8m.mjs.map