@golemui/gui-react 0.12.1 → 0.13.0

package/Accordion-BU3skkjb.js

@@ -0,0 +1,58 @@
+import { jsx as c, jsxs as g } from "react/jsx-runtime";
+import { useLayoutWidget as v, WidgetRenderer as b } from "@golemui/react";
+import "@golemui/gui-shared";
+import { useState as x, useEffect as y, useCallback as r } from "react";
+const f = {};
+function S(h) {
+  const m = h.widget, { uid: p, children: d, templateData: i, onChange: a } = v(m), [t, s] = x(f);
+  y(() => {
+    t === f && i.defaultOpen && s(i.defaultOpen || {});
+  }, [t, i]);
+  const l = r(
+    (n) => {
+      const e = { ...t };
+      i.singleOpen && Object.keys(e).filter((o) => o !== n).forEach((o) => {
+        e[o] = o === n ? !e[o] : !1;
+      }), e[n] = !e[n], s(e), a(e);
+    },
+    [t, i.singleOpen, a]
+  ), u = r(
+    (n) => {
+      const e = d.find((w) => w.uid === n), o = t[n];
+      return (o || i.renderMode !== "activeOnly") && e ? /* @__PURE__ */ c(
+        "section",
+        {
+          className: "gui-widget",
+          role: "region",
+          id: `accordion_section_${n}`,
+          hidden: !o && i.renderMode !== "activeOnly",
+          "aria-labelledby": `accordion_button_${n}`,
+          children: /* @__PURE__ */ c(b, { widget: e })
+        }
+      ) : null;
+    },
+    [d, t, i.renderMode]
+  ), _ = r(() => (i.sections || []).map((e, o) => /* @__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__ */ c("span", { className: "gui-accordion__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" }) }) })
+        ]
+      }
+    ),
+    u(e.uid)
+  ] }, `${"accordion_section_" + e.uid}`)), [i.sections, t, u, l]);
+  return /* @__PURE__ */ c("div", { className: "gui-accordion gui-field", style: { flex: i.size }, children: /* @__PURE__ */ c("div", { className: "gui-widget", id: p, children: _() }) });
+}
+export {
+  S as Accordion
+};

package/Alert-DpUiDxQT.js

@@ -0,0 +1,17 @@
+import { jsx as e } from "react/jsx-runtime";
+import { useDisplayWdiget as r } from "@golemui/react";
+import "@golemui/gui-shared";
+function n(t) {
+  const l = t.widget, { uid: a, templateData: i } = r(l);
+  return /* @__PURE__ */ e("div", { className: "gui-alert gui-field", style: { flex: i.size }, children: /* @__PURE__ */ e("div", { className: "gui-widget", id: a, children: /* @__PURE__ */ e(
+    "div",
+    {
+      role: "alert",
+      className: `gui-alert-notification gui-alert-notification--${i.level || "default"}`,
+      children: i.text
+    }
+  ) }) });
+}
+export {
+  n as Alert
+};

package/Button-BYVR5EKG.js

