@ganpatiinfo/gids-core-web 12.0.0 → 14.0.0

package/dist-bundled/es/{p-C3xv7tfs-RodXvmql.js → p-BV0jg2ix-DI0fZl_6.js}

@@ -1,7 +1,7 @@
-import { q as i, L as s, u as n, D as t } from "./p-Bf3p-DY2-CPqEc-vc.js";
-import { d } from "./p-D4Pimu_8-DfEGRQGf.js";
+import { q as a, L as s, u as n, D as t } from "./p-Bf3p-DY2-CPqEc-vc.js";
+import { d as o } from "./p-D4Pimu_8-ARSuGBs4.js";
 import { c as l } from "./clsx-OuTLNxxd.js";
-const o = ({ seriesType: e, orientation: a }, r) => l("gids-chart-legend-item", {
+const d = ({ seriesType: e, orientation: i }, r) => l("gids-chart-legend-item", {
   // 'gids-chart-legend-item--series-1': seriesType === '1', // by default
   "gids-chart-legend-item--series-2": e === "2",
   "gids-chart-legend-item--series-3": e === "3",
@@ -10,10 +10,10 @@ const o = ({ seriesType: e, orientation: a }, r) => l("gids-chart-legend-item",
   "gids-chart-legend-item--series-6": e === "6",
   // 'gids-chart-legend-item--orientation-horizontal':
   // 	orientation === 'horizontal', // not needed as by default
-  "gids-chart-legend-item--orientation-vertical": a === "vertical"
+  "gids-chart-legend-item--orientation-vertical": i === "vertical"
 }, r), g = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  getGidsChartLegendItemClassNames: o
+  getGidsChartLegendItemClassNames: d
 }, Symbol.toStringTag, { value: "Module" })), { getGidsChartLegendItemClassNames: c } = g, h = s(class extends n {
   constructor(e) {
     super(), e !== !1 && this.__registerHost(), this.orientation = "horizontal", this.seriesType = "1";
@@ -24,24 +24,27 @@ const o = ({ seriesType: e, orientation: a }, r) => l("gids-chart-legend-item",
   handleSeriesTypeChange(e) {
     this.seriesType = e;
   }
+  handleSeriesColorChange(e) {
+    this.seriesColor = e;
+  }
   render() {
-    const e = c({ seriesType: this.seriesType, orientation: this.orientation });
-    return t("div", { key: "53426e6c9a945d640fd4ac57018c92d19f13ed12", class: e }, t("div", { key: "c6a5115aa46ea3b08eb8163d1c572beb9e1133a6", class: this.orientation === "vertical" ? "gids-chart-legend-item__dot-wrapper-vertical" : "gids-chart-legend-item__dot-wrapper-horizontal" }, t(d, { key: "32eda54148964970c44c09149c6962934fb4381e", name: "new", alt: "new_icon", appearance: "filled" })), t("span", { key: "dfad8f6a6cd0f623bfdc827c826a20ca88f0aa56", class: "gids-chart-legend-item__label" }, t("slot", { key: "acc890c13bfa893c419a8001998f64fa1ba88bcb" })));
+    const e = this.seriesColor, i = e && e !== "", r = c({ seriesType: i ? "none" : this.seriesType, orientation: this.orientation });
+    return t("div", { key: "fc8dd82b51491a682d1b63d2830971d6f3af262b", class: r }, t("div", { key: "31247bb0d3f67953fe13eca31af5f546307c5968", class: this.orientation === "vertical" ? "gids-chart-legend-item__dot-wrapper-vertical" : "gids-chart-legend-item__dot-wrapper-horizontal" }, t(o, { key: "daee92872cf487b7430b7cdce5756a1b7b3a9faf", name: "new", alt: "new_icon", appearance: "filled", style: i ? { "--gidsIcon-color": e } : {} })), t("span", { key: "a5d6e1d6c6326b70db1b8066267454b6d06d1e80", class: "gids-chart-legend-item__label" }, t("slot", { key: "ed798a7c0f897fd2a36342007640110d72a0cd8a" })));
   }
   static get watchers() {
-    return { orientation: [{ handleOrientationChange: 0 }], seriesType: [{ handleSeriesTypeChange: 0 }] };
+    return { orientation: [{ handleOrientationChange: 0 }], seriesType: [{ handleSeriesTypeChange: 0 }], seriesColor: [{ handleSeriesColorChange: 0 }] };
   }
   static get style() {
     return ".gids-chart-legend-item{display:flex;align-items:center;gap:var(--gids-gap-100);--gidsChartLegendItemIcon-color:var(--gids-color-icon-subtle);--gidsIcon-color:var(--gidsChartLegendItemIcon-color);--gidsIcon-height:var(--gids-size-080)}.gids-chart-legend-item--orientation-vertical{display:flex}.gids-chart-legend-item--series-2{--gidsChartLegendItemIcon-color:var(--gids-color-icon-warning)}.gids-chart-legend-item--series-3{--gidsChartLegendItemIcon-color:var(--gids-color-icon-danger)}.gids-chart-legend-item--series-4{--gidsChartLegendItemIcon-color:var(--gids-color-background-positive-bold-hovered)}.gids-chart-legend-item--series-5{--gidsChartLegendItemIcon-color:var(--gids-color-background-information-bold-default)}.gids-chart-legend-item--series-6{--gidsChartLegendItemIcon-color:rgb(238, 70, 188)}.gids-chart-legend-item__label{font-family:var(--gids-typography-label-small__font-family);font-size:var(--gids-typography-label-small__font-size);font-weight:var(--gids-typography-label-small__font-weight);letter-spacing:var(--gids-typography-label-small__letter-spacing);line-height:var(--gids-typography-label-small__line-height);text-transform:var(--gids-typography-label-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-small__font-variant-caps, inherit);text-align:left;color:var(--gids-color-text-subtlest)}.gids-chart-legend-item__dot-wrapper-vertical{display:flex;padding-top:var(--gids-padding-vertical-edge-to-element-075)}.gids-chart-legend-item__dot-wrapper-horizontal{display:flex;align-items:center}";
   }
-}, [260, "gids-chart-legend-item", { orientation: [1], seriesType: [1, "series-type"] }, void 0, { orientation: [{ handleOrientationChange: 0 }], seriesType: [{ handleSeriesTypeChange: 0 }] }]);
+}, [260, "gids-chart-legend-item", { orientation: [1], seriesType: [1, "series-type"], seriesColor: [1, "series-color"] }, void 0, { orientation: [{ handleOrientationChange: 0 }], seriesType: [{ handleSeriesTypeChange: 0 }], seriesColor: [{ handleSeriesColorChange: 0 }] }]);
 function m() {
   typeof customElements < "u" && ["gids-chart-legend-item"].forEach(((e) => {
-    e === "gids-chart-legend-item" && (customElements.get(i(e)) || customElements.define(i(e), h));
+    e === "gids-chart-legend-item" && (customElements.get(a(e)) || customElements.define(a(e), h));
   }));
 }
 m();
 export {
-  m as d,
-  h as l
+  m as l,
+  h as o
 };

package/dist-bundled/es/p-BVA1LAFM-DdsY_n8R.js

