@golemui/gui-react 0.0.2 → 0.12.0

package/List-BjMIo577.js

@@ -0,0 +1,103 @@
+import { jsxs as T, jsx as l } from "react/jsx-runtime";
+import { useCallback as R, useRef as $, useState as b, useMemo as S, useEffect as _ } from "react";
+import { useInputWidget as z, useItemRenderer as A } from "@golemui/react";
+import { D as M } from "./DefaultListItemRenderer-lNc9Kk7x.js";
+function J(C) {
+  const F = C.widget, { uid: d, errors: c, value: I, isTouched: u, templateData: t, onValueChanged: m, onBlur: x } = z(F), y = R(
+    (e) => {
+      r.current && e.relatedTarget && r.current.contains(e.relatedTarget) || x();
+    },
+    [x]
+  ), [g, j] = b({ start: 0, end: 10 }), [v, w] = b([]), [q, E] = b(-1), r = $(null), D = S(() => (v.length > 0 ? v : t.items || []).slice(g.start, g.end), [v, t.items, g]);
+  _(() => {
+    const e = r.current;
+    if (!e) return;
+    const i = (n) => {
+      const { startIndex: s, endIndex: p } = n.detail;
+      j({ start: s, end: p });
+    }, a = (n) => {
+      const s = n.detail;
+      w(s ? [...s] : []);
+    }, o = (n) => {
+      const s = n.detail.index;
+      E(s);
+    }, h = (n) => {
+      const s = n.detail.value;
+      m(s);
+    };
+    return e.addEventListener("change", h), e.addEventListener("gui-update-items", a), e.addEventListener("gui-range-change", i), e.addEventListener("gui-focus-change", o), () => {
+      e.removeEventListener("change", h), e.removeEventListener("gui-update-items", a), e.removeEventListener("gui-range-change", i), e.removeEventListener("gui-focus-change", o);
+    };
+  }, [m]);
+  const O = R(
+    (e, i) => {
+      t.disabled || (m(e.value), E(i), r.current && r.current.focusItemAtIndex(i));
+    },
+    [m]
+  ), k = A(t.itemRenderer) || M, B = t.label, L = t.validator?.required, f = t.disabled, H = t.readonly, N = u && c && c.length > 0;
+  return /* @__PURE__ */ T("div", { className: "gui-list gui-field", style: { flex: t.size }, children: [
+    /* @__PURE__ */ l(
+      "gui-label",
+      {
+        targetElement: r.current || void 0,
+        uid: d,
+        label: B,
+        hint: t.hint,
+        errors: c,
+        touched: u,
+        required: L,
+        native: !1
+      }
+    ),
+    /* @__PURE__ */ l("div", { className: "gui-widget", children: /* @__PURE__ */ l(
+      "gui-list",
+      {
+        ref: r,
+        id: d,
+        uid: d,
+        value: I ?? "",
+        valueField: t.valueField,
+        items: t.items,
+        itemHeight: t.itemHeight,
+        height: t.height,
+        required: L,
+        touched: u,
+        disabled: f,
+        readOnly: H,
+        onBlur: y,
+        children: D.map((e, i) => {
+          const a = g.start + i, o = I === e.value, h = q === a, n = t.labelField ?? "label", p = e.template !== null && typeof e.template == "object" && n && !t.itemRenderer ? e.template[n] : e.template;
+          return /* @__PURE__ */ l(
+            "div",
+            {
+              role: "option",
+              tabIndex: -1,
+              id: `${d}-item-${a}`,
+              className: "gui-list__item-wrapper",
+              style: { height: `${t.itemHeight || 40}px` },
+              "aria-selected": o,
+              "aria-disabled": f ? "true" : "false",
+              onClick: () => O(e, a),
+              children: /* @__PURE__ */ l(
+                k,
+                {
+                  template: p,
+                  value: e.value,
+                  index: i,
+                  selected: o,
+                  disabled: f,
+                  focused: h
+                }
+              )
+            },
+            a
+          );
+        })
+      }
+    ) }),
+    N && /* @__PURE__ */ l("gui-errors", { uid: d, errors: c, touched: u })
+  ] });
+}
+export {
+  J as List
+};

package/Markdown-Ck_88HOR.js

