@golemui/gui-react 0.0.2 → 0.12.0

package/Accordion-Btp_b0xA.js

@@ -0,0 +1,59 @@
+import { jsx as o, jsxs as g } from "react/jsx-runtime";
+import { useLayoutWidget as v, WidgetRenderer as b } from "@golemui/react";
+import { useState as x, useEffect as y, useCallback as d } from "react";
+const f = {};
+function C(h) {
+  const m = h.widget, { uid: p, children: r, templateData: n, onChange: a } = v(m), [t, s] = x(f);
+  y(() => {
+    t === f && n.defaultOpen && s(n.defaultOpen || {});
+  }, [t, n]);
+  const l = d(
+    (i) => {
+      const e = { ...t };
+      n.singleOpen && Object.keys(e).filter((c) => c !== i).forEach((c) => {
+        e[c] = c === i ? !e[c] : !1;
+      }), e[i] = !e[i], s(e), a(e);
+    },
+    [t, n.singleOpen, a]
+  ), u = d(
+    (i) => {
+      const e = r.find(
+        (w) => w.uid === i
+      ), c = t[i];
+      return (c || n.renderMode !== "activeOnly") && e ? /* @__PURE__ */ o(
+        "section",
+        {
+          className: "gui-widget",
+          role: "region",
+          id: `accordion_section_${i}`,
+          hidden: !c && n.renderMode !== "activeOnly",
+          "aria-labelledby": `accordion_button_${i}`,
+          children: /* @__PURE__ */ o(b, { widget: e })
+        }
+      ) : null;
+    },
+    [r, t, n.renderMode]
+  ), _ = d(() => (n.sections || []).map((e, c) => /* @__PURE__ */ g("div", { className: "gui-accordion__section", children: [
+    /* @__PURE__ */ g(
+      "button",
+      {
+        type: "button",
+        tabIndex: 0,
+        id: `accordion_button_${e.uid}`,
+        "aria-controls": `accordion_section_${e.uid}`,
+        "aria-expanded": t[e.uid] ? "true" : "false",
+        className: t[e.uid] ? "active" : "",
+        onClick: () => l(e.uid),
+        children: [
+          e.label,
+          /* @__PURE__ */ o("span", { className: "gui-accordion__arrow", children: /* @__PURE__ */ o("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 256 256", children: /* @__PURE__ */ o("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" }) }) })
+        ]
+      }
+    ),
+    u(e.uid)
+  ] }, `${"accordion_section_" + e.uid}`)), [n.sections, t, u, l]);
+  return /* @__PURE__ */ o("div", { className: "gui-accordion gui-field", style: { flex: n.size }, children: /* @__PURE__ */ o("div", { className: "gui-widget", id: p, children: _() }) });
+}
+export {
+  C as Accordion
+};

package/{Alert-B71lVm89.js → Alert-CBgIsMKO.js}