@@ -0,0 +1,129 @@
+import { q as b, L as A, u as D, D as a } from "./p-Bf3p-DY2-CPqEc-vc.js";
+import { p as L } from "./p-DMNS1d8v-CHF62UXm.js";
+import { _ as E } from "./p-DUUxlY-K-mypBhVt6.js";
+import { d as M } from "./p-DslOQITw-BfwtLWqG.js";
+import { l as $ } from "./p-BV0jg2ix-DI0fZl_6.js";
+import { c as I } from "./clsx-OuTLNxxd.js";
+const P = ({ breakpoint: e }, l) => I("gids-bar-chart", {
+  "gids-bar-chart--breakpoint-mobile": e === "mobile"
+}, l), V = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsBarChartClassNames: P
+}, Symbol.toStringTag, { value: "Module" })), { getGidsBarChartClassNames: S } = V, T = A(class extends D {
+  constructor(e) {
+    super(), e !== !1 && this.__registerHost(), this.breakpoint = "desktop", this.legend = "none", this.chartData = [], this.yAxisVisible = !1, this.dataPoints = [], this.chartLoaderSize = "lg", this.chartLoading = !1, this.width = 0, this.height = 0, this.hoveredIndex = null, this.tooltip = { visible: !1, x: 0, y: 0 };
+  }
+  chartDataChanged() {
+    this.updateDimensions();
+  }
+  dataPointsChanged(e) {
+    this.dataPoints = e;
+  }
+  legendChanged(e) {
+    this.legend = e;
+  }
+  yAxisVisibilityChanged(e) {
+    this.yAxisVisible = e;
+  }
+  componentDidLoad() {
+    this.updateDimensions(), this.resizeObserver = new ResizeObserver((() => this.updateDimensions())), this.hostElement.parentElement && this.resizeObserver.observe(this.hostElement.parentElement);
+  }
+  disconnectedCallback() {
+    this.resizeObserver && this.resizeObserver.disconnect();
+  }
+  updateDimensions() {
+    const e = this.hostElement.getBoundingClientRect();
+    this.width = e.width, this.height = e.height > 0 ? e.height : 300;
+  }
+  getTooltipItems(e) {
+    return this.chartData.reduce(((l, o) => {
+      const d = o.data[e];
+      return d && l.push({ label: o?.label ?? "", value: String(d.value), seriesIndicatorColor: o?.seriesColor ?? "" }), l;
+    }), []);
+  }
+  render() {
+    if (this.chartLoading) return a("div", { class: "gids-bar-chart__no-data" }, a(L, { label: this.chartLoadingTitle, supportingText: this.chartLoadingSupportingText, size: this?.chartLoaderSize ?? "lg" }));
+    const e = this?.chartData?.[0]?.data?.map(((t) => t.label)) ?? [], l = e.length, o = Array(l).fill(0);
+    this.chartData.forEach(((t) => {
+      Array.isArray(t?.data) && t.data.forEach(((s, r) => {
+        r < l && (o[r] = (o[r] ?? 0) + (s?.value || 0));
+      }));
+    }));
+    const d = o.length > 0 ? Math.max(...o) : 10, c = Math.pow(10, Math.floor(Math.log10(d || 1)));
+    let m = c;
+    d / c <= 2 ? m = c / 5 : d / c <= 5 && (m = c / 2);
+    const w = Math.ceil(d / m) * m, p = [];
+    if (Array.isArray(this.dataPoints) && this.dataPoints.length > 0) {
+      const t = [...this.dataPoints].sort(((h, i) => h - i)), s = t.length > 1 ? (t[1] ?? 200) - (t[0] ?? 0) : 200, r = Math.max(...t, w, ...o), x = Math.ceil(r / (s || 1));
+      for (let h = 0; h <= x; h++) p.push(h * s);
+    } else {
+      const s = w / 4;
+      for (let r = 0; r < 5; r++) p.push(Math.round(0 + r * s));
+    }
+    const _ = Math.max(...p) - 0 || 1, k = S({ breakpoint: this.breakpoint });
+    let v = !1, z = !1;
+    this.breakpoint === "mobile" ? this.legend !== "none" && (v = !0) : this.legend === "top" ? v = !0 : this.legend === "right" && (z = !0);
+    const f = 100 / l, g = 0.4 * f;
+    return a("div", { class: k }, v ? a("div", { class: "gids-bar-chart__header" }, a("gids-chart-legend", { orientation: "horizontal" }, this.chartData.map(((t) => a("gids-chart-legend-item", { key: t.label, seriesColor: t?.seriesColor, orientation: "horizontal" }, t.label))))) : null, a("div", { class: "gids-bar-chart__main-container" }, a("div", { class: "gids-bar-chart__grid-layout" }, a("span", { class: "gids-bar-chart__y-axis-label" }, this.yAxisLabel), a("div", { class: "gids-bar-chart__chart-stage-container" }, this.yAxisVisible ? a("div", { class: "gids-bar-chart__y-axis-scale-container" }, p.map(((t) => a("span", { class: "gids-bar-chart__scale-text gids-bar-chart__y-axis-scale-value", key: t, style: { bottom: (t - 0) / _ * 100 + "%" } }, t)))) : null, a("div", { class: "gids-bar-chart__chart-stage" }, a("svg", { viewBox: "0 0 100 100", class: "gids-bar-chart__chart-vector", preserveAspectRatio: "none" }, p.map(((t) => {
+      const s = 100 - (t - 0) / _ * 100;
+      return a("line", { x1: "0", y1: s, x2: "100", y2: s, class: "gids-bar-chart__grid-line", key: t });
+    })), e.map(((t, s) => {
+      const r = s * f + (f - g) / 2;
+      let x = 0;
+      const h = [...this.chartData.map(((i, n) => {
+        if (!Array.isArray(i.data)) return null;
+        const y = i.data[s];
+        if (!y) return null;
+        const u = (y.value || 0) / _ * 100, C = 100 - u - x;
+        return x += u, { seriesIdx: n, crownY: C, height: u, seriesColor: i?.seriesColor };
+      })).filter(((i) => i !== null && i.height > 0))].sort(((i, n) => n.seriesIdx - i.seriesIdx));
+      return a("g", { key: s }, h.map(((i) => {
+        const n = 0.3 * g, y = `
+														M ${r},${i.crownY + n}
+														Q ${r},${i.crownY} ${r + n},${i.crownY}
+														H ${r + g - n}
+														Q ${r + g},${i.crownY} ${r + g},${i.crownY + n}
+														V 100
+														H ${r}
+														Z
+													`.replace(/\s+/g, " ").trim();
+        return a("path", { key: i.seriesIdx, d: y, class: "gids-bar-chart__bar", style: { fill: i?.seriesColor } });
+      })), a("rect", { x: r, y: "0", width: g, height: "100", fill: "transparent", "pointer-events": "all", onMouseMove: (i) => {
+        this.hoveredIndex = s, this.tooltip = { visible: !0, x: i.clientX, y: i.clientY };
+      }, onMouseLeave: () => {
+        this.hoveredIndex = null, this.tooltip = { ...this.tooltip, visible: !1 };
+      } }));
+    }))), a("gids-advanced-tooltip", { visible: this.tooltip.visible, x: this.tooltip.x, y: this.tooltip.y, items: this.hoveredIndex !== null ? this.getTooltipItems(this.hoveredIndex) : [] }))), a("div", { class: "gids-bar-chart__x-axis-scale-container" }, e.map(((t, s) => a("span", { class: "gids-bar-chart__scale-text", key: s }, t)))), a("span", { class: "gids-bar-chart__x-axis-label" }, this.xAxisLabel)), z ? a("gids-chart-legend", { orientation: "vertical" }, this.chartData.map(((t) => a("gids-chart-legend-item", { key: t.label, seriesColor: t?.seriesColor, orientation: "vertical" }, t.label)))) : null));
+  }
+  get hostElement() {
+    return this;
+  }
+  static get watchers() {
+    return { chartData: [{ chartDataChanged: 0 }], dataPoints: [{ dataPointsChanged: 0 }], legend: [{ legendChanged: 0 }], yAxisVisible: [{ yAxisVisibilityChanged: 0 }] };
+  }
+  static get style() {
+    return ":host{display:block;width:100%;height:100%;box-sizing:border-box}.gids-bar-chart{display:flex;flex-direction:column;width:100%;height:100%;box-sizing:border-box}.gids-bar-chart--breakpoint-mobile{max-width:var(--gids-width-xs)}.gids-bar-chart__main-container{display:flex;gap:var(--gids-gap-200)}.gids-bar-chart__header{display:flex;justify-content:flex-end;align-items:center;width:100%;margin-bottom:var(--gids-padding-vertical-edge-to-element-200)}.gids-bar-chart__grid-layout{display:grid;grid-template-columns:auto 1fr;grid-template-rows:minmax(180px, 280px) auto auto;flex:1;width:100%;height:100%;box-sizing:border-box}.gids-bar-chart__y-axis-label{grid-column:1;grid-row:1;display:flex;align-items:center;justify-content:center;margin-right:var(--gids-padding-horizontal-edge-to-element-600);font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit);color:var(--gids-color-text-subtlest);writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap}.gids-bar-chart__chart-stage-container{grid-column:2;grid-row:1;position:relative;width:100%;height:100%;padding-left:var(--gids-container-padding-desktop);box-sizing:border-box}.gids-bar-chart__y-axis-scale-container{position:absolute;top:0;bottom:0;left:0;width:calc(var(--gids-container-padding-desktop) - var(--gids-padding-horizontal-edge-to-element-100));pointer-events:none}.gids-bar-chart__y-axis-scale-value{position:absolute;right:0;transform:translateY(50%);margin-right:var(--gids-padding-horizontal-edge-to-element-100)}.gids-bar-chart__chart-stage{position:relative;width:100%;height:100%;border-bottom:var(--gids-border-width-thin) solid var(--gids-color-border-default);box-sizing:border-box}.gids-bar-chart__chart-vector{display:block;width:100%;height:100%;overflow:visible}.gids-bar-chart__grid-line{stroke:var(--gids-color-border-default);stroke-width:0.5;fill:none}.gids-bar-chart{}.gids-bar-chart__bar{vector-effect:non-scaling-stroke}.gids-bar-chart{}.gids-bar-chart__x-axis-scale-container{display:flex;grid-column:2;grid-row:2;justify-content:space-around;align-items:center;padding-left:var(--gids-container-padding-desktop);padding-top:var(--gids-padding-vertical-edge-to-element-200);gap:var(--gids-gap-050);box-sizing:border-box}.gids-bar-chart__x-axis-label{grid-column:2;grid-row:3;display:flex;justify-content:center;align-items:center;padding-top:var(--gids-padding-vertical-edge-to-element-100);font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit);color:var(--gids-color-text-subtlest);white-space:nowrap}.gids-bar-chart__scale-text{font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit);color:var(--gids-color-text-subtlest);user-select:none;white-space:nowrap}.gids-bar-chart__no-data{display:flex;align-items:center;justify-content:center;padding:var(--gids-padding-vertical-edge-to-element-300) var(--gids-padding-horizontal-edge-to-element-100);width:100%;height:100%;min-height:200px;color:var(--gids-color-text-subtlest);border:var(--gids-border-width-thin) dashed var(--gids-color-border-default);border-radius:var(--gids-border-radius-md)}";
+  }
+}, [0, "gids-bar-chart", { breakpoint: [1], legend: [1], chartData: [16], yAxisVisible: [4, "y-axis-visible"], xAxisLabel: [1, "x-axis-label"], yAxisLabel: [1, "y-axis-label"], dataPoints: [16], chartLoaderSize: [1, "chart-loader-size"], chartLoading: [4, "chart-loading"], chartLoadingTitle: [1, "chart-loading-title"], chartLoadingSupportingText: [1, "chart-loading-supporting-text"], width: [32], height: [32], hoveredIndex: [32], tooltip: [32] }, void 0, { chartData: [{ chartDataChanged: 0 }], dataPoints: [{ dataPointsChanged: 0 }], legend: [{ legendChanged: 0 }], yAxisVisible: [{ yAxisVisibilityChanged: 0 }] }]);
+function Y() {
+  typeof customElements < "u" && ["gids-bar-chart", "gids-advanced-tooltip", "gids-chart-legend", "gids-chart-legend-item"].forEach(((e) => {
+    switch (e) {
+      case "gids-bar-chart":
+        customElements.get(b(e)) || customElements.define(b(e), T);
+        break;
+      case "gids-advanced-tooltip":
+        customElements.get(b(e)) || E();
+        break;
+      case "gids-chart-legend":
+        customElements.get(b(e)) || M();
+        break;
+      case "gids-chart-legend-item":
+        customElements.get(b(e)) || $();
+    }
+  }));
+}
+Y();
+export {
+  T as g,
+  Y as h
+};