@@ -0,0 +1,47 @@
+import { jsx as i } from "react/jsx-runtime";
+import { useInputWidget as P } from "@golemui/react";
+import { useCallback as R } from "react";
+/* empty css                */
+function N(o) {
+  const l = o.widget, { uid: n, errors: s, value: d, isTouched: r, templateData: e, onValueChanged: t, onBlur: a } = P(l), c = R(
+    (I) => t(I.nativeEvent.detail.value),
+    [t]
+  ), u = e.label, m = e.hint, h = e.placeholder, p = e.autocomplete, T = e.validator?.maxLength, g = e.counterMode, w = e.autoGrow, v = e.minimumHeight, b = e.tools, f = e.defaultOpenPreview, k = e.headingTitle, L = e.boldTitle, q = e.italicTitle, x = e.strikethroughTitle, y = e.quoteTitle, C = e.linkTitle, M = e.orderedListTitle, O = e.unorderedListTitle, V = e.splitViewTitle, D = e.disabled, G = e.readonly, H = e.validator?.required;
+  return /* @__PURE__ */ i("div", { className: "gui-markdown gui-field", style: { flex: e.size }, children: /* @__PURE__ */ i(
+    "gui-markdown",
+    {
+      uid: n,
+      label: u,
+      errors: s,
+      touched: r,
+      required: H,
+      disabled: D,
+      readOnly: G,
+      value: d,
+      hint: m,
+      placeholder: h,
+      autocomplete: p ?? void 0,
+      counterMode: g,
+      minimumHeight: v,
+      autoGrow: w,
+      maxLength: T,
+      tools: b,
+      defaultOpenPreview: f,
+      headingTitle: k,
+      boldTitle: L,
+      italicTitle: q,
+      strikethroughTitle: x,
+      quoteTitle: y,
+      linkTitle: C,
+      orderedListTitle: M,
+      unorderedListTitle: O,
+      splitViewTitle: V,
+      dependencies: e.deps,
+      onInput: c,
+      onBlur: a
+    }
+  ) });
+}
+export {
+  N as Markdown
+};

package/MarkdownText-kJVkmihW.js

@@ -0,0 +1,9 @@
+import { jsx as i } from "react/jsx-runtime";
+import { useDisplayWdiget as n } from "@golemui/react";
+function m(t) {
+  const d = t.widget, { uid: s, templateData: e } = n(d);
+  return /* @__PURE__ */ i("div", { className: "gui-markdown-text gui-field", style: { flex: e.size }, children: /* @__PURE__ */ i("div", { className: "gui-widget", id: s, children: /* @__PURE__ */ i("gui-markdown-text", { md: e.md, dependencies: e.deps }) }) });
+}
+export {
+  m as MarkdownText
+};

package/Number-CnQ95aLO.js

@@ -0,0 +1,35 @@
+import { jsx as o } from "react/jsx-runtime";
+import { useInputWidget as C } from "@golemui/react";
+import { useCallback as I } from "react";
+/* empty css                */
+function j(i) {
+  const n = i.widget, { uid: a, errors: l, value: u, isTouched: r, templateData: e, onValueChanged: t, onBlur: s } = C(n), d = I(
+    (q) => t(q.nativeEvent.detail.value),
+    [t]
+  ), m = e.label, c = e.hint, p = e.placeholder, h = e.step, b = e.minimum, g = e.maximum, v = e.autocomplete, f = e.autoGrow, x = e.disabled, w = e.readonly, y = e.validator?.required;
+  return /* @__PURE__ */ o("div", { className: "gui-number gui-field", style: { flex: e.size }, children: /* @__PURE__ */ o(
+    "gui-number",
+    {
+      uid: a,
+      label: m,
+      hint: c,
+      errors: l,
+      touched: r,
+      required: y,
+      disabled: x,
+      readOnly: w,
+      value: u,
+      step: h,
+      minimum: b,
+      maximum: g,
+      autoGrow: f,
+      autocomplete: v ?? void 0,
+      placeholder: p ?? void 0,
+      onInput: d,
+      onBlur: s
+    }
+  ) });
+}
+export {
+  j as NumberInput
+};

package/Password-Bg97DYW3.js

