import { jsx as e, jsxs as o, Fragment as s } from "react/jsx-runtime";
import { useHasNextSiblingByAttribute as d } from "../hooks/useHasNextSiblingByAttribute.js";
import { cn as l } from "../utils/functions.js";
import { I as c } from "../index-20bzTFSx.js";
import "react";
import "../clsx-7d8NmkQq.js";
import "../utils/components/RenderEach.js";
import "../utils/components/RenderIf.js";
import "./Icons.js";
import "./Inputs/variants.js";
import "../index-xVF7D3FM.js";
import "../motion-dVICNqWI.js";
import "../SVGVisualElement-aqO4D4Z5.js";
import "../LayoutGroupContext-3euHzeKi.js";
const x = ({ children: r, className: _, style: t }) => /* @__PURE__ */ e("div", { style: t, className: l("_flex _w-full _flex-col _gap-[5px] md:!_flex-row md:_gap-[24px]", _), children: r }), f = ({ isMain: r = !1, rowNumber: _ = "", title: t, subTitle: m = "", subComponent: a, children: p }) => {
  const { ref: i, hasSiblingElement: n } = d({ attribute: "data-main" });
  return /* @__PURE__ */ o(
    "div",
    {
      ref: i,
      "data-main": r,
      className: l(
        "_grid _grid-cols-[30px_1fr] md:_grid-cols-[50px_1fr_1fr_1fr] xl:_items-center _border-b-[0.5px] _border-silver/50 last:_border-b-[0px] last:_border-transparent first:_border-b-[0.5px]",
        { "_bg-lightSilver/50": !r },
        { " _border-transparent _border-b-[0px] first:_border-b-[0px]": r || n }
      ),
      children: [
        /* @__PURE__ */ e(
          "span",
          {
            className: l(
              "_h-full font-semibold _row-span-2 md:_row-span-1 _flex _justify-center _items-center _text-secondary _bg-primary/10 _py-[5px] _font-semibold",
              { "xl:_pl-[55px] xl:_bg-lightSilver/50 xl:_text-input": !r }
            ),
            children: _
          }
        ),
        /* @__PURE__ */ o(
          "div",
          {
            className: l("_col-span-2 _col-start-2 _flex _h-full _flex-col _py-[5px]", {
              "_bg-primary/10 _text-secondary": r,
              "xl:_pl-[25px]": !r,
              "_justify-center": !m || !a
            }),
            children: [
              typeof t == "string" ? /* @__PURE__ */ e("p", { className: l("_text-common _font-normal", { "_font-bold": r }), children: t }) : t,
              a ? /* @__PURE__ */ e(s, { children: a }) : /* @__PURE__ */ e("p", { className: "_text-minimum", children: m })
            ]
          }
        ),
        /* @__PURE__ */ e(
          "div",
          {
            className: l("_col-start-2 _col-end-4 _inline-grid _h-full _items-center _py-[5px] _pr-2 md:_col-auto", {
              "_bg-primary/10": r
            }),
            children: p
          }
        )
      ]
    }
  );
}, b = ({ formNumber: r, formTitle: _, formConsecutive: t }) => /* @__PURE__ */ o(s, { children: [
  /* @__PURE__ */ o("div", { className: "_mb-6 _flex _gap-2  _border-b-2 _border-primary _pb-0.5", children: [
    /* @__PURE__ */ e("span", { className: "_my-auto _h-fit _rounded-md _bg-primary _p-3 _text-4xl _font-semibold _text-white", children: r }),
    /* @__PURE__ */ e("h1", { className: "_line-clamp-2 _w-full _py-2 _text-3xl _font-semibold _text-primary", children: _ })
  ] }),
  /* @__PURE__ */ e(
    c,
    {
      inputProps: { className: "xl:_flex-[0.58]", disabled: !0, value: t },
      labelClass: "_text-maximun _font-semibold _my-auto",
      className: "!_flex-row _gap-2 _mb-10 ",
      label: "Número de Formulario"
    }
  )
] }), u = ({ children: r }) => /* @__PURE__ */ e("div", { className: "_full _mt-10 _flex _justify-between", children: r }), E = {
  InputsWrapper: x,
  RowInputsWrapper: f,
  HeaderFormSection: b,
  FooterFormSection: u
};
export {
  E as default
};
