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.91 kB
JavaScript
import { jsxs as i, jsx as r } from "react/jsx-runtime";
import { Timer as e } from "@ark-ui/react";
import { forwardRef as _ } from "react";
import { m as g, a as h, s as u, b as y } from "./create-recipe-PrEeV78t.mjs";
const a = /* @__PURE__ */ h("timer", {}, []), n = {}, s = Object.keys(n), T = /* @__PURE__ */ Object.assign(g(a.recipeFn), {
__recipe__: !0,
__name__: "timer",
__getCompoundVariantCss__: a.__getCompoundVariantCss__,
raw: (t) => t,
variantKeys: s,
variantMap: n,
merge(t) {
return y(this, t);
},
splitVariantProps(t) {
return u(t, s);
},
getVariantProps: a.getVariantProps
}), f = _(
({ startMs: t, targetMs: o, countdown: m, className: c, children: p, ...l }, d) => /* @__PURE__ */ i(
e.Root,
{
ref: d,
className: [T(), c].filter(Boolean).join(" "),
startMs: t,
targetMs: o,
countdown: m,
...l,
children: [
/* @__PURE__ */ i(e.Area, { children: [
/* @__PURE__ */ r(e.Item, { type: "days" }),
/* @__PURE__ */ r(e.Separator, { children: ":" }),
/* @__PURE__ */ r(e.Item, { type: "hours" }),
/* @__PURE__ */ r(e.Separator, { children: ":" }),
/* @__PURE__ */ r(e.Item, { type: "minutes" }),
/* @__PURE__ */ r(e.Separator, { children: ":" }),
/* @__PURE__ */ r(e.Item, { type: "seconds" })
] }),
/* @__PURE__ */ i(e.Control, { children: [
/* @__PURE__ */ r(e.ActionTrigger, { action: "start", children: "Start" }),
/* @__PURE__ */ r(e.ActionTrigger, { action: "pause", children: "Pause" }),
/* @__PURE__ */ r(e.ActionTrigger, { action: "resume", children: "Resume" }),
/* @__PURE__ */ r(e.ActionTrigger, { action: "reset", children: "Reset" })
] }),
p
]
}
)
);
f.displayName = "Timer";
export {
f as T
};
//# sourceMappingURL=timer-EGD7u9Rd.mjs.map