@@ -0,0 +1,36 @@
+import { jsx as s } from "react/jsx-runtime";
+import { useInputWidget as q } from "@golemui/react";
+import { useCallback as x } from "react";
+/* empty css                */
+function k(a) {
+  const d = a.widget, { uid: t, errors: n, value: i, isTouched: l, templateData: o, onValueChanged: e, onBlur: r } = q(d), c = x(
+    (L) => e(L.nativeEvent.detail.value),
+    [e]
+  ), u = o.label, h = o.hint, w = o.placeholder, p = o.autocomplete, m = o.showPasswordIcon, b = o.hidePasswordIcon, P = o.showPasswordLabel, g = o.hidePasswordLabel, v = o.icon, f = o.disabled, I = o.readonly, y = o.validator?.required;
+  return /* @__PURE__ */ s("div", { className: "gui-password gui-field", style: { flex: o.size }, children: /* @__PURE__ */ s(
+    "gui-password",
+    {
+      uid: t,
+      label: u,
+      hint: h,
+      errors: n,
+      touched: l,
+      required: y,
+      disabled: f,
+      readOnly: I,
+      value: i,
+      icon: v,
+      placeholder: w ?? void 0,
+      autocomplete: p ?? void 0,
+      showPasswordIcon: m,
+      hidePasswordIcon: b,
+      showPasswordLabel: P,
+      hidePasswordLabel: g,
+      onInput: c,
+      onBlur: r
+    }
+  ) });
+}
+export {
+  k as Password
+};

package/README.md

@@ -1,7 +1,20 @@
-# gui-react
+# @golemui/gui-react
 
