UNPKG

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
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