@golemui/gui-lit 0.16.2 → 1.0.0-rc.0

package/CHANGELOG.md

@@ -1,3 +1,23 @@
+## 0.17.0 (2026-06-08)
+
+### 🚀 Features
+
+- **core:** validation-aware submit buttons ([#167](https://github.com/golemui/golemui/pull/167))
+
+### 🩹 Fixes
+
+- minor UI fixes and design updates ([#168](https://github.com/golemui/golemui/pull/168))
+- **core:** clear `data` after an input widget is removed ([#157](https://github.com/golemui/golemui/pull/157))
+
+### ❤️ Thank You
+
+- Mud Scientist @mudscientist
+- Raúl Jiménez @Elecash
+
+## 0.16.2 (2026-05-30)
+
+This was a version bump only for gui-lit to align it with other projects, there were no code changes.
+
 ## 0.16.1 (2026-05-30)
 
 This was a version bump only for gui-lit to align it with other projects, there were no code changes.

package/{abstract-calendar-YDgwwbqe.js → abstract-calendar-BoqKPRmS.js}

@@ -1,9 +1,8 @@
-import { LitElement as M, nothing as _, html as u } from "lit";
+import { LitElement as M, nothing as _, html as d } from "lit";
 import { property as o, state as w } from "lit/decorators.js";
-import { G as S, b as $, c as A } from "./templates-Dk1jxLwS.js";
+import { G as S, b as A, c as $ } from "./templates-Dk1jxLwS.js";
 import { repeat as D } from "lit-html/directives/repeat.js";
-import { d as I, e as k, t as v, w as B } from "./date-CG1562vW.js";
-import "@golemui/gui-shared";
+import { d as I, e as k, t as v, w as B } from "./date-DTYg8sog.js";
 var Y = Object.defineProperty, s = (m, t, r, a) => {
   for (var e = void 0, n = m.length - 1, l; n >= 0; n--)
     (l = m[n]) && (e = l(t, r, e) || e);
@@ -37,8 +36,8 @@ class i extends M {
       touched: this.touched,
       required: this.required
     }, r = Array.from({ length: this.numberOfMonths ?? 1 }, (a, e) => e);
-    return u`
-      ${this.label ? $(this.uid, t, !1, "calendar") : _}
+    return d`
+      ${this.label ? A(this.uid, t, !1, "calendar") : _}
 
       <div class="gui-widget" @focusout=${this.onFocusOut}>
         <div
@@ -58,10 +57,19 @@ class i extends M {
               @click=${this.prevMonth}
               aria-label=${this.prevMonthAriaLabel ?? "Previous month"}
             >
-              ${this.prevMonthIcon ? u`<span
+              ${this.prevMonthIcon ? d`<span
                     class=${`gui-widget-icon ${this.prevMonthIcon}`}
                     data-icon=${this.prevMonthIcon}
-                  ></span>` : "<"}
+                  ></span>` : d`<svg
+                    xmlns="http://www.w3.org/2000/svg"
+                    width="16"
+                    height="16"
+                    viewBox="0 0 256 256"
+                  >
+                    <path
+                      d="M165.66,202.34a8,8,0,0,1-11.32,11.32l-80-80a8,8,0,0,1,0-11.32l80-80a8,8,0,0,1,11.32,11.32L91.31,128Z"
+                    ></path>
+                  </svg>`}
             </button>
 
             <div class="gui-calendar__months-grid">
@@ -76,16 +84,25 @@ class i extends M {
               @click=${this.nextMonth}
               aria-label=${this.nextMonthAriaLabel ?? "Next month"}
             >
-              ${this.nextMonthIcon ? u`<span
+              ${this.nextMonthIcon ? d`<span
                     class=${`gui-widget-icon ${this.nextMonthIcon}`}
                     data-icon=${this.nextMonthIcon}
-                  ></span>` : ">"}
+                  ></span>` : d`<svg
+                    xmlns="http://www.w3.org/2000/svg"
+                    width="16"
+                    height="16"
+                    viewBox="0 0 256 256"
+                  >
+                    <path
+                      d="M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z"
+                    ></path>
+                  </svg>`}
             </button>
           </div>
         </div>
       </div>
 
-      ${this.errors?.length ? A(this.uid, t) : _}
+      ${this.errors?.length ? $(this.uid, t) : _}
     `;
   }
   /**
@@ -93,22 +110,22 @@ class i extends M {
    */
   renderMonthPanel(t) {
     const r = this.getDaysInMonth(t), a = this.chunkDays(r), e = I(this.localeId), n = new Date(this._currentDate);
-    return n.setDate(1), n.setMonth(n.getMonth() + t), u`
+    return n.setDate(1), n.setMonth(n.getMonth() + t), d`
       <div class="gui-calendar__panel">
         ${this.renderHeader(n)}
-        ${this._yearSelectorOpen && t === 0 ? this.renderYearGrid() : u`
+        ${this._yearSelectorOpen && t === 0 ? this.renderYearGrid() : d`
               <div class="gui-calendar__days-grid" role="grid">
                 <div role="row" class="gui-calendar__rows">
                   ${D(
       e,
       (l, c) => c,
-      (l) => u`<span class="gui-calendar__weekday" role="gridcell">${l}</span>`
+      (l) => d`<span class="gui-calendar__weekday" role="gridcell">${l}</span>`
     )}
                 </div>
 
                 ${D(
       a,
-      (l) => u`
+      (l) => d`
                     <div role="row" class="gui-calendar__rows">
                       ${D(
         l,
@@ -125,11 +142,11 @@ class i extends M {
   }
   renderHeader(t) {
     const r = k(this.localeId, t, this.monthFormat);
-    return u`
+    return d`
       <header class="gui-calendar__header">
         <h2>
           ${r.map(
-      (a) => a.type === "year" ? u`<button
+      (a) => a.type === "year" ? d`<button
                   type="button"
                   tabindex="0"
                   class="gui-calendar__year-selector"
@@ -150,7 +167,7 @@ class i extends M {
                       ></path>
                     </svg>
                   </span>
-                </button>` : u`<span class="gui-calendar__month-name">${a.value}</span>`
+                </button>` : d`<span class="gui-calendar__month-name">${a.value}</span>`
     )}
         </h2>
       </header>
@@ -158,7 +175,7 @@ class i extends M {
   }
   renderYearGrid() {
     const t = this._currentDate.getFullYear(), r = this._yearList;
-    return u`
+    return d`
       <div
         class="gui-calendar__year-grid"
         role="grid"
@@ -166,10 +183,10 @@ class i extends M {
         @keydown=${this.handleYearKeydown}
       >
         ${this.chunkYears(r).map(
-      (a) => u`
+      (a) => d`
             <div role="row" class="gui-calendar__year-row">
               ${a.map(
-        (e) => u`
+        (e) => d`
                   <button
                     type="button"
                     role="gridcell"
@@ -246,8 +263,8 @@ class i extends M {
       case "Enter":
       case " ": {
         t.preventDefault();
-        const d = parseInt(r.dataset.year ?? "", 10);
-        isNaN(d) || this.selectYear(d);
+        const u = parseInt(r.dataset.year ?? "", 10);
+        isNaN(u) || this.selectYear(u);
         return;
       }
       case "Escape": {
@@ -298,16 +315,16 @@ class i extends M {
         return;
     }
     t.preventDefault();
-    const d = this.findNextFocusableIndex(n, c, e);
+    const u = this.findNextFocusableIndex(n, c, e);
     let b = !1;
-    if (d < 0)
+    if (u < 0)
       if (this.canGoPrev())
         this.prevMonth(), b = !0;
       else {
         e.find((p) => !this.isButtonDisabled(p))?.focus();
         return;
       }
-    else if (d >= e.length)
+    else if (u >= e.length)
       if (this.canGoNext())
         this.nextMonth(), b = !0;
       else {
@@ -320,15 +337,15 @@ class i extends M {
         this.querySelectorAll(".gui-calendar__day-button:not(.other-month)")
       ), p = Array.from(this.querySelectorAll(".gui-calendar__panel"));
       let g;
-      if (d < 0)
+      if (u < 0)
         g = p[0].querySelectorAll(
           ".gui-calendar__day-button:not(.other-month)"
-        ).length + d;
+        ).length + u;
       else {
         const f = p[p.length - 1].querySelectorAll(
           ".gui-calendar__day-button:not(.other-month)"
         ).length;
-        g = h.length - f + (d - e.length);
+        g = h.length - f + (u - e.length);
       }
       if (this.isButtonDisabled(h[g])) {
         const y = this.findNextFocusableIndex(g, c, h);
@@ -342,7 +359,7 @@ class i extends M {
         h[y]?.focus();
       }
     } else
-      e[d]?.focus();
+      e[u]?.focus();
   }
   /**
    * Splits an array of calendar days into chunks of weeks, with each week consisting of up to 7 days.
@@ -384,12 +401,12 @@ class i extends M {
     this._currentDate = new Date(t.getFullYear(), t.getMonth() + 1, 1);
   }
   generateDateGrid(t = 0) {
-    const r = this._currentDate.getFullYear(), a = this._currentDate.getMonth() + t, e = new Date(r, a, 1), n = e.getDay(), l = B(this.localeId)[0], c = (n - l + 7) % 7, d = new Date(e);
-    d.setDate(e.getDate() - c);
+    const r = this._currentDate.getFullYear(), a = this._currentDate.getMonth() + t, e = new Date(r, a, 1), n = e.getDay(), l = B(this.localeId)[0], c = (n - l + 7) % 7, u = new Date(e);
+    u.setDate(e.getDate() - c);
     const b = [];
     for (let h = 0; h < 42; h++) {
-      const p = new Date(d);
-      p.setDate(d.getDate() + h), b.push(p);
+      const p = new Date(u);
+      p.setDate(u.getDate() + h), b.push(p);
     }
     return b;
   }

package/{accordion.element-ChLmV6QT.js → accordion.element-BIgxl5e9.js}

@@ -1,5 +1,4 @@
 import { LayoutWidgetAdapter as l, formContext as u, layoutContext as h } from "@golemui/lit";
-import "@golemui/gui-shared";
 import { consume as g, provide as m } from "@lit/context";
 import { LitElement as v, html as r, nothing as p } from "lit";
 import { property as f, customElement as b } from "lit/decorators.js";

package/{alert.element-9QFlqjj9.js → alert.element-DPWq9-0F.js}

@@ -1,8 +1,7 @@
 import { LitElement as d, html as n } from "lit";
 import { property as c, customElement as u } from "lit/decorators.js";
-import { consume as m, provide as h } from "@lit/context";
+import { consume as h, provide as m } from "@lit/context";
 import { DisplayWidgetAdapter as f, formContext as b, displayWidgetContext as g } from "@golemui/lit";
-import "@golemui/gui-shared";
 import "rxjs";
 var v = Object.defineProperty, x = Object.getOwnPropertyDescriptor, l = (r, t, a, i) => {
   for (var e = i > 1 ? void 0 : i ? x(t, a) : t, o = r.length - 1, p; o >= 0; o--)
@@ -43,11 +42,11 @@ let s = class extends d {
   }
 };
 l([
-  m({ context: b }),
+  h({ context: b }),
   c({ attribute: !1 })
 ], s.prototype, "formContext", 2);
 l([
-  h({ context: g })
+  m({ context: g })
 ], s.prototype, "adapter", 2);
 s = l([
   u("gui-alert-display")

package/{button.element-DxwYDdu6.js → button.element-3a7rRHbA.js}

@@ -1,18 +1,17 @@
-import { ActionWidgetAdapter as f, formContext as g, actionContext as y } from "@golemui/lit";
-import { consume as v, provide as $ } from "@lit/context";
-import { LitElement as b, html as u, nothing as l } from "lit";
-import { property as a, customElement as m } from "lit/decorators.js";
+import { ActionWidgetAdapter as f, formContext as g, actionContext as v } from "@golemui/lit";
+import { consume as y, provide as $ } from "@lit/context";
+import { LitElement as b, html as u, nothing as c } from "lit";
+import { property as s, customElement as m } from "lit/decorators.js";
 import "rxjs";
-import "@golemui/gui-shared";
 import { classMap as P } from "lit/directives/class-map.js";
 var C = Object.defineProperty, x = Object.getOwnPropertyDescriptor, r = (i, t, n, o) => {
-  for (var e = o > 1 ? void 0 : o ? x(t, n) : t, p = i.length - 1, c; p >= 0; p--)
-    (c = i[p]) && (e = (o ? c(t, n, e) : c(e)) || e);
+  for (var e = o > 1 ? void 0 : o ? x(t, n) : t, p = i.length - 1, l; p >= 0; p--)
+    (l = i[p]) && (e = (o ? l(t, n, e) : l(e)) || e);
   return o && e && C(t, n, e), e;
 };
-let s = class extends b {
+let a = class extends b {
   constructor() {
-    super(...arguments), this.uid = void 0, this.label = void 0, this.disabled = !1, this.icon = void 0, this.variant = "filled", this.iconPosition = "left", this.actionType = "button";
+    super(...arguments), this.uid = void 0, this.label = void 0, this.disabled = !1, this.icon = void 0, this.variant = "filled", this.iconPosition = "left", this.actionType = "button", this.invalid = !1;
   }
   createRenderRoot() {
     return this;
@@ -25,8 +24,9 @@ let s = class extends b {
       "gui-button-with-icon": !!i,
       [`gui-button-icon-${t}`]: !0,
       "gui-button--outlined": this.variant === "outlined",
-      "gui-button--link": this.variant === "link"
-    }, o = i ? u`<span class="gui-widget-icon gui-button-icon ${i}" data-icon=${i}></span>` : l;
+      "gui-button--link": this.variant === "link",
+      "gui-button--invalid": this.invalid && this.actionType === "submit"
+    }, o = i ? u`<span class="gui-widget-icon gui-button-icon ${i}" data-icon=${i}></span>` : c;
     return u`
       <div class="gui-widget">
         <button
@@ -37,43 +37,46 @@ let s = class extends b {
           data-cy=${`${this.uid}_button`}
           ?disabled=${this.disabled}
         >
-          ${t === "left" ? o : l}
-          ${this.label ? u`<span>${this.label}</span>` : l}
-          ${t === "right" ? o : l}
+          ${t === "left" ? o : c}
+          ${this.label ? u`<span>${this.label}</span>` : c}
+          ${t === "right" ? o : c}
         </button>
       </div>
     `;
   }
 };
 r([
-  a({ type: String })
-], s.prototype, "uid", 2);
+  s({ type: String })
+], a.prototype, "uid", 2);
 r([
-  a({ type: String })
-], s.prototype, "label", 2);
+  s({ type: String })
+], a.prototype, "label", 2);
 r([
-  a({ type: Boolean })
-], s.prototype, "disabled", 2);
+  s({ type: Boolean })
+], a.prototype, "disabled", 2);
 r([
-  a({ type: String })
-], s.prototype, "icon", 2);
+  s({ type: String })
+], a.prototype, "icon", 2);
 r([
-  a({ type: String })
-], s.prototype, "variant", 2);
+  s({ type: String })
+], a.prototype, "variant", 2);
 r([
-  a({ type: String })
-], s.prototype, "iconPosition", 2);
+  s({ type: String })
+], a.prototype, "iconPosition", 2);
 r([
-  a({ type: String })
-], s.prototype, "actionType", 2);
-s = r([
+  s({ type: String })
+], a.prototype, "actionType", 2);
+r([
+  s({ type: Boolean })
+], a.prototype, "invalid", 2);
+a = r([
   m("gui-button")
-], s);
-typeof customElements < "u" && !customElements.get("gui-button") && customElements.define("gui-button", s);
-var _ = Object.defineProperty, D = Object.getOwnPropertyDescriptor, h = (i, t, n, o) => {
-  for (var e = o > 1 ? void 0 : o ? D(t, n) : t, p = i.length - 1, c; p >= 0; p--)
-    (c = i[p]) && (e = (o ? c(t, n, e) : c(e)) || e);
-  return o && e && _(t, n, e), e;
+], a);
+typeof customElements < "u" && !customElements.get("gui-button") && customElements.define("gui-button", a);
+var D = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, h = (i, t, n, o) => {
+  for (var e = o > 1 ? void 0 : o ? _(t, n) : t, p = i.length - 1, l; p >= 0; p--)
+    (l = i[p]) && (e = (o ? l(t, n, e) : l(e)) || e);
+  return o && e && D(t, n, e), e;
 };
 let d = class extends b {
   constructor() {
@@ -99,6 +102,7 @@ let d = class extends b {
         .actionType=${this.adapter.templateData.actionType ?? "button"}
         .label=${this.adapter.templateData.label}
         ?disabled=${this.adapter.templateData.disabled === !0}
+        ?invalid=${this.adapter.templateData.invalid === !0}
         .variant=${this.adapter.templateData.variant}
         .icon=${this.adapter.templateData.icon}
         .iconPosition=${this.adapter.templateData.iconPosition}
@@ -111,11 +115,11 @@ let d = class extends b {
   }
 };
 h([
-  v({ context: g }),
-  a({ attribute: !1 })
+  y({ context: g }),
+  s({ attribute: !1 })
 ], d.prototype, "formContext", 2);
 h([
-  $({ context: y })
+  $({ context: v })
 ], d.prototype, "adapter", 2);
 d = h([
   m("gui-button-interactive")

package/{calendar-P9DzVryu.js → calendar-DTYKVYc3.js}

@@ -1,8 +1,8 @@
 import { html as D } from "lit";
 import { property as m, customElement as f } from "lit/decorators.js";
 import { classMap as p } from "lit/directives/class-map.js";
-import { i as h, b as g, a as v, g as M, t as w } from "./date-CG1562vW.js";
-import { A as C } from "./abstract-calendar-YDgwwbqe.js";
+import { i as h, b as g, a as v, g as M, t as w } from "./date-DTYg8sog.js";
+import { A as C } from "./abstract-calendar-BoqKPRmS.js";
 var _ = Object.defineProperty, y = Object.getOwnPropertyDescriptor, d = (e, t, n, r) => {
   for (var i = r > 1 ? void 0 : r ? y(t, n) : t, s = e.length - 1, a; s >= 0; s--)
     (a = e[s]) && (i = (r ? a(t, n, i) : a(i)) || i);

package/{calendar.element-O2of7VBr.js → calendar.element-MubSE1bx.js}

@@ -1,16 +1,15 @@
 import { InputWidgetAdapter as o, formContext as l, inputContext as h } from "@golemui/lit";
-import "@golemui/gui-shared";
-import "./calendar-P9DzVryu.js";
+import "./calendar-DTYKVYc3.js";
 import { consume as m, provide as u } from "@lit/context";
 import { LitElement as c, html as D } from "lit";
 import { property as b, customElement as $ } from "lit/decorators.js";
 import "rxjs";
-var f = Object.defineProperty, g = Object.getOwnPropertyDescriptor, d = (e, t, s, r) => {
-  for (var a = r > 1 ? void 0 : r ? g(t, s) : t, p = e.length - 1, n; p >= 0; p--)
-    (n = e[p]) && (a = (r ? n(t, s, a) : n(a)) || a);
-  return r && a && f(t, s, a), a;
+var f = Object.defineProperty, g = Object.getOwnPropertyDescriptor, d = (e, t, i, r) => {
+  for (var a = r > 1 ? void 0 : r ? g(t, i) : t, p = e.length - 1, n; p >= 0; p--)
+    (n = e[p]) && (a = (r ? n(t, i, a) : n(a)) || a);
+  return r && a && f(t, i, a), a;
 };
-let i = class extends c {
+let s = class extends c {
   constructor() {
     super(...arguments), this.adapter = new o(), this.subscriptions = [];
   }
@@ -67,13 +66,13 @@ let i = class extends c {
 d([
   m({ context: l }),
   b({ attribute: !1 })
-], i.prototype, "formContext", 2);
+], s.prototype, "formContext", 2);
 d([
   u({ context: h })
-], i.prototype, "adapter", 2);
-i = d([
+], s.prototype, "adapter", 2);
+s = d([
   $("gui-calendar-input")
-], i);
+], s);
 export {
-  i as CalendarElement
+  s as CalendarElement
 };

package/{checkbox.element-DMmer4Jw.js → checkbox.element-CVskoXEc.js}

@@ -1,5 +1,4 @@
 import { InputWidgetAdapter as g, formContext as m, inputContext as y } from "@golemui/lit";
-import "@golemui/gui-shared";
 import { G as v, c as f } from "./templates-Dk1jxLwS.js";
 import { LitElement as u, nothing as $, html as p } from "lit";
 import { property as r, customElement as b } from "lit/decorators.js";

package/{currency.element-ybKzwXEh.js → currency.element-YyL4TeL0.js}

@@ -1,5 +1,4 @@
 import { InputWidgetAdapter as g, formContext as b, inputContext as v } from "@golemui/lit";
-import "@golemui/gui-shared";
 import { LitElement as m, nothing as p, html as c } from "lit";
 import { property as a, state as f, query as $, customElement as y } from "lit/decorators.js";
 import { classMap as D } from "lit/directives/class-map.js";

package/{date-CG1562vW.js → date-DTYg8sog.js}

@@ -1,4 +1,3 @@
-import "@golemui/gui-shared";
 const t = {
   aa: { firstDay: 7, weekend: [6, 7], minimalDays: 1 },
   "aa-DJ": { firstDay: 6, weekend: [6, 7], minimalDays: 1 },
@@ -715,7 +714,7 @@ function y(e) {
   const i = e.getFullYear(), n = String(e.getMonth() + 1).padStart(2, "0"), a = String(e.getDate()).padStart(2, "0");
   return `${i}-${n}-${a}`;
 }
-function w(e) {
+function k(e) {
   return r(e, /* @__PURE__ */ new Date());
 }
 function r(e, i) {
@@ -729,14 +728,14 @@ function l(e) {
   const i = t[e ?? "en"] || { firstDay: 0 };
   return f(i.firstDay);
 }
-function o(e) {
+function w(e) {
   const i = new Intl.DateTimeFormat(e, { weekday: "narrow" }), n = new Date(2025, 10, 30);
   return l(e).map((a) => {
     const s = new Date(n);
     return s.setDate(n.getDate() + a), i.format(s);
   });
 }
-function g(e, i, n) {
+function o(e, i, n) {
   for (let a = 0; a < n; a++) {
     const s = new Date(i.getFullYear(), i.getMonth() + a, 1);
     if (e.getMonth() === s.getMonth() && e.getFullYear() === s.getFullYear())
@@ -744,10 +743,10 @@ function g(e, i, n) {
   }
   return !1;
 }
-function u(e, i, n = "long") {
+function g(e, i, n = "long") {
   return new Intl.DateTimeFormat(e, { month: n, year: "numeric" }).formatToParts(i).filter((s) => s.type === "month" || s.type === "year");
 }
-function c(e, i) {
+function u(e, i) {
   const n = e || "en-US", m = new Intl.DateTimeFormat(n, { day: "numeric" }).formatToParts(i).find((D) => D.type === "day");
   return m ? m.value : i.getDate().toString();
 }
@@ -755,7 +754,7 @@ function d(e, i) {
   const n = y(e), a = y(i);
   return n === a ? { start: n } : { start: n, end: a };
 }
-function M(e) {
+function c(e) {
   return e.length ? e.map((a) => ({
     start: new Date(a.start).getTime(),
     end: new Date(a.end ?? a.start).getTime()
@@ -773,14 +772,14 @@ function M(e) {
   ).map((a) => d(new Date(a.start), new Date(a.end))) : [];
 }
 export {
-  w as a,
+  k as a,
   r as b,
   d as c,
-  o as d,
-  u as e,
-  c as g,
-  g as i,
-  M as m,
+  w as d,
+  g as e,
+  u as g,
+  o as i,
+  c as m,
   y as t,
   l as w
 };

package/{date-input-D_Swskk4.js → date-input-BeQvyfln.js}

@@ -1,11 +1,10 @@
-import "@golemui/gui-shared";
 import { LitElement as y, nothing as u, html as d } from "lit";
 import { repeat as g } from "lit-html/directives/repeat.js";
 import { property as l, state as p, customElement as m } from "lit/decorators.js";
 import { classMap as _ } from "lit/directives/class-map.js";
 import { live as f } from "lit/directives/live.js";
 import { G as v, b as A, c as S } from "./templates-Dk1jxLwS.js";
-import { t as w } from "./date-CG1562vW.js";
+import { t as w } from "./date-DTYg8sog.js";
 var b = Object.defineProperty, I = Object.getOwnPropertyDescriptor, h = (t, e, a, i) => {
   for (var r = i > 1 ? void 0 : i ? I(e, a) : e, n = t.length - 1, s; n >= 0; n--)
     (s = t[n]) && (r = (i ? s(e, a, r) : s(r)) || r);
@@ -60,7 +59,10 @@ let o = class extends y {
       ${this.label ? A(this.uid, t) : u}
 
       <div class="gui-widget">
-        <div class="gui-widget-input gui-date-input ${this.icon ? "gui-calendar--icon" : ""}" role="group">
+        <div
+          class="gui-widget-input gui-date-input ${this.icon ? "gui-calendar--icon" : ""}"
+          role="group"
+        >
           ${g(
       e,
       (i) => i.type,

package/{date-picker.element-CP2_u_ZE.js → date-picker.element-DabW_-0-.js}

@@ -1,16 +1,15 @@
 import { InputWidgetAdapter as h, formContext as u, inputContext as c } from "@golemui/lit";
 import { a as m, b as g, c as C } from "./templates-Dk1jxLwS.js";
-import "@golemui/gui-shared";
-import "./date-input-D_Swskk4.js";
-import "./calendar-P9DzVryu.js";
+import "./date-input-BeQvyfln.js";
+import "./calendar-DTYKVYc3.js";
 import { consume as D, provide as $ } from "@lit/context";
-import { LitElement as v, html as l, nothing as f } from "lit";
+import { LitElement as v, html as p, nothing as f } from "lit";
 import { property as b, query as o, state as y, customElement as I } from "lit/decorators.js";
 import "rxjs";
 import { classMap as O } from "lit/directives/class-map.js";
 var w = Object.defineProperty, x = Object.getOwnPropertyDescriptor, n = (e, t, a, i) => {
-  for (var r = i > 1 ? void 0 : i ? x(t, a) : t, d = e.length - 1, p; d >= 0; d--)
-    (p = e[d]) && (r = (i ? p(t, a, r) : p(r)) || r);
+  for (var r = i > 1 ? void 0 : i ? x(t, a) : t, d = e.length - 1, l; d >= 0; d--)
+    (l = e[d]) && (r = (i ? l(t, a, r) : l(r)) || r);
   return i && r && w(t, a, r), r;
 };
 let s = class extends v {
@@ -40,7 +39,7 @@ let s = class extends v {
   }
   render() {
     super.render();
-    const e = m("datePicker", this.adapter.templateData), t = this.isCalendarOpen ? l`<gui-calendar
+    const e = m("datePicker", this.adapter.templateData), t = this.isCalendarOpen ? p`<gui-calendar
           id="calendar-input"
           .uid=${this.widget.uid}
           .hint=${this.adapter.templateData.hint}
@@ -62,9 +61,9 @@ let s = class extends v {
           .numberOfMonths=${this.adapter.templateData.numberOfMonths}
           .localeId=${this.adapter.templateData.lang}
           @blur=${this.onBlurCalendar}
-          @change=${this.valueChanged}
+          @change=${this.onCalendarChange}
         ></gui-calendar>` : f;
-    return l`
+    return p`
       ${g(this.widget.uid, {
       ...this.adapter.templateData,
       required: this.adapter.templateData.validator?.required
@@ -113,6 +112,12 @@ let s = class extends v {
   valueChanged(e) {
     this.adapter.injectValidationIssues(null), this.adapter.valueChanged(e.detail.value);
   }
+  // Selecting a day in the calendar commits a single date, so close the
+  // calendar afterwards. The range picker intentionally stays open so the user
+  // can select multiple ranges and closes it themselves.
+  onCalendarChange(e) {
+    this.valueChanged(e), this.closeCalendar();
+  }
   onBlurCalendar() {
     this.adapter.onBlur(), this.closeCalendar();
   }

package/{date.element-p6aB6OGd.js → date.element-BtVJSIRk.js}

@@ -1,7 +1,6 @@
 import { InputWidgetAdapter as l, formContext as n, inputContext as u } from "@golemui/lit";
 import { a as h } from "./templates-Dk1jxLwS.js";
-import "@golemui/gui-shared";
-import "./date-input-D_Swskk4.js";
+import "./date-input-BeQvyfln.js";
 import { consume as c, provide as m } from "@lit/context";
 import { LitElement as f, html as b } from "lit";
 import { property as g, customElement as D } from "lit/decorators.js";

package/{dropdown.element-sbd3T145.js → dropdown.element-DqzC6aXR.js}

@@ -1,10 +1,9 @@
 import { InputWidgetAdapter as v, formContext as w, inputContext as y } from "@golemui/lit";
-import "@golemui/gui-shared";
 import { consume as F, provide as C } from "@lit/context";
 import { LitElement as x, nothing as m, html as f } from "lit";
 import { property as D, state as c, query as I, customElement as L } from "lit/decorators.js";
 import { Subject as R, debounceTime as V } from "rxjs";
-import { d as k } from "./list-CVDHuXKS.js";
+import { d as k } from "./list-D1oKnH89.js";
 import "./errors-QjKhr6mA.js";
 var O = Object.defineProperty, j = Object.getOwnPropertyDescriptor, l = (e, t, i, s) => {
   for (var n = s > 1 ? void 0 : s ? j(t, i) : t, d = e.length - 1, o; d >= 0; d--)

package/{flex.element-B0sG0YT1.js → flex.element-DG4Uaj_X.js}

@@ -1,5 +1,4 @@
 import { LayoutWidgetAdapter as o, formContext as u, layoutContext as g } from "@golemui/lit";
-import "@golemui/gui-shared";
 import { consume as c, provide as m } from "@lit/context";
 import { LitElement as f, html as n } from "lit";
 import { property as h, customElement as _ } from "lit/decorators.js";