package/dist-bundled/es/{p-CI-sN9Lr-DHC9DyS8.js → p-BYt-9DKT-DByyhIUd.js}

@@ -1,6 +1,6 @@
-import { q as d, L as u, u as p, D as a } from "./p-Bf3p-DY2-CPqEc-vc.js";
-import { d as m } from "./p-D4Pimu_8-DfEGRQGf.js";
-import { r as g } from "./p-BVAtja26-Xjd4_b4e.js";
+import { q as l, L as u, u as p, D as a } from "./p-Bf3p-DY2-CPqEc-vc.js";
+import { d as m } from "./p-D4Pimu_8-ARSuGBs4.js";
+import { r as g } from "./p-CnVmK0dH-CbmnN-RR.js";
 import { c } from "./clsx-OuTLNxxd.js";
 const v = ({ expanded: e }, t) => c("gids-dropdown", {
   "gids-dropdown--expanded": e
@@ -12,13 +12,13 @@ const v = ({ expanded: e }, t) => c("gids-dropdown", {
   __proto__: null,
   getGidsChevronButtonControlClassNames: f,
   getGidsDropdownClassNames: v
-}, Symbol.toStringTag, { value: "Module" })), { getGidsDropdownClassNames: b, getGidsChevronButtonControlClassNames: I } = y, h = "gids-dropdown-item--active", E = u(class extends p {
+}, Symbol.toStringTag, { value: "Module" })), { getGidsDropdownClassNames: I, getGidsChevronButtonControlClassNames: b } = y, h = "gids-dropdown-item--active", E = u(class extends p {
   constructor(e) {
     super(), e !== !1 && this.__registerHost(), this.appearance = "default", this.expanded = !1, this.filterValue = "", this.isFilterEditing = !1, this.hasLeadingIcon = !1, this.hasLeadingAccessory = !1, this.activeIndex = -1, this.hasItemListener = !1, this.suppressNextMenuClickSelection = !1, this.hasDocumentListeners = !1, this.hasPendingControlRevalidation = !1, this.handleDropdownItemSelect = (t) => {
-      const { value: i, title: n, disabled: s, id: o, isPlaceholderItem: l } = t.detail;
+      const { value: i, title: n, disabled: s, id: o, isPlaceholderItem: r } = t.detail;
       s || typeof i != "string" || (this.suppressNextMenuClickSelection = !0, queueMicrotask((() => {
         this.suppressNextMenuClickSelection = !1;
-      })), this.applySelection({ id: o, value: i, title: n, disabled: !1, originalEvent: t, isPlaceholderItem: l }));
+      })), this.applySelection({ id: o, value: i, title: n, disabled: !1, originalEvent: t, isPlaceholderItem: r }));
     }, this.handleMenuClick = (t) => {
       if (this.suppressNextMenuClickSelection) return;
       const i = t.target;
@@ -29,9 +29,9 @@ const v = ({ expanded: e }, t) => c("gids-dropdown", {
       if (typeof s != "string" || s.length === 0) return;
       const o = n instanceof HTMLButtonElement ? n.id : n.getAttribute("id") ?? "";
       if (typeof o != "string" || o.length === 0) return;
-      const l = n.getAttribute("is-placeholder-item") ?? "";
-      let r = n.textContent?.trim() ?? "";
-      r.endsWith("checkmark") && (r = r.slice(0, -9).trim()), console.log("cleanTitle", r), this.applySelection({ id: o, value: s, title: r.trim(), disabled: !1, originalEvent: t, isPlaceholderItem: !(!l || l !== "true") });
+      const r = n.getAttribute("is-placeholder-item") ?? "";
+      let d = n.textContent?.trim() ?? "";
+      d.endsWith("checkmark") && (d = d.slice(0, -9).trim()), this.applySelection({ id: o, value: s, title: d.trim(), disabled: !1, originalEvent: t, isPlaceholderItem: !(!r || r !== "true") });
     }, this.handleFilterInput = (t) => {
       const i = t.target;
       this.filterValue = i?.value ?? "", this.isFilterEditing = !0, this.clearActive(), this.expanded || this.setExpandedState(!0, t), this.applyFilter();
@@ -211,10 +211,10 @@ const v = ({ expanded: e }, t) => c("gids-dropdown", {
     }, e;
   }
   render() {
-    const e = this.expanded && this.isInteractive(), t = b({ expanded: e }), i = this.getEnhancedInputProps(), n = typeof i.id == "string" ? i.id : void 0, s = n ? `${n}__menu` : void 0;
+    const e = this.expanded && this.isInteractive(), t = I({ expanded: e }), i = this.getEnhancedInputProps(), n = typeof i.id == "string" ? i.id : void 0, s = n ? `${n}__menu` : void 0;
     i.role = "combobox", i["aria-expanded"] = e ? "true" : "false", i["aria-haspopup"] = "listbox", i["aria-autocomplete"] = "list", s && (i["aria-controls"] = s);
-    const o = this.isFilterEditing ? this.filterValue : this.selectedItemTitle ?? this.value ?? "", l = e ? "true" : "false", r = a("button", { key: "3c948278bf289c4fd943e4bff51c8e44e73ba6c9", class: I({ size: "lg" }), slot: "trailingAccessory", type: "button", onClick: this.handleChevronClickToggle, "aria-label": e ? "Collapse options" : "Expanded options", "aria-expanded": l, "aria-haspopup": "listbox", "aria-controls": s, disabled: this.disabled || this.readOnly, tabIndex: -1 }, a("span", { key: "284f2a2141baa75624fcd9eeee21e6c98fd1e86e", class: "gids-button__content" }, a(m, { key: "1e6567b3d5aefedfef1697f59d79de1a0635f86b", name: "chevron-vertical", alt: "" })));
-    return a("div", { key: "82b234b661a97f00fbfb69b1c24d3b1f468521dc", class: t }, a("gids-input", { key: "6068c25be9fc8533a26525083c6082bfdfffbbfa", appearance: this.appearance, loading: this.loading, disabled: this.disabled, readOnly: this.readOnly, required: this.required, value: o, name: this.name, inputProps: i, onClick: this.handleInputClickToggle, onFocus: this.handleInputFocusAndBlur, onBlur: this.handleInputFocusAndBlur }, this.hasLeadingIcon && a("slot", { key: "8230d44f492a98c05c5830fa984270122f0963ca", name: "leadingIconDropdown", slot: "leadingIcon" }), this.hasLeadingAccessory && a("slot", { key: "3a80369ad171bc0e37dfccbb9661d0db93dd55c1", name: "leadingAccessoryDropdown", slot: "leadingAccessory" }), r), a("div", { key: "2cad6d5213802acf9b673971a748bd16c06b986a", class: "gids-dropdown__menu", id: s, role: "listbox", onClick: this.handleMenuClick }, a("slot", { key: "90e9298103623d8a87677470c0f7e9b8655be880" })));
+    const o = this.isFilterEditing ? this.filterValue : this.selectedItemTitle ?? this.value ?? "", r = e ? "true" : "false", d = a("button", { key: "f579868c1b38fe72e32cdd7a2d4e8438f87651dc", class: b({ size: "lg" }), slot: "trailingAccessory", type: "button", onClick: this.handleChevronClickToggle, "aria-label": e ? "Collapse options" : "Expanded options", "aria-expanded": r, "aria-haspopup": "listbox", "aria-controls": s, disabled: this.disabled || this.readOnly, tabIndex: -1 }, a("span", { key: "090c8b8803ce15ae87ef0da31af7d20b4f1cf14d", class: "gids-button__content" }, a(m, { key: "b3289c24e919d16746f5fa70bf5b730adbe22b04", name: "chevron-vertical", alt: "" })));
+    return a("div", { key: "f6ac6c42dcbe4fae263acb74d74665917332ac87", class: t }, a("gids-input", { key: "459ecf566278abbb754c00a90fa63701700d1a79", appearance: this.appearance, loading: this.loading, disabled: this.disabled, readOnly: this.readOnly, required: this.required, value: o, name: this.name, inputProps: i, onClick: this.handleInputClickToggle, onFocus: this.handleInputFocusAndBlur, onBlur: this.handleInputFocusAndBlur }, this.hasLeadingIcon && a("slot", { key: "ffff01e347fae7f5c1714f6bff552e38c845e6bd", name: "leadingIconDropdown", slot: "leadingIcon" }), this.hasLeadingAccessory && a("slot", { key: "f971e3f5e961b9bad5b33c1d037fa5cbaf16c59c", name: "leadingAccessoryDropdown", slot: "leadingAccessory" }), d), a("div", { key: "ce522a342ee46e94299ce8bd19778d835e93804c", class: "gids-dropdown__menu", id: s, role: "listbox", onClick: this.handleMenuClick }, a("slot", { key: "6c84963e10614e1990aab1daee050d8c01b360e4" })));
   }
   get hostElement() {
     return this;
@@ -230,10 +230,10 @@ function x() {
   typeof customElements < "u" && ["gids-dropdown", "gids-input"].forEach(((e) => {
     switch (e) {
       case "gids-dropdown":
-        customElements.get(d(e)) || customElements.define(d(e), E);
+        customElements.get(l(e)) || customElements.define(l(e), E);
         break;
       case "gids-input":
-        customElements.get(d(e)) || g();
+        customElements.get(l(e)) || g();
     }
   }));
 }

package/dist-bundled/es/{p-C3We7Q8Q-DT_NDg87.js → p-Bab1qxsC-BMbD0lEy.js}

@@ -1,7 +1,7 @@
 import { q as a, L as _, u as m, D as t } from "./p-Bf3p-DY2-CPqEc-vc.js";
 import { p as b } from "./p-DMNS1d8v-CHF62UXm.js";
-import { o as u } from "./p-BCVFQSjK-CKrYrI4b.js";
-import { d as v } from "./p-C3xv7tfs-RodXvmql.js";
+import { d as u } from "./p-DslOQITw-BfwtLWqG.js";
+import { l as v } from "./p-BV0jg2ix-DI0fZl_6.js";
 import { c as x } from "./clsx-OuTLNxxd.js";
 const f = ({ breakpoint: e }, r) => x("gids-pie-chart", {
   "gids-pie-chart--breakpoint-mobile": e === "mobile"

package/dist-bundled/es/{p-C3w3wdCt-I6zwuecb.js → p-Bh8qYmAS-DhSpwB20.js}

@@ -1,10 +1,10 @@
 import { q as l, L as d, u as o, D as n } from "./p-Bf3p-DY2-CPqEc-vc.js";
 import { o as h } from "./p-UVmSPzTd-6vjXok6h.js";
-import { d as c } from "./p-D4Pimu_8-DfEGRQGf.js";
+import { d as c } from "./p-D4Pimu_8-ARSuGBs4.js";
 import { e as p } from "./p-ChV9xqsO-CJSPCx6p.js";
-import { l as u } from "./p-COHuQEfZ-C_POuXNC.js";
-import { u as b } from "./p-Chqeexny-C4hlPbBP.js";
-import { h as m } from "./p-BSbOhfLZ-ByjjVMqG.js";
+import { l as u } from "./p-Dan1sCNk-mWcyyplK.js";
+import { u as b } from "./p-C_RW9IFo-DNQqJS8t.js";
+import { h as m } from "./p-BzzDNTlP-BkSyrafk.js";
 import { c as k } from "./clsx-OuTLNxxd.js";
 const g = (e) => k("gids-calendar-header-panel", e), f = (e, a = "en-US") => {
   const t = new Date(2e3, e - 1, 1);
@@ -130,7 +130,7 @@ const g = (e) => k("gids-calendar-header-panel", e), f = (e, a = "en-US") => {
   }
   render() {
     const e = M(), a = this.expandedMonthPicker && this.isMonthPickerInteractive() && !this.expandedYearPicker, t = this.expandedYearPicker && this.isYearPickerInteractive() && !this.expandedMonthPicker, i = this.internalPreviousDisabled || this.previousDisabled, s = this.internalNextDisabled || this.nextDisabled;
-    return n("div", { key: "95eed567dae266c88b75c8fe606ef5dc1f72b8f2", class: e }, n(h, { key: "fcaa7636d1dddf0fe32ebeb70cdb6d0b726111ab", leadingIcon: n(c, { name: "arrow-left", size: "md", appearance: "regular" }), appearance: this.appearance, size: "sm", width: "intrinsic", onClick: this.handlePreviousActionClick, disabled: i }), n("div", { key: "91925ca2dc02cc964e58902f0d12a90a670b22fa", class: "gids-calendar-header-panel__main-container" }, n("gids-dropdown-picker", { key: "ae734185b01ab0ec8a5776fb7577ef0a051f94d5", expanded: a, appearance: this.appearance, size: "sm", value: `${this.panelMonthNumber}`, disabled: this.monthPickerDisabled }, n("gids-calendar-month-list", { key: "c3396d08af747adcba8b066bf750b5cf2194b4a9", type: "default", selectedMonthNumber: this.panelMonthNumber, onSelectionMonthChange: this.handleMonthPickerMenuClick })), n("span", { key: "2789e719ad1774484ce2359b85fc9d54a0f135f4", class: p("gids-calendar-header-panel__panel-value", { "gids-calendar-header-panel__panel-value-disabled": this.panelDisabled }) }, this.getPanelValue()), n("gids-dropdown-picker", { key: "330f4a4486f308fc2d4680da417dcf7c7a2e5ec3", expanded: t, appearance: this.appearance, size: "sm", value: `${this.panelYear}`, disabled: this.yearPickerDisabled }, n("gids-calendar-year-list", { key: "09f54b5d3b93d01595adbd30cf961354cb5e48fa", type: "default", selectedYear: this.panelYear, startYear: this.startYear ?? this.fallbackStartYear, endYear: this.endYear, onSelectionYearChange: this.handleYearPickerMenuClick }))), n(h, { key: "5f4ce2b0e4c8a55a5691b4c096955e05e49db919", leadingIcon: n(c, { name: "arrow-right", size: "md", appearance: "regular" }), appearance: this.appearance, size: "sm", width: "intrinsic", onClick: this.handleNextActionClick, disabled: s }));
+    return n("div", { key: "800b443e73ee31a91cf5e628a6499efc2a2ab050", class: e }, n(h, { key: "6b70019556344bba98dfe9c593a251994ab21f51", leadingIcon: n(c, { name: "arrow-left", size: "md", appearance: "regular" }), appearance: this.appearance, size: "sm", width: "intrinsic", onClick: this.handlePreviousActionClick, disabled: i }), n("div", { key: "a3c72bde8b22db7f62dd799435ef0585eb1e0e84", class: "gids-calendar-header-panel__main-container" }, n("gids-dropdown-picker", { key: "b4f25c56cb3d75350ce8e22074c94555e0442e24", expanded: a, appearance: this.appearance, size: "sm", value: `${this.panelMonthNumber}`, disabled: this.monthPickerDisabled }, n("gids-calendar-month-list", { key: "47baea7b5644d89da87df3f356df294f2d97caef", type: "default", selectedMonthNumber: this.panelMonthNumber, onSelectionMonthChange: this.handleMonthPickerMenuClick })), n("span", { key: "0693d3d71120c91d94631e488a2eb7e123a13fe7", class: p("gids-calendar-header-panel__panel-value", { "gids-calendar-header-panel__panel-value-disabled": this.panelDisabled }) }, this.getPanelValue()), n("gids-dropdown-picker", { key: "6bffa9dc8d8b08f562fe0f5475bdc9dc126b0156", expanded: t, appearance: this.appearance, size: "sm", value: `${this.panelYear}`, disabled: this.yearPickerDisabled }, n("gids-calendar-year-list", { key: "6c2efb4cf2507d3332e0c2aab68c9737d5ccf0fc", type: "default", selectedYear: this.panelYear, startYear: this.startYear ?? this.fallbackStartYear, endYear: this.endYear, onSelectionYearChange: this.handleYearPickerMenuClick }))), n(h, { key: "8796b6f75ab495152d17f20e8051e160ffe8e6d2", leadingIcon: n(c, { name: "arrow-right", size: "md", appearance: "regular" }), appearance: this.appearance, size: "sm", width: "intrinsic", onClick: this.handleNextActionClick, disabled: s }));
   }
   get hostElement() {
     return this;

package/dist-bundled/es/{p-BSbOhfLZ-ByjjVMqG.js → p-BzzDNTlP-BkSyrafk.js}

@@ -1,13 +1,13 @@
-import { q as r, L as l, u as h, D as n } from "./p-Bf3p-DY2-CPqEc-vc.js";
-import { o as c } from "./p-UVmSPzTd-6vjXok6h.js";
-import { d as p } from "./p-D4Pimu_8-DfEGRQGf.js";
+import { q as r, L as l, u as c, D as n } from "./p-Bf3p-DY2-CPqEc-vc.js";
+import { o as h } from "./p-UVmSPzTd-6vjXok6h.js";
+import { d as p } from "./p-D4Pimu_8-ARSuGBs4.js";
 import { c as u } from "./clsx-OuTLNxxd.js";
 const m = ({ expanded: e }, t) => u("gids-dropdown-picker", {
   "gids-dropdown-picker--expanded": e
 }, t), g = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   getGidsDropdownPickerClassNames: m
-}, Symbol.toStringTag, { value: "Module" })), { getGidsDropdownPickerClassNames: v } = g, f = l(class extends h {
+}, Symbol.toStringTag, { value: "Module" })), { getGidsDropdownPickerClassNames: f } = g, v = l(class extends c {
   constructor(e) {
     super(), e !== !1 && this.__registerHost(), this.appearance = "subtle", this.size = "sm", this.idPicker = "", this.expanded = !1, this.hasLeadingIcon = !1, this.hasItemListener = !1, this.suppressNextMenuClickSelection = !1, this.hasDocumentListeners = !1, this.handleDropdownPickerItemSelect = (t) => {
       const { value: i, title: s, disabled: o, id: a, isPlaceholderItem: d } = t.detail;
@@ -110,8 +110,8 @@ const m = ({ expanded: e }, t) => u("gids-dropdown-picker", {
     if (typeof Event < "u" && e !== null) return e instanceof Event ? e : void 0;
   }
   render() {
-    const e = this.expanded && this.isInteractive(), t = v({ expanded: e }), i = typeof this.idPicker == "string" ? this.idPicker : void 0, s = i ? `${i}__menu` : void 0;
-    return n("div", { key: "853c2b26fc0e64ac2f4d04dc1ae83f72eefd1403", class: t, onClick: this.handleOutSpaceClickOfDropdownButtonToggle }, n(c, { key: "e1abb285cd9649aa542620de7a683a9f21dbe19a", role: "pickerbox", "aria-expanded": e ? "true" : "false", "aria-haspopup": "pickerlistbox", "aria-controls": s ?? "", onClick: this.handleDropdownButtonClickToggle, disabled: this.disabled, value: this.selectedItemTitle ?? this.value ?? "", loading: this.loading, appearance: this.appearance, size: this.size }, this.hasLeadingIcon ? n("slot", { name: "leadingIconDropdownPicker", slot: "leadingIcon" }) : n(p, { name: "chevron-down", size: this.size, appearance: "regular", alt: "", slot: "leadingIcon" })), n("div", { key: "4907e8cc94b306a36096e07a662d87b1b687fee7", class: "gids-dropdown-picker__menu", id: s, role: "pickerbox", onClick: this.handleMenuClick }, n("slot", { key: "921b888c10135a2baeda9183b3a06f7bf9aa4abb" })));
+    const e = this.expanded && this.isInteractive(), t = f({ expanded: e }), i = typeof this.idPicker == "string" ? this.idPicker : void 0, s = i ? `${i}__menu` : void 0;
+    return n("div", { key: "c880ea07fedcfd10badccf52ebedacbd92bc5bbc", class: t, onClick: this.handleOutSpaceClickOfDropdownButtonToggle }, n(h, { key: "5d84443478890e1f4c9673cc13106cf839d56b87", role: "pickerbox", "aria-expanded": e ? "true" : "false", "aria-haspopup": "pickerlistbox", "aria-controls": s ?? "", onClick: this.handleDropdownButtonClickToggle, disabled: this.disabled, value: this.selectedItemTitle ?? this.value ?? "", loading: this.loading, appearance: this.appearance, size: this.size }, this.hasLeadingIcon ? n("slot", { name: "leadingIconDropdownPicker", slot: "leadingIcon" }) : n(p, { name: "chevron-down", size: this.size, appearance: "regular", alt: "", slot: "leadingIcon" })), n("div", { key: "0de0bc785af3845fc02debc2561b055bf55816d7", class: "gids-dropdown-picker__menu", id: s, role: "pickerbox", onClick: this.handleMenuClick }, n("slot", { key: "a91fb5d7c902bdbc6b2c0bd0e0bda515dc9c2dd2" })));
   }
   get hostElement() {
     return this;
@@ -125,11 +125,11 @@ const m = ({ expanded: e }, t) => u("gids-dropdown-picker", {
 }, [260, "gids-dropdown-picker", { appearance: [1], size: [1], idPicker: [1, "id-picker"], expanded: [1540], disabled: [516], loading: [516], value: [513], name: [1], onSelectionChange: [16], selectedItemTitle: [32], hasLeadingIcon: [32] }, void 0, { expanded: [{ handleExpandedChange: 0 }], disabled: [{ handleInteractivityChange: 0 }] }]);
 function E() {
   typeof customElements < "u" && ["gids-dropdown-picker"].forEach(((e) => {
-    e === "gids-dropdown-picker" && (customElements.get(r(e)) || customElements.define(r(e), f));
+    e === "gids-dropdown-picker" && (customElements.get(r(e)) || customElements.define(r(e), v));
   }));
 }
 E();
 export {
-  E as h,
-  f as r
+  v as a,
+  E as h
 };

package/dist-bundled/es/p-C2POfZhu-DzG_JxV6.js

@@ -0,0 +1,24 @@
+import { D as g } from "./p-Bf3p-DY2-CPqEc-vc.js";
+import { c as e } from "./clsx-OuTLNxxd.js";
+const n = ({ size: a, appearance: s, color: t }, d) => e("gids-display-tag", {
+  "gids-display-tag--xsmall": a === "xs",
+  "gids-display-tag--small": a === "sm",
+  // 'gids-display-tag--medium': size === 'md',
+  "gids-display-tag--large": a === "lg",
+  "gids-display-tag--accent-1": s === "subtle" && t === "accent-1",
+  "gids-display-tag--accent-2": s === "subtle" && t === "accent-2",
+  "gids-display-tag--accent-3": s === "subtle" && t === "accent-3",
+  "gids-display-tag--accent-4": s === "subtle" && t === "accent-4",
+  "gids-display-tag--accent-5": s === "subtle" && t === "accent-5",
+  "gids-display-tag--bold-accent-1": s === "bold" && t === "accent-1",
+  "gids-display-tag--bold-accent-2": s === "bold" && t === "accent-2",
+  "gids-display-tag--bold-accent-3": s === "bold" && t === "accent-3",
+  "gids-display-tag--bold-accent-4": s === "bold" && t === "accent-4",
+  "gids-display-tag--bold-accent-5": s === "bold" && t === "accent-5"
+}, d), b = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsDisplaTagClassNames: n
+}, Symbol.toStringTag, { value: "Module" })), { getGidsDisplaTagClassNames: y } = b, u = ({ label: a, appearance: s = "subtle", color: t, size: d = "md", icon: l, class: i, ...c }) => g("span", { class: y({ size: d, appearance: s, color: t }, i), ...c }, l, a);
+export {
+  u as o
+};

package/dist-bundled/es/{p-C2O_pGky-C_30AJ3m.js → p-CU5JIcEp-CuVpd-eZ.js}

@@ -1,16 +1,16 @@
 import { q as e, L as t, u as s, D as o } from "./p-Bf3p-DY2-CPqEc-vc.js";
-import { i as c } from "./p-B2zUuNXz-BLBgQDu7.js";
-import { d } from "./p-D4Pimu_8-DfEGRQGf.js";
-const a = t(class extends s {
+import { i as d } from "./p-B2zUuNXz-BLBgQDu7.js";
+import { d as c } from "./p-D4Pimu_8-ARSuGBs4.js";
+const n = t(class extends s {
   constructor(i) {
     super(), i !== !1 && this.__registerHost(), this.__attachShadow();
   }
   connectedCallback() {
-    const i = c();
+    const i = d();
     i !== void 0 && this._el.shadowRoot?.adoptedStyleSheets.push(i);
   }
   render() {
-    return o(d, { key: "bc81f0bb3a1e558071dc334873802ac8c8ec31ef", name: this.name, size: this.size, appearance: this.appearance, alt: this.alt, titleId: this.titleId });
+    return o(c, { key: "ed26abeec9d463e0c269cffe44bb325b6d11bc86", name: this.name, size: this.size, appearance: this.appearance, alt: this.alt, titleId: this.titleId });
   }
   get _el() {
     return this;
@@ -19,13 +19,13 @@ const a = t(class extends s {
     return ".gids-icon{color:var(--gidsIcon-color, var(--gids-color-icon-default));fill:var(--gidsIcon-color, var(--gids-color-icon-default));width:auto;height:var(--gidsIcon-height, 100%);flex-shrink:0}.gids-icon--xs{--gidsIcon-height:var(--gids-size-120)}.gids-icon--sm{--gidsIcon-height:var(--gids-size-160)}.gids-icon--md{--gidsIcon-height:var(--gids-size-240)}.gids-icon--lg{--gidsIcon-height:var(--gids-size-320)}";
   }
 }, [1, "gids-icon", { name: [1], size: [1], appearance: [1], alt: [1], titleId: [1, "title-id"] }]);
-function n() {
+function a() {
   typeof customElements < "u" && ["gids-icon"].forEach(((i) => {
-    i === "gids-icon" && (customElements.get(e(i)) || customElements.define(e(i), a));
+    i === "gids-icon" && (customElements.get(e(i)) || customElements.define(e(i), n));
   }));
 }
-n();
+a();
 export {
-  n as d,
-  a as n
+  a as d,
+  n
 };

package/dist-bundled/es/{p-Chqeexny-C4hlPbBP.js → p-C_RW9IFo-DNQqJS8t.js}

@@ -1,7 +1,7 @@
 import { q as d, L as c, u as h, D as i } from "./p-Bf3p-DY2-CPqEc-vc.js";
-import { m as u, x as m, N as Y } from "./p-D6lxqcxP-DWrZi1Xi.js";
-import { c as p } from "./clsx-OuTLNxxd.js";
-const f = (e) => p("gids-calendar-year-list", e), g = (e) => {
+import { m as u, x as m, N as Y } from "./p-D6lxqcxP-C6BOC0kV.js";
+import { c as f } from "./clsx-OuTLNxxd.js";
+const p = (e) => f("gids-calendar-year-list", e), g = (e) => {
   const t = e.toString().trim();
   if (!/^\d{4}$/.test(t))
     return !1;
@@ -21,7 +21,7 @@ const f = (e) => p("gids-calendar-year-list", e), g = (e) => {
   return s;
 }, S = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  getGidsCalendarYearListClassNames: f,
+  getGidsCalendarYearListClassNames: p,
   getGidsCalendarYearListYears: I,
   isValidFourDigitYear: g
 }, Symbol.toStringTag, { value: "Module" })), { getGidsCalendarYearListClassNames: y, getGidsCalendarYearListYears: b, isValidFourDigitYear: l } = S, w = c(class extends h {
@@ -71,7 +71,7 @@ const f = (e) => p("gids-calendar-year-list", e), g = (e) => {
   }
   render() {
     const e = y();
-    return i("div", { key: "af9ef0437dbeba878bb5d09b0dcb4339ab819efd", class: e }, i(u, { key: "8083aa3b6a0160923f514bf067475cc835c3256b", type: this.type, supportingText: this.noOptionsText }, i(m, { key: "d9c7ec1df68bd2e67e236e7135927f27dd7bc328", sectionLabel: "Years" }, this.yearsList().map(((t, s) => {
+    return i("div", { key: "11dfe8162214f107ce269367f9f2f8b1bff84d93", class: e }, i(u, { key: "e40df2cbd768dcb121042b5fd82b255bbadbcb07", type: this.type, supportingText: this.noOptionsText }, i(m, { key: "fcabde26d20de0f6f3b8aca82158721f161e48e8", sectionLabel: "Years" }, this.yearsList().map(((t, s) => {
       const a = `${s + 1}`, r = this.disabledIndices?.includes(t.value);
       return i(Y, { title: t.title, value: `${t.value}`, key: `${s.toString()}`, index: s, id: a, selected: this.isItemSelected(s), onPressDropdownItem: this.handleMenuClick, disabled: r, divider: this.divider, isPlaceholderItem: !1 });
     })))));
@@ -87,6 +87,6 @@ function E() {
 }
 E();
 export {
-  w as l,
+  w as c,
   E as u
 };

package/dist-bundled/es/{p-ub0GuVHb-C_PFTi1_.js → p-CatvDz2b-C-Hlv2Xb.js}

@@ -1,5 +1,5 @@
-import { q as l, L as n, u as r, D as o, P as d } from "./p-Bf3p-DY2-CPqEc-vc.js";
-import { d as h } from "./p-D4Pimu_8-DfEGRQGf.js";
+import { q as l, L as n, u as r, D as a, P as d } from "./p-Bf3p-DY2-CPqEc-vc.js";
+import { d as h } from "./p-D4Pimu_8-ARSuGBs4.js";
 import { i as c } from "./p-B2zUuNXz-BLBgQDu7.js";
 import { c as _ } from "./clsx-OuTLNxxd.js";
 const g = (t) => _("gids-field", t), u = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
@@ -53,10 +53,10 @@ const g = (t) => _("gids-field", t), u = /* @__PURE__ */ Object.freeze(/* @__PUR
   render() {
     const t = this._hasStatusText(), e = this._controlValidationMessage !== void 0 ? this._controlValidationMessage : this._shouldRenderExplicitStatusText() ? this.statusText : void 0, s = this._getCurrentStatus(), i = ["gids-field__status-text"];
     if (t) {
-      const a = this._getStatusModifierClass(s, "gids-field__status-text");
-      a != null && i.push(a);
+      const o = this._getStatusModifierClass(s, "gids-field__status-text");
+      o != null && i.push(o);
     }
-    return o(d, { key: "b4c75ae8db2c6a526bca9abbdefa794697f79d6e" }, o("div", { key: "7f1d56122271224e78b84482bbd1aa31dee0d6b5", class: p() }, o("div", { key: "21986a7bc03029da85eeef02af059b175c208bb9", class: "gids-field__header", hidden: !this._hasLabelContent() }, o("slot", { key: "2c3e7e5e7ebc8b5b30157e755422267cffeb9333", ref: this._setLabelSlot, name: "label", onSlotchange: this._handleControlSlotChange }), o("div", { key: "db267881b537d312154b4b7b51c0816595b5c064", class: "gids-field__count", "aria-live": "polite" }, this.count)), o("div", { key: "34ee7450b5bce2c5ae58d151a6503f1079fdfc7e", class: "gids-field__control" }, o("slot", { key: "d5a7c20818abf658fd1651d90bc7fe552ff4366e", ref: this._setControlSlot, onSlotchange: this._handleControlSlotChange })), o("p", { key: "2859a75cb1f15eb4b998a8c9d0642b3a260967bc", class: "gids-field__supporting-text", hidden: !this._shouldShowHelperText() }, this.helperText), t ? o("p", { class: i.join(" "), role: "status", "aria-live": "polite" }, this._renderStatusIcon(s), e !== void 0 ? o("span", null, e) : null) : null));
+    return a(d, { key: "c75e54d5682a6cab95b56861725af0722230ae44" }, a("div", { key: "1ecbbae66b42c8500368ab1dfee347e12400f4ac", class: p() }, a("div", { key: "e67b522626951f216825631772d87fcd40b59a00", class: "gids-field__header", hidden: !this._hasLabelContent() }, a("slot", { key: "c6a348a5cc0f4195d964d343e380392337f90116", ref: this._setLabelSlot, name: "label", onSlotchange: this._handleControlSlotChange }), a("div", { key: "29747dd8fd31c32cee6ee23f50f08fe0f3d0dd6c", class: "gids-field__count", "aria-live": "polite" }, this.count)), a("div", { key: "1b24c65b26fb184862dd4aeb573de0dca9d843c7", class: "gids-field__control" }, a("slot", { key: "025942655f85c705d65d3ba9a3179e9d4cd1cd83", ref: this._setControlSlot, onSlotchange: this._handleControlSlotChange })), a("p", { key: "8dda0c1f671594bcc08bfd9ba0c70496439c4730", class: "gids-field__supporting-text", hidden: !this._shouldShowHelperText() }, this.helperText), t ? a("p", { class: i.join(" "), role: "status", "aria-live": "polite" }, this._renderStatusIcon(s), e !== void 0 ? a("span", null, e) : null) : null));
   }
   _hasLabelContent() {
     return this._hasLabel;
@@ -79,8 +79,8 @@ const g = (t) => _("gids-field", t), u = /* @__PURE__ */ Object.freeze(/* @__PUR
     if (e === void 0) return;
     const s = ["gids-field__status-icon"], i = this._getStatusModifierClass(t, "gids-field__status-icon");
     i != null && s.push(i);
-    let a = t;
-    return t === "error" && (a = "danger"), t === "success" && (a = "positive"), o(h, { appearance: "filled", size: "sm", alt: "", name: e, class: s.join(" "), style: { "--gidsIcon-color": `var(--gids-color-icon-${a})` } });
+    let o = t;
+    return t === "error" && (o = "danger"), t === "success" && (o = "positive"), a(h, { appearance: "filled", size: "sm", alt: "", name: e, class: s.join(" "), style: { "--gidsIcon-color": `var(--gids-color-icon-${o})` } });
   }
   _getCurrentStatus() {
     return this._isImplicitStatus() && this._controlValidationMessage != null ? "error" : this.status ?? "implicit";
@@ -120,7 +120,7 @@ const g = (t) => _("gids-field", t), u = /* @__PURE__ */ Object.freeze(/* @__PUR
     if (e && t.name != null) {
       const s = e.elements.namedItem(t.name);
       if (s instanceof RadioNodeList) {
-        const i = Array.from(s).filter(((a) => a instanceof HTMLInputElement && a.type === "radio" && this._el.contains(a)));
+        const i = Array.from(s).filter(((o) => o instanceof HTMLInputElement && o.type === "radio" && this._el.contains(o)));
         if (i.length > 0) return i;
       }
     }
@@ -141,8 +141,8 @@ const g = (t) => _("gids-field", t), u = /* @__PURE__ */ Object.freeze(/* @__PUR
       if (e.nodeType !== Node.ELEMENT_NODE) continue;
       const s = e, i = this._asTextControl(s);
       if (i !== null) return i;
-      const a = s.querySelector("input, textarea");
-      if (a instanceof HTMLInputElement || a instanceof HTMLTextAreaElement) return a;
+      const o = s.querySelector("input, textarea");
+      if (o instanceof HTMLInputElement || o instanceof HTMLTextAreaElement) return o;
     }
     return null;
   }

package/dist-bundled/es/{p-BVAtja26-Xjd4_b4e.js → p-CnVmK0dH-CbmnN-RR.js}

@@ -1,6 +1,6 @@
-import { q as s, L as l, u, D as i, F as d } from "./p-Bf3p-DY2-CPqEc-vc.js";
-import { d as n } from "./p-D4Pimu_8-DfEGRQGf.js";
-import { l as r } from "./p-CHGTBObD-EN4cCwtX.js";
+import { q as s, L as l, u, D as a, F as r } from "./p-Bf3p-DY2-CPqEc-vc.js";
+import { d as n } from "./p-D4Pimu_8-ARSuGBs4.js";
+import { l as d } from "./p-CHGTBObD-EN4cCwtX.js";
 const c = (e) => e.type === "hidden", f = (e) => {
   if (!(e instanceof HTMLElement))
     return !1;
@@ -18,8 +18,8 @@ const c = (e) => e.type === "hidden", f = (e) => {
 }, o = l(class extends u {
   constructor(e) {
     super(), e !== !1 && this.__registerHost(), this.#e = {}, this._focusInput = (t) => {
-      const a = t.target;
-      a === this.#t || this._isWithinInteractiveElement(a) || this.#t?.focus();
+      const i = t.target;
+      i === this.#t || this._isWithinInteractiveElement(i) || this.#t?.focus();
     }, this._handleInputFocusAndBlur = (t) => {
       this._el.dispatchEvent(new FocusEvent(t.type, { relatedTarget: t.relatedTarget }));
     };
@@ -54,9 +54,9 @@ const c = (e) => e.type === "hidden", f = (e) => {
     this._el.removeEventListener("click", this._focusInput);
   }
   render() {
-    return i(d, { key: "afdbc2c51c4a1f688534c76757ef7cdfb27d1cd0" }, i("slot", { key: "83781fe23a5648cdd8345326e88e235c03cf60bc", name: "leadingIcon" }), this.leadingLabel && i("span", { key: "b457d5343b714096c80ffebce6abd9e62fc57664", class: "gids-input__label" }, this.leadingLabel), i("slot", { key: "e156f0f311bd7b662eb56c07c101b673c0945d14", name: "leadingAccessory" }), i("input", { key: "34d77865f743fab2e85d154b966c90b1434d212d", ...this.inputProps, ref: (e) => {
+    return a(r, { key: "a847ece96bcb383a08cfaab96c5988cab92e9e46" }, a("slot", { key: "f0b51bb77a1bcb25b68d511aba32840d796b2aea", name: "leadingIcon" }), this.leadingLabel && a("span", { key: "933b6a1c25ae864e823fdc23dc36fee4bd1f8ceb", class: "gids-input__label" }, this.leadingLabel), a("slot", { key: "648eb1dc824d92ead913e4e3117e512c0054a235", name: "leadingAccessory" }), a("input", { key: "813cf18437f2caf8df7055cb1bd863bade80ef45", ...this.inputProps, ref: (e) => {
       this.#t = e, this.#e.value !== void 0 && (this.#t.value = this.#e.value, delete this.#e.value), this.#e.defaultValue !== void 0 && (this.#t.defaultValue = this.#e.defaultValue, delete this.#e.defaultValue);
-    }, class: "gids-input__control", name: this.name, disabled: this.disabled, readOnly: this.readOnly, required: this.required, onFocus: this._handleInputFocusAndBlur, onBlur: this._handleInputFocusAndBlur }), i("slot", { key: "fafb91d6e965e33b40577a10475e9a69a83e7a98", name: "trailingAccessory" }), this.trailingLabel && i("span", { key: "3d673d4b05b850c165817615145e629f39b5859c", class: "gids-input__label" }, this.trailingLabel), i("slot", { key: "ee39bb2e061ace41b7192f0fd2eae7edb35918e2", name: "trailingIcon" }), this.status === "incomplete" && i(n, { key: "5d2faed6c95395d82a2ae1e72483fd15599f14b6", name: "warning", appearance: "filled", class: "gids-input__warning-icon" }), this.status === "complete" && i(n, { key: "106200c1b025e3ee1467ffed2f246962933d42d0", name: "positive", appearance: "filled", class: "gids-input__positive-icon" }), this.loading && i(r, { key: "9125ce5ef482066da33b9429e0cb544e1a646cca", size: "md", indeterminate: !0 }));
+    }, class: "gids-input__control", name: this.name, disabled: this.disabled, readOnly: this.readOnly, required: this.required, onFocus: this._handleInputFocusAndBlur, onBlur: this._handleInputFocusAndBlur }), a("slot", { key: "479ab0f4295373d7556b8db09fbe7f77b56047f4", name: "trailingAccessory" }), this.trailingLabel && a("span", { key: "15e75448705297a12d9afb7725d084b57a0bf338", class: "gids-input__label" }, this.trailingLabel), a("slot", { key: "7c35046d76d34b749d93b5aa0c1a342760c5a905", name: "trailingIcon" }), this.status === "incomplete" && a(n, { key: "bb4df6968119a0c7ea266b0b43f7573e0e26a5b6", name: "warning", appearance: "filled", class: "gids-input__warning-icon" }), this.status === "complete" && a(n, { key: "33dbd0adf04059eb3a0454396a5c741e21f29c96", name: "positive", appearance: "filled", class: "gids-input__positive-icon" }), this.loading && a(d, { key: "b81b773130765753a21e2a52baa6d46504367833", size: "md", indeterminate: !0 }));
   }
   get _el() {
     return this;

package/dist-bundled/es/{p-D4Pimu_8-DfEGRQGf.js → p-D4Pimu_8-ARSuGBs4.js}

@@ -154,7 +154,6 @@ const P = (e, t = "gids") => e || `${t}-${G++}`, h = {
     "positive",
     "printer",
     "question",
-    "syncing",
     "search",
     "select",
     "select-all",

package/dist-bundled/es/{p-_SIWct9h-jMYFZ-VO.js → p-D5DRatg0-DtQL-DQg.js}

@@ -17,9 +17,9 @@ const a = l(class extends i {
     this._el.selected = e, this.select?.emit(e), this.selected = e;
   }
   render() {
-    return t(n, { key: "510886303fd853bf5c24fb5f38fd8485f831e72c" }, t("style", { key: "8e431f50396bf87f0475788e2cd3615d28cc24c7" }, `:host {
+    return t(n, { key: "201e83381218abefabfe656b0da772604218fb89" }, t("style", { key: "835f491d72b9a861081c387c224b958cef2046d1" }, `:host {
                 display: ${this.width === "full" ? "block" : "inline-block"}
-                }`), t(o, { key: "e2292ad4d60014b8d412157fdb36e5a2fa9cfd79", appearance: this.appearance, size: this.size, width: this.width, disabled: this.disabled, onClick: this._toggle, "aria-pressed": this.selected ? "true" : "false", leadingIcon: t("slot", { name: "leadingIcon" }), trailingIcon: t("slot", { name: "trailingIcon" }), forceIconOnly: this._onlyHasLeadingIcon() }, t("slot", { key: "0f805e868de82ad388f4781bacf36e860395f3fa" })));
+                }`), t(o, { key: "d1b1ee3a51c3c1e7e9c6fd300843c24b83f498b2", appearance: this.appearance, size: this.size, width: this.width, disabled: this.disabled, onClick: this._toggle, "aria-pressed": this.selected ? "true" : "false", leadingIcon: t("slot", { name: "leadingIcon" }), trailingIcon: t("slot", { name: "trailingIcon" }), forceIconOnly: this._onlyHasLeadingIcon() }, t("slot", { key: "4dfa9d8702ee380df07ba3e1c30b858b6dfc970e" })));
   }
   _onlyHasLeadingIcon() {
     const e = this._el.childNodes;

package/dist-bundled/es/{p-D6lxqcxP-DWrZi1Xi.js → p-D6lxqcxP-C6BOC0kV.js}

@@ -1,6 +1,6 @@
 import { D as t, F as w } from "./p-Bf3p-DY2-CPqEc-vc.js";
 import { p as O } from "./p-DMNS1d8v-CHF62UXm.js";
-import { d as C } from "./p-D4Pimu_8-DfEGRQGf.js";
+import { d as C } from "./p-D4Pimu_8-ARSuGBs4.js";
 import { c as a } from "./clsx-OuTLNxxd.js";
 const T = ({ orientation: e }, i) => a("gids-divider", {
   "gids-divider--vertical": e === "vertical"