-This library was generated with [Nx](https://nx.dev).
+[Golem UI](https://golemui.com): the declarative form engine.
 
-## Running unit tests
+## Install
 
-Run `nx test gui-react` to execute the unit tests via [Vitest](https://vitest.dev/).
+```bash
+npm install @golemui/gui-react
+```
+
+## Documentation
+
+- Website: https://golemui.com
+- Repository: https://github.com/golemui/golemui
+- Source: https://github.com/golemui/golemui/tree/main/libs/gui/react
+- Issues: https://github.com/golemui/golemui/issues
+
+## License
+
+MIT

package/RadioGroup-Dldom5ja.js

@@ -0,0 +1,33 @@
+import { jsx as o } from "react/jsx-runtime";
+import { useInputWidget as F } from "@golemui/react";
+import { useCallback as q } from "react";
+/* empty css                */
+function j(t) {
+  const l = t.widget, { uid: n, errors: a, value: d, isTouched: r, templateData: e, onValueChanged: i, onBlur: s } = F(l), u = q(
+    (C) => i(C.nativeEvent.detail.value),
+    [i]
+  ), c = e.label, p = e.hint, g = e.options, h = e.labelField, m = e.valueField, b = e.direction, v = e.disabled, f = e.readonly, y = e.validator?.required;
+  return /* @__PURE__ */ o("div", { className: "gui-radiogroup gui-field", style: { flex: e.size }, children: /* @__PURE__ */ o(
+    "gui-radiogroup",
+    {
+      uid: n,
+      label: c,
+      errors: a,
+      touched: r,
+      required: y,
+      disabled: v,
+      readOnly: f,
+      value: d,
+      hint: p,
+      options: g,
+      labelField: h,
+      valueField: m,
+      direction: b,
+      onChange: u,
+      onBlur: s
+    }
+  ) });
+}
+export {
+  j as RadioGroup
+};

package/RangeCalendar-u2vxIhna.js

@@ -0,0 +1,49 @@
+import { jsx as i } from "react/jsx-runtime";
+import { useInputWidget as P } from "@golemui/react";
+import { useCallback as H } from "react";
+/* empty css                */
+function T(d) {
+  const c = d.widget, { uid: m, errors: u, value: h, isTouched: b, templateData: e, onBlur: t, onValueChanged: a } = P(c), g = H(
+    (o) => {
+      const n = o, r = (s) => a(s.detail.value), l = (s) => {
+        t();
+      };
+      return o && (n.addEventListener("blur", l), n.addEventListener("change", r)), () => {
+        n.removeEventListener("blur", l), n.removeEventListener("change", r);
+      };
+    },
+    [a, t]
+  ), v = e.label, f = e.hint, p = e.prevMonthIcon, L = e.nextMonthIcon, M = e.prevMonthAriaLabel, x = e.nextMonthAriaLabel, y = e.dayFormat, A = e.weekdayFormat, D = e.monthFormat, F = e.minDate, I = e.maxDate, R = e.disabledRanges, w = e.numberOfMonths, E = e.removePillAriaLabel, k = e.lang, q = e.disabled, C = e.readonly, O = e.validator?.required;
+  return /* @__PURE__ */ i("div", { className: "gui-range-calendar gui-field", style: { flex: e.size }, children: /* @__PURE__ */ i(
+    "gui-range-calendar",
+    {
+      ref: g,
+      uid: m,
+      label: v,
+      hint: f,
+      errors: u,
+      touched: b,
+      required: O,
+      disabled: q,
+      readOnly: C,
+      value: h,
+      prevMonthIcon: p,
+      nextMonthIcon: L,
+      prevMonthAriaLabel: M,
+      nextMonthAriaLabel: x,
+      dayFormat: y,
+      weekdayFormat: A,
+      monthFormat: D,
+      minDate: F,
+      maxDate: I,
+      disabledRanges: R,
+      numberOfMonths: w,
+      hidePills: !1,
+      removePillAriaLabel: E,
+      localeId: k
+    }
+  ) });
+}
+export {
+  T as RangeCalendar
+};

package/RangeDateInput-CopLdb6J.js

@@ -0,0 +1,54 @@
+import { jsx as c } from "react/jsx-runtime";
+import { useInputWidget as j } from "@golemui/react";
+import { useCallback as w } from "react";
+/* empty css                */
+function z(u) {
+  const g = u.widget, {
+    uid: b,
+    errors: m,
+    value: v,
+    isTouched: p,
+    templateData: e,
+    onBlur: n,
+    onValueChanged: i,
+    injectValidationIssues: a
+  } = j(g), L = w(
+    (l) => {
+      const t = l, o = (r) => {
+        a(null), i(r.detail.value);
+      }, s = () => {
+        n();
+      }, d = (r) => {
+        a([r.detail.message]);
+      };
+      return l && (t.addEventListener("blur", s), t.addEventListener("change", o), t.addEventListener("inputError", d)), () => {
+        t.removeEventListener("blur", s), t.removeEventListener("change", o), t.removeEventListener("inputError", d);
+      };
+    },
+    [i, n, a]
+  ), h = e.label, f = e.hint, E = e.icon, D = e.lang, A = e.separator, y = e.removePillAriaLabel, I = e.startDateAriaLabel, R = e.endDateAriaLabel, q = e.disabled, x = e.readonly, H = e.validator?.required;
+  return /* @__PURE__ */ c("div", { className: "gui-range-date-input gui-field", style: { flex: e.size }, children: /* @__PURE__ */ c(
+    "gui-range-date",
+    {
+      ref: L,
+      uid: b,
+      label: h,
+      hint: f,
+      errors: m,
+      touched: p,
+      required: H,
+      disabled: q,
+      readOnly: x,
+      value: v,
+      icon: E,
+      localeId: D,
+      separator: A,
+      removePillAriaLabel: y,
+      startDateAriaLabel: I,
+      endDateAriaLabel: R
+    }
+  ) });
+}
+export {
+  z as RangeDateInput
+};

package/RangeDatePicker-DXpV-B_G.js

@@ -0,0 +1,146 @@
+import { jsxs as k, jsx as c } from "react/jsx-runtime";
+import { useInputWidget as te } from "@golemui/react";
+import { useState as A, useRef as C, useCallback as M, useEffect as ne } from "react";
+/* empty css                */
+import { E as ae } from "./Errors-D7gxq0y6.js";
+function ce(R) {
+  const F = R.widget, {
+    uid: d,
+    errors: h,
+    value: w,
+    isTouched: v,
+    templateData: t,
+    onValueChanged: m,
+    onBlur: u,
+    injectValidationIssues: g
+  } = te(F), [i, r] = A(!1), [_, O] = A(void 0), D = C(null), b = C(null), L = C(null), P = M(
+    (n) => {
+      const e = n, a = (o) => {
+        g(null), m(o.detail.value);
+      }, s = (o) => {
+        g([o.detail.message]);
+      }, l = () => {
+        r(!0);
+      }, p = (o) => {
+        O(o.detail.range.start), r(!0);
+      };
+      return b.current = n, n && (e.addEventListener("change", a), e.addEventListener("focus", l), e.addEventListener("blur", u), e.addEventListener("inputError", s), e.addEventListener("pillClick", p)), () => {
+        e.removeEventListener("change", a), e.removeEventListener("focus", l), e.removeEventListener("blur", u), e.removeEventListener("inputError", s), e.removeEventListener("pillClick", p);
+      };
+    },
+    [m, u, g]
+  ), H = M(
+    (n) => {
+      const e = n, a = (l) => {
+        g(null), m(l.detail.value);
+      }, s = (l) => {
+        u(), r(!1);
+      };
+      return L.current = n, n && (e.addEventListener("blur", s), e.addEventListener("change", a)), () => {
+        e.addEventListener("blur", s), e.addEventListener("change", a);
+      };
+    },
+    [m, g, u]
+  );
+  ne(() => {
+    const n = (e) => {
+      if (!i) return;
+      const a = e.composedPath(), s = b.current && a.includes(b.current), l = L.current && a.includes(L.current);
+      !s && !l && r(!1);
+    };
+    return document.addEventListener("click", n), () => {
+      document.removeEventListener("click", n);
+    };
+  }, [i]);
+  const N = (n) => {
+    if (!i) return;
+    const e = n.relatedTarget;
+    e && D.current?.contains(e) || r(!1);
+  }, q = (n) => {
+    const e = n.target, a = e.closest(".gui-range-date-input__part"), s = e.closest("gui-range-calendar"), l = e.closest(".gui-range-date-input__pill"), p = e.closest(".gui-range-date-input__pill--count");
+    a || s || l ? i || r(!0) : p ? i && r(!1) : r((o) => !o);
+  }, f = t.hint, T = t.icon, j = t.separator, B = t.removePillAriaLabel, V = t.startDateAriaLabel, $ = t.endDateAriaLabel, z = t.prevMonthIcon, K = t.nextMonthIcon, S = t.prevMonthAriaLabel, U = t.nextMonthAriaLabel, W = t.dayFormat, Z = t.weekdayFormat, G = t.monthFormat, J = t.minDate, Q = t.maxDate, X = t.disabledRanges, Y = t.numberOfMonths, ee = v && h && h.length > 0, x = t.disabled, y = t.readonly, E = t.validator?.required, I = t.lang;
+  return /* @__PURE__ */ k(
+    "div",
+    {
+      ref: D,
+      className: "gui-range-date-picker gui-field",
+      style: { flex: t.size },
+      onBlur: N,
+      children: [
+        t.label && /* @__PURE__ */ k("label", { className: "gui-label", htmlFor: d, "data-cy": `${d}_label`, children: [
+          t.label + (E ? " *" : ""),
+          f && /* @__PURE__ */ c("div", { className: "gui-widget-hint", id: `${d}_hint`, children: f })
+        ] }),
+        /* @__PURE__ */ k(
+          "div",
+          {
+            role: "button",
+            tabIndex: -1,
+            className: "gui-widget",
+            onClick: q,
+            onKeyUp: (n) => {
+              n.target === n.currentTarget && (n.key === "Enter" || n.key === " ") && r((e) => !e);
+            },
+            "aria-expanded": i,
+            children: [
+              /* @__PURE__ */ c(
+                "gui-range-date",
+                {
+                  ref: P,
+                  uid: d,
+                  hint: f,
+                  showErrors: !1,
+                  errors: h,
+                  touched: v,
+                  required: E,
+                  disabled: x,
+                  readOnly: y,
+                  value: w,
+                  icon: T,
+                  localeId: I,
+                  separator: j,
+                  removePillAriaLabel: B,
+                  startDateAriaLabel: V,
+                  endDateAriaLabel: $
+                }
+              ),
+              /* @__PURE__ */ c("span", { className: "gui-range-date-picker__arrow", children: /* @__PURE__ */ c("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 256 256", children: /* @__PURE__ */ c("path", { d: "M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z" }) }) }),
+              i && /* @__PURE__ */ c(
+                "gui-range-calendar",
+                {
+                  ref: H,
+                  uid: d,
+                  hint: f,
+                  touched: v,
+                  required: E,
+                  disabled: x,
+                  readOnly: y,
+                  value: w,
+                  focusDate: _,
+                  prevMonthIcon: z,
+                  nextMonthIcon: K,
+                  prevMonthAriaLabel: S,
+                  nextMonthAriaLabel: U,
+                  dayFormat: W,
+                  weekdayFormat: Z,
+                  monthFormat: G,
+                  minDate: J,
+                  maxDate: Q,
+                  disabledRanges: X,
+                  numberOfMonths: Y,
+                  localeId: I,
+                  hidePills: !0
+                }
+              )
+            ]
+          }
+        ),
+        ee && /* @__PURE__ */ c(ae, { errors: h, uid: d })
+      ]
+    }
+  );
+}
+export {
+  ce as RangeDatePicker
+};

package/Renderer-B6WmwKDv.js

@@ -0,0 +1,9 @@
+import { jsx as i } from "react/jsx-runtime";
+import { useDisplayWdiget as s } from "@golemui/react";
+function a(r) {
+  const t = r.widget, { uid: d, templateData: e } = s(t), n = e?.render;
+  return /* @__PURE__ */ i("div", { className: "gui-renderer gui-field", style: { flex: e.size }, children: /* @__PURE__ */ i("div", { className: "gui-widget", id: d, children: n }) });
+}
+export {
+  a as Renderer
+};

package/Repeater-BYgXVfbl.js

@@ -0,0 +1,111 @@
+import { jsx as n, jsxs as a } from "react/jsx-runtime";
+import { getItemKey as C } from "@golemui/gui-shared";
+import { useInputWidget as y, useRepeaterIndexes as F, RepeaterIndexesContext as k, WidgetRenderer as q } from "@golemui/react";
+import { useRef as O, useCallback as u, useState as P } from "react";
+/* empty css                */
+let S = 0;
+const W = () => S++;
+function z(I) {
+  const f = I.widget, { uid: o, value: i, onValueChanged: s, templateData: e, errors: c, isTouched: l, onBlur: v } = y(f), m = O(null), _ = u(
+    (t) => {
+      const r = [...t ?? [], {}];
+      s(r);
+    },
+    [s]
+  ), g = u(
+    (t, r) => {
+      const d = (t ?? []).filter((j, B) => r !== B);
+      "structuredClone" in window ? s(structuredClone(d)) : s(JSON.parse(JSON.stringify(d)));
+    },
+    [s]
+  ), [h, p] = P(!1), N = u((t) => {
+    t.stopPropagation(), p(!0);
+  }, []), x = u((t) => {
+    t.stopPropagation(), v(), p(!1);
+  }, []), b = F(), w = u(() => i?.map((t, r) => {
+    const d = C(t, W);
+    return /* @__PURE__ */ n(
+      k.Provider,
+      {
+        value: [...b, r],
+        children: /* @__PURE__ */ a("div", { className: "gui-repeater__card", children: [
+          /* @__PURE__ */ a("div", { className: "gui-repeater__card-header", children: [
+            e.title && /* @__PURE__ */ n("span", { className: "gui-repeater__card-title", children: `${e.title} ${r + 1}` }),
+            /* @__PURE__ */ a(
+              "button",
+              {
+                type: "button",
+                tabIndex: 0,
+                className: "gui-button gui-button--sm gui-repeater__remove-btn",
+                onClick: () => g(i, r),
+                children: [
+                  e.removeButtonIcon && /* @__PURE__ */ n(
+                    "span",
+                    {
+                      className: `gui-widget-icon gui-button-icon ${e.removeButtonIcon}`,
+                      "data-icon": e.removeButtonIcon
+                    }
+                  ),
+                  e.removeLabel ?? "Remove"
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ n(q, { widget: e.template }, `${o}-${d}`)
+        ] })
+      },
+      `${o}-${d}`
+    );
+  }), [e, i, o, g, b]), R = e.validator?.required, $ = l && c && c.length > 0;
+  return /* @__PURE__ */ a("div", { className: "gui-repeater gui-field", style: { flex: e.size }, children: [
+    /* @__PURE__ */ a(
+      "div",
+      {
+        ref: m,
+        id: o,
+        className: `gui-repeater__main-card gui-repeater__card${h ? " gui-repeater__card--focused" : ""}`,
+        onFocus: N,
+        onBlur: x,
+        children: [
+          /* @__PURE__ */ n(
+            "gui-label",
+            {
+              targetElement: m.current || void 0,
+              uid: o,
+              label: e.label,
+              errors: c,
+              touched: l,
+              required: R,
+              native: !1
+            }
+          ),
+          w(),
+          /* @__PURE__ */ a(
+            "button",
+            {
+              type: "button",
+              tabIndex: 0,
+              className: "gui-button gui-repeater__add-btn",
+              onClick: () => _(i || []),
+              disabled: e.limit ? e.limit === (i?.length ?? 0) : !1,
+              children: [
+                e.addButtonIcon && /* @__PURE__ */ n(
+                  "span",
+                  {
+                    className: `gui-widget-icon gui-button-icon ${e.addButtonIcon}`,
+                    "data-icon": e.addButtonIcon
+                  }
+                ),
+                e.addLabel ?? "Add"
+              ]
+            }
+          )
+        ]
+      }
+    ),
+    $ && /* @__PURE__ */ n("gui-errors", { uid: o, errors: c, touched: l })
+  ] });
+}
+export {
+  z as Repeater
+};