@golemui/gui-react 0.0.2 → 0.12.1

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
+};

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
+};