@@ -0,0 +1,86 @@
+import { jsx as p } from "react/jsx-runtime";
+import { useActionWidget as b } from "@golemui/react";
+import { i as g, b as d, A as r, n as l, t as f } from "./directive-1yd1wdny.js";
+import { e as h } from "./class-map-DrTVAYz_.js";
+/* empty css                */
+import "@golemui/gui-shared";
+var m = Object.defineProperty, v = Object.getOwnPropertyDescriptor, a = (o, i, s, t) => {
+  for (var e = t > 1 ? void 0 : t ? v(i, s) : i, u = o.length - 1, c; u >= 0; u--)
+    (c = o[u]) && (e = (t ? c(i, s, e) : c(e)) || e);
+  return t && e && m(i, s, e), e;
+};
+let n = class extends g {
+  constructor() {
+    super(...arguments), this.uid = void 0, this.label = void 0, this.disabled = !1, this.icon = void 0, this.variant = "filled", this.iconPosition = "left";
+  }
+  createRenderRoot() {
+    return this;
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.classList.add("gui-field");
+  }
+  render() {
+    const o = this.icon, i = this.iconPosition || "left", s = {
+      "gui-button-with-icon": !!o,
+      [`gui-button-icon-${i}`]: !0,
+      "gui-button--outlined": this.variant === "outlined",
+      "gui-button--link": this.variant === "link"
+    }, t = o ? d`<span class="gui-widget-icon gui-button-icon ${o}" data-icon=${o}></span>` : r;
+    return d`
+      <div class="gui-widget">
+        <button
+          type="button"
+          tabindex="0"
+          id=${this.uid}
+          class=${h(s)}
+          data-cy=${`${this.uid}_button`}
+          ?disabled=${this.disabled}
+        >
+          ${i === "left" ? t : r}
+          ${this.label ? d`<span>${this.label}</span>` : r}
+          ${i === "right" ? t : r}
+        </button>
+      </div>
+    `;
+  }
+};
+a([
+  l({ type: String })
+], n.prototype, "uid", 2);
+a([
+  l({ type: String })
+], n.prototype, "label", 2);
+a([
+  l({ type: Boolean })
+], n.prototype, "disabled", 2);
+a([
+  l({ type: String })
+], n.prototype, "icon", 2);
+a([
+  l({ type: String })
+], n.prototype, "variant", 2);
+a([
+  l({ type: String })
+], n.prototype, "iconPosition", 2);
+n = a([
+  f("gui-button")
+], n);
+typeof customElements < "u" && !customElements.get("gui-button") && customElements.define("gui-button", n);
+function C(o) {
+  const i = o.widget, { uid: s, templateData: t, onClick: e } = b(i);
+  return /* @__PURE__ */ p("div", { className: "gui-button gui-field", style: { flex: t.size }, children: /* @__PURE__ */ p(
+    "gui-button",
+    {
+      uid: s,
+      label: t.label,
+      disabled: t.disabled,
+      variant: t.variant,
+      icon: t.icon,
+      iconPosition: t.iconPosition,
+      onClick: e
+    }
+  ) });
+}
+export {
+  C as Button
+};

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+## 0.12.2 (2026-05-16)
+
+This was a version bump only for gui-react to align it with other projects, there were no code changes.
+
+## 0.12.1 (2026-05-16)
+
+This was a version bump only for gui-react to align it with other projects, there were no code changes.
+
 ## 0.12.0 (2026-05-16)
 
 This was a version bump only for gui-react to align it with other projects, there were no code changes.

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

@@ -1,33 +1,35 @@
 import { jsx as l } from "react/jsx-runtime";
 import { useInputWidget as O } from "@golemui/react";
+import "@golemui/gui-shared";
 import { useCallback as H } from "react";
+import "./calendar-BgptByan.js";
 /* empty css                */
-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(
+function W(d) {
+  const c = d.widget, { uid: m, errors: u, value: h, isTouched: b, templateData: e, onBlur: n, onValueChanged: a } = O(c), g = H(
     (o) => {
-      const n = o, r = (i) => a(i.detail.value), s = (i) => {
-        t();
+      const t = o, r = (i) => a(i.detail.value), s = (i) => {
+        n();
       };
-      return o && (n.addEventListener("blur", s), n.addEventListener("change", r)), () => {
-        n.removeEventListener("blur", s), n.removeEventListener("change", r);
+      return o && (t.addEventListener("blur", s), t.addEventListener("change", r)), () => {
+        t.removeEventListener("blur", s), t.removeEventListener("change", r);
       };
     },
-    [a, t]
-  ), 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;
+    [a, n]
+  ), v = e.label, p = e.hint, f = 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: f,
+      hint: p,
       errors: u,
       touched: b,
       required: C,
       disabled: k,
       readOnly: q,
       value: h,
-      prevMonthIcon: p,
+      prevMonthIcon: f,
       nextMonthIcon: M,
       prevMonthAriaLabel: x,
       nextMonthAriaLabel: y,
@@ -43,5 +45,5 @@ function T(d) {
   ) });
 }
 export {
-  T as Calendar
+  W as Calendar
 };

