liquidify-react/libs/components/dist/chunks/SymbolTile-5snlPZtT.mjs

🚀 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

import { jsx as m } from "react/jsx-runtime";
import { forwardRef as l } from "react";
import { m as p, a as _, s as c, b as y } from "./create-recipe-PrEeV78t.mjs";
import { c as b } from "./cx-DSqNu2Ai.mjs";
const a = /* @__PURE__ */ _("symbol", {
  tint: "gray"
}, []), s = {
  tint: [
    "gray",
    "blue",
    "indigo",
    "teal"
  ]
}, r = Object.keys(s), g = /* @__PURE__ */ Object.assign(p(a.recipeFn), {
  __recipe__: !0,
  __name__: "symbolTile",
  __getCompoundVariantCss__: a.__getCompoundVariantCss__,
  raw: (e) => e,
  variantKeys: r,
  variantMap: s,
  merge(e) {
    return y(this, e);
  },
  splitVariantProps(e) {
    return c(e, r);
  },
  getVariantProps: a.getVariantProps
}), u = l(
  ({ tint: e = "gray", className: t, children: i, ...o }, n) => /* @__PURE__ */ m(
    "span",
    {
      ref: n,
      className: b(g({ tint: e }), t),
      ...o,
      children: i
    }
  )
);
u.displayName = "SymbolTile";
export {
  u as S
};
//# sourceMappingURL=SymbolTile-5snlPZtT.mjs.map