import { jsxs as F, jsx as r } from "react/jsx-runtime";
import { N as I } from "./number-input-Dp13Mn-8.es.js";
import { F as e } from "./form-field-BfDU18h3.es.js";
import { F as N } from "./field-errors-D1BQvoYg.es.js";
const b = ({
  id: o,
  label: n,
  description: s,
  info: a,
  errors: l,
  renderError: t,
  touched: d = !1,
  isRequired: p = !1,
  isDisabled: c = !1,
  isReadOnly: f = !1,
  isInvalid: u = !1,
  size: i = "md",
  ...h
}) => {
  const m = d && l && Object.values(l).some(Boolean);
  return /* @__PURE__ */ F(
    e.Root,
    {
      id: o,
      size: i,
      isInvalid: m || u,
      isRequired: p,
      isDisabled: c,
      isReadOnly: f,
      children: [
        /* @__PURE__ */ r(e.Label, { children: n }),
        /* @__PURE__ */ r(e.Input, { children: /* @__PURE__ */ r(I, { size: i, ...h }) }),
        s && /* @__PURE__ */ r(e.Description, { children: s }),
        a && /* @__PURE__ */ r(e.InfoBox, { children: a }),
        m && /* @__PURE__ */ r(e.Error, { children: /* @__PURE__ */ r(
          N,
          {
            id: `${o}-errors`,
            errors: l,
            renderError: t
          }
        ) })
      ]
    }
  );
};
b.displayName = "NumberInputField";
export {
  b as N
};
//# sourceMappingURL=number-input-field-C90uFO4e.es.js.map