package/Checkbox-B1Tsf-vi.js

@@ -0,0 +1,164 @@
+import { jsx as c } from "react/jsx-runtime";
+import { useInputWidget as k } from "@golemui/react";
+import "@golemui/gui-shared";
+import { useCallback as $ } from "react";
+import { G as C, c as P } from "./templates-DBGyvZtc.js";
+import { i as _, A as q, b as w, n as o, t as O } from "./directive-1yd1wdny.js";
+/* empty css                */
+var E = Object.defineProperty, S = Object.getOwnPropertyDescriptor, i = (e, r, n, l) => {
+  for (var s = l > 1 ? void 0 : l ? S(r, n) : r, d = e.length - 1, h; d >= 0; d--)
+    (h = e[d]) && (s = (l ? h(r, n, s) : h(s)) || s);
+  return l && s && E(r, n, s), s;
+};
+let t = class extends _ {
+  constructor() {
+    super(...arguments), this.uid = void 0, this.label = void 0, this.localeId = "en", this.errors = [], this.touched = void 0, this.required = void 0, this.disabled = !1, this.readOnly = !1, this.value = void 0, this.hint = void 0, this.checkboxPosition = "left", this.ariaController = new C(this, {
+      getTargets: () => this.querySelectorAll(`input[id="${this.uid}"]`),
+      getState: () => ({
+        uid: this.uid,
+        templateData: {
+          hint: this.hint,
+          errors: this.errors,
+          touched: this.touched,
+          // Checkboxes can't have aria-readonly
+          readonly: !1,
+          disabled: !1
+        }
+      })
+    });
+  }
+  createRenderRoot() {
+    return this;
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.classList.add("gui-field");
+  }
+  render() {
+    super.render();
+    const e = {
+      uid: this.uid,
+      label: this.label,
+      hint: this.hint,
+      errors: this.errors,
+      touched: this.touched,
+      required: this.required,
+      disabled: this.disabled,
+      readonly: this.readOnly,
+      value: this.value,
+      checkboxPosition: this.checkboxPosition
+    };
+    return e.checkboxPosition === "right" ? this.classList.add("gui-checkbox--right") : this.classList.contains("gui-checkbox--right") && this.classList.remove("gui-checkbox--right"), w`
+      <label
+        class="gui-label"
+        for=${this.uid}
+        data-cy=${`${this.uid}_label`}
+        id=${`${this.uid}_label`}
+      >
+        <div class="gui-widget gui-widget--horizontal">
+          <input
+            type="checkbox"
+            tabindex="0"
+            id=${this.uid}
+            data-cy=${`${this.uid}_checkbox`}
+            ?checked=${this.value}
+            ?required=${this.required}
+            ?disabled=${this.disabled || this.readOnly}
+            @change=${this.valueChanged}
+            @blur=${this.onBlur}
+          />
+        </div>
+
+        <span class="gui-label__container">
+          ${e.label + (e.required ? " *" : "")}
+        </span>
+      </label>
+
+      <div class="gui-widget-hint" id=${`${e.uid}_hint`}>
+        ${e.hint ?? q} ${P(this.uid, e)}
+      </div>
+    `;
+  }
+  valueChanged(e) {
+    if (e.stopPropagation(), !this.readOnly) {
+      const r = e.target;
+      this.dispatchEvent(
+        new CustomEvent("change", {
+          detail: { value: r.checked },
+          bubbles: !0,
+          composed: !0
+        })
+      );
+    }
+  }
+  onBlur() {
+    this.dispatchEvent(
+      new CustomEvent("blur", {
+        bubbles: !0,
+        composed: !0
+      })
+    );
+  }
+};
+i([
+  o({ type: String })
+], t.prototype, "uid", 2);
+i([
+  o({ type: String })
+], t.prototype, "label", 2);
+i([
+  o({ type: String, attribute: "locale-id" })
+], t.prototype, "localeId", 2);
+i([
+  o({ type: Array })
+], t.prototype, "errors", 2);
+i([
+  o({ type: Boolean })
+], t.prototype, "touched", 2);
+i([
+  o({ type: Boolean })
+], t.prototype, "required", 2);
+i([
+  o({ type: Boolean })
+], t.prototype, "disabled", 2);
+i([
+  o({ type: Boolean, attribute: "readonly" })
+], t.prototype, "readOnly", 2);
+i([
+  o({ type: String })
+], t.prototype, "value", 2);
+i([
+  o({ type: String })
+], t.prototype, "hint", 2);
+i([
+  o({ type: String })
+], t.prototype, "checkboxPosition", 2);
+t = i([
+  O("gui-checkbox")
+], t);
+typeof customElements < "u" && !customElements.get("gui-checkbox") && customElements.define("gui-checkbox", t);
+function G(e) {
+  const r = e.widget, { uid: n, errors: l, value: s, onValueChanged: d, onBlur: h, templateData: a, isTouched: u } = k(r), p = $(
+    (x) => d(x.nativeEvent.detail.value),
+    [d]
+  ), b = a.label, g = a.hint, y = a.checkboxPosition, v = a.disabled, m = a.readonly, f = a.validator?.required;
+  return /* @__PURE__ */ c("div", { className: "gui-checkbox gui-field", style: { flex: a.size }, children: /* @__PURE__ */ c(
+    "gui-checkbox",
+    {
+      uid: n,
+      label: b,
+      errors: l,
+      touched: u,
+      required: f,
+      disabled: v,
+      readOnly: m,
+      value: s,
+      hint: g,
+      checkboxPosition: y,
+      onChange: p,
+      onBlur: h
+    }
+  ) });
+}
+export {
+  G as Checkbox
+};

