@ganpatiinfo/gids-core-web 23.0.0 → 24.0.0

package/dist/types/components.d.ts

@@ -972,17 +972,25 @@ export namespace Components {
           * @default 'none'
          */
         "borderRadius"?: GidsHeaderNavigationItemBorderRadius;
+        "id": string;
+        "label"?: string;
         /**
           * @default false
          */
-        "expanded"?: boolean;
-        "id": string;
-        "label"?: string;
+        "matchReferenceWidth"?: boolean;
+        /**
+          * @default [ 		'bottom', 		'left', 		'left-end', 		'right', 		'right-end', 	]
+         */
+        "menuConstrainPlacements"?: GidsFlyoutPanelPlacement[];
         "menuId"?: string;
         /**
           * @default []
          */
         "menuItems"?: GidsHeaderNavigationItemMenuGroupItem[];
+        /**
+          * @default 'bottom'
+         */
+        "menuPlacement"?: GidsFlyoutPanelPlacement;
         "onMenuItemChange"?: (
 		event: GidsHeaderNavigationItemMenuItemEvent<GidsHeaderNavigationItemCustomEvent>,
 	) => void;
@@ -3296,17 +3304,25 @@ declare namespace LocalJSX {
           * @default 'none'
          */
         "borderRadius"?: GidsHeaderNavigationItemBorderRadius;
+        "id"?: string;
+        "label"?: string;
         /**
           * @default false
          */
-        "expanded"?: boolean;
-        "id"?: string;
-        "label"?: string;
+        "matchReferenceWidth"?: boolean;
+        /**
+          * @default [ 		'bottom', 		'left', 		'left-end', 		'right', 		'right-end', 	]
+         */
+        "menuConstrainPlacements"?: GidsFlyoutPanelPlacement[];
         "menuId"?: string;
         /**
           * @default []
          */
         "menuItems"?: GidsHeaderNavigationItemMenuGroupItem[];
+        /**
+          * @default 'bottom'
+         */
+        "menuPlacement"?: GidsFlyoutPanelPlacement;
         "onMenuItemChange"?: (
 		event: GidsHeaderNavigationItemMenuItemEvent<GidsHeaderNavigationItemCustomEvent>,
 	) => void;
@@ -4520,7 +4536,8 @@ declare namespace LocalJSX {
     interface GidsHeaderNavigationItemAttributes {
         "id": string;
         "menuId": string;
-        "expanded": boolean;
+        "menuPlacement": GidsFlyoutPanelPlacement;
+        "matchReferenceWidth": boolean;
         "borderRadius": GidsHeaderNavigationItemBorderRadius;
         "applyShadow": boolean;
         "appearance": GidsHeaderNavigationItemAppearance;

package/dist-bundled/es/gids-action-bar.js

@@ -4,8 +4,8 @@ import { i as $, t as G } from "./p-BBlUduEr-CWdvgBS6.js";
 import { i as N } from "./p-B3AB3GQ0-DdgNC9FJ.js";
 import { o as H } from "./p-Dg_WeHpV-DehzGL6g.js";
 import { d as L } from "./p-iQRr_fAH-Dvv1n8QD.js";
-import { a as Q } from "./p-BNW2xgxF-DWKLliyn.js";
-import { o as U } from "./p-DjnREsH0-Cm8vBvIX.js";
+import { a as Q } from "./p-DHOvFnv4-DZQmbUn3.js";
+import { o as U } from "./p-BwDi-0yS-vyn3pUko.js";
 import { c as X } from "./clsx-OuTLNxxd.js";
 const Y = (t) => X("gids-action-bar", t), Z = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
@@ -13,11 +13,11 @@ const Y = (t) => X("gids-action-bar", t), Z = /* @__PURE__ */ Object.freeze(/* @
 }, Symbol.toStringTag, { value: "Module" })), { getGidsActionBarClassNames: ee } = Z, j = J(class extends K {
   constructor(t) {
     super(), t !== !1 && this.__registerHost(), this.actionGroup = !1, this.allFiltersTabVisible = !1, this.moreFiltersTabVisible = !1, this.clearAllFiltersVisible = !0, this.filterAllIsDefaultSelected = !0, this.clearAllFiltersButtonAppearance = "primary", this.primaryFilters = [], this.secondaryFilters = [], this.filterSize = "xs", this.disabled = !1, this.activeExpandedFilterId = void 0, this.tempFilterAll = [], this.handleAllFilterClick = (e) => {
-      const { id: l, filterId: i, title: a, value: f, disabled: p, selectedFilterMenuIndex: u, filterType: S, filterItemType: b, filterTitle: g, filterIndex: n, filterSelected: m, defaultSelected: F, hasFilterMenu: d, isPlaceholderItem: y } = e;
-      this.applyAllToggleSelection({ title: a, value: f, selectedFilterMenuIndex: u, filterType: S, filterItemType: b, filterTitle: g, filterIndex: n, hasFilterMenu: d, filterSelected: !(!F && !this.filterAllIsDefaultSelected) || m, isPlaceholderItem: y, filterId: i, filterPickerId: l, filterDisabled: p, filterDefaultSelected: !(!F && !this.filterAllIsDefaultSelected), selectedFilterMenuSectionIndex: void 0, filterPickerData: void 0 });
+      const { id: l, filterId: i, title: a, value: f, disabled: p, selectedFilterMenuIndex: u, filterType: S, filterItemType: A, filterTitle: g, filterIndex: n, filterSelected: m, defaultSelected: F, hasFilterMenu: d, isPlaceholderItem: y } = e;
+      this.applyAllToggleSelection({ title: a, value: f, selectedFilterMenuIndex: u, filterType: S, filterItemType: A, filterTitle: g, filterIndex: n, hasFilterMenu: d, filterSelected: !(!F && !this.filterAllIsDefaultSelected) || m, isPlaceholderItem: y, filterId: i, filterPickerId: l, filterDisabled: p, filterDefaultSelected: !(!F && !this.filterAllIsDefaultSelected), selectedFilterMenuSectionIndex: void 0, filterPickerData: void 0 });
     }, this.handleSecondaryFilterClick = (e) => {
-      const { id: l, filterId: i, title: a, value: f, disabled: p, selectedFilterMenuIndex: u, filterType: S, filterItemType: b, filterTitle: g, filterIndex: n, filterSelected: m, defaultSelected: F, hasFilterMenu: d, isPlaceholderItem: y } = e;
-      this.applySecondaryFilterToggleSelection({ title: a, value: f, selectedFilterMenuIndex: u, filterType: S, filterItemType: b, filterTitle: g, filterIndex: n, hasFilterMenu: d, filterSelected: m, isPlaceholderItem: y, filterId: i, filterPickerId: l, filterDisabled: p, filterDefaultSelected: F || !1, selectedFilterMenuSectionIndex: void 0, filterPickerData: void 0 });
+      const { id: l, filterId: i, title: a, value: f, disabled: p, selectedFilterMenuIndex: u, filterType: S, filterItemType: A, filterTitle: g, filterIndex: n, filterSelected: m, defaultSelected: F, hasFilterMenu: d, isPlaceholderItem: y } = e;
+      this.applySecondaryFilterToggleSelection({ title: a, value: f, selectedFilterMenuIndex: u, filterType: S, filterItemType: A, filterTitle: g, filterIndex: n, hasFilterMenu: d, filterSelected: m, isPlaceholderItem: y, filterId: i, filterPickerId: l, filterDisabled: p, filterDefaultSelected: F || !1, selectedFilterMenuSectionIndex: void 0, filterPickerData: void 0 });
     }, this.applySecondaryFilterToggleSelection = (e) => {
       this.setFilterPickerExpandedState(e?.filterId, { expanded: !1 }), this.applyNormalFiltersSelectedStateChange(e), this.onToggleActionBarNoneFilter && this.onToggleActionBarNoneFilter({ ...e, selectedFilters: this?.selectedFilters ?? [] });
     }, this.calculateWhenNormalFilterFound = (e, l) => {
@@ -28,8 +28,8 @@ const Y = (t) => X("gids-action-bar", t), Z = /* @__PURE__ */ Object.freeze(/* @
     }, this.toggleDropdownFilter = ({ detail: e, filterId: l, pickerData: i }) => {
       this.setFilterPickerExpandedState(l, e), this.onToggleActionBarDropdownFilter && this.onToggleActionBarDropdownFilter({ filterId: l, pickerData: i, ...e });
     }, this.handleDropdownFilterMenuItemClick = ({ event: e, filterItemType: l, filterType: i, filterIndex: a, filterId: f, filterMenuSectionIndex: p }) => {
-      const u = e.detail, { id: S, defaultSelected: b, disabled: g, isPlaceholderItem: n, selectedIndex: m, title: F, value: d } = u;
-      this.applyDropdownFilterMenuItemSelection({ title: F, value: d, selectedFilterMenuIndex: m, filterType: i, filterItemType: l, filterTitle: F, filterIndex: a, hasFilterMenu: !0, filterSelected: !n, isPlaceholderItem: n, filterId: f, filterPickerId: S, filterDisabled: g, filterDefaultSelected: b || !1, selectedFilterMenuSectionIndex: p, filterPickerData: u });
+      const u = e.detail, { id: S, defaultSelected: A, disabled: g, isPlaceholderItem: n, selectedIndex: m, title: F, value: d } = u;
+      this.applyDropdownFilterMenuItemSelection({ title: F, value: d, selectedFilterMenuIndex: m, filterType: i, filterItemType: l, filterTitle: F, filterIndex: a, hasFilterMenu: !0, filterSelected: !n, isPlaceholderItem: n, filterId: f, filterPickerId: S, filterDisabled: g, filterDefaultSelected: A || !1, selectedFilterMenuSectionIndex: p, filterPickerData: u });
     }, this.applyDropdownFilterMenuItemSelection = (e) => {
       this.applyDropdownFiltersSelectedStateChange(e), this.onDropdownSelectionActionBarFilterChange && this.onDropdownSelectionActionBarFilterChange({ ...e, selectedFilters: this?.selectedFilters ?? [] });
     }, this.applyDropdownFiltersSelectedStateChange = (e) => {
@@ -169,10 +169,10 @@ const Y = (t) => X("gids-action-bar", t), Z = /* @__PURE__ */ Object.freeze(/* @
     return this?.moreFiltersData?.filterId && this.moreFiltersData.filterId !== "" ? this.moreFiltersData.filterId : t.length + 1 + "_more_secondary";
   }
   render() {
-    const t = ee(), e = this?.primaryFilters ?? [], l = this?.secondaryFilters ?? [], i = this.isMoreFilterVisible(), a = this.moreFiltersData, f = a?.filterPickerData ?? [], p = { disabled: this?.moreFiltersData?.disabled, filterDefaultSelected: this?.moreFiltersData?.filterDefaultSelected, loading: this?.moreFiltersData?.loading }, u = this.isAllFilterVisible(), S = this.getAllFiltersValue(), b = { defaultSelected: this?.allFiltersData?.defaultSelected, disabled: this?.allFiltersData?.disabled, loading: this?.allFiltersData?.loading }, g = this.dropdownDividerVisible, n = this.filterSize, m = this.isActionGroup(), F = this.getAllFilterId(), d = this.getMoreFilterId(), y = "secondary", B = "more", V = l.length + 1, q = this.getSelectedDropdownFilterTitle(d), _ = this.isDropdownFilterSelected(d);
-    return s("div", { key: "7f1ed496ecc16bd8d8d7f7892636d98973d05bb4", class: t }, s("div", { key: "901a1ba4712b08aebedf913d8a3805b31fe9e790", class: "gids-action-bar__primary-filters" }, s(E, { key: "805cccc45c3bf25c27fbaa9de28bddb023ab1009", layout: "wrap" }, u ? s("gids-filter", { type: "all", filterId: F, filterDefaultSelected: this.filterAllIsDefaultSelected, filterIndex: 0, filterItemType: "primary", filterSelected: this.isNormalFilterSelected(F), value: S, ...b, disabled: this.isAllFiltersTabDisabled(), size: n, onFilterMenuItemChange: this.handleAllFilterClick }) : void 0, e.map(((r, o) => {
-      const A = r?.filterPickerData ?? [], c = r?.filterId && r.filterId !== "" ? r.filterId : o + 1 + "_primary", h = "primary", C = "none", x = this.getSelectedDropdownFilterTitle(c), v = this.isDropdownFilterSelected(c);
-      return s("gids-filter", { key: `${c}_${x}`, ...r, filterIndex: o + 1, filterId: c, disabled: r?.disabled || this.disabled, filterDefaultSelected: r?.filterDefaultSelected, filterSelected: v, type: C, filterItemType: h, title: x, value: x, size: n, expanded: this.activeExpandedFilterId === c, onToggle: (I) => this.toggleDropdownFilter({ detail: I, filterId: c, pickerData: A }) }, s($, { type: "default" }, A.map(((I, T) => {
+    const t = ee(), e = this?.primaryFilters ?? [], l = this?.secondaryFilters ?? [], i = this.isMoreFilterVisible(), a = this.moreFiltersData, f = a?.filterPickerData ?? [], p = { disabled: this?.moreFiltersData?.disabled, filterDefaultSelected: this?.moreFiltersData?.filterDefaultSelected, loading: this?.moreFiltersData?.loading }, u = this.isAllFilterVisible(), S = this.getAllFiltersValue(), A = { defaultSelected: this?.allFiltersData?.defaultSelected, disabled: this?.allFiltersData?.disabled, loading: this?.allFiltersData?.loading }, g = this.dropdownDividerVisible, n = this.filterSize, m = this.isActionGroup(), F = this.getAllFilterId(), d = this.getMoreFilterId(), y = "secondary", B = "more", V = l.length + 1, q = this.getSelectedDropdownFilterTitle(d), _ = this.isDropdownFilterSelected(d);
+    return s("div", { key: "7d086f932c231976ef26156bbd16a27410696de1", class: t }, s("div", { key: "6ac8221dd441973924a9fc28289363f6b486b852", class: "gids-action-bar__primary-filters" }, s(E, { key: "233480300033b27218b57fc2ca9b670f6ff7702c", layout: "wrap" }, u ? s("gids-filter", { type: "all", filterId: F, filterDefaultSelected: this.filterAllIsDefaultSelected, filterIndex: 0, filterItemType: "primary", filterSelected: this.isNormalFilterSelected(F), value: S, ...A, disabled: this.isAllFiltersTabDisabled(), size: n, onFilterMenuItemChange: this.handleAllFilterClick }) : void 0, e.map(((r, o) => {
+      const b = r?.filterPickerData ?? [], c = r?.filterId && r.filterId !== "" ? r.filterId : o + 1 + "_primary", h = "primary", C = "none", x = this.getSelectedDropdownFilterTitle(c), v = this.isDropdownFilterSelected(c);
+      return s("gids-filter", { key: `${c}_${x}`, ...r, filterIndex: o + 1, filterId: c, disabled: r?.disabled || this.disabled, filterDefaultSelected: r?.filterDefaultSelected, filterSelected: v, type: C, filterItemType: h, title: x, value: x, size: n, expanded: this.activeExpandedFilterId === c, onToggle: (I) => this.toggleDropdownFilter({ detail: I, filterId: c, pickerData: b }) }, s($, { type: "default" }, b.map(((I, T) => {
         const R = I?.sectionLabel;
         return s(G, { sectionLabel: R, key: "" + T }, (I?.items ?? []).map(((D, P) => {
           const W = D?.isPlaceholderItem ?? !1, w = D?.id && D.id !== "" ? D.id : `${c}_s${T}_i${P}`;
@@ -181,11 +181,11 @@ const Y = (t) => X("gids-action-bar", t), Z = /* @__PURE__ */ Object.freeze(/* @
         })));
       }))));
     })), this.clearAllFiltersVisible && !m ? s(H, { size: this.filterSize, appearance: this.clearAllFiltersButtonAppearance, leadingIcon: s(L, { name: "x-circle", size: this.filterSize, slot: "leadingIcon" }), onClick: this.handleClearAllFiltersClick }) : void 0)), m ? s("div", { class: "gids-action-bar__secondary-filters" }, s(E, { layout: "wrap" }, l.map(((r, o) => {
-      const A = r?.filterId && r.filterId !== "" ? r.filterId : `${o + 1}_${r?.label}_secondary`;
-      return s("gids-filter", { key: "" + (e.length + o + 1), ...r, filterIndex: o, filterId: A, disabled: r?.disabled || this.disabled, filterDefaultSelected: r?.defaultSelected, type: "none", filterItemType: "secondary", value: r?.label, size: n, filterSelected: this.isNormalFilterSelected(A), onFilterMenuItemChange: this.handleSecondaryFilterClick });
+      const b = r?.filterId && r.filterId !== "" ? r.filterId : `${o + 1}_${r?.label}_secondary`;
+      return s("gids-filter", { key: "" + (e.length + o + 1), ...r, filterIndex: o, filterId: b, disabled: r?.disabled || this.disabled, filterDefaultSelected: r?.defaultSelected, type: "none", filterItemType: "secondary", value: r?.label, size: n, filterSelected: this.isNormalFilterSelected(b), onFilterMenuItemChange: this.handleSecondaryFilterClick });
     })), i ? s("gids-filter", { key: `${d}_${q}`, type: B, filterItemType: y, filterIndex: V, filterId: d, ...p, disabled: this.isMoreFiltersTabDisabled(), filterSelected: _, size: n, expanded: this.activeExpandedFilterId === d }, s($, { type: "default" }, f.map(((r, o) => {
-      const A = r?.items ?? [], c = r?.sectionLabel;
-      return s(G, { sectionLabel: c, key: "" + o }, A.map(((h, C) => {
+      const b = r?.items ?? [], c = r?.sectionLabel;
+      return s(G, { sectionLabel: c, key: "" + o }, b.map(((h, C) => {
         const x = h?.isPlaceholderItem ?? !1, v = h?.id && h.id !== "" ? h.id : `${d}_s${o}_i${C}`;
         let I = !1;
         return _ ? I = this.getSelectedFilterPickerData(d)?.id === v : I = C === 0, s(N, { key: v, id: v, index: C, title: h?.title, value: h?.value, disabled: h?.disabled, isPlaceholderItem: x, selected: I, defaultSelected: h?.defaultSelected, divider: g, onPressDropdownItem: (T) => this.handleDropdownFilterMenuItemClick({ event: T, filterItemType: y, filterType: B, filterIndex: V, filterId: d, filterMenuSectionIndex: o }) });

package/dist-bundled/es/gids-activity-gauge.js

@@ -1,4 +1,4 @@
-import { o as t, d as e } from "./p-iEUyQs9t-BUXXVuwz.js";
+import { o as t, d as e } from "./p-5SNf54JN-Dke4QoYK.js";
 const i = t, s = e;
 export {
   i as GidsActivityGauge,

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

@@ -1,6 +1,6 @@
-import { b as o, _ as e } from "./p-DLX-l0-L-gumz4bOG.js";
-const s = o, d = e;
+import { b as o, _ as e } from "./p-BZdaC92p-DjVPKyfk.js";
+const t = o, a = e;
 export {
-  s as GidsAdvancedTooltip,
-  d as defineCustomElement
+  t as GidsAdvancedTooltip,
+  a as defineCustomElement
 };

package/dist-bundled/es/gids-bar-chart.js

@@ -1,6 +1,6 @@
-import { g as r, h as t } from "./p-CueywyHC-CsEetdha.js";
-const o = r, s = t;
+import { g as t, h as s } from "./p-BWrCtA6O-DHaJx1bg.js";
+const o = t, r = s;
 export {
   o as GidsBarChart,
-  s as defineCustomElement
+  r as defineCustomElement
 };

package/dist-bundled/es/gids-bento-card.js

@@ -64,7 +64,7 @@ const x = ({ appearance: e, hasAccessorySlot: r }, o) => u("gids-bento-card", {
   }
   render() {
     const e = this?.heading && this.heading !== "" ? this.heading : void 0, r = this?.label && this.label !== "" ? this.label : void 0, o = this?.supportingText && this.supportingText !== "" ? this.supportingText : void 0, a = this?.description && this.description !== "" ? this.description : void 0, h = e || r || o || a, n = this?.appearance ?? "default", d = this?.hasDefaultSlot ?? !1, g = this?.hasIconSlot ?? !1, s = this?.hasAccessorySlot ?? !1, b = C({ appearance: n, hasAccessorySlot: s });
-    return t(_, { key: "ecc0db16121bacdbff9061082b1b0d76ae5cddce", class: `${b} ${g ? "has-icon" : ""} ${s ? "has-accessory" : ""} ${d ? "has-image" : ""}`, style: { "--gidsBentoCard-bg-gradient": this?.bgGradient ?? "", "--gidsBentoCardText-color-primary": this?.primaryTextColor ?? "", "--gidsBentoCardText-color-secondary": this?.secondaryTextColor ?? "", "--gidsBentoCardText-color-tertiary": this?.tertiaryTextColor ?? "" }, "data-appearance": n }, t("div", { key: "4a26dcc36f6c26537d54780ead927080e3ef7050", class: d ? "gids-bento-card__content gids-bento-card__default-slot-gapping" : "gids-bento-card__content" }, t("header", { key: "401ba531cd4952ef3542451ca2730155694fbdf5", class: m("gids-bento-card__header", { "gids-bento-card__header-row": (this?.iconDirection ?? "column") === "row" }) }, t("div", { key: "05ec85d748c2ef5a2bfd164066ece536177918de", class: g ? "gids-bento-card__icon" : "" }, t("slot", { key: "b1e11b01abd8c13e7a172dcf072113ddf5f5ed8b", name: "bentoCardIcon", ref: (i) => this.iconSlotRef = i, onSlotchange: () => this.updateSlotStates() })), h ? t("div", { class: "gids-bento-card__texts-wrapper" }, e && t("span", { class: "gids-bento-card__heading" }, e), r && t("h3", { class: "gids-bento-card__title" }, r), o && t("span", { class: "gids-bento-card__supporting" }, o), a && t("p", { class: "gids-bento-card__description" }, a)) : void 0), t("div", { key: "5f0165b688050109c6a6ed63367d4828740762f8", class: d ? "gids-bento-card__image-wrapper" : "" }, t("slot", { key: "ed54c7194535cebba238afb76b39f4955a69fd28", ref: (i) => this.defaultSlotRef = i, onSlotchange: () => this.updateSlotStates() }))), t("footer", { key: "f881af74f3dab2e2e623dbdc6c57986d4ae02938", class: s ? "gids-bento-card__footer" : "" }, t("slot", { key: "e5a7491aa5b039bdc1022d7c1d2279adcd34989a", name: "bentoCardAccessory", ref: (i) => this.accessorySlotRef = i, onSlotchange: () => this.updateSlotStates() })));
+    return t(_, { key: "34e0fd7f9ce22c8cd049e4f6ec4a908cc0da8a73", class: `${b} ${g ? "has-icon" : ""} ${s ? "has-accessory" : ""} ${d ? "has-image" : ""}`, style: { "--gidsBentoCard-bg-gradient": this?.bgGradient ?? "", "--gidsBentoCardText-color-primary": this?.primaryTextColor ?? "", "--gidsBentoCardText-color-secondary": this?.secondaryTextColor ?? "", "--gidsBentoCardText-color-tertiary": this?.tertiaryTextColor ?? "" }, "data-appearance": n }, t("div", { key: "4b02ad94ff42f8d69f9addb9833da5e36100e60a", class: d ? "gids-bento-card__content gids-bento-card__default-slot-gapping" : "gids-bento-card__content" }, t("header", { key: "4cf640a417137dc04a61695e9c09fb57c19c36b1", class: m("gids-bento-card__header", { "gids-bento-card__header-row": (this?.iconDirection ?? "column") === "row" }) }, t("div", { key: "7ac7694263940d2ee7db37bd90a8de00f0dbebed", class: g ? "gids-bento-card__icon" : "" }, t("slot", { key: "399ed8d508a624a0baf29705f3cc93d0f39023ca", name: "bentoCardIcon", ref: (i) => this.iconSlotRef = i, onSlotchange: () => this.updateSlotStates() })), h ? t("div", { class: "gids-bento-card__texts-wrapper" }, e && t("span", { class: "gids-bento-card__heading" }, e), r && t("h3", { class: "gids-bento-card__title" }, r), o && t("span", { class: "gids-bento-card__supporting" }, o), a && t("p", { class: "gids-bento-card__description" }, a)) : void 0), t("div", { key: "747f94766a846c13042f467d883dfe6b203a2319", class: d ? "gids-bento-card__image-wrapper" : "" }, t("slot", { key: "2ab8627b9cd728c41f44af172752316b7e21fbfe", ref: (i) => this.defaultSlotRef = i, onSlotchange: () => this.updateSlotStates() }))), t("footer", { key: "3393f63aa449da0dca87ea1ebe17759a21664074", class: s ? "gids-bento-card__footer" : "" }, t("slot", { key: "707cbfaa708bff24b9a882d2124ebbddb0e5089e", name: "bentoCardAccessory", ref: (i) => this.accessorySlotRef = i, onSlotchange: () => this.updateSlotStates() })));
   }
   get hostElement() {
     return this;

package/dist-bundled/es/gids-calendar-header-panel.js

@@ -1,4 +1,4 @@
-import { m as e, u as a } from "./p-vz4tzbld-BYJRjHJw.js";
+import { m as e, u as a } from "./p-3H10HA8U-DWG31yfh.js";
 const m = e, n = a;
 export {
   m as GidsCalendarHeaderPanel,

package/dist-bundled/es/gids-calendar-month-list.js

@@ -1,4 +1,4 @@
-import { l as t, c as e } from "./p-CSXuAs_X-Hw6bT-8r.js";
+import { c as t, l as e } from "./p-cXOH6OAQ-BRmZ0lXm.js";
 const s = t, n = e;
 export {
   s as GidsCalendarMonthList,

package/dist-bundled/es/gids-calendar-picker.js

@@ -1,4 +1,4 @@
-import { k as e, P as r } from "./p-fE-MdTCH-CDvG1Xn1.js";
+import { k as e, P as r } from "./p-D8vooi3L-C5jeoC6H.js";
 const s = e, t = r;
 export {
   s as GidsCalendarPicker,

package/dist-bundled/es/gids-calendar-year-list.js

@@ -1,6 +1,6 @@
-import { c as e, m as r } from "./p-B4d07GWP-DLyo7HQ9.js";
-const t = e, a = r;
+import { l as e, m as s } from "./p-CJ1tQlEt-B8GYL1we.js";
+const a = e, m = s;
 export {
-  t as GidsCalendarYearList,
-  a as defineCustomElement
+  a as GidsCalendarYearList,
+  m as defineCustomElement
 };

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

@@ -1,5 +1,5 @@
-import { w as e, D as a } from "./p-MaJDBE6u-DjtEX6-I.js";
-const s = e, t = a;
+import { w as e, N as o } from "./p-CCX8DA2Z-D0OkaCKx.js";
+const s = e, t = o;
 export {
   s as GidsCalendar,
   t as defineCustomElement

package/dist-bundled/es/gids-chart-legend-item.js

@@ -1,6 +1,6 @@
-import { o as e, l as t } from "./p-DYKcsBzA-BcupA9sw.js";
-const m = e, r = t;
+import { o as e, l as t } from "./p-CytAVtIP-IZSm6SZx.js";
+const s = e, m = t;
 export {
-  m as GidsChartLegendItem,
-  r as defineCustomElement
+  s as GidsChartLegendItem,
+  m as defineCustomElement
 };

package/dist-bundled/es/gids-chart-legend.js

@@ -1,6 +1,6 @@
-import { r as e, o } from "./p-x1tVOUSt-CdB8Szfe.js";
-const t = e, r = o;
+import { r as e, o as r } from "./p-CL9pZVrx-BYVOaGDA.js";
+const o = e, t = r;
 export {
-  t as GidsChartLegend,
-  r as defineCustomElement
+  o as GidsChartLegend,
+  t as defineCustomElement
 };

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

@@ -1,13 +1,13 @@
-import { L as u, u as m, D as i, q as s } from "./p-B4hcsDH0-CPqEc-vc.js";
+import { L as u, u as m, D as s, q as i } from "./p-B4hcsDH0-CPqEc-vc.js";
 import { r as h, c as y, b, a as T, C } from "./p-CZ_9Mt3B-BIYkPAXM.js";
-import { d as v } from "./p-iEUyQs9t-BUXXVuwz.js";
-import { _ as f } from "./p-DLX-l0-L-gumz4bOG.js";
-import { h as k } from "./p-CueywyHC-CsEetdha.js";
-import { o as _ } from "./p-x1tVOUSt-CdB8Szfe.js";
-import { l as A } from "./p-DYKcsBzA-BcupA9sw.js";
+import { d as v } from "./p-5SNf54JN-Dke4QoYK.js";
+import { _ as f } from "./p-BZdaC92p-DjVPKyfk.js";
+import { h as k } from "./p-BWrCtA6O-DHaJx1bg.js";
+import { o as _ } from "./p-CL9pZVrx-BYVOaGDA.js";
+import { l as A } from "./p-CytAVtIP-IZSm6SZx.js";
 import { h as E } from "./p-83YZrIJw-Cu-e6WD3.js";
-import { c as P } from "./p-C88Z_F_m-wMA27lx_.js";
-import { c as D } from "./p-DXlBK8TS-DazOvEm2.js";
+import { c as P } from "./p-By0R-oJV-DkI-JpEG.js";
+import { c as D } from "./p-Cs-QTqUM-CcvsSUzr.js";
 import { d as x } from "./p-4zKS6zkg-CujzUjb6.js";
 import { c as G } from "./clsx-OuTLNxxd.js";
 const I = (e) => G("gids-chart", e), L = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
@@ -56,11 +56,11 @@ const I = (e) => G("gids-chart", e), L = /* @__PURE__ */ Object.freeze(/* @__PUR
     this.chartType = e;
   }
   render() {
-    if (!this.isChartTypeValid()) return i("div", { class: "gids-chart__no-data" }, i(h, { title: y, supportingText: b(this.getChartTypes().join(", ")) }));
+    if (!this.isChartTypeValid()) return s("div", { class: "gids-chart__no-data" }, s(h, { title: y, supportingText: b(this.getChartTypes().join(", ")) }));
     const e = this.isChartDataValid(), r = this.getChartTypeText();
-    if (!e) return i("div", { class: "gids-activity-gauge__no-data" }, i(h, { title: T, supportingText: C(r) }));
+    if (!e) return s("div", { class: "gids-activity-gauge__no-data" }, s(h, { title: T, supportingText: C(r) }));
     const a = N(), t = this.chartType, o = this.barChartProps, n = this.pieChartProps, l = this.activityGaugeProps, d = this.levelGaugeProps, p = this.progressCircleProps;
-    return i("div", { class: a }, t === "line-chart" ? i("gids-line-chart", { ...this.lineChartProps, breakpoint: this.breakpoint }) : null, t === "bar-chart" ? i("gids-bar-chart", { ...o, breakpoint: this.breakpoint }) : null, t === "pie-chart" ? i("gids-pie-chart", { ...n, breakpoint: this.breakpoint }) : null, t === "activity-gauge" ? i("gids-activity-gauge", { ...l, breakpoint: this.breakpoint }) : null, t === "level-gauge" ? i("gids-level-gauge", { ...d, breakpoint: this.breakpoint }) : null, t === "progress-circle" ? i("gids-progress-circle", { ...p, breakpoint: this.breakpoint }) : null, t === "radar-chart" ? i("div", { class: "gids-chart__no-data" }, i(h, { title: "Coming Soon!", supportingText: "Radar chart is under progress. This will be available in next major version of GIDS." })) : null);
+    return s("div", { class: a }, t === "line-chart" ? s("gids-line-chart", { ...this.lineChartProps, breakpoint: this.breakpoint }) : null, t === "bar-chart" ? s("gids-bar-chart", { ...o, breakpoint: this.breakpoint }) : null, t === "pie-chart" ? s("gids-pie-chart", { ...n, breakpoint: this.breakpoint }) : null, t === "activity-gauge" ? s("gids-activity-gauge", { ...l, breakpoint: this.breakpoint }) : null, t === "level-gauge" ? s("gids-level-gauge", { ...d, breakpoint: this.breakpoint }) : null, t === "progress-circle" ? s("gids-progress-circle", { ...p, breakpoint: this.breakpoint }) : null, t === "radar-chart" ? s("div", { class: "gids-chart__no-data" }, s(h, { title: "Coming Soon!", supportingText: "Radar chart is under progress. This will be available in next major version of GIDS." })) : null);
   }
   static get watchers() {
     return { breakpoint: [{ handleBreakpointChange: 0 }], chartType: [{ handleChartTypeChange: 0 }] };
@@ -73,34 +73,34 @@ function g() {
   typeof customElements < "u" && ["gids-chart", "gids-activity-gauge", "gids-advanced-tooltip", "gids-bar-chart", "gids-chart-legend", "gids-chart-legend-item", "gids-level-gauge", "gids-line-chart", "gids-pie-chart", "gids-progress-circle"].forEach(((e) => {
     switch (e) {
       case "gids-chart":
-        customElements.get(s(e)) || customElements.define(s(e), c);
+        customElements.get(i(e)) || customElements.define(i(e), c);
         break;
       case "gids-activity-gauge":
-        customElements.get(s(e)) || v();
+        customElements.get(i(e)) || v();
         break;
       case "gids-advanced-tooltip":
-        customElements.get(s(e)) || f();
+        customElements.get(i(e)) || f();
         break;
       case "gids-bar-chart":
-        customElements.get(s(e)) || k();
+        customElements.get(i(e)) || k();
         break;
       case "gids-chart-legend":
-        customElements.get(s(e)) || _();
+        customElements.get(i(e)) || _();
         break;
       case "gids-chart-legend-item":
-        customElements.get(s(e)) || A();
+        customElements.get(i(e)) || A();
         break;
       case "gids-level-gauge":
-        customElements.get(s(e)) || E();
+        customElements.get(i(e)) || E();
         break;
       case "gids-line-chart":
-        customElements.get(s(e)) || P();
+        customElements.get(i(e)) || P();
         break;
       case "gids-pie-chart":
-        customElements.get(s(e)) || D();
+        customElements.get(i(e)) || D();
         break;
       case "gids-progress-circle":
-        customElements.get(s(e)) || x();
+        customElements.get(i(e)) || x();
     }
   }));
 }

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

@@ -1,5 +1,5 @@
-import { L as r, u as d, z as c, D as s, q as a } from "./p-B4hcsDH0-CPqEc-vc.js";
-import { i as l } from "./p-B2zUuNXz-BLBgQDu7.js";
+import { L as r, u as d, z as l, D as s, q as a } from "./p-B4hcsDH0-CPqEc-vc.js";
+import { i as c } from "./p-B2zUuNXz-BLBgQDu7.js";
 import { d as h } from "./p-iQRr_fAH-Dvv1n8QD.js";
 import { c as g } from "./clsx-OuTLNxxd.js";
 const u = ({ size: e }, o) => g("gids-chevron-button", {
@@ -12,7 +12,7 @@ const u = ({ size: e }, o) => g("gids-chevron-button", {
   getGidsChevronButtonClassNames: u
 }, Symbol.toStringTag, { value: "Module" })), { getGidsChevronButtonClassNames: t } = b, i = r(class extends d {
   constructor(e) {
-    super(), e !== !1 && this.__registerHost(), this.__attachShadow(), this.gidsChevronButton = c(this, "gidsChevronButton"), this.activeClasses = "", this.size = "xs";
+    super(), e !== !1 && this.__registerHost(), this.__attachShadow(), this.gidsChevronButton = l(this, "gidsChevronButton"), this.activeClasses = "", this.size = "xs";
   }
   handleExtraClassesAndSizeChange(e) {
     this.activeClasses = t({ size: this.size }, e);
@@ -24,14 +24,14 @@ const u = ({ size: e }, o) => g("gids-chevron-button", {
     this.disabled = e;
   }
   connectedCallback() {
-    const e = l();
+    const e = c();
     e !== void 0 && this._el.shadowRoot?.adoptedStyleSheets.push(e), this.activeClasses = t({ size: this.size }, this.extraClasses);
   }
   componentDidLoad() {
     this.activeClasses = t({ size: this.size }, this.extraClasses);
   }
   render() {
-    return s("button", { key: "d902928c47dbed52f6c7ccd6faf08406da8b4cb0", class: this.activeClasses, slot: "trailingAccessory", type: "button", onClick: (e) => this.gidsChevronButton.emit(e), "aria-label": this?.ariaLabel ?? "", "aria-expanded": this?.ariaExpanded ?? "", "aria-haspopup": this?.ariaHaspopup ?? "", "aria-controls": this?.ariaControls ?? "", disabled: this.disabled, tabIndex: -1 }, s("span", { key: "ea87b2f771ac21c93cb239a6d249adcedfae4f0e", class: "gids-button__content" }, s(h, { key: "aecdc13b92537b30ab8a67249ef1fd83d1e289c7", name: "chevron-vertical", alt: "" })));
+    return s("button", { key: "63c71cf28a561a2812f00cd1cca12447462be086", class: this.activeClasses, slot: "trailingAccessory", type: "button", onClick: (e) => this.gidsChevronButton.emit(e), "aria-label": this?.ariaLabel ?? "", "aria-expanded": this?.ariaExpanded ?? "", "aria-haspopup": this?.ariaHaspopup ?? "", "aria-controls": this?.ariaControls ?? "", disabled: this.disabled, tabIndex: -1 }, s("span", { key: "fb10298a5d6b82e03f582a96d64afddda84c817a", class: "gids-button__content" }, s(h, { key: "fd993670b34207618e94ce6564ed7ee8ea7ea529", name: "chevron-vertical", alt: "" })));
   }
   get _el() {
     return this;

package/dist-bundled/es/gids-date-picker-field.js

@@ -1,21 +1,21 @@
 import { L as m, u as p, D as l, q as t } from "./p-B4hcsDH0-CPqEc-vc.js";
 import { s as g } from "./p-BkxmRN-4-DSiXCW8b.js";
-import { D as C } from "./p-MaJDBE6u-DjtEX6-I.js";
-import { u as y } from "./p-vz4tzbld-BYJRjHJw.js";
-import { c as P } from "./p-CSXuAs_X-Hw6bT-8r.js";
-import { P as k } from "./p-fE-MdTCH-CDvG1Xn1.js";
-import { m as D } from "./p-B4d07GWP-DLyo7HQ9.js";
-import { w as V } from "./p-XVlT5H5q-CFIMyrM3.js";
-import { f as b } from "./p-lvArnlBV-BxkIAxHG.js";
-import { g as f } from "./p-B18yNcA0-BaaXQYM_.js";
-import { m as v } from "./p-BcXumkjZ-zNpzLmjI.js";
-import { a as E } from "./p-DOiDD7cS-j1RR9K9r.js";
-import { h as I } from "./p-gK9DvcL8-Chw-ya2Q.js";
-import { h as x } from "./p-CxfmNDsm-JHseL2it.js";
-import { a as w } from "./p-DKe6orSY-D1kYOeuX.js";
-import { r as F } from "./p-CZgH5rZs-Clk0qfHN.js";
-import { f as A } from "./p-62akP0Ad-D4pJ0a_I.js";
-import { f as $ } from "./p-DiX4HaE6-C35K492C.js";
+import { N as C } from "./p-CCX8DA2Z-D0OkaCKx.js";
+import { u as y } from "./p-3H10HA8U-DWG31yfh.js";
+import { l as P } from "./p-cXOH6OAQ-BRmZ0lXm.js";
+import { P as k } from "./p-D8vooi3L-C5jeoC6H.js";
+import { m as b } from "./p-CJ1tQlEt-B8GYL1we.js";
+import { E as D } from "./p-DJH7wtiu-BDWtYcRw.js";
+import { f as V } from "./p-Cf9ipNLT-HF4MWnLF.js";
+import { g as f } from "./p-B2CvDGSE-B-50q6JD.js";
+import { u as v } from "./p-Bbw1WCO7-CJU0y0iF.js";
+import { h as E } from "./p-BGBsQSqM-DtooH-AA.js";
+import { h as I } from "./p-peMqbYbz-BnWVSfKD.js";
+import { c as x } from "./p-CS2U2Mro-6wGJ-t9P.js";
+import { n as w } from "./p-DB0ZJi5J-BEYBVVuq.js";
+import { r as F } from "./p-_OVEnTXa-q7qjnzI3.js";
+import { f as A } from "./p-lVcUFx2e-D6N6qefs.js";
+import { b as q } from "./p-DuonIHDh-B6YKWTfP.js";
 import { g as i } from "./p-iQRr_fAH-Dvv1n8QD.js";
 const d = m(class extends p {
   constructor(e) {
@@ -105,7 +105,7 @@ const d = m(class extends p {
   }
   render() {
     const e = this.yearInputProps?.id ?? this.#e, a = this.monthInputProps?.id ?? this.#a, n = this.dateInputProps?.id ?? this.#t, s = this.calendarPickerInputProps?.id ?? this.#n, r = { ...this.yearInputProps, id: e, placeholder: this.yearInputProps?.placeholder ?? "Year" }, h = { ...this.monthInputProps, id: a, placeholder: this.monthInputProps?.placeholder ?? "Month" }, c = { ...this.dateInputProps, id: n, placeholder: this.dateInputProps?.placeholder ?? "Day" }, u = { ...this.calendarPickerInputProps, id: s, placeholder: this.calendarPickerInputProps?.placeholder ?? "Select a date" };
-    return l("gids-field", { key: "868a82574645bb3d55605f90a2006ea9c89cd0dd", disabled: this.disabled, helperText: this.helperText, statusText: this.statusText, status: this.status }, this.label !== void 0 ? l(g, { slot: "label", disabled: this.disabled, htmlFor: this.type === "menu" ? `${e}-${a}-${n}` : "" + s, fieldRequirement: this.required ? "required" : void 0 }, this.label) : null, l("gids-date-picker", { key: "a64c6775a4af0866107f92ec1a40e440025bce6f", appearance: this.appearance, yearInputProps: r, monthInputProps: h, dateInputProps: c, calendarPickerInputProps: u, disabled: this.disabled, readOnly: this.readOnly, loading: this.loading, yearValue: this.yearValue, monthValue: this.monthValue, dateValue: this.dateValue, calendarPickerValue: this.calendarPickerValue, name: this.name, onDateChange: this.handleDateChange, onCalendarDateChange: this.handleCalendarDateChange, onFocus: this.handleDatePickerFocusAndBlur, onBlur: this.handleDatePickerFocusAndBlur, required: this.required, panelActionsAppearance: this?.panelActionsAppearance ?? "default", monthPickerDisabled: this.monthPickerDisabled, nextDisabled: this.nextDisabled, panelDisabled: this.panelDisabled, previousDisabled: this.previousDisabled, yearPickerDisabled: this.yearPickerDisabled, onNextChange: this.handleCalendarNextChange, onPanelMonthChange: this.handleCalendarPanelMonthChange, onPanelYearChange: this.handleCalendarPanelYearChange, onPreviousChange: this.handleCalendarPreviousChange, type: this?.type ?? "menu" }));
+    return l("gids-field", { key: "ceec3bfbab499ad8bc2848655ff4b6ea9be599a6", disabled: this.disabled, helperText: this.helperText, statusText: this.statusText, status: this.status }, this.label !== void 0 ? l(g, { slot: "label", disabled: this.disabled, htmlFor: this.type === "menu" ? `${e}-${a}-${n}` : "" + s, fieldRequirement: this.required ? "required" : void 0 }, this.label) : null, l("gids-date-picker", { key: "aa4ad0aa694afb8bd7425e41eb850bc09ebfcba5", appearance: this.appearance, yearInputProps: r, monthInputProps: h, dateInputProps: c, calendarPickerInputProps: u, disabled: this.disabled, readOnly: this.readOnly, loading: this.loading, yearValue: this.yearValue, monthValue: this.monthValue, dateValue: this.dateValue, calendarPickerValue: this.calendarPickerValue, name: this.name, onDateChange: this.handleDateChange, onCalendarDateChange: this.handleCalendarDateChange, onFocus: this.handleDatePickerFocusAndBlur, onBlur: this.handleDatePickerFocusAndBlur, required: this.required, panelActionsAppearance: this?.panelActionsAppearance ?? "default", monthPickerDisabled: this.monthPickerDisabled, nextDisabled: this.nextDisabled, panelDisabled: this.panelDisabled, previousDisabled: this.previousDisabled, yearPickerDisabled: this.yearPickerDisabled, onNextChange: this.handleCalendarNextChange, onPanelMonthChange: this.handleCalendarPanelMonthChange, onPanelYearChange: this.handleCalendarPanelYearChange, onPreviousChange: this.handleCalendarPreviousChange, type: this?.type ?? "menu" }));
   }
   static get formAssociated() {
     return !0;
@@ -136,13 +136,13 @@ function o() {
         customElements.get(t(e)) || k();
         break;
       case "gids-calendar-year-list":
-        customElements.get(t(e)) || D();
+        customElements.get(t(e)) || b();
         break;
       case "gids-date-picker":
-        customElements.get(t(e)) || V();
+        customElements.get(t(e)) || D();
         break;
       case "gids-day-dropdown-picker":
-        customElements.get(t(e)) || b();
+        customElements.get(t(e)) || V();
         break;
       case "gids-dot":
         customElements.get(t(e)) || f();
@@ -169,7 +169,7 @@ function o() {
         customElements.get(t(e)) || A();
         break;
       case "gids-year-dropdown-picker":
-        customElements.get(t(e)) || $();
+        customElements.get(t(e)) || q();
     }
   }));
 }

package/dist-bundled/es/gids-date-picker.js

@@ -1,6 +1,6 @@
-import { E as e, w as t } from "./p-XVlT5H5q-CFIMyrM3.js";
-const r = e, s = t;
+import { w as e, E as t } from "./p-DJH7wtiu-BDWtYcRw.js";
+const s = e, i = t;
 export {
-  r as GidsDatePicker,
-  s as defineCustomElement
+  s as GidsDatePicker,
+  i as defineCustomElement
 };

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

@@ -1,6 +1,6 @@
-import { y as o, f as e } from "./p-lvArnlBV-BxkIAxHG.js";
-const r = o, t = e;
+import { y as o, f as e } from "./p-Cf9ipNLT-HF4MWnLF.js";
+const s = o, t = e;
 export {
-  r as GidsDayDropdownPicker,
+  s as GidsDayDropdownPicker,
   t as defineCustomElement
 };

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

@@ -1,4 +1,4 @@
-import { h as o, g as t } from "./p-B18yNcA0-BaaXQYM_.js";
+import { h as o, g as t } from "./p-B2CvDGSE-B-50q6JD.js";
 const s = o, m = t;
 export {
   s as GidsDot,

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

@@ -1,9 +1,9 @@
-import { L as o, u as l, D as n, q as a } from "./p-B4hcsDH0-CPqEc-vc.js";
+import { L as o, u as l, D as a, q as n } from "./p-B4hcsDH0-CPqEc-vc.js";
 import { s as r } from "./p-BkxmRN-4-DSiXCW8b.js";
-import { m as d } from "./p-BcXumkjZ-zNpzLmjI.js";
-import { h as u } from "./p-gK9DvcL8-Chw-ya2Q.js";
-import { h } from "./p-CxfmNDsm-JHseL2it.js";
-import { r as c } from "./p-CZgH5rZs-Clk0qfHN.js";
+import { u as d } from "./p-Bbw1WCO7-CJU0y0iF.js";
+import { h as u } from "./p-peMqbYbz-BnWVSfKD.js";
+import { c } from "./p-CS2U2Mro-6wGJ-t9P.js";
+import { r as h } from "./p-_OVEnTXa-q7qjnzI3.js";
 import { g as m } from "./p-iQRr_fAH-Dvv1n8QD.js";
 const s = o(class extends l {
   constructor(e) {
@@ -58,7 +58,7 @@ const s = o(class extends l {
   }
   render() {
     const e = this.inputProps?.id ?? this.#e, t = { ...this.inputProps, id: e, placeholder: this.inputProps?.placeholder ?? "Please select an option" };
-    return n("gids-field", { key: "f7d4873eeec8389e2c6fd554a60013da4d344af2", disabled: this.disabled, helperText: this.helperText, statusText: this.statusText, status: this.status }, this.label !== void 0 ? n(r, { slot: "label", disabled: this.disabled, htmlFor: e, fieldRequirement: this.required ? "required" : void 0 }, this.label) : null, n("gids-dropdown", { key: "50d59a64fd23ac3b71fabaa84fbd28747b9d98d0", appearance: this.appearance, inputProps: t, disabled: this.disabled, readOnly: this.readOnly, loading: this.loading, value: this.value, name: this.name, onSelectionChange: this.handleSelectionChange, onFocus: this.handleDropdownFocusAndBlur, onBlur: this.handleDropdownFocusAndBlur, required: this.required }, n("slot", { key: "73b0330a170340eb08a1bcf84c7ff05ea92d9a4b", name: "leadingIconDropdown" }), n("slot", { key: "78c00cc003f01461be180ac445822efc245391ae", name: "leadingAccessoryDropdown" }), n("slot", { key: "6f0b42bc3ee7bd7e5176910bae328a258e1de12f" })));
+    return a("gids-field", { key: "c7225a7a06c8e2e7afef5863d3095fc775a65c22", disabled: this.disabled, helperText: this.helperText, statusText: this.statusText, status: this.status }, this.label !== void 0 ? a(r, { slot: "label", disabled: this.disabled, htmlFor: e, fieldRequirement: this.required ? "required" : void 0 }, this.label) : null, a("gids-dropdown", { key: "65299431ff0ac0a67174b76878f2e356253a41e9", appearance: this.appearance, inputProps: t, disabled: this.disabled, readOnly: this.readOnly, loading: this.loading, value: this.value, name: this.name, onSelectionChange: this.handleSelectionChange, onFocus: this.handleDropdownFocusAndBlur, onBlur: this.handleDropdownFocusAndBlur, required: this.required }, a("slot", { key: "baf3a9444f1f3acd22cca6df2634589a54a272f0", name: "leadingIconDropdown" }), a("slot", { key: "825ce4c000c2958ca130932aa3855e5daa7024dc", name: "leadingAccessoryDropdown" }), a("slot", { key: "6eb411a20f7b61c0bf6d269a2ad0f9d73eba41f8" })));
   }
   static get formAssociated() {
     return !0;
@@ -74,19 +74,19 @@ function i() {
   typeof customElements < "u" && ["gids-dropdown-field", "gids-dropdown", "gids-field", "gids-flyout-panel", "gids-input"].forEach(((e) => {
     switch (e) {
       case "gids-dropdown-field":
-        customElements.get(a(e)) || customElements.define(a(e), s);
+        customElements.get(n(e)) || customElements.define(n(e), s);
         break;
       case "gids-dropdown":
-        customElements.get(a(e)) || d();
+        customElements.get(n(e)) || d();
         break;
       case "gids-field":
-        customElements.get(a(e)) || u();
+        customElements.get(n(e)) || u();
         break;
       case "gids-flyout-panel":
-        customElements.get(a(e)) || h();
+        customElements.get(n(e)) || c();
         break;
       case "gids-input":
-        customElements.get(a(e)) || c();
+        customElements.get(n(e)) || h();
     }
   }));
 }

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

@@ -1,4 +1,4 @@
-import { h as o, a as e } from "./p-DOiDD7cS-j1RR9K9r.js";
+import { a as o, h as e } from "./p-BGBsQSqM-DtooH-AA.js";
 const s = o, t = e;
 export {
   s as GidsDropdownPicker,

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

@@ -1,6 +1,6 @@
-import { l as m, m as o } from "./p-BcXumkjZ-zNpzLmjI.js";
-const e = m, t = o;
+import { l as o, u as e } from "./p-Bbw1WCO7-CJU0y0iF.js";
+const s = o, t = e;
 export {
-  e as GidsDropdown,
+  s as GidsDropdown,
   t as defineCustomElement
 };

package/dist-bundled/es/gids-expansion-body-list-item.js

@@ -1,4 +1,4 @@
-import { r as s, d as o } from "./p-FSv82P6v-C6jFH7Zo.js";
+import { r as s, d as o } from "./p-Bi-yBBYT-CC0Ktxng.js";
 const e = s, r = o;
 export {
   e as GidsExpansionBodyListItem,

package/dist-bundled/es/gids-expansion-body-list.js

@@ -1,5 +1,5 @@
 import { L as r, u as L, D as d, P as y, q as p } from "./p-B4hcsDH0-CPqEc-vc.js";
-import { d as h } from "./p-FSv82P6v-C6jFH7Zo.js";
+import { d as h } from "./p-Bi-yBBYT-CC0Ktxng.js";
 import { c as m } from "./clsx-OuTLNxxd.js";
 const u = (e) => m("gids-expansion-body-list", e), E = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
@@ -47,7 +47,7 @@ const u = (e) => m("gids-expansion-body-list", e), E = /* @__PURE__ */ Object.fr
   }
   render() {
     const e = B();
-    return d(y, { key: "4b1baa59ce523161a7f36ceefde4766135c54676", class: e }, (this?.expansionBodyListItems ?? []).map(((t, s) => d("gids-expansion-body-list-item", { key: "" + (s + 1), ...t, onSubtitlePress: (i) => this.handleExpansionBodyListSubtitleClick({ detail: i, expansionBodyListItem: t }), onSupportingTextPress: (i) => this.handleExpansionBodyListSupportingTextClick({ detail: i, expansionBodyListItem: t }) }))));
+    return d(y, { key: "a9749d9ab5dc88635a18bfd0889118aec86b5115", class: e }, (this?.expansionBodyListItems ?? []).map(((t, s) => d("gids-expansion-body-list-item", { key: "" + (s + 1), ...t, onSubtitlePress: (i) => this.handleExpansionBodyListSubtitleClick({ detail: i, expansionBodyListItem: t }), onSupportingTextPress: (i) => this.handleExpansionBodyListSupportingTextClick({ detail: i, expansionBodyListItem: t }) }))));
   }
   get hostElement() {
     return this;