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
55 lines (54 loc) • 1.42 kB
JavaScript
import { jsxs as d, jsx as e } from "react/jsx-runtime";
import { Progress as s } from "@ark-ui/react";
import { forwardRef as L } from "react";
import { m as f, a as u, s as j, b as R } from "./create-recipe-PrEeV78t.mjs";
const a = /* @__PURE__ */ u("progress-linear", {
size: "md"
}, []), n = {
size: [
"sm",
"md",
"lg"
]
}, t = Object.keys(n), i = /* @__PURE__ */ Object.assign(f(a.recipeFn), {
__recipe__: !0,
__name__: "progressLinear",
__getCompoundVariantCss__: a.__getCompoundVariantCss__,
raw: (r) => r,
variantKeys: t,
variantMap: n,
merge(r) {
return R(this, r);
},
splitVariantProps(r) {
return j(r, t);
},
getVariantProps: a.getVariantProps
}), x = L(
({ label: r, value: p = 0, max: m = 100, size: g, children: o, className: c, ..._ }, l) => {
const [P, V] = i.splitVariantProps({
size: g
});
return /* @__PURE__ */ d(
s.Root,
{
ref: l,
className: [i(P), c].filter(Boolean).join(" "),
value: p,
max: m,
...V,
..._,
children: [
(r || o) && /* @__PURE__ */ e(s.Label, { children: r || o }),
/* @__PURE__ */ e(s.Track, { children: /* @__PURE__ */ e(s.Range, {}) }),
/* @__PURE__ */ e(s.ValueText, {})
]
}
);
}
);
x.displayName = "ProgressLinear";
export {
x as P
};
//# sourceMappingURL=progressLinear-QAjwUVH0.mjs.map