import { jsx as r } from "react/jsx-runtime";
import { useRecipe as a } from "@chakra-ui/react/styled-system";
import { $ as c } from "./ToggleButton-BqW-X6iJ.es.js";
import { e as l } from "./extract-style-props-BdibuNZ7.es.js";
import { createRecipeContext as m } from "@chakra-ui/react";
import { i as u } from "./emotion-is-prop-valid.esm-BUuA3iy8.es.js";
import { s as f } from "./index-C2qW4ynb.es.js";
const { withContext: d } = /* @__PURE__ */ m({
  key: "toggleButton"
}), P = /* @__PURE__ */ d("button", {
  defaultProps: {
    type: "button"
  },
  /** make sure the `onPress` properties won't end up as attribute on the rendered DOM element */
  shouldForwardProp(t, o) {
    const e = !o?.includes(t) && !f.isValidProperty(t);
    return u(t) && e && !t.includes("onPress");
  }
}), g = ({
  ref: t,
  ...o
}) => {
  const e = a({ key: "toggleButton" }), [s, i] = e.splitVariantProps(o), [n, p] = l(i);
  return /* @__PURE__ */ r(P, { ...s, ...n, asChild: !0, children: /* @__PURE__ */ r(c, { ref: t, ...p }) });
};
g.displayName = "ToggleButton";
export {
  g as T
};
//# sourceMappingURL=toggle-button-UcXy5q2C.es.js.map