package/Currency-D0pOQwU4.js

@@ -0,0 +1,233 @@
+import { jsx as p } from "react/jsx-runtime";
+import { useInputWidget as _ } from "@golemui/react";
+import "@golemui/gui-shared";
+import { useCallback as q } from "react";
+import { i as V, A as u, b as h, n as o, t as B } from "./directive-1yd1wdny.js";
+import { r as N } from "./state-DI9ZsB5W.js";
+import { e as A } from "./query-h1h36oxg.js";
+import { e as P } from "./class-map-DrTVAYz_.js";
+import { G as R, a as j, b as G, c as U } from "./templates-DBGyvZtc.js";
+/* empty css                */
+var L = Object.defineProperty, T = Object.getOwnPropertyDescriptor, i = (t, s, n, l) => {
+  for (var a = l > 1 ? void 0 : l ? T(s, n) : s, c = t.length - 1, r; c >= 0; c--)
+    (r = t[c]) && (a = (l ? r(s, n, a) : r(a)) || a);
+  return l && a && L(s, n, a), a;
+};
+let e = class extends V {
+  constructor() {
+    super(...arguments), this.uid = void 0, this.label = void 0, this.localeId = void 0, this.errors = [], this.touched = !1, this.required = !1, this.disabled = !1, this.readOnly = !1, this.value = void 0, this.currency = void 0, this.step = void 0, this.maximumFractionDigits = void 0, this.minimumFractionDigits = void 0, this.hint = void 0, this.icon = void 0, this.placeholder = void 0, this.autocomplete = void 0, this.ariaController = new R(this, {
+      getTargets: () => this.querySelectorAll(`input[id="${this.uid}"]`),
+      getState: () => ({
+        uid: this.uid,
+        templateData: {
+          hint: this.hint,
+          errors: this.errors,
+          readonly: this.readOnly,
+          disabled: this.disabled,
+          touched: this.touched
+        }
+      })
+    });
+  }
+  createRenderRoot() {
+    return this;
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.classList.add("gui-field");
+  }
+  willUpdate(t) {
+    t.has("value") && document.activeElement !== this.inputElement && (this.displayValue = this.formatCurrency(this.value));
+  }
+  render() {
+    super.render();
+    const t = {
+      uid: this.uid,
+      label: this.label,
+      hint: this.hint,
+      errors: this.errors,
+      touched: this.touched,
+      required: this.required,
+      disabled: this.disabled,
+      readonly: this.readOnly,
+      value: this.value,
+      currency: this.currency,
+      maximumFractionDigits: this.maximumFractionDigits,
+      minimumFractionDigits: this.minimumFractionDigits,
+      icon: this.icon,
+      placeholder: this.placeholder,
+      autocomplete: this.autocomplete
+    };
+    this.displayValue = this.formatCurrency(this.value);
+    const s = j("currency", t), n = {
+      "gui-currency--icon": !!this.icon
+    };
+    return h`
+      ${G(this.uid, t)}
+
+      <div class="gui-widget">
+        <input
+          type="number"
+          inputmode="decimal"
+          id=${this.uid}
+          data-cy=${`${this.uid}_currency`}
+          class=${P(n)}
+          step=${this.step && this.step > 0 ? this.step : u}
+          .value=${this.value ?? ""}
+          ?required=${this.disabled}
+          ?disabled=${this.disabled}
+          ?readonly=${this.readOnly}
+          placeholder=${this.placeholder || u}
+          autocomplete=${this.autocomplete || u}
+          @input=${this.handleInput}
+          @focus=${this.handleFocus}
+          @blur=${this.handleBlur}
+        />
+        ${this.displayValue ? h`<label
+              for=${this.uid}
+              class="gui-currency__format-value ${this.icon ? "gui-currency__format-value--icon" : ""}"
+              >${this.displayValue}</label
+            >` : u}
+        ${s.html}
+      </div>
+
+      ${U(this.uid, t)}
+    `;
+  }
+  handleInput(t) {
+    if (t.stopPropagation(), !this.readOnly) {
+      const s = t.target;
+      this.displayValue = this.formatCurrency(s.valueAsNumber), this.dispatchEvent(
+        new CustomEvent("input", {
+          detail: { value: s.valueAsNumber },
+          bubbles: !0,
+          composed: !0
+        })
+      );
+    }
+  }
+  handleFocus() {
+    this.displayValue = this.formatCurrency(this.value);
+  }
+  handleBlur() {
+    this.displayValue = this.formatCurrency(this.value), this.dispatchEvent(
+      new CustomEvent("blur", {
+        bubbles: !0,
+        composed: !0
+      })
+    );
+  }
+  formatCurrency(t) {
+    if (t === "" || t === void 0 || t === null || isNaN(t)) return "";
+    try {
+      return new Intl.NumberFormat(this.localeId ?? "en", {
+        style: "currency",
+        currency: this.currency ?? "USD",
+        maximumFractionDigits: this.maximumFractionDigits ?? Math.max(this.minimumFractionDigits ?? 2, 2),
+        minimumFractionDigits: this.minimumFractionDigits ?? 2
+      }).format(t);
+    } catch (s) {
+      return console.warn("Invalid locale or currency", s), t.toString();
+    }
+  }
+  get separators() {
+    const t = new Intl.NumberFormat(this.localeId ?? "en").format(1111.1);
+    return {
+      group: t.replace(/1/g, "").replace(/\d/g, "")[0] || ",",
+      decimal: t.replace(/1/g, "").replace(/\d/g, "").slice(-1) || "."
+    };
+  }
+};
+i([
+  o({ type: String })
+], e.prototype, "uid", 2);
+i([
+  o({ type: String })
+], e.prototype, "label", 2);
+i([
+  o({ type: String, attribute: "locale-id" })
+], e.prototype, "localeId", 2);
+i([
+  o({ type: Array })
+], e.prototype, "errors", 2);
+i([
+  o({ type: Boolean })
+], e.prototype, "touched", 2);
+i([
+  o({ type: Boolean })
+], e.prototype, "required", 2);
+i([
+  o({ type: Boolean })
+], e.prototype, "disabled", 2);
+i([
+  o({ type: Boolean, attribute: "readonly" })
+], e.prototype, "readOnly", 2);
+i([
+  o({ type: String })
+], e.prototype, "value", 2);
+i([
+  o({ type: String })
+], e.prototype, "currency", 2);
+i([
+  o({ type: String })
+], e.prototype, "step", 2);
+i([
+  o({ type: String })
+], e.prototype, "maximumFractionDigits", 2);
+i([
+  o({ type: String })
+], e.prototype, "minimumFractionDigits", 2);
+i([
+  o({ type: String })
+], e.prototype, "hint", 2);
+i([
+  o({ type: String })
+], e.prototype, "icon", 2);
+i([
+  o({ type: String })
+], e.prototype, "placeholder", 2);
+i([
+  o({ type: String })
+], e.prototype, "autocomplete", 2);
+i([
+  N()
+], e.prototype, "displayValue", 2);
+i([
+  A("input")
+], e.prototype, "inputElement", 2);
+e = i([
+  B("gui-currency")
+], e);
+typeof customElements < "u" && !customElements.get("gui-currency") && customElements.define("gui-currency", e);
+function k(t) {
+  const s = t.widget, { uid: n, errors: l, value: a, isTouched: c, templateData: r, onValueChanged: d, onBlur: m } = _(s), y = q(
+    (O) => d(O.nativeEvent.detail.value),
+    [d]
+  ), g = r.label, v = r.hint, b = r.placeholder, f = r.currency, D = r.step, $ = r.maximumFractionDigits, F = r.minimumFractionDigits, C = r.autocomplete, S = r.icon, I = r.disabled, x = r.readonly, w = r.validator?.required, E = r.lang;
+  return /* @__PURE__ */ p("div", { className: "gui-currency gui-field", style: { flex: r.size }, children: /* @__PURE__ */ p(
+    "gui-currency",
+    {
+      uid: n,
+      label: g,
+      hint: v,
+      errors: l,
+      touched: c,
+      required: w,
+      disabled: I,
+      readOnly: x,
+      value: a,
+      currency: f,
+      step: D,
+      maximumFractionDigits: $,
+      minimumFractionDigits: F,
+      icon: S,
+      autocomplete: C ?? void 0,
+      placeholder: b ?? void 0,
+      localeId: E,
+      onInput: y,
+      onBlur: m
+    }
+  ) });
+}
+export {
+  k as Currency
+};

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