@@ -2,7 +2,7 @@ import { jsx as i } from "react/jsx-runtime";
 import { useDisplayWdiget as r } from "@golemui/react";
 function s(t) {
   const l = t.widget, { uid: a, templateData: e } = r(l);
-  return /* @__PURE__ */ i("div", { className: "gui-alert", style: { flex: e.size }, children: /* @__PURE__ */ i("div", { className: "gui-widget", id: a, children: /* @__PURE__ */ i(
+  return /* @__PURE__ */ i("div", { className: "gui-alert gui-field", style: { flex: e.size }, children: /* @__PURE__ */ i("div", { className: "gui-widget", id: a, children: /* @__PURE__ */ i(
     "div",
     {
       role: "alert",

package/Button-DN0G-MUb.js

@@ -0,0 +1,21 @@
+import { jsx as t } from "react/jsx-runtime";
+import { useActionWidget as l } from "@golemui/react";
+/* empty css                */
+function r(o) {
+  const n = o.widget, { uid: e, templateData: i, onClick: a } = l(n);
+  return /* @__PURE__ */ t("div", { className: "gui-button gui-field", style: { flex: i.size }, children: /* @__PURE__ */ t(
+    "gui-button",
+    {
+      uid: e,
+      label: i.label,
+      disabled: i.disabled,
+      variant: i.variant,
+      icon: i.icon,
+      iconPosition: i.iconPosition,
+      onClick: a
+    }
+  ) });
+}
+export {
+  r as Button
+};

package/{Calendar-BtYEcLJH.js → Calendar-Dxavv2c7.js}

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

package/Checkbox-ViM9MktI.js

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

package/Currency-C4QFWO7Y.js

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

package/{DateInput-B4S5ssKR.js → DateInput-CdkyyAhc.js}

@@ -24,14 +24,14 @@ function H(c) {
       };
     },
     [a, n, r]
-  ), b = e.label, f = e.hint, E = e.icon, L = e.disabled, y = e.readonly, I = e.validator?.required, q = e.lang;
-  return /* @__PURE__ */ d("div", { className: "gui-date", style: { flex: e.size }, children: /* @__PURE__ */ d(
+  ), f = e.label, b = e.hint, E = e.icon, L = e.disabled, y = e.readonly, I = e.validator?.required, q = e.lang;
+  return /* @__PURE__ */ d("div", { className: "gui-date gui-field", style: { flex: e.size }, children: /* @__PURE__ */ d(
     "gui-date",
     {
       ref: p,
       uid: g,
-      label: b,
-      hint: f,
+      label: f,
+      hint: b,
       errors: m,
       touched: h,
       required: I,

package/DatePicker-TkMCndrw.js

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

package/Dropdown-jKk4TyOa.js

@@ -0,0 +1,201 @@
+import { jsxs as M, jsx as u } from "react/jsx-runtime";
+import { useInputWidget as ae, useDebounceCallback as oe, useItemRenderer as de } from "@golemui/react";
+import { useState as g, useRef as q, useMemo as ue, useCallback as I, useEffect as R } from "react";
+import { D as fe } from "./DefaultListItemRenderer-lNc9Kk7x.js";
+function pe(P) {
+  const y = P.widget, { uid: d, errors: w, value: b, isTouched: L, templateData: t, onFilter: x, onValueChanged: D, onBlur: B } = ae(y), [k, z] = g({ start: 0, end: 10 }), [C, U] = g([]), [W, N] = g([]), [Z, A] = g(-1), [J, v] = g(!1), [m, f] = g(!1), [p, j] = g(void 0), r = q(null), c = q(null), O = q(null), Q = ue(() => C.slice(k.start, k.end), [C, k]), S = I(() => {
+    B(), f(!1), v(!1);
+  }, [B]), F = I(
+    (e) => {
+      if (D(e), c.current) {
+        const n = (t.items || []).find(
+          (i) => t.valueField ? i[t.valueField] === e : i === e
+        );
+        if (n) {
+          const i = t.valueField ? n[t.valueField] : n;
+          c.current.value = String(i);
+        } else e || (c.current.value = "");
+      }
+      f(!1), v(!1);
+    },
+    [D, t]
+  ), X = I(
+    (e, s) => {
+      t.readonly || (F(e.value), x(""), A(s), j(e), v(!1), f(!1), r.current && r.current.focusItemAtIndex(s));
+    },
+    [F, x, t.readonly]
+  );
+  R(() => {
+    const e = r.current;
+    if (!e) return;
+    const s = (a) => {
+      const { startIndex: l, endIndex: o } = a.detail;
+      z({ start: l, end: o });
+    }, n = (a) => {
+      const l = a.detail;
+      if (U(l ? [...l] : []), !p && b != null && l) {
+        const o = l.find((G) => G.value === b);
+        o && j(o);
+      }
+    }, i = (a) => {
+      const l = a.detail.index;
+      A(l);
+    }, h = (a) => {
+      const l = a.detail.value;
+      F(l), j(C.find((o) => o.value === l)), v(!1), f(!1);
+    };
+    return e.addEventListener("gui-range-change", s), e.addEventListener("gui-update-items", n), e.addEventListener("gui-focus-change", i), e.addEventListener("change", h), () => {
+      e.removeEventListener("gui-range-change", s), e.removeEventListener("gui-update-items", n), e.removeEventListener("gui-focus-change", i), e.removeEventListener("change", h);
+    };
+  }, [F, C, D]), R(() => {
+    const e = (s) => {
+      if (!m) return;
+      const n = s.target, i = c.current && c.current.contains(n), h = r.current && r.current.contains(n);
+      !i && !h && S();
+    };
+    return document.addEventListener("click", e), () => document.removeEventListener("click", e);
+  }, [S, m]), R(() => {
+    const s = p?.template !== null && typeof p?.template == "object" ? t.labelField ?? "label" : null, n = s ? p?.template[s] : p?.template;
+    c.current.value = n ?? "";
+  }, [p, t.labelField]), R(() => {
+    O.current && c.current && r.current && (O.current.targetElement = [c.current, r.current]);
+  }, []);
+  const Y = async (e) => {
+    switch (e.key) {
+      case "ArrowDown":
+        e.preventDefault(), f(!0), setTimeout(() => {
+          r.current && (r.current.focus(), r.current.scrollToSelectedIndex());
+        }, 0);
+        break;
+      case "Enter":
+        c.current?.value || F(null);
+        break;
+    }
+  }, ee = I(
+    (e) => {
+      const s = !!y.on?.filter;
+      if (x(e), e && !s) {
+        v(!0), f(!0);
+        const n = t.searchFields ?? [t.labelField, t.valueField].filter(
+          (l) => !!l
+        ), i = n.length > 0, a = (t.items || []).filter((l) => {
+          const o = Object.keys(l);
+          if (!o.length)
+            return l.toString().toLowerCase().includes(e.toLowerCase());
+          const K = ($, ce) => $ || l[ce].toString().toLowerCase().includes(e.toLowerCase());
+          return i ? o.filter(($) => n.includes($)).reduce(K, !1) : o.reduce(K, !1);
+        });
+        N(a);
+      } else
+        v(!1), N([...t.items || []]);
+    },
+    [
+      y.on?.filter,
+      x,
+      t.items,
+      t.labelField,
+      t.searchFields,
+      t.valueField
+    ]
+  ), te = oe(ee, t.inputDebounce ?? 500), ne = (e) => {
+    const s = e.target.value;
+    m || f(!0), te(s);
+  }, H = I(() => {
+    m || (f(!0), setTimeout(() => {
+      r.current && r.current.scrollToSelectedIndex();
+    }, 0));
+  }, [m]), V = (e) => {
+    const s = e.relatedTarget, n = c.current && c.current.contains(s), i = r.current && r.current.contains(s);
+    n || i || S();
+  }, se = de(t.itemRenderer) || fe, le = t.label, T = t.validator?.required, _ = t.disabled, E = t.readonly, ie = !!y.on?.filter, re = L && w && w.length > 0;
+  return /* @__PURE__ */ M("div", { className: "gui-dropdown gui-field", style: { flex: t.size }, children: [
+    /* @__PURE__ */ u(
+      "gui-label",
+      {
+        ref: O,
+        uid: d,
+        label: le,
+        hint: t.hint,
+        errors: w,
+        touched: L,
+        required: T,
+        native: !1
+      }
+    ),
+    /* @__PURE__ */ M("div", { className: "gui-widget", "aria-expanded": m, children: [
+      /* @__PURE__ */ u(
+        "input",
+        {
+          ref: c,
+          type: "text",
+          id: d,
+          "data-cy": `${d}_textinput`,
+          defaultValue: b ?? "",
+          required: T,
+          disabled: _,
+          readOnly: E,
+          placeholder: t.placeholder ?? "",
+          autoComplete: t.autocomplete ?? void 0,
+          onKeyDown: Y,
+          onInput: ne,
+          onFocus: H,
+          onBlur: V,
+          "aria-labelledby": t.label ? `${d}_label` : void 0,
+          "aria-describedby": t.hint ? `${d}_hint` : void 0
+        }
+      ),
+      /* @__PURE__ */ u("span", { className: "gui-dropdown__arrow", children: /* @__PURE__ */ u("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 256 256", children: /* @__PURE__ */ u("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" }) }) }),
+      /* @__PURE__ */ u(
+        "gui-list",
+        {
+          ref: r,
+          id: `${d}-list`,
+          uid: d,
+          value: b ?? "",
+          valueField: t.valueField,
+          items: J && !ie ? W : t.items,
+          itemHeight: t.itemHeight,
+          height: t.height,
+          required: T,
+          touched: L,
+          disabled: _ || E,
+          readOnly: E,
+          hidden: !m,
+          onFocus: H,
+          onBlur: V,
+          children: Q.map((e, s) => {
+            const n = k.start + s, i = b === e.value, h = Z === n, a = t.labelField ?? "label", o = e.template !== null && typeof e.template == "object" && a && !t.itemRenderer ? e.template[a] : e.template;
+            return /* @__PURE__ */ u(
+              "div",
+              {
+                role: "option",
+                tabIndex: -1,
+                className: "gui-list__item-wrapper",
+                id: `${d}-item-${n}`,
+                style: { height: `${t.itemHeight || 40}px` },
+                "aria-selected": i,
+                onClick: () => X(e, n),
+                children: /* @__PURE__ */ u(
+                  se,
+                  {
+                    template: o,
+                    value: e.value,
+                    index: n,
+                    selected: i,
+                    disabled: _ || E,
+                    focused: h
+                  }
+                )
+              },
+              n
+            );
+          })
+        }
+      )
+    ] }),
+    re && /* @__PURE__ */ u("gui-errors", { uid: d, errors: w, touched: L })
+  ] });
+}
+export {
+  pe as Dropdown
+};

package/Errors-D7gxq0y6.js

@@ -0,0 +1,16 @@
+import { jsx as a } from "react/jsx-runtime";
+function i({ errors: o, uid: r }) {
+  return /* @__PURE__ */ a("ul", { className: "gui-validator", id: `${r}_errors`, "data-cy": `${r}_validator-errors`, children: o.map((e, l) => /* @__PURE__ */ a(
+    "li",
+    {
+      className: "gui-validator__error",
+      role: "alert",
+      "data-cy": `${r}_validator-error`,
+      children: e
+    },
+    l
+  )) });
+}
+export {
+  i as E
+};

package/Flex-gD893rrB.js

@@ -0,0 +1,19 @@
+import { jsx as t } from "react/jsx-runtime";
+import { useLayoutWidget as a, WidgetRenderer as c } from "@golemui/react";
+import { useCallback as f } from "react";
+/* empty css                */
+function $(l) {
+  const n = l.widget, { uid: d, children: i, templateData: e } = a(n), s = f(() => i ? i.map((r) => /* @__PURE__ */ t(c, { widget: r }, r.uid)) : null, [i]), g = `gui-flex__widget--${e.direction ?? "column"}`, u = `gui-flex__widget--justify-${e.justify ?? "stretch"}`, o = `gui-flex__widget--align-${e.align ?? "start"}`;
+  return /* @__PURE__ */ t("div", { className: "gui-flex gui-field", style: { flex: e.size }, children: /* @__PURE__ */ t(
+    "div",
+    {
+      className: `gui-flex__widget ${g} ${u} ${o}`,
+      style: e.gap ? { gap: `${e.gap}px` } : {},
+      id: d,
+      children: s()
+    }
+  ) });
+}
+export {
+  $ as Flex
+};

package/Grid-DREMTVQI.js

@@ -0,0 +1,30 @@
+import { jsx as t } from "react/jsx-runtime";
+import { useLayoutWidget as p, WidgetRenderer as w } from "@golemui/react";
+import { useCallback as _ } from "react";
+/* empty css                */
+function h(g) {
+  const n = g.widget, { uid: s, children: d, templateData: i } = p(n), o = i.direction !== "column", u = _(() => d.map((m) => {
+    const r = m;
+    return /* @__PURE__ */ t(
+      "div",
+      {
+        className: "gui-grid__cell",
+        style: { gridColumn: `span ${r.size || 1}` },
+        children: /* @__PURE__ */ t(w, { widget: r })
+      },
+      r.uid
+    );
+  }), [d]), c = o ? "gui-grid__widget--row" : "gui-grid__widget--column", l = `gui-grid__widget--align-${i.align ?? "stretch"}`, a = i.justify ? `gui-grid__widget--justify-${i.justify}` : "", e = {};
+  return i.columnGap !== void 0 && (e.columnGap = `${i.columnGap}px`), i.rowGap !== void 0 && (e.rowGap = `${i.rowGap}px`), /* @__PURE__ */ t("div", { className: "gui-grid gui-field", style: { flex: i.size }, children: /* @__PURE__ */ t(
+    "div",
+    {
+      className: `gui-grid__widget ${c} ${o && (i.autoFit ?? !0) ? "gui-grid__widget--row--auto-fit" : ""} ${l} ${a}`,
+      style: e,
+      id: s,
+      children: u()
+    }
+  ) });
+}
+export {
+  h as Grid
+};