@ganpatiinfo/gids-core-web 22.0.0 → 23.0.0

package/dist-bundled/es/gids-sidebar.js

@@ -2,10 +2,10 @@ import { L as O, u as G, D as a, P as j, q as r } from "./p-B4hcsDH0-CPqEc-vc.js
 import { p as q } from "./p-CcKHKwS0-Bw63tTOA.js";
 import { o as X } from "./p-BsC3-MVH-j4fPhip5.js";
 import { d as S } from "./p-iQRr_fAH-Dvv1n8QD.js";
-import { A as B, S as F, y as J, P as K } from "./p-kWyyLyT3-VhX9LNzT.js";
+import { A as B, S as F, y as J, P as K } from "./p-B2YjHZsu-DxdrSYcE.js";
 import { r as p } from "./p-BRNvHMdK-CqGtfAsn.js";
-import { h as Q } from "./p-DpvdbdZ--C7QlXxK2.js";
-import { g as R } from "./p-bfWlRsx_-CNZjBYOE.js";
+import { h as Q } from "./p-CxfmNDsm-JHseL2it.js";
+import { g as R } from "./p-CKj2Ru6e-B-Nk5B_P.js";
 import { c as U } from "./clsx-OuTLNxxd.js";
 const V = ({ appearance: e, height: i }, t) => U("gids-sidebar", {
   // Appearances
@@ -18,7 +18,7 @@ const V = ({ appearance: e, height: i }, t) => U("gids-sidebar", {
 }, t), W = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   getGidsSidebarClassNames: V
-}, Symbol.toStringTag, { value: "Module" })), { getGidsSidebarClassNames: Y } = W, C = O(class extends G {
+}, Symbol.toStringTag, { value: "Module" })), { getGidsSidebarClassNames: Y } = W, v = O(class extends G {
   constructor(e) {
     super(), e !== !1 && this.__registerHost(), this.id = "sidebar", this.appearance = "default", this.sidebarItemAppearance = "subtle", this.sidebarItemSelectionAppearance = "default", this.sidebarMenuItemAppearance = "subtle", this.sidebarMenuItemSelectionAppearance = "default", this.height = "intrinsic", this.sectionDividers = !0, this.itemDividers = !1, this.headerDivider = !0, this.menuPlacement = "right-end", this.menuConstrainPlacements = ["right-end", "left-end", "left", "right", "right-start", "left-start"], this.listData = [], this.selectedMenuItemSectionIdState = void 0, this.selectedMenuItemIdState = void 0, this.selectedSectionIdState = void 0, this.selectedItemIdState = void 0, this.hasHeaderContent = !1, this.onSidebarItemPress = ({ event: i, sectionId: t, sectionIndex: s, itemIndex: n }) => {
       this.selectedSectionIdState = t, this.selectedItemIdState = i?.sidebarItemId ?? void 0, this.selectedMenuItemSectionIdState = i?.sidebarMenuItemSectionId ?? void 0, this.selectedMenuItemIdState = i?.sidebarMenuItemId ?? void 0, this.onSidebarChange && this.onSidebarChange({ ...i, originalEvent: i?.originalEvent, sidebarSectionId: t, sidebarSectionIndex: s, sidebarItemIndex: n });
@@ -106,13 +106,13 @@ const V = ({ appearance: e, height: i }, t) => U("gids-sidebar", {
     this.selectedMenuItemSectionIdState = this.selectedMenuItemSectionId, this.selectedMenuItemIdState = this.selectedMenuItemId, this.selectedSectionIdState = this.selectedSectionId, this.selectedItemIdState = this.selectedItemId, this.hasHeaderContent = Array.from(this.hostElement.childNodes).some(((e) => e.nodeType === Node.ELEMENT_NODE || e.nodeType === Node.TEXT_NODE && (e.textContent?.trim().length ?? 0) > 0));
   }
   render() {
-    const e = this.id, i = this?.appearance ?? "default", t = this?.sidebarItemAppearance ?? "subtle", s = this?.sidebarItemSelectionAppearance ?? "default", n = this?.sidebarMenuItemAppearance ?? "subtle", l = this?.sidebarMenuItemSelectionAppearance ?? "default", f = this?.height ?? "intrinsic", M = this?.menuPlacement ?? "right-end", y = this?.menuConstrainPlacements && this.menuConstrainPlacements.length > 0 ? this.menuConstrainPlacements : ["right-end", "left-end", "left", "right", "right-start", "left-start"], I = this?.listData ?? [], A = this?.sectionDividers ?? !0, P = this?.itemDividers ?? !1, D = this?.headerDivider ?? !0, x = this?.selectedMenuItemSectionIdState ?? void 0, _ = this?.selectedMenuItemIdState ?? void 0, g = this.hasHeaderContent, T = Y({ appearance: i, height: f });
-    return a(j, { key: "0b48c64fd20c4197854d539e83fead2de42b2817", class: T, id: e, "data-appearance": i }, g ? a("div", { class: "gids-sidebar__header-container" }, a("slot", null), g && D ? a(p, null) : void 0) : void 0, I.map(((o, c) => {
+    const e = this.id, i = this?.appearance ?? "default", t = this?.sidebarItemAppearance ?? "subtle", s = this?.sidebarItemSelectionAppearance ?? "default", n = this?.sidebarMenuItemAppearance ?? "subtle", l = this?.sidebarMenuItemSelectionAppearance ?? "default", f = this?.height ?? "intrinsic", M = this?.menuPlacement ?? "right-end", A = this?.menuConstrainPlacements && this.menuConstrainPlacements.length > 0 ? this.menuConstrainPlacements : ["right-end", "left-end", "left", "right", "right-start", "left-start"], I = this?.listData ?? [], y = this?.sectionDividers ?? !0, P = this?.itemDividers ?? !1, D = this?.headerDivider ?? !0, x = this?.selectedMenuItemSectionIdState ?? void 0, _ = this?.selectedMenuItemIdState ?? void 0, g = this.hasHeaderContent, T = Y({ appearance: i, height: f });
+    return a(j, { key: "91b0ee66c7ea0bca4e40daa4deab382eda41af65", class: T, id: e, "data-appearance": i }, g ? a("div", { class: "gids-sidebar__header-container" }, a("slot", null), g && D ? a(p, null) : void 0) : void 0, I.map(((o, c) => {
       const u = o?.lisItems ?? [], b = o?.listSectionLabel, m = o?.listSectionId;
       return a("div", { key: `${c + 1}-${m}`, class: "gids-sidebar__list-section-container" }, b ? a("h4", null, b) : void 0, u.map(((d, h) => {
         const k = `${h + 1}-${c + 1}-${d.id}`, { leadingAccessoryType: E, leadingAccessory: N, trailingAccessoryType: L, trailingAccessory: w, leadingIconProps: $, ...z } = d;
-        return a("div", { class: "gids-sidebar__item-container" }, a("gids-sidebar-item", { ...z, key: k, id: d.id, appearance: t, selectionAppearance: s, sidebarMenuItemAppearance: n, sidebarMenuItemSelectionAppearance: l, menuPlacement: M, menuConstrainPlacements: y, menuData: d?.menuData ?? [], menuId: d?.menuId, leadingLabel: d?.leadingLabel, leadingSupportingText: d?.leadingSupportingText, trailingLabel: d?.trailingLabel, trailingSupportingText: d?.trailingSupportingText, disabled: d?.disabled, selectedMenuItemSectionId: x, selectedMenuItemId: _, selected: this.sidebarItemSelected({ listItem: d, listItemSectionId: m }), onPressSidebarItem: (H) => this.onSidebarItemPress({ event: H, sectionId: m, sectionIndex: c, itemIndex: h }) }, this.renderAccessory({ accessoryType: E, accessory: N, slotName: "sidebarItemLeadingAccessory" }), this.renderIcon($), this.renderAccessory({ accessoryType: L, accessory: w, slotName: "sidebarItemTrailingAccessory" })), P && h < u.length - 1 ? a(p, null) : void 0);
-      })), A && c < I.length - 1 ? a("div", { class: "gids-sidebar__section-divider-container" }, a(p, null)) : void 0);
+        return a("div", { class: "gids-sidebar__item-container" }, a("gids-sidebar-item", { ...z, key: k, id: d.id, appearance: t, selectionAppearance: s, sidebarMenuItemAppearance: n, sidebarMenuItemSelectionAppearance: l, menuPlacement: M, menuConstrainPlacements: A, menuData: d?.menuData ?? [], menuId: d?.menuId, leadingLabel: d?.leadingLabel, leadingSupportingText: d?.leadingSupportingText, trailingLabel: d?.trailingLabel, trailingSupportingText: d?.trailingSupportingText, disabled: d?.disabled, selectedMenuItemSectionId: x, selectedMenuItemId: _, selected: this.sidebarItemSelected({ listItem: d, listItemSectionId: m }), onPressSidebarItem: (H) => this.onSidebarItemPress({ event: H, sectionId: m, sectionIndex: c, itemIndex: h }) }, this.renderAccessory({ accessoryType: E, accessory: N, slotName: "sidebarItemLeadingAccessory" }), this.renderIcon($), this.renderAccessory({ accessoryType: L, accessory: w, slotName: "sidebarItemTrailingAccessory" })), P && h < u.length - 1 ? a(p, null) : void 0);
+      })), y && c < I.length - 1 ? a("div", { class: "gids-sidebar__section-divider-container" }, a(p, null)) : void 0);
     })));
   }
   get hostElement() {
@@ -125,11 +125,11 @@ const V = ({ appearance: e, height: i }, t) => U("gids-sidebar", {
     return ".gids-sidebar{display:flex;flex-direction:column;gap:var(--gids-gap-300);padding:var(--gids-padding-vertical-edge-to-element-250) var(--gids-padding-horizontal-edge-to-element-300);background-color:var(--gids-color-background-canvas);border-radius:var(--gids-border-radius-lg);border:var(--gids-border-width-thin) solid var(--gids-color-border-default)}.gids-sidebar__header-container{display:flex;flex-direction:column;width:100%;gap:var(--gids-gap-400)}.gids-sidebar__list-section-container{display:flex;flex-direction:column;gap:var(--gids-gap-150)}.gids-sidebar__list-section-container h4{margin:0;color:var(--gids-color-text-subtlest)}.gids-sidebar__item-container{display:flex;flex-direction:column;width:100%;gap:var(--gids-gap-200)}.gids-sidebar__section-divider-container{display:flex;flex-direction:column;width:100%;padding:var(--gids-padding-vertical-edge-to-element-250) 0}.gids-sidebar--appearance-subtle{background-color:transparent}.gids-sidebar--appearance-primary{background-color:var(--gids-color-background-brand-subtlest-default)}.gids-sidebar--height-full{height:100vh !important;overflow-x:hidden;overflow-y:auto}";
   }
 }, [260, "gids-sidebar", { id: [1], appearance: [1], sidebarItemAppearance: [1, "sidebar-item-appearance"], sidebarItemSelectionAppearance: [1, "sidebar-item-selection-appearance"], sidebarMenuItemAppearance: [1, "sidebar-menu-item-appearance"], sidebarMenuItemSelectionAppearance: [1, "sidebar-menu-item-selection-appearance"], selectedSectionId: [1, "selected-section-id"], selectedItemId: [1, "selected-item-id"], selectedMenuItemId: [1, "selected-menu-item-id"], selectedMenuItemSectionId: [1, "selected-menu-item-section-id"], height: [1], sectionDividers: [4, "section-dividers"], itemDividers: [4, "item-dividers"], headerDivider: [4, "header-divider"], menuPlacement: [1, "menu-placement"], menuConstrainPlacements: [16], listData: [16], onSidebarChange: [16], selectedMenuItemSectionIdState: [32], selectedMenuItemIdState: [32], selectedSectionIdState: [32], selectedItemIdState: [32], hasHeaderContent: [32] }, void 0, { id: [{ idChanged: 0 }], appearance: [{ appearanceChanged: 0 }], sidebarItemAppearance: [{ sidebarItemAppearanceChanged: 0 }], sidebarItemSelectionAppearance: [{ sidebarItemSelectionAppearanceChanged: 0 }], sidebarMenuItemAppearance: [{ sidebarMenuItemAppearanceChanged: 0 }], sidebarMenuItemSelectionAppearance: [{ sidebarMenuItemSelectionAppearanceChanged: 0 }], selectedSectionId: [{ selectedSectionIdChanged: 0 }], selectedItemId: [{ selectedItemIdChanged: 0 }], selectedMenuItemSectionId: [{ selectedMenuItemSectionIdChanged: 0 }], selectedMenuItemId: [{ selectedMenuItemIdChanged: 0 }], height: [{ heightChanged: 0 }], sectionDividers: [{ sectionDividersChanged: 0 }], itemDividers: [{ itemDividersChanged: 0 }], menuPlacement: [{ menuPlacementChanged: 0 }], menuConstrainPlacements: [{ menuConstrainPlacementsChanged: 0 }], listData: [{ listDataChanged: 0 }] }]);
-function v() {
+function C() {
   typeof customElements < "u" && ["gids-sidebar", "gids-flyout-panel", "gids-sidebar-item", "gids-sidebar-menu"].forEach(((e) => {
     switch (e) {
       case "gids-sidebar":
-        customElements.get(r(e)) || customElements.define(r(e), C);
+        customElements.get(r(e)) || customElements.define(r(e), v);
         break;
       case "gids-flyout-panel":
         customElements.get(r(e)) || Q();
@@ -142,8 +142,8 @@ function v() {
     }
   }));
 }
-v();
-const ce = C, le = v;
+C();
+const ce = v, le = C;
 export {
   ce as GidsSidebar,
   le as defineCustomElement

package/dist-bundled/es/gids-skeleton.js

@@ -9,7 +9,7 @@ const u = ({ variant: e, animation: t }) => g("gids-skeleton", {
 }), c = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   getSkeletonBaseClassNames: u
-}, Symbol.toStringTag, { value: "Module" })), { getSkeletonBaseClassNames: m } = c, a = o(class extends r {
+}, Symbol.toStringTag, { value: "Module" })), { getSkeletonBaseClassNames: m } = c, s = o(class extends r {
   constructor(e) {
     super(), e !== !1 && this.__registerHost(), this.variant = "text", this.animation = "none";
   }
@@ -22,20 +22,20 @@ const u = ({ variant: e, animation: t }) => g("gids-skeleton", {
   }
   render() {
     const e = m({ variant: this.variant ?? "text", animation: this.animation ?? "none" });
-    return d(l, { key: "91812440e5f71f20d59cf03b8b18f3aabaf96960", class: e, style: this.getStyle(), "aria-hidden": "true" });
+    return d(l, { key: "c51bb3ead82b8f16229f1d6623891e3a6bec5663", class: e, style: this.getStyle(), "aria-hidden": "true" });
   }
   static get style() {
     return 'gids-skeleton,.gids-skeleton-host{--gidsSkeleton-background:var(    --gids-color-background-accent-9-subtle-default   );--gidsSkeleton-wave-background:linear-gradient(    90deg,    transparent 0%,    var(--gids-color-background-accent-9-subtler-default) 50%,    transparent 100%   );--gidsSkeleton-text-border-radius:var(--gids-border-radius-sm);--gidsSkeleton-border-radius:var(--gids-border-radius-md);display:inline-block;position:relative;vertical-align:middle;background-color:var(--gidsSkeleton-background);overflow:hidden;width:auto;height:auto}.gids-skeleton--variant-text{border-radius:var(--gidsSkeleton-text-border-radius);min-height:1.2em;transform:scaleY(0.6);transform-origin:0 50%}.gids-skeleton--variant-circular{border-radius:100% !important;aspect-ratio:1/1}.gids-skeleton--variant-rectangular{border-radius:0}.gids-skeleton--variant-rounded{border-radius:var(--gidsSkeleton-border-radius)}.gids-skeleton--animation-none{animation:none}.gids-skeleton--animation-pulse{animation:gids-skeleton-pulse 1.5s ease-in-out infinite}.gids-skeleton--animation-wave::after{content:"";position:absolute;inset:0;width:100%;height:100%;background:var(--gidsSkeleton-wave-background);transform:translateX(-100%);animation:gids-skeleton-wave 1.6s linear infinite}@keyframes gids-skeleton-pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}@keyframes gids-skeleton-wave{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}@media (prefers-reduced-motion: reduce){.gids-skeleton--animation-pulse{animation:none}.gids-skeleton--animation-wave::after{animation:none}}';
   }
 }, [0, "gids-skeleton", { variant: [1], animation: [1], width: [8], height: [8] }]);
-function s() {
+function a() {
   typeof customElements < "u" && ["gids-skeleton"].forEach(((e) => {
-    e === "gids-skeleton" && (customElements.get(i(e)) || customElements.define(i(e), a));
+    e === "gids-skeleton" && (customElements.get(i(e)) || customElements.define(i(e), s));
   }));
 }
-s();
-const h = a, v = s;
+a();
+const v = s, b = a;
 export {
-  h as GidsSkeleton,
-  v as defineCustomElement
+  v as GidsSkeleton,
+  b as defineCustomElement
 };

package/dist-bundled/es/gids-tab-item.js

@@ -1,7 +1,7 @@
-import { L as n, u as l, D as r, P as g, q as o } from "./p-B4hcsDH0-CPqEc-vc.js";
+import { L as n, u as l, D as r, P as g, q as d } from "./p-B4hcsDH0-CPqEc-vc.js";
 import { p as b } from "./p-CcKHKwS0-Bw63tTOA.js";
 import { c as v } from "./clsx-OuTLNxxd.js";
-const h = ({ appearance: e, width: t = "intrinsic", active: a }, d) => v("gids-tab-item", {
+const h = ({ appearance: e, width: t = "intrinsic", active: a }, o) => v("gids-tab-item", {
   // Widths
   // 'gids-tab-item--intrinsic': width === 'intrinsic', // By default so not needed
   "gids-tab-item--full": t === "full",
@@ -17,7 +17,7 @@ const h = ({ appearance: e, width: t = "intrinsic", active: a }, d) => v("gids-t
   "gids-tab-item--bordered": e === "bordered" && !a,
   "gids-tab-item--underlined": e === "underlined" && !a,
   "gids-tab-item--subtle": e === "subtle" && !a
-}, d), u = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, o), u = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   getGidsTabItemClassNames: h
 }, Symbol.toStringTag, { value: "Module" })), { getGidsTabItemClassNames: m } = u, s = n(class extends l {
@@ -54,8 +54,8 @@ const h = ({ appearance: e, width: t = "intrinsic", active: a }, d) => v("gids-t
     this.hasLeadingIcon = !!this.hostElement.querySelector('[slot="leadingIconTabItem"]'), this.hasTrailingIcon = !!this.hostElement.querySelector('[slot="trailingIconTabItem"]');
   }
   render() {
-    const e = m({ appearance: this.appearance, width: this.width, active: this.active }), t = this.hasTrailingIcon, a = this.badgeVisible, d = this.appearance === "primary" && this.active ? "inverse" : this.badgeAppearance ?? "information", i = this.label;
-    return r(g, { key: "f01d0f860f09aca20e77876af6c87e1db7de26b3", class: e, onClick: this.handleHostClick }, this.hasLeadingIcon ? r("slot", { name: "leadingIconTabItem" }) : void 0, i && i !== "" ? r("span", { class: "gids-tab-item__label" }, i && i !== "" ? i : void 0, a ? r(b, { appearance: d, type: this.badgeType, count: this.badgeCount }) : void 0) : void 0, t ? r("slot", { name: "trailingIconTabItem" }) : void 0);
+    const e = m({ appearance: this.appearance, width: this.width, active: this.active }), t = this.hasTrailingIcon, a = this.badgeVisible, o = this.appearance === "primary" && this.active ? "inverse" : this.badgeAppearance ?? "information", i = this.label;
+    return r(g, { key: "b65559e69561401097fb08ede52c110df0a9f2a0", class: e, onClick: this.handleHostClick }, this.hasLeadingIcon ? r("slot", { name: "leadingIconTabItem" }) : void 0, i && i !== "" ? r("span", { class: "gids-tab-item__label" }, i && i !== "" ? i : void 0, a ? r(b, { appearance: o, type: this.badgeType, count: this.badgeCount }) : void 0) : void 0, t ? r("slot", { name: "trailingIconTabItem" }) : void 0);
   }
   get hostElement() {
     return this;
@@ -69,7 +69,7 @@ const h = ({ appearance: e, width: t = "intrinsic", active: a }, d) => v("gids-t
 }, [260, "gids-tab-item", { itemId: [1, "item-id"], label: [1], active: [4], name: [1], width: [1], appearance: [1], badgeVisible: [4, "badge-visible"], badgeAppearance: [1, "badge-appearance"], badgeCount: [2, "badge-count"], badgeType: [1, "badge-type"], onPressGidsTabItem: [16], hasLeadingIcon: [32], hasTrailingIcon: [32] }, void 0, { width: [{ handleWidthChange: 0 }], appearance: [{ handleAppearanceChange: 0 }], badgeVisible: [{ handleBadgeVisibilityChange: 0 }], badgeAppearance: [{ handleBadgeAppearanceChange: 0 }], badgeType: [{ handleBadgeTypeChange: 0 }], active: [{ handleActiveChange: 0 }] }]);
 function c() {
   typeof customElements < "u" && ["gids-tab-item"].forEach(((e) => {
-    e === "gids-tab-item" && (customElements.get(o(e)) || customElements.define(o(e), s));
+    e === "gids-tab-item" && (customElements.get(d(e)) || customElements.define(d(e), s));
   }));
 }
 c();

package/dist-bundled/es/gids-tab.js

@@ -1,13 +1,13 @@
-import { L as r, u as h, D as a, P as l, q as s } from "./p-B4hcsDH0-CPqEc-vc.js";
-import { c } from "./clsx-OuTLNxxd.js";
-const o = ({ width: e, appearance: t }, d) => c("gids-tab", {
+import { L as r, u as h, D as a, P as c, q as s } from "./p-B4hcsDH0-CPqEc-vc.js";
+import { c as l } from "./clsx-OuTLNxxd.js";
+const o = ({ width: e, appearance: t }, d) => l("gids-tab", {
   "gids-tab--full": e === "full",
   "gids-tab--item-subtle": t === "subtle",
   "gids-tab--item-underlined": t === "underlined"
-}, d), b = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, d), p = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   getGidsTabClassNames: o
-}, Symbol.toStringTag, { value: "Module" })), { getGidsTabClassNames: p } = b, i = r(class extends h {
+}, Symbol.toStringTag, { value: "Module" })), { getGidsTabClassNames: b } = p, i = r(class extends h {
   constructor(e) {
     super(), e !== !1 && this.__registerHost(), this.width = "intrinsic", this.appearance = "default";
   }
@@ -37,8 +37,8 @@ const o = ({ width: e, appearance: t }, d) => c("gids-tab", {
     return e === this.activeTabId;
   }
   render() {
-    const e = p({ width: this.width, appearance: this.appearance });
-    return a(l, { key: "e14e48333e00d0f7affd751a6619a6bd27bc3a63", class: e }, a("slot", { key: "3bb067962a39430b5a4086dcda98ef3ab31906d3" }));
+    const e = b({ width: this.width, appearance: this.appearance });
+    return a(c, { key: "019641979327818117e2fb8852ebd56ee2508206", class: e }, a("slot", { key: "3cb4af9d1be44c8975d6d59605ddc4ed967e6b46" }));
   }
   get hostElement() {
     return this;

package/dist-bundled/es/gids-text-field.js

@@ -1,9 +1,9 @@
-import { L as u, u as h, z as c, C as f, D as i, q as s } from "./p-B4hcsDH0-CPqEc-vc.js";
+import { L as u, u as c, z as h, C as f, D as i, q as s } from "./p-B4hcsDH0-CPqEc-vc.js";
 import { i as b } from "./p-B2zUuNXz-BLBgQDu7.js";
 import { s as m } from "./p-BkxmRN-4-DSiXCW8b.js";
-import { r as p } from "./p-Do_VlNHg-Ck03dQOR.js";
-import { h as g } from "./p-mv_7K1EM-U3yKC45e.js";
-import { r as x } from "./p-DzOOjiNH-CqI4E-mj.js";
+import { r as p } from "./p-DdJKIFk0-Co3FvR3K.js";
+import { h as g } from "./p-gK9DvcL8-Chw-ya2Q.js";
+import { r as x } from "./p-CZgH5rZs-Clk0qfHN.js";
 import { g as _ } from "./p-iQRr_fAH-Dvv1n8QD.js";
 const v = (e, t) => {
   if (!(e === void 0 || t === void 0))
@@ -17,16 +17,16 @@ const v = (e, t) => {
     default:
       return "default";
   }
-}, l = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, a = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   formatCharCount: v,
   inputToGidsFieldStatus: T
-}, Symbol.toStringTag, { value: "Module" })), { inputToGidsFieldStatus: y } = l, q = (e) => e === "implicit" || e === void 0 ? "implicit" : y(e), C = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Symbol.toStringTag, { value: "Module" })), { inputToGidsFieldStatus: y } = a, q = (e) => e === "implicit" || e === void 0 ? "implicit" : y(e), C = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   inputToGidsFieldStatus: q
-}, Symbol.toStringTag, { value: "Module" })), { formatCharCount: F } = l, { inputToGidsFieldStatus: O } = C, n = u(class extends h {
+}, Symbol.toStringTag, { value: "Module" })), { formatCharCount: F } = a, { inputToGidsFieldStatus: O } = C, n = u(class extends c {
   constructor(e) {
-    super(), e !== !1 && this.__registerHost(), this.gidsTextFieldClear = c(this, "gidsTextFieldClear"), this.#e = _(), this._handleDismiss = () => {
+    super(), e !== !1 && this.__registerHost(), this.gidsTextFieldClear = h(this, "gidsTextFieldClear"), this.#e = _(), this._handleDismiss = () => {
       const t = this.#t?.querySelector("input.gids-input__control");
       t && (t.value = "", t.dispatchEvent(new globalThis.Event("input", { bubbles: !0 }))), this.value = "", this.gidsTextFieldClear.emit();
     }, this._handleInput = (t) => {
@@ -50,8 +50,8 @@ const v = (e, t) => {
   #e;
   #t;
   render() {
-    const { id: e, ...t } = this.inputProps ?? {}, a = e ?? this.#e, d = this.showClearButton && this.value !== void 0 && this.value.length > 0;
-    return i("gids-field", { key: "0be5fe0d5797adb9acc0714f0a9ca145ff03e08c", disabled: this.disabled, count: F(this.value?.length, this.maxLength), helperText: this.helperText, statusText: this.statusText, status: O(this.status) }, i(m, { key: "33d4e619b09aa4b4697afc67c7ed3d561978f420", slot: "label", disabled: this.disabled, info: i("slot", { name: "info" }), fieldRequirement: this.fieldRequirement, fieldRequirementOptionalText: this.fieldRequirementOptionalText, fieldRequirementRequiredText: this.fieldRequirementRequiredText, isLabelSentence: this.isLabelSentence, htmlFor: a }, this.label), i("gids-input", { key: "90ee368d1942d160bfaee79b40b4c66a711085c6", ref: (o) => this.#t = o, appearance: this.appearance, status: this.status, loading: this.loading, value: this.value, defaultValue: this.defaultValue, name: this.name, required: this.required, disabled: this.disabled, readOnly: this.readOnly, leadingLabel: this.leadingLabel, trailingLabel: this.trailingLabel, onFocus: this._handleInputFocusAndBlur, onBlur: this._handleInputFocusAndBlur, onInput: this._handleInput, inputProps: { ...t, type: this.type, id: a, maxLength: this.maxLength } }, i("slot", { key: "a6cff00a73a40d857fef4dae4ddae57e85a3f787", name: "leadingIcon" }), i("slot", { key: "798617cc2c6c7c0da2f0eafd12d68861918e3b84", name: "leadingAccessory" }), d && i(p, { key: "fd22a8ba9bcbe21bd19471830a3b2f88a0dff767", label: "clear text", slot: "trailingAccessory", size: "lg", onPressDismiss: this._handleDismiss }), i("slot", { key: "6054492bcc2a0a98d0f5e91a22bdcbd097f3fce6", name: "trailingIcon" })));
+    const { id: e, ...t } = this.inputProps ?? {}, l = e ?? this.#e, d = this.showClearButton && this.value !== void 0 && this.value.length > 0;
+    return i("gids-field", { key: "d1d2d381d0ffc2d4b3dc6b33eb7f064961a90b22", disabled: this.disabled, count: F(this.value?.length, this.maxLength), helperText: this.helperText, statusText: this.statusText, status: O(this.status) }, i(m, { key: "7b131dd6a2c022a0a3185109aef968b1090def6a", slot: "label", disabled: this.disabled, info: i("slot", { name: "info" }), fieldRequirement: this.fieldRequirement, fieldRequirementOptionalText: this.fieldRequirementOptionalText, fieldRequirementRequiredText: this.fieldRequirementRequiredText, isLabelSentence: this.isLabelSentence, htmlFor: l }, this.label), i("gids-input", { key: "a7525f0a2e1cfb9d9b9dce61fa277294db8197ee", ref: (o) => this.#t = o, appearance: this.appearance, status: this.status, loading: this.loading, value: this.value, defaultValue: this.defaultValue, name: this.name, required: this.required, disabled: this.disabled, readOnly: this.readOnly, leadingLabel: this.leadingLabel, trailingLabel: this.trailingLabel, onFocus: this._handleInputFocusAndBlur, onBlur: this._handleInputFocusAndBlur, onInput: this._handleInput, inputProps: { ...t, type: this.type, id: l, maxLength: this.maxLength } }, i("slot", { key: "e6978fc6459cb0021f1ab2b8936dd2df17a8389a", name: "leadingIcon" }), i("slot", { key: "5146c8dc404c9f64114a95e1925f9e3abea48223", name: "leadingAccessory" }), d && i(p, { key: "e53ca6864fccc936e6449c2d93c04c84bb30432a", label: "clear text", slot: "trailingAccessory", size: "lg", onPressDismiss: this._handleDismiss }), i("slot", { key: "0d79c869c1ebc55384978d12b8938a730ddd8861", name: "trailingIcon" })));
   }
   get _el() {
     return this;

package/dist-bundled/es/gids-toggle-button.js

@@ -1,4 +1,4 @@
-import { l as o, o as t } from "./p-DQQhGF5N-mCqb5VTE.js";
+import { l as o, o as t } from "./p-DjnREsH0-Cm8vBvIX.js";
 const s = o, m = t;
 export {
   s as GidsToggleButton,

package/dist-bundled/es/gids-tooltip.js

@@ -38,7 +38,7 @@ const o = n(class extends l {
     t && (t.removeEventListener("mouseenter", this.handleShowEvent), t.removeEventListener("focus", this.handleShowEvent), t.removeEventListener("mouseleave", this.handleHideEvent), t.removeEventListener("blur", this.handleHideEvent));
   }
   render() {
-    return e(s, { key: "63a9538c744df31313d565a43be58265727b82c4" }, e("slot", { key: "b0dde46d056180195e88ddada52f8a17acea240f" }), e("span", { key: "38a92b280905177d3fa03edf406d7d1a88edb425", id: "tooltip", part: "tooltip", role: "tooltip" }, e("span", { key: "2c84d414edd57bb4799a3def4987d98aa4e9de93", id: "arrow" }), this.tooltipText));
+    return e(s, { key: "fcf2e6696efb040de12e59a7fe5544283cace7ec" }, e("slot", { key: "097aaf5bc20d9f9fd4f6595b3c4bc2d3622a95f9" }), e("span", { key: "6fa1bf3a74e6d68dfb559186222dd65e246f84da", id: "tooltip", part: "tooltip", role: "tooltip" }, e("span", { key: "ee64e9db78fd0520f7bc670cfbc23949e55c94ab", id: "arrow" }), this.tooltipText));
   }
   disconnectedCallback() {
     this.cleanupEventListeners(), this.floatingElementManager?.destroy();
@@ -59,8 +59,8 @@ function a() {
   }));
 }
 a();
-const v = o, f = a;
+const u = o, v = a;
 export {
-  v as GidsTooltip,
-  f as defineCustomElement
+  u as GidsTooltip,
+  v as defineCustomElement
 };

package/dist-bundled/es/gids-transfer-list.js

@@ -1,6 +1,6 @@
-import { L as y, u as _, D as a, P as b, q as p } from "./p-B4hcsDH0-CPqEc-vc.js";
+import { L as y, u as b, D as a, P as _, q as p } from "./p-B4hcsDH0-CPqEc-vc.js";
 import { p as T } from "./p-C-Lpfqcg-DIuBhXzX.js";
-import { b as L, _ as x } from "./p-CV1-78HB-C0k_l_CT.js";
+import { b as L, _ as x } from "./p-D2VR17v2-C0k_l_CT.js";
 import { r as C } from "./p-BRNvHMdK-CqGtfAsn.js";
 import { i as f } from "./p-DZ1ZcTMe-W8kofPko.js";
 import { o as d } from "./p-Dg_WeHpV-DehzGL6g.js";
@@ -20,7 +20,7 @@ const H = ({ type: t }, e) => c("gids-menu-group", {
 }, Symbol.toStringTag, { value: "Module" })), k = (t) => c("gids-transfer-list", t), w = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   getGidsTransferListClassNames: k
-}, Symbol.toStringTag, { value: "Module" })), { getGidsMenuGroupClassNames: O } = A, I = ({ type: t = "no-options", supportingText: e = "No options", class: s, ...n }, l) => a("div", { class: O({ type: t }, s), ...n }, t === "loading" ? a(T, { indeterminate: !0, size: "md" }) : null, t === "no-options" ? a("span", null, e) : null, t === "default" && l != null ? l : null), { getGidsMenuClassNames: z } = R, S = ({ heading: t, supportingText: e, level: s, supportingTextTypography: n, isHeaderDividerVisible: l = !1, class: i, ...r }, h) => a("div", { class: z(i), ...r }, t != null && t !== "" || e != null && e !== "" ? a(x, { heading: t, supportingText: e, level: s, supportingTextTypography: n ?? "eyebrow-medium" }) : null, l ? a("div", { class: "gids-menu__header-divider" }, a(C, { orientation: "horizontal" })) : void 0, h != null ? a("div", { class: "gids-menu__children" }, h) : null), { getGidsTransferListClassNames: D } = w, u = y(class extends _ {
+}, Symbol.toStringTag, { value: "Module" })), { getGidsMenuGroupClassNames: O } = A, I = ({ type: t = "no-options", supportingText: e = "No options", class: s, ...n }, l) => a("div", { class: O({ type: t }, s), ...n }, t === "loading" ? a(T, { indeterminate: !0, size: "md" }) : null, t === "no-options" ? a("span", null, e) : null, t === "default" && l != null ? l : null), { getGidsMenuClassNames: z } = R, S = ({ heading: t, supportingText: e, level: s, supportingTextTypography: n, isHeaderDividerVisible: l = !1, class: i, ...r }, h) => a("div", { class: z(i), ...r }, t != null && t !== "" || e != null && e !== "" ? a(x, { heading: t, supportingText: e, level: s, supportingTextTypography: n ?? "eyebrow-medium" }) : null, l ? a("div", { class: "gids-menu__header-divider" }, a(C, { orientation: "horizontal" })) : void 0, h != null ? a("div", { class: "gids-menu__children" }, h) : null), { getGidsTransferListClassNames: D } = w, u = y(class extends b {
   constructor(t) {
     super(), t !== !1 && this.__registerHost(), this.leftListHeading = "Choices", this.rightListHeading = "Choosen", this.moveAllVisible = !1, this.transferListType = "basic", this.leftListItems = [], this.rightListItems = [], this.listsMaxHeight = "200px", this.leftListItemsState = [], this.rightListItemsState = [], this.tempLeftListItemsState = [], this.tempRightListItemsState = [];
   }
@@ -164,10 +164,10 @@ const H = ({ type: t }, e) => c("gids-menu-group", {
   }
   render() {
     const t = D(), e = this?.leftListItemsState ?? [], s = this?.rightListItemsState ?? [], n = this.listsMaxHeight, l = this?.transferListType ?? "basic";
-    return a(b, { key: "8e423fc11b33c0221541fcdd160550523d0d09f6", class: t }, a("div", { key: "221d92966d78f1e2f4efb9b36366d7002ef53061", class: "gids-transfer-list__left-container" }, a(I, { key: "9dc87d0694bcf93f262a0a474c1c021b12fc90f6", type: e.length > 0 ? "default" : "no-options" }, a(S, { key: "6f682bf9f733e11028cb2baa106b1609d01123c3", heading: this.renderListHeading("left"), style: { "--gidsMenuChildren-max-height": n }, isHeaderDividerVisible: l !== "basic" }, e.map(((i, r) => {
+    return a(_, { key: "6826edf610868b22fa769d4de0f0ce1bb42b032a", class: t }, a("div", { key: "f3e7ed446a1f1a1f4a66a4fca2ea2a734f266b90", class: "gids-transfer-list__left-container" }, a(I, { key: "9dc5e0d7aacfcd946a5a68cabd0b59e1b67757e3", type: e.length > 0 ? "default" : "no-options" }, a(S, { key: "4d88a61bf4aa13ae9e6faaccfad010922f2a21bd", heading: this.renderListHeading("left"), style: { "--gidsMenuChildren-max-height": n }, isHeaderDividerVisible: l !== "basic" }, e.map(((i, r) => {
       const h = i?.id ? i.id : "" + (r + 1), m = this.isItemSelected({ id: h, listSide: "left" });
       return a(L, { id: "" + h, index: r, leadingAccessory: a(f, { checked: m }), selected: m, onPressListItem: (o) => this.onPressingListItem({ event: o, pressedIndex: r, listSide: "left" }) }, i?.listLabel);
-    }))))), a("div", { key: "55f4165f5e9ccf1f1e9255061beb9712945187f5", class: "gids-transfer-list__middle-container" }, a(d, { key: "02a0d11e2810aeab2753504944d68fdf51a0be5c", leadingIcon: a(g, { name: "forward" }), appearance: "default", size: "sm", width: "full", disabled: this.movementButtonDisabled({ listSide: "left", movementType: "move-all" }), onClick: (i) => this.onItemsMovement({ event: i, listSide: "left", movementType: "move-all" }) }), a(d, { key: "849d07570396824492897c3dbd347bb8fb2c353d", leadingIcon: a(g, { name: "chevron-right" }), appearance: "default", size: "sm", width: "full", disabled: this.movementButtonDisabled({ listSide: "left", movementType: "move-single" }), onClick: (i) => this.onItemsMovement({ event: i, listSide: "left", movementType: "move-single" }) }), a(d, { key: "9eb9747b5764a75bf7c4433c89fcc6b2dc31870d", leadingIcon: a(g, { name: "chevron-left" }), appearance: "default", size: "sm", width: "full", disabled: this.movementButtonDisabled({ listSide: "right", movementType: "move-single" }), onClick: (i) => this.onItemsMovement({ event: i, listSide: "right", movementType: "move-single" }) }), a(d, { key: "6558100625834f9936aaba67be1c554f53f5fcb3", leadingIcon: a(g, { name: "backward" }), appearance: "default", size: "sm", width: "full", disabled: this.movementButtonDisabled({ listSide: "right", movementType: "move-all" }), onClick: (i) => this.onItemsMovement({ event: i, listSide: "right", movementType: "move-all" }) })), a("div", { key: "838f2a0f22827f350fc383ffd246ed25fe880cc9", class: "gids-transfer-list__right-container" }, a(I, { key: "39597530e1dcd657dfcfbe8677d346099f8fcfae", type: s.length > 0 ? "default" : "no-options" }, a(S, { key: "25ac5e481024b4a8fd34b6e6a017e1c5eca25b34", heading: this.renderListHeading("right"), style: { "--gidsMenuChildren-max-height": n }, isHeaderDividerVisible: l !== "basic" }, s.map(((i, r) => {
+    }))))), a("div", { key: "746d754b86fe794fff358b1f79d4610a6a5a9d0e", class: "gids-transfer-list__middle-container" }, a(d, { key: "b0fb6acbd3f8fe24bd8704975416e4f17b218c5f", leadingIcon: a(g, { name: "forward" }), appearance: "default", size: "sm", width: "full", disabled: this.movementButtonDisabled({ listSide: "left", movementType: "move-all" }), onClick: (i) => this.onItemsMovement({ event: i, listSide: "left", movementType: "move-all" }) }), a(d, { key: "f35faf5c97f43f11f11bbd8d460a4488cdb0d61f", leadingIcon: a(g, { name: "chevron-right" }), appearance: "default", size: "sm", width: "full", disabled: this.movementButtonDisabled({ listSide: "left", movementType: "move-single" }), onClick: (i) => this.onItemsMovement({ event: i, listSide: "left", movementType: "move-single" }) }), a(d, { key: "b3887d6815d5af03ca0dc58b36e0852e08d5c37f", leadingIcon: a(g, { name: "chevron-left" }), appearance: "default", size: "sm", width: "full", disabled: this.movementButtonDisabled({ listSide: "right", movementType: "move-single" }), onClick: (i) => this.onItemsMovement({ event: i, listSide: "right", movementType: "move-single" }) }), a(d, { key: "748f919c47be306fb4d92b290da75c2167bea9b5", leadingIcon: a(g, { name: "backward" }), appearance: "default", size: "sm", width: "full", disabled: this.movementButtonDisabled({ listSide: "right", movementType: "move-all" }), onClick: (i) => this.onItemsMovement({ event: i, listSide: "right", movementType: "move-all" }) })), a("div", { key: "47605e0f6132e2fd75bc8de226057508e2fdb960", class: "gids-transfer-list__right-container" }, a(I, { key: "625a4c912e56168c749cea12097862ef267d080f", type: s.length > 0 ? "default" : "no-options" }, a(S, { key: "bfc5bcb19835937ade88b5be82879dfc6dfd66f4", heading: this.renderListHeading("right"), style: { "--gidsMenuChildren-max-height": n }, isHeaderDividerVisible: l !== "basic" }, s.map(((i, r) => {
       const h = i?.id ? i.id : "" + (r + 1), m = this.isItemSelected({ id: h, listSide: "right" });
       return a(L, { id: "" + h, index: r, selected: m, leadingAccessory: a(f, { checked: m }), onPressListItem: (o) => this.onPressingListItem({ event: o, pressedIndex: r, listSide: "right" }) }, i?.listLabel);
     }))))));
@@ -188,8 +188,8 @@ function v() {
   }));
 }
 v();
-const U = u, $ = v;
+const $ = u, U = v;
 export {
-  U as GidsTransferList,
-  $ as defineCustomElement
+  $ as GidsTransferList,
+  U as defineCustomElement
 };

package/dist-bundled/es/gids-year-dropdown-picker.js

@@ -0,0 +1,6 @@
+import { y as e, f as o } from "./p-DiX4HaE6-C35K492C.js";
+const s = e, t = o;
+export {
+  s as GidsYearDropdownPicker,
+  t as defineCustomElement
+};

package/dist-bundled/es/p-62akP0Ad-D4pJ0a_I.js

@@ -0,0 +1,86 @@
+import { q as d, L as p, u as g, D as a, P as M } from "./p-B4hcsDH0-CPqEc-vc.js";
+import { i as b, t as f } from "./p-BBlUduEr-CWdvgBS6.js";
+import { i as C } from "./p-B3AB3GQ0-DdgNC9FJ.js";
+import { m as P } from "./p-BcXumkjZ-zNpzLmjI.js";
+import { h as y } from "./p-CxfmNDsm-JHseL2it.js";
+import { r as k } from "./p-CZgH5rZs-Clk0qfHN.js";
+import { e as l, a as c, k as I } from "./GidsDatePickerSharedUtils-Dh5qFlYA.js";
+import { c as D } from "./clsx-OuTLNxxd.js";
+const v = (e) => D("gids-month-dropdown-picker", e), w = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsMonthDropdownPickerClassNames: v
+}, Symbol.toStringTag, { value: "Module" })), { getGidsMonthDropdownPickerClassNames: S } = w, O = p(class extends g {
+  constructor(e) {
+    super(), e !== !1 && this.__registerHost(), this.appearance = "default", this.menuPlacement = "bottom", this.menuConstrainPlacements = ["bottom", "top"], this.startMonth = Number(l), this.endMonth = Number(c), this.hasLeadingIcon = !1, this.monthsMenuData = [], this.selectedMonthObj = void 0, this.handleMonthSelectionChange = ({ event: t, sectionIndex: s, itemIndex: h }) => {
+      const n = t?.detail, o = { originalEvent: t, id: n.id, month: n?.title ? Number(n.title) : void 0, sectionIndex: s, itemIndex: h, selected: !0 };
+      this.selectedMonthObj = o, this.onMonthChange && this.onMonthChange(o);
+    }, this.feedMonthsDataState = () => {
+      const t = this?.startMonth ?? l, s = this?.endMonth ?? c;
+      this.monthsMenuData = I({ startMonth: String(t), endMonth: String(s) });
+    }, this.isMonthSelected = (t) => t?.id === this?.selectedMonthObj?.id, this.syncMonthDropdownPickerValue = () => this?.selectedMonthObj?.month ? String(this.selectedMonthObj.month) : this?.value;
+  }
+  handleInteractivityChange(e) {
+    this.disabled = e, this.readOnly = e;
+  }
+  menuPlacementChanged(e) {
+    this.menuPlacement = e;
+  }
+  menuConstrainPlacementsChanged(e) {
+    this.menuConstrainPlacements = e;
+  }
+  startMonthChanged(e) {
+    this.startMonth = e, this.feedMonthsDataState();
+  }
+  endMonthChanged(e) {
+    this.endMonth = e, this.feedMonthsDataState();
+  }
+  connectedCallback() {
+  }
+  componentWillLoad() {
+    this.checkSlots(), this.feedMonthsDataState();
+  }
+  componentWillUpdate() {
+    this.checkSlots();
+  }
+  checkSlots() {
+    this.hasLeadingIcon = !!this.hostElement.querySelector('[slot="leadingIconDropdown"]');
+  }
+  render() {
+    const e = S(), t = typeof this?.inputProps?.id == "string" ? this.inputProps.id : "month-input", s = { id: t, appearance: this.appearance, loading: this.loading, disabled: this.disabled, readOnly: this.readOnly, required: this.required, value: this.syncMonthDropdownPickerValue(), name: this.name, inputProps: { ...this?.inputProps ?? {}, id: t } }, h = this?.monthsMenuData ?? [];
+    return a(M, { key: "3dea0d9221b2ab185cf81c3ae5fb30252fc7e0c4", class: e }, a("gids-dropdown", { key: "53867ac7b3e182ef216be05fda4cf40530759b12", ...s, menuPlacement: this?.menuPlacement ?? "bottom", menuConstrainPlacements: this.menuConstrainPlacements ?? ["bottom", "top"] }, this.hasLeadingIcon && a("slot", { key: "db2481cdf4d25a7bb06bcd24abba068f02458822", name: "leadingIconDropdown", slot: "leadingIconDropdown" }), a(b, { key: "395783834a606cd567a27717e5af2b241d26636b", type: this.loading ? "loading" : "default" }, h.map(((n, o) => {
+      const m = n?.menuItems ?? [];
+      return a(f, { key: `${n.sectionId}_${o}`, sectionLabel: n?.sectionLabel }, m.map(((i, r) => a(C, { id: i.id, title: i?.title, value: i?.value, index: r, disabled: i?.disabled, selected: this.isMonthSelected(i), onPressDropdownItem: (u) => this.handleMonthSelectionChange({ event: u, sectionIndex: o, itemIndex: r }) }))));
+    })))));
+  }
+  get hostElement() {
+    return this;
+  }
+  static get watchers() {
+    return { disabled: [{ handleInteractivityChange: 0 }], readOnly: [{ handleInteractivityChange: 0 }], menuPlacement: [{ menuPlacementChanged: 0 }], menuConstrainPlacements: [{ menuConstrainPlacementsChanged: 0 }], startMonth: [{ startMonthChanged: 0 }], endMonth: [{ endMonthChanged: 0 }] };
+  }
+  static get style() {
+    return ".gids-month-dropdown-picker{position:relative;display:flex;flex-direction:column}";
+  }
+}, [260, "gids-month-dropdown-picker", { appearance: [1], inputProps: [16], disabled: [516], readOnly: [516, "read-only"], loading: [516], value: [513], name: [1], onMonthChange: [16], required: [4], menuPlacement: [1, "menu-placement"], menuConstrainPlacements: [16], startMonth: [2, "start-month"], endMonth: [2, "end-month"], hasLeadingIcon: [32], monthsMenuData: [32], selectedMonthObj: [32] }, void 0, { disabled: [{ handleInteractivityChange: 0 }], readOnly: [{ handleInteractivityChange: 0 }], menuPlacement: [{ menuPlacementChanged: 0 }], menuConstrainPlacements: [{ menuConstrainPlacementsChanged: 0 }], startMonth: [{ startMonthChanged: 0 }], endMonth: [{ endMonthChanged: 0 }] }]);
+function x() {
+  typeof customElements < "u" && ["gids-month-dropdown-picker", "gids-dropdown", "gids-flyout-panel", "gids-input"].forEach(((e) => {
+    switch (e) {
+      case "gids-month-dropdown-picker":
+        customElements.get(d(e)) || customElements.define(d(e), O);
+        break;
+      case "gids-dropdown":
+        customElements.get(d(e)) || P();
+        break;
+      case "gids-flyout-panel":
+        customElements.get(d(e)) || y();
+        break;
+      case "gids-input":
+        customElements.get(d(e)) || k();
+    }
+  }));
+}
+x();
+export {
+  O as b,
+  x as f
+};

package/dist-bundled/es/{p-B_FEFM5I-JoBieRfG.js → p-B18yNcA0-BaaXQYM_.js}

@@ -1,6 +1,6 @@
 import { q as i, L as o, u as n, D as l } from "./p-B4hcsDH0-CPqEc-vc.js";
 import { i as g } from "./p-B2zUuNXz-BLBgQDu7.js";
-import { d as r } from "./p-DMxvWIj1-BxbvrlFL.js";
+import { a as r } from "./p-DKe6orSY-D1kYOeuX.js";
 import { c } from "./clsx-OuTLNxxd.js";
 const h = ({ appearance: s, size: e, disabled: a }, d) => c("gids-dot", {
   "gids-dot--disabled": a,
@@ -41,7 +41,7 @@ const h = ({ appearance: s, size: e, disabled: a }, d) => c("gids-dot", {
     this.activeClasses = t({ size: this.size, appearance: this.appearance, disabled: this.disabled }, this.extraClasses);
   }
   render() {
-    return l("gids-icon", { key: "1c8c6036a44dd686aa263a2e3bf426d904a60f1c", class: this.activeClasses, name: "new", alt: "", appearance: "filled" });
+    return l("gids-icon", { key: "2b4e03d0c47efcf545a8a8c68fcdf7dc2e3a8025", class: this.activeClasses, name: "new", alt: "", appearance: "filled" });
   }
   get _el() {
     return this;

package/dist-bundled/es/{p-kWyyLyT3-VhX9LNzT.js → p-B2YjHZsu-DxdrSYcE.js}

@@ -4,18 +4,18 @@ import { o as N } from "./p-BsC3-MVH-j4fPhip5.js";
 import { g as x, d as T } from "./p-iQRr_fAH-Dvv1n8QD.js";
 import { i as O } from "./p-DZ1ZcTMe-W8kofPko.js";
 import { s as y } from "./p-BkxmRN-4-DSiXCW8b.js";
-import { h as D } from "./p-DpvdbdZ--C7QlXxK2.js";
-import { c as v } from "./clsx-OuTLNxxd.js";
-const j = (e) => v("gids-checkbox", e), G = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+import { h as D } from "./p-CxfmNDsm-JHseL2it.js";
+import { c as S } from "./clsx-OuTLNxxd.js";
+const E = (e) => S("gids-checkbox", e), j = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  getGidsCheckboxClassNames: j
-}, Symbol.toStringTag, { value: "Module" })), E = (e) => v("gids-radio-control", e), F = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  getGidsCheckboxClassNames: E
+}, Symbol.toStringTag, { value: "Module" })), G = (e) => S("gids-radio-control", e), F = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  getGidsRadioControlClassNames: E
-}, Symbol.toStringTag, { value: "Module" })), z = (e) => v("gids-radio", e), L = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  getGidsRadioControlClassNames: G
+}, Symbol.toStringTag, { value: "Module" })), z = (e) => S("gids-radio", e), L = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   getGidsRadioClassNames: z
-}, Symbol.toStringTag, { value: "Module" })), $ = ({ selected: e, appearance: s, selectionAppearance: t }, n) => v("gids-sidebar-menu-item", {
+}, Symbol.toStringTag, { value: "Module" })), $ = ({ selected: e, appearance: s, selectionAppearance: t }, n) => S("gids-sidebar-menu-item", {
   // Appearances
   // 'gids-sidebar-menu-item--appearance-default':
   // 	appearance === 'default' && !selected, // Default so not needed
@@ -33,13 +33,13 @@ const j = (e) => v("gids-checkbox", e), G = /* @__PURE__ */ Object.freeze(/* @__
   "gids-sidebar-menu-item--selection-appearance-danger": t === "danger" && e,
   "gids-sidebar-menu-item--selection-appearance-information": t === "information" && e,
   "gids-sidebar-menu-item--selection-appearance-warning": t === "warning" && e
-}, n), V = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, n), W = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   getGidsSidebarMenuItemClassNames: $
-}, Symbol.toStringTag, { value: "Module" })), W = (e) => v("gids-sidebar-menu", e), H = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Symbol.toStringTag, { value: "Module" })), V = (e) => S("gids-sidebar-menu", e), H = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  getGidsSidebarMenuClassNames: W
-}, Symbol.toStringTag, { value: "Module" })), U = ({ appearance: e, size: s, type: t }, n) => v("gids-status-tag", {
+  getGidsSidebarMenuClassNames: V
+}, Symbol.toStringTag, { value: "Module" })), U = ({ appearance: e, size: s, type: t }, n) => S("gids-status-tag", {
   // appearances
   "gids-status-tag--subtle": e === "subtle",
   "gids-status-tag--bold": e === "bold",
@@ -109,7 +109,7 @@ const j = (e) => v("gids-checkbox", e), G = /* @__PURE__ */ Object.freeze(/* @__
     case "archived":
       return "archive";
     case "cancelled":
-      return "cross";
+      return "x-circle";
     // this needs to be changed with `remove`
     case "draft":
       return "draft";
@@ -153,17 +153,17 @@ const j = (e) => v("gids-checkbox", e), G = /* @__PURE__ */ Object.freeze(/* @__
   getGidsStatusTagClassNames: U,
   getStatusTagIconName: B,
   getStatusTagText: J
-}, Symbol.toStringTag, { value: "Module" })), { getGidsStatusTagClassNames: Q, getStatusTagIconName: X, getStatusTagText: Y } = K, Z = ({ type: e = "new", appearance: s = "subtlest", size: t = "sm", class: n }) => i("div", { class: Q({ type: e, size: t, appearance: s }, n) }, i(T, { name: X(e), appearance: "filled" }), i("label", null, Y(e))), { getGidsCheckboxClassNames: ee } = G, te = ({ fieldRequirement: e, fieldRequirementOptionalText: s, fieldRequirementRequiredText: t, info: n, labelId: d, checked: a, defaultChecked: r, disabled: l, indeterminate: c, inputId: g, name: m, value: o, required: I, onChange: u, class: h, ...b }, S) => {
-  const f = g ?? x();
-  return i("div", { class: ee(h), ...b }, i(O, { checked: a, defaultChecked: r, disabled: l, indeterminate: c, inputId: f, name: m, value: o, required: I, onChange: u }), i(y, { disabled: l, fieldRequirement: e, fieldRequirementOptionalText: s, fieldRequirementRequiredText: t, labelId: d, htmlFor: f, info: n }, S));
-}, { getGidsRadioControlClassNames: se } = F, ie = ({ checked: e, defaultChecked: s, disabled: t, inputId: n, name: d, value: a, onChange: r, class: l, ...c }) => i("span", { class: se(l), ...c }, i("input", { class: "gids-radio-control__input", type: "radio", disabled: t, checked: e, defaultChecked: s, value: a, id: n, name: d, onChange: r }), i("span", { class: "gids-radio-control__check" })), { getGidsRadioClassNames: ne } = L, de = ({ fieldRequirement: e, fieldRequirementOptionalText: s, fieldRequirementRequiredText: t, info: n, labelId: d, checked: a, defaultChecked: r, disabled: l, inputId: c, name: g, value: m, onChange: o, class: I, ...u }, h) => {
+}, Symbol.toStringTag, { value: "Module" })), { getGidsStatusTagClassNames: Q, getStatusTagIconName: X, getStatusTagText: Y } = K, Z = ({ type: e = "new", appearance: s = "subtlest", size: t = "sm", class: n }) => i("div", { class: Q({ type: e, size: t, appearance: s }, n) }, i(T, { name: X(e), appearance: "filled" }), i("label", null, Y(e))), { getGidsCheckboxClassNames: ee } = j, te = ({ fieldRequirement: e, fieldRequirementOptionalText: s, fieldRequirementRequiredText: t, info: n, labelId: d, checked: a, defaultChecked: r, disabled: l, indeterminate: c, inputId: g, name: m, value: o, required: f, onChange: u, class: h, ...b }, v) => {
+  const I = g ?? x();
+  return i("div", { class: ee(h), ...b }, i(O, { checked: a, defaultChecked: r, disabled: l, indeterminate: c, inputId: I, name: m, value: o, required: f, onChange: u }), i(y, { disabled: l, fieldRequirement: e, fieldRequirementOptionalText: s, fieldRequirementRequiredText: t, labelId: d, htmlFor: I, info: n }, v));
+}, { getGidsRadioControlClassNames: se } = F, ie = ({ checked: e, defaultChecked: s, disabled: t, inputId: n, name: d, value: a, onChange: r, class: l, ...c }) => i("span", { class: se(l), ...c }, i("input", { class: "gids-radio-control__input", type: "radio", disabled: t, checked: e, defaultChecked: s, value: a, id: n, name: d, onChange: r }), i("span", { class: "gids-radio-control__check" })), { getGidsRadioClassNames: ne } = L, de = ({ fieldRequirement: e, fieldRequirementOptionalText: s, fieldRequirementRequiredText: t, info: n, labelId: d, checked: a, defaultChecked: r, disabled: l, inputId: c, name: g, value: m, onChange: o, class: f, ...u }, h) => {
   const b = c ?? x();
-  return i("div", { class: ne(I), ...u }, i(ie, { checked: a, defaultChecked: r, disabled: l, inputId: b, name: g, value: m, onChange: o }), i(y, { disabled: l, fieldRequirement: e, fieldRequirementOptionalText: s, fieldRequirementRequiredText: t, labelId: d, htmlFor: b, info: n }, h));
-}, { getGidsSidebarMenuItemClassNames: ae } = V, le = ({ id: e = "sidebar-menu-item", appearance: s = "default", selectionAppearance: t = "subtle", leadingLabel: n, leadingSupportingText: d, trailingLabel: a, trailingSupportingText: r, leadingIcon: l, trailingIcon: c, leadingAccessory: g, trailingAccessory: m, selected: o, disabled: I, onPressSidebarMenuItem: u, class: h }) => {
-  const b = n && n !== "", S = d && d !== "", f = a && a !== "", p = r && r !== "", C = b || S, _ = f || p, M = C || _;
-  return i("button", { type: "button", id: e, "data-appearance": s, "data-selected": o ? "true" : "false", disabled: I, class: ae({ selected: o, appearance: s, selectionAppearance: t }, h), onClick: (P) => {
+  return i("div", { class: ne(f), ...u }, i(ie, { checked: a, defaultChecked: r, disabled: l, inputId: b, name: g, value: m, onChange: o }), i(y, { disabled: l, fieldRequirement: e, fieldRequirementOptionalText: s, fieldRequirementRequiredText: t, labelId: d, htmlFor: b, info: n }, h));
+}, { getGidsSidebarMenuItemClassNames: ae } = W, le = ({ id: e = "sidebar-menu-item", appearance: s = "default", selectionAppearance: t = "subtle", leadingLabel: n, leadingSupportingText: d, trailingLabel: a, trailingSupportingText: r, leadingIcon: l, trailingIcon: c, leadingAccessory: g, trailingAccessory: m, selected: o, disabled: f, onPressSidebarMenuItem: u, class: h }) => {
+  const b = n && n !== "", v = d && d !== "", I = a && a !== "", p = r && r !== "", C = b || v, _ = I || p, M = C || _;
+  return i("button", { type: "button", id: e, "data-appearance": s, "data-selected": o ? "true" : "false", disabled: f, class: ae({ selected: o, appearance: s, selectionAppearance: t }, h), onClick: (P) => {
     u && u({ originalEvent: P, sidebarMenuItemId: e, selected: !o });
-  } }, l || g ? i("div", { class: "gids-sidebar-menu-item__leading-accessory-content" }, l, g) : void 0, M ? i("div", { class: "gids-sidebar-menu-item__content" }, C ? i("div", { class: "gids-sidebar-menu-item__leading-content" }, b ? i("span", { class: "gids-sidebar-menu-item__label-content" }, n) : void 0, S ? i("p", { class: "gids-sidebar-menu-item__support-content" }, d) : void 0) : void 0, _ ? i("div", { class: "gids-sidebar-menu-item__trailing-content" }, f ? i("span", { class: "gids-sidebar-menu-item__label-content" }, a) : void 0, p ? i("p", { class: "gids-sidebar-menu-item__support-content" }, r) : void 0) : void 0) : void 0, c || m ? i("div", { class: "gids-sidebar-menu-item__trailing-accessory-content" }, m, c) : void 0);
+  } }, l || g ? i("div", { class: "gids-sidebar-menu-item__leading-accessory-content" }, l, g) : void 0, M ? i("div", { class: "gids-sidebar-menu-item__content" }, C ? i("div", { class: "gids-sidebar-menu-item__leading-content" }, b ? i("span", { class: "gids-sidebar-menu-item__label-content" }, n) : void 0, v ? i("p", { class: "gids-sidebar-menu-item__support-content" }, d) : void 0) : void 0, _ ? i("div", { class: "gids-sidebar-menu-item__trailing-content" }, I ? i("span", { class: "gids-sidebar-menu-item__label-content" }, a) : void 0, p ? i("p", { class: "gids-sidebar-menu-item__support-content" }, r) : void 0) : void 0) : void 0, c || m ? i("div", { class: "gids-sidebar-menu-item__trailing-accessory-content" }, m, c) : void 0);
 }, { getGidsSidebarMenuClassNames: re } = H, oe = w(class extends A {
   constructor(e) {
     super(), e !== !1 && this.__registerHost(), this.id = "sidebar-menu", this.sidebarMenuItemAppearance = "subtle", this.sidebarMenuItemSelectionAppearance = "default", this.placement = "right-end", this.constrainPlacements = ["bottom", "left", "right", "left-start", "left-end", "right-start", "right-end", "top"], this.selectedSectionIdState = void 0, this.selectedItemIdState = void 0, this.onSidebarMenuItemPress = ({ menuItem: s, itemIndex: t, sectionIndex: n, event: d }) => {
@@ -171,7 +171,7 @@ const j = (e) => v("gids-checkbox", e), G = /* @__PURE__ */ Object.freeze(/* @__
         const a = (this?.menuData ?? [])[n];
         (a?.menuItems ?? []).length > 0 && !this.isMenuItemSelected({ sectionId: a?.sectionId, itemId: s.id }) && (this.selectedSectionIdState = a?.sectionId, this.selectedItemIdState = s.id, this.onSidebarMenuChange && this.onSidebarMenuChange({ originalEvent: d?.originalEvent, sidebarMenuItemId: d.sidebarMenuItemId, selected: d?.selected, sidebarMenuItemSectionId: a?.sectionId ?? "", sidebarMenuItemSectionIndex: n, sidebarMenuItemIndex: t, sidebarMenuId: this.id }));
       }
-      this.flyoutPanelElement?.closeFlyoutPanel();
+      d?.originalEvent && this.flyoutPanelElement?.closeFlyoutPanel(d.originalEvent);
     }, this.isMenuItemSelected = ({ sectionId: s, itemId: t }) => {
       const n = this?.selectedSectionIdState, d = this?.selectedItemIdState;
       return n === s && d === t;
@@ -227,11 +227,11 @@ const j = (e) => v("gids-checkbox", e), G = /* @__PURE__ */ Object.freeze(/* @__
   }
   render() {
     const e = this.id, s = this?.sidebarMenuItemAppearance ?? "subtle", t = this?.sidebarMenuItemSelectionAppearance ?? "default", n = this?.placement ?? "right", d = this?.constrainPlacements && this.constrainPlacements.length > 0 ? this.constrainPlacements : ["bottom", "left", "right", "top", "left-start", "left-end", "right-start", "right-end"], a = this.htmlFor, r = this?.menuData ?? [], l = this.isValidMenu(), c = re();
-    return i(q, { key: "18caea43f2a18e876e094176ee144ece86e0eeec", id: e, class: c }, l ? i("gids-flyout-panel", { htmlFor: a, constrainPlacements: d, placement: n }, r.map(((g, m) => {
-      const o = g?.sectionLabel, I = g?.menuItems ?? [];
-      return i("div", { key: `${m + 1}`, class: "gids-sidebar-menu__container" }, o && o !== "" ? i("h3", null, o) : void 0, i("div", { class: "gids-sidebar-menu__item-container" }, I.map(((u, h) => {
-        const { leadingAccessoryType: b, leadingAccessory: S, trailingAccessoryType: f, trailingAccessory: p, leadingIconProps: C, trailingIconProps: _, ...M } = u;
-        return i(le, { key: `${h + 1}`, ...M, id: u.id, appearance: s, selectionAppearance: t, selected: this.isMenuItemSelected({ sectionId: g?.sectionId, itemId: u.id }), leadingAccessory: this.renderAccessory({ accessoryType: b, accessory: S }), trailingAccessory: this.renderAccessory({ accessoryType: f, accessory: p }), leadingIcon: this.renderIcon(C), trailingIcon: this.renderIcon(_), onPressSidebarMenuItem: (P) => this.onSidebarMenuItemPress({ menuItem: u, sectionIndex: m, itemIndex: h, event: P }) });
+    return i(q, { key: "89a5fa60f0dd73c8fdc55153a9d392ecd4cdb39a", id: e, class: c }, l ? i("gids-flyout-panel", { htmlFor: a, constrainPlacements: d, placement: n, matchReferenceWidth: !1 }, r.map(((g, m) => {
+      const o = g?.sectionLabel, f = g?.menuItems ?? [];
+      return i("div", { key: `${m + 1}`, class: "gids-sidebar-menu__container" }, o && o !== "" ? i("h3", null, o) : void 0, i("div", { class: "gids-sidebar-menu__item-container" }, f.map(((u, h) => {
+        const { leadingAccessoryType: b, leadingAccessory: v, trailingAccessoryType: I, trailingAccessory: p, leadingIconProps: C, trailingIconProps: _, ...M } = u;
+        return i(le, { key: `${h + 1}`, ...M, id: u.id, appearance: s, selectionAppearance: t, selected: this.isMenuItemSelected({ sectionId: g?.sectionId, itemId: u.id }), leadingAccessory: this.renderAccessory({ accessoryType: b, accessory: v }), trailingAccessory: this.renderAccessory({ accessoryType: I, accessory: p }), leadingIcon: this.renderIcon(C), trailingIcon: this.renderIcon(_), onPressSidebarMenuItem: (P) => this.onSidebarMenuItemPress({ menuItem: u, sectionIndex: m, itemIndex: h, event: P }) });
       }))));
     }))) : void 0);
   }

package/dist-bundled/es/{p-DLRj-mUX-BapdQYpI.js → p-B3AB3GQ0-DdgNC9FJ.js}

@@ -1,15 +1,15 @@
-import { D as I } from "./p-B4hcsDH0-CPqEc-vc.js";
-import { b as P } from "./p-CV1-78HB-C0k_l_CT.js";
+import { D as v } from "./p-B4hcsDH0-CPqEc-vc.js";
+import { b as P } from "./p-D2VR17v2-C0k_l_CT.js";
 import { c as w } from "./clsx-OuTLNxxd.js";
 const x = (e) => w("gids-dropdown-item", e), y = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   getGidsDropdownItemClassNames: x
 }, Symbol.toStringTag, { value: "Module" })), { getGidsDropdownItemClassNames: D } = y, C = ({ id: e, title: t, class: d, selected: n = !1, disabled: s = !1, role: a = "list-item-option", value: o, name: c, onPressDropdownItem: m, index: l, defaultSelected: r, leadingAccessory: u, divider: f, isPlaceholderItem: i, ...p }) => {
   const b = D(typeof d == "string" ? d : void 0);
-  return I(P, { id: e, index: l ?? 0, defaultSelected: r, selected: n, disabled: s, role: a, value: o, name: c, leadingAccessory: u, class: b, onPressListItem: (g) => {
+  return v(P, { id: e, index: l ?? 0, defaultSelected: r, selected: n, disabled: s, role: a, value: o, name: c, leadingAccessory: u, class: b, onPressListItem: (g) => {
     if (g.defaultPrevented) return;
-    const v = new CustomEvent("onPressDropdownItem", { bubbles: !0, composed: !0, detail: { id: e, title: t, value: o, disabled: s, selectedIndex: l, defaultSelected: r, isPlaceholderItem: i } });
-    m?.(v);
+    const I = new CustomEvent("onPressDropdownItem", { bubbles: !0, composed: !0, detail: { id: e, title: t, value: o, disabled: s, selectedIndex: l, defaultSelected: r, isPlaceholderItem: i } });
+    m?.(I);
   }, divider: f, isPlaceholderItem: i, ...p }, t);
 };
 export {