@@ -1,18 +1,20 @@
 import { jsx as d } from "react/jsx-runtime";
 import { useInputWidget as x } from "@golemui/react";
+import "@golemui/gui-shared";
 import { useCallback as D } from "react";
+import "./date-input-Dux0mFJw.js";
 /* empty css                */
-function H(c) {
+function k(c) {
   const u = c.widget, {
-    uid: g,
-    errors: m,
+    uid: m,
+    errors: g,
     value: v,
-    isTouched: h,
+    isTouched: p,
     templateData: e,
     onValueChanged: a,
     onBlur: n,
     injectValidationIssues: r
-  } = x(u), p = D(
+  } = x(u), h = D(
     (o) => {
       const t = o, s = (i) => {
         r(null), a(i.detail.value);
@@ -28,12 +30,12 @@ function H(c) {
   return /* @__PURE__ */ d("div", { className: "gui-date gui-field", style: { flex: e.size }, children: /* @__PURE__ */ d(
     "gui-date",
     {
-      ref: p,
-      uid: g,
+      ref: h,
+      uid: m,
       label: f,
       hint: b,
-      errors: m,
-      touched: h,
+      errors: g,
+      touched: p,
       required: I,
       disabled: L,
       readOnly: y,
@@ -44,5 +46,5 @@ function H(c) {
   ) });
 }
 export {
-  H as DateInput
+  k as DateInput
 };