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
44 lines (43 loc) • 1.31 kB
JavaScript
import { jsxs as t, jsx as s } from "react/jsx-runtime";
import { Slider as e } from "@ark-ui/react";
import { forwardRef as f } from "react";
import { m as u, a as P, s as h, b as j } from "./create-recipe-PrEeV78t.mjs";
const a = /* @__PURE__ */ P("slider", {
size: "md"
}, []), p = {
size: [
"sm",
"md",
"lg"
]
}, o = Object.keys(p), n = /* @__PURE__ */ Object.assign(u(a.recipeFn), {
__recipe__: !0,
__name__: "slider",
__getCompoundVariantCss__: a.__getCompoundVariantCss__,
raw: (r) => r,
variantKeys: o,
variantMap: p,
merge(r) {
return j(this, r);
},
splitVariantProps(r) {
return h(r, o);
},
getVariantProps: a.getVariantProps
}), C = f(
({ label: r, size: l, children: i, className: m, ...c }, d) => {
const [_, g] = n.splitVariantProps({ size: l }), V = [n(_), m].filter(Boolean).join(" ");
return /* @__PURE__ */ t(e.Root, { ref: d, className: V, ...g, ...c, children: [
(r || i) && /* @__PURE__ */ s(e.Label, { children: r || i }),
/* @__PURE__ */ t(e.Control, { children: [
/* @__PURE__ */ s(e.Track, { children: /* @__PURE__ */ s(e.Range, {}) }),
/* @__PURE__ */ s(e.Thumb, { index: 0 })
] })
] });
}
);
C.displayName = "Slider";
export {
C as S
};
//# sourceMappingURL=slider-BngYI0Ul.mjs.map