import { jsxs as N, jsx as e } from "react/jsx-runtime";
import { c as T } from "./index.CfM2L_w0.js";
import { T as v } from "./TextInputField.BXIFGIIj.js";
import { n as d } from "./index.B0wX8xO7.js";
import { a as C } from "./index.CfQlFjZU.js";
import { u as h } from "./useId.7P31viIO.js";
const y = "creator_container_-h0M8", j = "creator_label_kvKii", G = "creator_helper_C-fdG", $ = "creator_helper__error_PYG1-", o = { container: y, label: j, helper: G, helper__error: $ }, k = ({
  label: n,
  helper: r,
  prefixIcon: c,
  suffixIcon: a,
  suffixText: i,
  isDisabled: m,
  isError: l,
  inputClassName: p,
  ..._
}) => {
  const t = h(), s = h();
  return {
    ..._,
    labelId: t,
    label: n,
    helperId: s,
    helper: r,
    labelledby: `${t} ${s}`,
    prefixIcon: c,
    suffixIcon: a,
    suffixText: i,
    isDisabled: m,
    isError: l,
    containerClassName: o.container,
    labelClassName: o.label,
    helperClassName: T(o.helper, {
      [o.helper__error]: l
    }),
    inputClassName: p
  };
}, w = ({
  labelId: n,
  label: r,
  helperId: c,
  helper: a,
  labelledby: i,
  prefixIcon: m,
  suffixIcon: l,
  suffixText: p,
  isDisabled: _,
  isError: t,
  containerClassName: s,
  labelClassName: u,
  inputContainerClassName: b,
  helperClassName: f,
  inputClassName: x,
  ...I
}) => /* @__PURE__ */ N("div", { className: s, children: [
  /* @__PURE__ */ e(
    d,
    {
      value: r,
      then: /* @__PURE__ */ e("label", { id: n, className: u, children: r })
    }
  ),
  /* @__PURE__ */ e(
    v,
    {
      prefixIcon: m,
      suffixIcon: l,
      suffixText: p,
      isDisabled: _,
      isError: t,
      "aria-labelledby": i,
      inputClassName: x,
      inputContainerClassName: b,
      ...I
    }
  ),
  /* @__PURE__ */ e(
    d,
    {
      value: a,
      then: /* @__PURE__ */ e("label", { id: c, className: f, children: a })
    }
  )
] }), g = C(w, k);
export {
  w as T,
  g as a,
  k as u
};