@ganpatiinfo/gids-core-web 10.0.0 → 10.2.0

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

@@ -0,0 +1,6 @@
+import { h as e, a as s } from "./p-qrjEbv6g-ITSp3ky_.js";
+const o = e, i = s;
+export {
+  o as GidsFilter,
+  i as defineCustomElement
+};

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

@@ -1,6 +1,6 @@
-import { n as o, d as e } from "./p-BiPAgxAQ-BtMBQpJY.js";
-const s = o, t = e;
+import { n as o, d as t } from "./p-8tOn5SjU-D9rZ28cf.js";
+const n = o, s = t;
 export {
-  s as GidsIcon,
-  t as defineCustomElement
+  n as GidsIcon,
+  s as defineCustomElement
 };

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

@@ -1,6 +1,6 @@
-import { c as t, r as e } from "./p-DfFqFdmS-DjI2pk-0.js";
-const o = t, s = e;
+import { c as t, r as e } from "./p-Doi8Yizl-BszWK5Dq.js";
+const s = t, i = e;
 export {
-  o as GidsInput,
-  s as defineCustomElement
+  s as GidsInput,
+  i as defineCustomElement
 };

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

@@ -1,6 +1,6 @@
-import { d as e, h as m } from "./p-uqSjmNkw-Cz2T86sC.js";
-const s = e, t = m;
+import { d as e, h as o } from "./p-Degg_WJz-BLua06el.js";
+const t = e, m = o;
 export {
-  s as GidsLevelGauge,
-  t as defineCustomElement
+  t as GidsLevelGauge,
+  m as defineCustomElement
 };

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

@@ -1,4 +1,4 @@
-import { d as t, g as e } from "./p-D93TNeOt-Vvshbux8.js";
+import { d as t, g as e } from "./p-DoPuGtJd-DYlbhh57.js";
 const s = t, i = e;
 export {
   s as GidsLineChart,

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

@@ -1,4 +1,4 @@
-import { _ as e, u as s, P as i } from "./p-Ct3Ixgvf-CNP_PKwP.js";
+import { L as e, u as s, q as i } from "./p-Bf3p-DY2-CPqEc-vc.js";
 import { e as a } from "./p-CVtNa0cL-sSVeJsR3.js";
 const o = e(class extends s {
   constructor(t) {

package/dist-bundled/es/gids-overflow-container.js

@@ -1,10 +1,10 @@
-import { _ as a, u as n, T as e, P as o } from "./p-Ct3Ixgvf-CNP_PKwP.js";
+import { L as i, u as n, D as e, q as o } from "./p-Bf3p-DY2-CPqEc-vc.js";
 import { i as l } from "./p-B2zUuNXz-BLBgQDu7.js";
-const h = (t) => t === "top" || t === "top-bottom", c = (t) => t === "bottom" || t === "top-bottom", d = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const c = (t) => t === "top" || t === "top-bottom", h = (t) => t === "bottom" || t === "top-bottom", d = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  showGidsOverflowContainerBottomShadow: c,
-  showGidsOverflowContainerTopShadow: h
-}, Symbol.toStringTag, { value: "Module" })), { showGidsOverflowContainerBottomShadow: s, showGidsOverflowContainerTopShadow: f } = d, r = a(class extends n {
+  showGidsOverflowContainerBottomShadow: h,
+  showGidsOverflowContainerTopShadow: c
+}, Symbol.toStringTag, { value: "Module" })), { showGidsOverflowContainerBottomShadow: s, showGidsOverflowContainerTopShadow: f } = d, r = i(class extends n {
   constructor(t) {
     super(), t !== !1 && this.__registerHost(), this.__attachShadow(), this.shadowLocation = "bottom";
   }
@@ -20,19 +20,19 @@ const h = (t) => t === "top" || t === "top-bottom", c = (t) => t === "bottom" ||
     this._textArea.scrollTop + this._textArea.offsetHeight >= this._textArea.scrollHeight ? this._el.style.setProperty("--gidsOverflowContainer-after-opacity", "0") : t !== 0 ? t > 0 && (f(this.shadowLocation) && this._el.style.setProperty("--gidsOverflowContainer-before-opacity", "" + Math.min(t / 20, 1)), s(this.shadowLocation) && this._el.style.setProperty("--gidsOverflowContainer-after-opacity", "" + Math.min((this._textArea.scrollHeight - (this._textArea.scrollTop + this._textArea.offsetHeight)) / 20, 1))) : this._el.style.setProperty("--gidsOverflowContainer-after-opacity", "0");
   }
   render() {
-    return e("div", { key: "fbc4a9851c77e92b2261392c6d8f00664f8adb94", class: "gids-overflow-container__text-area", onScroll: this.calculateShadows.bind(this) }, e("slot", { key: "a825b7f435064d06a22f751e507c8a765817abec" }));
+    return e("div", { key: "da2e579bb37ac775378a4f53c7c30b4f578d9c94", class: "gids-overflow-container__text-area", onScroll: this.calculateShadows.bind(this) }, e("slot", { key: "eaa87a33af09ad8a96361c0368c50730c172bdc1" }));
   }
   get _el() {
     return this;
   }
 }, [257, "gids-overflow-container", { shadowLocation: [513, "shadow-location"] }]);
-function i() {
+function a() {
   typeof customElements < "u" && ["gids-overflow-container"].forEach(((t) => {
     t === "gids-overflow-container" && (customElements.get(o(t)) || customElements.define(o(t), r));
   }));
 }
-i();
-const p = r, m = i;
+a();
+const p = r, m = a;
 export {
   p as GidsOverflowContainer,
   m as defineCustomElement

package/dist-bundled/es/gids-overlay-provider.js

@@ -1,8 +1,8 @@
-import { _ as C, u as y, T as o, L as w, P as f } from "./p-Ct3Ixgvf-CNP_PKwP.js";
+import { L as C, u as y, D as o, F as w, q as f } from "./p-Bf3p-DY2-CPqEc-vc.js";
 import { i as x } from "./p-B2zUuNXz-BLBgQDu7.js";
 import { e as N, n as g } from "./p-CVtNa0cL-sSVeJsR3.js";
-import { d as p } from "./p-BnL97lOW-BO0p4EdC.js";
-import { o as u } from "./p-KxRqlvSh-JOFDmT0B.js";
+import { d as p } from "./p-D4Pimu_8-DfEGRQGf.js";
+import { o as u } from "./p-UVmSPzTd-6vjXok6h.js";
 import { c as h } from "./clsx-OuTLNxxd.js";
 const Q = ({ appearance: t }, e) => h("gids-snackbar-container", {
   // 'gids-snackbar-container--appearance-default': appearance === 'default' // its a default
@@ -24,7 +24,7 @@ const Q = ({ appearance: t }, e) => h("gids-snackbar-container", {
       default:
         return;
     }
-}, P = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, j = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   getGidsSnackbarContainerClassNames: Q,
   getSnackbarContainerIconNames: S
@@ -66,7 +66,7 @@ const Q = ({ appearance: t }, e) => h("gids-snackbar-container", {
     default:
       return "component-exit-bottom-center";
   }
-}, j = ({ position: t, id: e, exitingComponents: n }) => n.includes(e) ? v(t) : b(t), M = ({ position: t }) => {
+}, P = ({ position: t, id: e, exitingComponents: n }) => n.includes(e) ? v(t) : b(t), M = ({ position: t }) => {
   switch (t) {
     case "bottom-left":
       return "common-component-stack component-stack-bottom-left";
@@ -87,7 +87,7 @@ const Q = ({ appearance: t }, e) => h("gids-snackbar-container", {
   }
 }, O = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  getComponentClasses: j,
+  getComponentClasses: P,
   getComponentEntryClasses: b,
   getComponentExitClasses: v,
   getComponentStackClasses: M
@@ -97,7 +97,7 @@ const Q = ({ appearance: t }, e) => h("gids-snackbar-container", {
   "gids-notification-container--appearance-success": t === "success",
   "gids-notification-container--appearance-warning": t === "warning",
   "gids-notification-container--appearance-error": t === "error"
-}, e), I = (t) => {
+}, e), q = (t) => {
   if (t)
     switch (t) {
       case "information":
@@ -111,14 +111,14 @@ const Q = ({ appearance: t }, e) => h("gids-snackbar-container", {
       default:
         return;
     }
-}, q = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, I = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   getGidsNotificationContainerClassNames: T,
-  getNotificationContainerIconNames: I
-}, Symbol.toStringTag, { value: "Module" })), { getGidsSnackbarContainerClassNames: z, getSnackbarContainerIconNames: L } = P, X = ({ appearance: t = "default", children: e, button: n, class: i, ...a }) => {
+  getNotificationContainerIconNames: q
+}, Symbol.toStringTag, { value: "Module" })), { getGidsSnackbarContainerClassNames: z, getSnackbarContainerIconNames: L } = j, X = ({ appearance: t = "default", children: e, button: n, class: i, ...a }) => {
   const r = L(t);
   return o("div", { ...a, class: z({ appearance: t }, i) }, o("div", { class: "gids-snackbar-container__content" }, t !== "default" && r != null ? o(p, { name: r, alt: "", appearance: "filled", size: "md", class: "gids-snackbar-container__icon" }) : null, typeof e == "string" ? o("p", null, e) : e), n);
-}, { getGidsNotificationContainerClassNames: Y, getNotificationContainerIconNames: E } = q, R = ({ notificationTitle: t, children: e, button: n, appearance: i = "default", pronunciation: a = "standard", onCloseNotificationClick: r, class: s, ...m }) => {
+}, { getGidsNotificationContainerClassNames: Y, getNotificationContainerIconNames: E } = I, R = ({ notificationTitle: t, children: e, button: n, appearance: i = "default", pronunciation: a = "standard", onCloseNotificationClick: r, class: s, ...m }) => {
   const c = E(i);
   return o("div", { class: Y({ appearance: i }, s), ...m }, i !== "default" && c ? o("div", { class: "gids-notification-container__leading-icon-wrapper" }, o(p, { size: "md", name: c, alt: "", appearance: "filled" })) : null, o("div", { class: "gids-notification-container__content-wrapper" }, o("div", { class: "gids-notification-container__top-content" }, o("div", { class: "gids-notification-container__text-content" }, t != null && t !== "" ? o("span", { class: "gids-notification-container__title" }, t) : null, e ? typeof e == "string" ? o("p", null, e) : e : null), a === "standard" ? o("div", { class: "gids-notification-container__cross-btn-wrapper" }, o(u, { size: "sm", appearance: "subtle", width: "intrinsic", leadingIcon: o(p, { name: "cross", size: "md", appearance: "regular" }), onClick: r })) : null), n ? o("div", { class: "gids-notification-container__bottom-content" }, n) : null));
 }, { getComponentClasses: B, getComponentStackClasses: G } = O, _ = C(class extends y {
@@ -187,7 +187,7 @@ const Q = ({ appearance: t }, e) => h("gids-snackbar-container", {
   }
   render() {
     const t = this._allowedComponentQueue[0]?.position || "bottom-center";
-    return o(w, { key: "c130346274545aa8cb3b12390fa28f65b612dcd9" }, o("slot", { key: "6bfbde0f8f8a9cc75e3236ac806d762a9f2e0049" }), this._isRoot() ? o("div", { class: G({ position: t }) }, [...this._allowedComponentQueue].reverse().map(((e) => this._renderComponent(e)))) : null);
+    return o(w, { key: "c33ac4169b668a47a2a2a68dd2578378379e8b71" }, o("slot", { key: "a404014f33eb6a13ca999a97c657e4d6c743e946" }), this._isRoot() ? o("div", { class: G({ position: t }) }, [...this._allowedComponentQueue].reverse().map(((e) => this._renderComponent(e)))) : null);
   }
   get _el() {
     return this;

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

@@ -1,29 +1,29 @@
-import { _ as y, u as S, q as w, M as T, T as i, L as x, P as h } from "./p-Ct3Ixgvf-CNP_PKwP.js";
+import { L as S, u as P, z as v, C as x, D as i, F as T, q as h } from "./p-Bf3p-DY2-CPqEc-vc.js";
 import { i as C } from "./p-B2zUuNXz-BLBgQDu7.js";
-import { a as L } from "./p-CRngHsR7-DL9wz3Z3.js";
-import { r as O } from "./p-DZWWuJac-DNQvnHAr.js";
-import { o as F } from "./p-KxRqlvSh-JOFDmT0B.js";
-import { g as k, d as j } from "./p-BnL97lOW-BO0p4EdC.js";
-import { h as E } from "./p-BvYnawkJ-DohV9UNG.js";
-import { r as G } from "./p-DfFqFdmS-DjI2pk-0.js";
+import { a as F } from "./p-Dg2yoUxw-Cca8ROd_.js";
+import { r as L } from "./p-UxDcM-C5-Dr5d_WpJ.js";
+import { o as O } from "./p-UVmSPzTd-6vjXok6h.js";
+import { g as k, d as j } from "./p-D4Pimu_8-DfEGRQGf.js";
+import { h as z } from "./p-C7ifjRCE-CRlorwoN.js";
+import { r as E } from "./p-Doi8Yizl-BszWK5Dq.js";
 import { c as g } from "./clsx-OuTLNxxd.js";
-const f = /[A-Z]/, p = /[a-z]/, b = /[0-9]/, q = /[^A-Za-z0-9]/, z = ({ text: e, meterRules: t = [], textMinLength: s = 0 }) => {
+const f = /[A-Z]/, b = /[a-z]/, p = /[0-9]/, q = /[^A-Za-z0-9]/, G = ({ text: e, meterRules: t = [], textMinLength: s = 0 }) => {
   if (!e || e === "")
     return 0;
   let n = 0;
-  return t.includes("1-uppercase") && f.test(e) && n++, t.includes("1-lowercase") && p.test(e) && n++, t.includes("1-digit") && b.test(e) && n++, t.includes("1-special-character") && q.test(e) && n++, t.includes("include-min-length") && s && s > 0 && e.length >= s && n++, n;
-}, A = ({ textScore: e, maxScore: t }) => {
+  return t.includes("1-uppercase") && f.test(e) && n++, t.includes("1-lowercase") && b.test(e) && n++, t.includes("1-digit") && p.test(e) && n++, t.includes("1-special-character") && q.test(e) && n++, t.includes("include-min-length") && s && s > 0 && e.length >= s && n++, n;
+}, B = ({ textScore: e, maxScore: t }) => {
   const s = t > 0 ? e / t * 100 : 0;
   return s <= 20 ? "is-weak" : s <= 40 ? "is-medium" : s <= 60 ? "is-good-enough" : s <= 80 ? "is-good" : "is-strong";
-}, B = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, A = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  getColorModifierByScore: A,
-  getStrengthMeterScore: z,
-  include1DigitReg: b,
-  include1LowercaseLetterReg: p,
+  getColorModifierByScore: B,
+  getStrengthMeterScore: G,
+  include1DigitReg: p,
+  include1LowercaseLetterReg: b,
   include1SpecialCharReg: q,
   include1UppercaseLetterReg: f
-}, Symbol.toStringTag, { value: "Module" })), o = ({ requirementRule: e, textMinLength: t }) => e === "include-min-length" && t && t > 0, R = (e) => {
+}, Symbol.toStringTag, { value: "Module" })), d = ({ requirementRule: e, textMinLength: t }) => e === "include-min-length" && t && t > 0, R = (e) => {
   const t = [];
   return e && e.length > 0 && e.map((s) => {
     s?.requirementRule && t.push(s.requirementRule);
@@ -35,13 +35,13 @@ const f = /[A-Z]/, p = /[a-z]/, b = /[0-9]/, q = /[^A-Za-z0-9]/, z = ({ text: e,
     case "1-uppercase":
       return f.test(s);
     case "1-lowercase":
-      return p.test(s);
-    case "1-digit":
       return b.test(s);
+    case "1-digit":
+      return p.test(s);
     case "1-special-character":
       return q.test(s);
     case "include-min-length":
-      return o({
+      return d({
         requirementRule: "include-min-length",
         textMinLength: t
       }) === !0 && s.length >= t;
@@ -67,7 +67,7 @@ const f = /[A-Z]/, p = /[a-z]/, b = /[0-9]/, q = /[^A-Za-z0-9]/, z = ({ text: e,
       requirementText: "Password must contain atleast 1 lowercase letter."
     }
   ];
-  return o({
+  return d({
     requirementRule: "include-min-length",
     textMinLength: e
   }) && t.push({
@@ -82,8 +82,8 @@ const f = /[A-Z]/, p = /[a-z]/, b = /[0-9]/, q = /[^A-Za-z0-9]/, z = ({ text: e,
   checkRequirementRuleSatisfied: I,
   getDefaultRulesAndRequirementsForMeters: m,
   getMeterRulesFromRequirements: R,
-  minLengthRuleCanBeApplied: o
-}, Symbol.toStringTag, { value: "Module" })), N = (e) => {
+  minLengthRuleCanBeApplied: d
+}, Symbol.toStringTag, { value: "Module" })), D = (e) => {
   switch (e) {
     case "error":
       return "danger";
@@ -96,10 +96,10 @@ const f = /[A-Z]/, p = /[a-z]/, b = /[0-9]/, q = /[^A-Za-z0-9]/, z = ({ text: e,
     default:
       return "globe";
   }
-}, V = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, N = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  getRequirementsMeterLabelLeadingIcon: N
-}, Symbol.toStringTag, { value: "Module" })), D = (e) => {
+  getRequirementsMeterLabelLeadingIcon: D
+}, Symbol.toStringTag, { value: "Module" })), V = (e) => {
   switch (e) {
     case "error":
       return "error";
@@ -108,12 +108,12 @@ const f = /[A-Z]/, p = /[a-z]/, b = /[0-9]/, q = /[^A-Za-z0-9]/, z = ({ text: e,
     default:
       return "default";
   }
-}, H = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, U = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  inputToGidsFieldStatusForPassword: D
-}, Symbol.toStringTag, { value: "Module" })), U = (e) => g("gids-strength-meter", e), Z = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  inputToGidsFieldStatusForPassword: V
+}, Symbol.toStringTag, { value: "Module" })), H = (e) => g("gids-strength-meter", e), Z = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  getGidsStrengthMeterClassNames: U
+  getGidsStrengthMeterClassNames: H
 }, Symbol.toStringTag, { value: "Module" })), W = ({ status: e }, t) => g("gids-requirements-meter-label", {
   "gids-requirements-meter-label--error": e === "error",
   "gids-requirements-meter-label--information": e === "information",
@@ -125,33 +125,33 @@ const f = /[A-Z]/, p = /[a-z]/, b = /[0-9]/, q = /[^A-Za-z0-9]/, z = ({ text: e,
 }, Symbol.toStringTag, { value: "Module" })), K = (e) => g("gids-requirements-meter", e), Q = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   getGidsRequirementsMeterClassNames: K
-}, Symbol.toStringTag, { value: "Module" })), { inputToGidsFieldStatusForPassword: X } = H, Y = (e) => e === "implicit" || e === void 0 ? "implicit" : X(e), ee = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Symbol.toStringTag, { value: "Module" })), { inputToGidsFieldStatusForPassword: X } = U, Y = (e) => e === "implicit" || e === void 0 ? "implicit" : X(e), ee = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   inputToGidsFieldStatusForPassword: Y
-}, Symbol.toStringTag, { value: "Module" })), { getGidsStrengthMeterClassNames: te } = Z, { getStrengthMeterScore: se, getColorModifierByScore: re } = B, ie = ({ text: e, textMinLength: t, meterRules: s = ["1-uppercase", "1-lowercase", "1-digit", "1-special-character", "include-min-length"], class: n }) => {
+}, Symbol.toStringTag, { value: "Module" })), { getGidsStrengthMeterClassNames: te } = Z, { getStrengthMeterScore: se, getColorModifierByScore: re } = A, ie = ({ text: e, textMinLength: t, meterRules: s = ["1-uppercase", "1-lowercase", "1-digit", "1-special-character", "include-min-length"], class: n }) => {
   const a = (r, l, u) => i("div", { key: r, class: ["gids-strength-meter__strength-" + r, u ? "is-active" : "", u ? l : ""].filter(Boolean).join(" ") });
   return s.length > 0 ? i("div", { class: te(n) }, (() => {
     const r = s.length, l = se({ text: e, textMinLength: t, meterRules: s }), u = re({ textScore: l, maxScore: r });
     return Array.from({ length: r }, ((_, c) => {
-      const d = c + 1, v = d <= l;
-      return s[d] === "include-min-length" ? o({ requirementRule: "include-min-length", textMinLength: t }) ? a(d, u, v) : null : a(d, u, v);
+      const o = c + 1, w = o <= l;
+      return s[o] === "include-min-length" ? d({ requirementRule: "include-min-length", textMinLength: t }) ? a(o, u, w) : null : a(o, u, w);
     }));
   })()) : null;
-}, { getGidsRequirementsMeterLabelClassNames: ne } = J, { getRequirementsMeterLabelLeadingIcon: le } = V, ae = (e) => {
+}, { getGidsRequirementsMeterLabelClassNames: ne } = J, { getRequirementsMeterLabelLeadingIcon: le } = N, ae = (e) => {
   const { label: t, status: s = "default", leadingIconVisible: n = !0, class: a } = e, r = le(s);
   return i("div", { class: ne({ status: s }, a) }, n && s && r ? i(j, { name: r, size: "sm", appearance: "filled" }) : null, t && t !== "" ? i("span", null, t) : null);
-}, { checkRequirementRuleSatisfied: ue } = $, { getGidsRequirementsMeterClassNames: de } = Q, oe = ({ requirements: e = [], text: t, textMinLength: s, class: n }) => {
+}, { checkRequirementRuleSatisfied: ue } = $, { getGidsRequirementsMeterClassNames: oe } = Q, de = ({ requirements: e = [], text: t, textMinLength: s, class: n }) => {
   const a = (r, l) => i(ae, { status: l ? "success" : "error", label: r.requirementText });
-  return i("div", { class: de(n) }, e.map(((r) => {
+  return i("div", { class: oe(n) }, e.map(((r) => {
     if (r?.requirementText != null && r?.requirementRule != null) {
       const l = ue({ rule: r.requirementRule, textMinLength: s, text: t });
-      return r.requirementRule === "include-min-length" ? o({ requirementRule: r.requirementRule, textMinLength: s }) === !0 ? a(r, l) : null : a(r, l);
+      return r.requirementRule === "include-min-length" ? d({ requirementRule: r.requirementRule, textMinLength: s }) === !0 ? a(r, l) : null : a(r, l);
     }
     return null;
   })));
-}, { inputToGidsFieldStatusForPassword: ce } = ee, M = y(class extends S {
+}, { inputToGidsFieldStatusForPassword: ce } = ee, M = S(class extends P {
   constructor(e) {
-    super(), e !== !1 && this.__registerHost(), this.gidsPasswordFieldClear = w(this, "gidsPasswordFieldClear"), this.gidsPasswordFieldRevealPassword = w(this, "gidsPasswordFieldRevealPassword"), this.isPasswordRevealed = !1, this.meterRules = [], this.requirementsMeterRequirements = [], this.requirements = [], this.#t = k(), this._handleDismiss = () => {
+    super(), e !== !1 && this.__registerHost(), this.gidsPasswordFieldClear = v(this, "gidsPasswordFieldClear"), this.gidsPasswordFieldRevealPassword = v(this, "gidsPasswordFieldRevealPassword"), this.isPasswordRevealed = !1, this.meterRules = [], this.requirementsMeterRequirements = [], this.requirements = [], this.#t = k(), this._handleDismiss = () => {
       const t = this.#e?.querySelector("input.gids-input__control");
       t && (t.value = "", t.dispatchEvent(new globalThis.Event("input", { bubbles: !0 }))), this.value = "", this.gidsPasswordFieldClear.emit();
     }, this._handleRevealPassword = () => {
@@ -171,7 +171,7 @@ const f = /[A-Z]/, p = /[a-z]/, b = /[0-9]/, q = /[^A-Za-z0-9]/, z = ({ text: e,
   }
   _startSlotContentObserver() {
     this._slotContentObserver = new MutationObserver((() => {
-      T(this);
+      x(this);
     })), this._slotContentObserver.observe(this._el, { childList: !0, subtree: !1, attributes: !0, attributeFilter: ["slot"] });
   }
   handleRequirementsChange(e) {
@@ -191,7 +191,7 @@ const f = /[A-Z]/, p = /[a-z]/, b = /[0-9]/, q = /[^A-Za-z0-9]/, z = ({ text: e,
   #e;
   render() {
     const { id: e, ...t } = this.inputProps ?? {}, s = e ?? this.#t, n = this.showClearButton && this.value !== void 0 && this.value.length > 0, a = this.showRevealPasswordButton, r = { ...t }, l = r?.placeholder !== void 0 && r.placeholder !== null && r.placeholder != "" ? r.placeholder : "Enter password", u = this.isPasswordRevealed, _ = this.meterRules, c = this.textMinLength !== void 0 ? this.textMinLength : 8;
-    return i(x, { key: "20e80248a1bf89a1fbcc45afde2d53bd51fbdbcc" }, i("gids-field", { key: "f3b8a64102cca5dc4342cc06c24c42ade33ff182", disabled: this.disabled, count: void 0, helperText: this.helperText, statusText: this.statusText, status: ce(this.status) }, i(L, { key: "49d56818bb59470c86a1375540849ac72a85ec39", slot: "label", disabled: this.disabled, info: i("slot", { name: "info" }), fieldRequirement: this.fieldRequirement, fieldRequirementOptionalText: this.fieldRequirementOptionalText, fieldRequirementRequiredText: this.fieldRequirementRequiredText, isLabelSentence: this.isLabelSentence, htmlFor: s }, this.label), i("gids-input", { key: "b4c52f50b940fd6d9bf8102cd8e9982827348294", ref: (d) => this.#e = d, appearance: "default", 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: void 0, trailingLabel: void 0, onFocus: this._handleInputFocusAndBlur, onBlur: this._handleInputFocusAndBlur, onInput: this._handleInput, inputProps: { ...r, placeholder: l, type: u ? "text" : "password", id: s, maxLength: this.maxLength } }, i("slot", { key: "125c163e6d2b647aee98931303cd133e67ccdd75", name: "leadingIcon" }), i("slot", { key: "137a5bf21cd658dc4eca833fb09954b3b68393d4", name: "leadingAccessory" }), i("div", { key: "4e87732b5d198ac176dc0fc68a99cb4b82cbcdf4", slot: "trailingAccessory", class: "gids-password-field__trailing-accessory" }, n && i(O, { key: "a8016058d8823a75c0188fe707f39aad1834a6e6", label: "clear text", size: "lg", onPressDismiss: this._handleDismiss }), a && i(F, { key: "3bfe55f6787c42df0a9a9351ac96b12fa90826ab", appearance: "default", size: "xs", width: "intrinsic", disabled: this.disabled, onClick: this._handleRevealPassword }, u ? "Hide" : "Show")))), i("div", { key: "d2b12032cafa7414481251d9b2c5cacc94bcf745", class: "gids-password-field__meters-container" }, i(ie, { key: "5aa93ffa5361c3b4d5b8f9d7fd13ff6628821ebe", meterRules: _, text: this.value, textMinLength: c }), i(oe, { key: "96131ad3f4c4318450952b2c6b8325d2bd567cf6", requirements: this.requirementsMeterRequirements, text: this.value, textMinLength: c })));
+    return i(T, { key: "5a01700ed2e889989e76a785a4ea9f0832d43cba" }, i("gids-field", { key: "82a848875d90d33e909277e9caca152802263775", disabled: this.disabled, count: void 0, helperText: this.helperText, statusText: this.statusText, status: ce(this.status) }, i(F, { key: "cbc12d98213148de3bd0bd24f73122fcc1bb0175", slot: "label", disabled: this.disabled, info: i("slot", { name: "info" }), fieldRequirement: this.fieldRequirement, fieldRequirementOptionalText: this.fieldRequirementOptionalText, fieldRequirementRequiredText: this.fieldRequirementRequiredText, isLabelSentence: this.isLabelSentence, htmlFor: s }, this.label), i("gids-input", { key: "86182396314618b1191b5af4dad1974ecec29d90", ref: (o) => this.#e = o, appearance: "default", 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: void 0, trailingLabel: void 0, onFocus: this._handleInputFocusAndBlur, onBlur: this._handleInputFocusAndBlur, onInput: this._handleInput, inputProps: { ...r, placeholder: l, type: u ? "text" : "password", id: s, maxLength: this.maxLength } }, i("slot", { key: "e0b5bfe6509975144dbb6eb9051cc161ee3730fb", name: "leadingIcon" }), i("slot", { key: "591d68804011e67edefbebd2ecbb0477608a6b9e", name: "leadingAccessory" }), i("div", { key: "e0b980ba3896b39aa59601f6ccc1940459de83da", slot: "trailingAccessory", class: "gids-password-field__trailing-accessory" }, n && i(L, { key: "29890daceaa8d95274eb501dba3ba139b1992b3f", label: "clear text", size: "lg", onPressDismiss: this._handleDismiss }), a && i(O, { key: "6e278e24e56531945fd9ee76b85278d31bf359d7", appearance: "default", size: "xs", width: "intrinsic", disabled: this.disabled, onClick: this._handleRevealPassword }, u ? "Hide" : "Show")))), i("div", { key: "6b379f62ce81fc6c2c641e98c53f3b5a57abe939", class: "gids-password-field__meters-container" }, i(ie, { key: "de60ed4d66045e988f60a8240b1e649003c7a841", meterRules: _, text: this.value, textMinLength: c }), i(de, { key: "8bcaae4c9d45b10b8462f81c885dbb4998f62a8f", requirements: this.requirementsMeterRequirements, text: this.value, textMinLength: c })));
   }
   get _el() {
     return this;
@@ -200,23 +200,23 @@ const f = /[A-Z]/, p = /[a-z]/, b = /[0-9]/, q = /[^A-Za-z0-9]/, z = ({ text: e,
     return { requirements: [{ handleRequirementsChange: 0 }], textMinLength: [{ handleRequirementsChange: 0 }] };
   }
 }, [260, "gids-password-field", { label: [513], showClearButton: [516, "show-clear-button"], showRevealPasswordButton: [516, "show-reveal-password-button"], helperText: [513, "helper-text"], statusText: [513, "status-text"], status: [513], loading: [516], name: [513], required: [516], maxLength: [514, "maxlength"], value: [1], defaultValue: [513, "default-value"], disabled: [516], readOnly: [516, "readonly"], inputProps: [16], fieldRequirement: [513, "field-requirement"], fieldRequirementOptionalText: [1, "field-requirement-optional-text"], fieldRequirementRequiredText: [1, "field-requirement-required-text"], isLabelSentence: [16], textMinLength: [514, "text-min-length"], requirements: [16], isPasswordRevealed: [32], meterRules: [32], requirementsMeterRequirements: [32] }, void 0, { requirements: [{ handleRequirementsChange: 0 }], textMinLength: [{ handleRequirementsChange: 0 }] }]);
-function P() {
+function y() {
   typeof customElements < "u" && ["gids-password-field", "gids-field", "gids-input"].forEach(((e) => {
     switch (e) {
       case "gids-password-field":
         customElements.get(h(e)) || customElements.define(h(e), M);
         break;
       case "gids-field":
-        customElements.get(h(e)) || E();
+        customElements.get(h(e)) || z();
         break;
       case "gids-input":
-        customElements.get(h(e)) || G();
+        customElements.get(h(e)) || E();
     }
   }));
 }
-P();
-const ve = M, we = P;
+y();
+const we = M, ve = y;
 export {
-  ve as GidsPasswordField,
-  we as defineCustomElement
+  we as GidsPasswordField,
+  ve as defineCustomElement
 };

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

@@ -1,6 +1,6 @@
-import { n as e, c as s } from "./p-tyIgTtUC-C8jR4A5G.js";
-const o = e, i = s;
+import { n as e, c as s } from "./p-BfnzH6wp-BfLC7Nak.js";
+const o = e, r = s;
 export {
   o as GidsPieChart,
-  i as defineCustomElement
+  r as defineCustomElement
 };

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

@@ -1,4 +1,4 @@
-import { _ as v, u as p, T as a, L as f, P as l } from "./p-Ct3Ixgvf-CNP_PKwP.js";
+import { L as v, u as p, D as a, F as f, q as l } from "./p-Bf3p-DY2-CPqEc-vc.js";
 import { g as E } from "./p-a3JfEYJp-DyhDK6VZ.js";
 import { o as b } from "./p-B8kX8Vqv-trBz4jdS.js";
 const h = v(class extends p {
@@ -64,7 +64,7 @@ const h = v(class extends p {
     e && e.removeEventListener("click", this.handleToggleEvent), document.removeEventListener("click", this.handleDocumentClick), document.removeEventListener("keydown", this.handleKeyDown);
   }
   render() {
-    return a(f, { key: "4147e2407a0e2592d65db07e6d92dcbd37e52b5d" }, a("slot", { key: "82f2de1b78ee81f7b2363a2fbf4fc80029c6529f", name: "anchor" }), a("div", { key: "371b9c7c170bf8621e2a847eca6771e140ee161e", id: "popover", part: "popover", role: "dialog", "aria-modal": "true", tabindex: "-1" }, a("span", { key: "19dbf2c247353839c075674f068f2d435a23bec1", id: "arrow" }), a("div", { key: "374d276cdd13093c74b8a35d7447c328f4f90d0c" }, a("slot", { key: "45d5f02df1f6aa160d080a5f5a10e0ba9e6aa8f8" }))));
+    return a(f, { key: "da99dff29f34b163522c42a2a17bf4556dd9ba02" }, a("slot", { key: "776a6ca0c9379f9059f8522feda55210476e0cd1", name: "anchor" }), a("div", { key: "1a73966a626ae553e28dca105f9b567312362497", id: "popover", part: "popover", role: "dialog", "aria-modal": "true", tabindex: "-1" }, a("span", { key: "06f5ddfd7795fa4f7a8c6fc7106e128d0ec51e54", id: "arrow" }), a("div", { key: "aed89418ee2297532a0655fca1a0d1bc8d24c06b" }, a("slot", { key: "2474edda5a80075dabc0b19af54ea2585e62ca1d" }))));
   }
   disconnectedCallback() {
     this.cleanupEventListeners(), this.floatingElementManager?.destroy();
@@ -103,8 +103,8 @@ function g() {
   }));
 }
 g();
-const k = h, F = g;
+const F = h, k = g;
 export {
-  k as GidsPopover,
-  F as defineCustomElement
+  F as GidsPopover,
+  k as defineCustomElement
 };

package/dist-bundled/es/gids-progress-circle.js

@@ -1,4 +1,4 @@
-import { h as e, d as r } from "./p-quZYWCxU-CPyWW0nv.js";
+import { h as e, d as r } from "./p-CoS0NuDU-CqmDcRWj.js";
 const o = e, t = r;
 export {
   o as GidsProgressCircle,

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

@@ -1,10 +1,10 @@
-import { _ as o, u as c, T as e, P as t } from "./p-Ct3Ixgvf-CNP_PKwP.js";
+import { L as c, u as o, D as e, q as t } from "./p-Bf3p-DY2-CPqEc-vc.js";
 import { i as l } from "./p-B2zUuNXz-BLBgQDu7.js";
 import { c as n } from "./clsx-OuTLNxxd.js";
 const d = (s) => n("gids-scrim", s), m = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   getGidsScrimClassNames: d
-}, Symbol.toStringTag, { value: "Module" })), { getGidsScrimClassNames: a } = m, i = o(class extends c {
+}, Symbol.toStringTag, { value: "Module" })), { getGidsScrimClassNames: a } = m, i = c(class extends o {
   constructor(s) {
     super(), s !== !1 && this.__registerHost(), this.__attachShadow(), this.activeClasses = "";
   }
@@ -16,7 +16,7 @@ const d = (s) => n("gids-scrim", s), m = /* @__PURE__ */ Object.freeze(/* @__PUR
     s !== void 0 && this._el.shadowRoot?.adoptedStyleSheets.push(s), this.activeClasses = a(this.extraClasses);
   }
   render() {
-    return e("div", { key: "bb28bc59d4522f27c3637774153603462d628be0", class: this.activeClasses, part: "root" }, e("slot", { key: "24becefcfa3a4842163b62a255266d71dd27d765" }));
+    return e("div", { key: "f9bf11077e7b7141816116d1cace7a87d9dfa652", class: this.activeClasses, part: "root" }, e("slot", { key: "221cacbb0a57c9c356d20988b02e7730e74b4430" }));
   }
   get _el() {
     return this;

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

@@ -1,4 +1,4 @@
-import { _ as a, u as o, P as s } from "./p-Ct3Ixgvf-CNP_PKwP.js";
+import { L as a, u as o, q as s } from "./p-Bf3p-DY2-CPqEc-vc.js";
 import { e as i } from "./p-CVtNa0cL-sSVeJsR3.js";
 const e = a(class extends o {
   constructor(t) {

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

@@ -0,0 +1,100 @@
+import { L as m, u as p, D as r, P as f, q as c } from "./p-Bf3p-DY2-CPqEc-vc.js";
+import { n } from "./nonEmpty-B284_5ai.js";
+import { c as g } from "./clsx-OuTLNxxd.js";
+const y = ({ appearance: e, type: a, outline: i }, t) => g("gids-badge", {
+  "gids-badge--danger": e === "danger",
+  "gids-badge--positive": e === "positive",
+  "gids-badge--warning": e === "warning",
+  "gids-badge--inverse": e === "inverse"
+}, {
+  "gids-badge--dot": a === "dot"
+}, {
+  "gids-badge--outline": i
+}, t), k = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsBadgeClassNames: y
+}, Symbol.toStringTag, { value: "Module" })), o = 99, I = (e, a, i) => e === "dot" || a !== void 0 && a > o || i, C = (e, a) => e === void 0 ? a ?? "" : e > o ? `${o}+` : e.toString(), _ = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getDisplayContent: C,
+  maxCount: o,
+  shouldIncludeA11yText: I
+}, Symbol.toStringTag, { value: "Module" })), T = ({ appearance: e, width: a = "intrinsic", active: i }, t) => g("gids-tab-item", {
+  // Widths
+  // 'gids-tab-item--intrinsic': width === 'intrinsic', // By default so not needed
+  "gids-tab-item--full": a === "full",
+  // Apperances on active
+  "gids-tab-item--active-default": e === "default" && i,
+  "gids-tab-item--active-primary": e === "primary" && i,
+  "gids-tab-item--active-bordered": e === "bordered" && i,
+  "gids-tab-item--active-underlined": e === "underlined" && i,
+  "gids-tab-item--active-subtle": e === "subtle" && i,
+  // Apperances on inactive
+  "gids-tab-item--default": e === "default" && !i,
+  "gids-tab-item--primary": e === "primary" && !i,
+  "gids-tab-item--bordered": e === "bordered" && !i,
+  "gids-tab-item--underlined": e === "underlined" && !i,
+  "gids-tab-item--subtle": e === "subtle" && !i
+}, t), x = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsTabItemClassNames: T
+}, Symbol.toStringTag, { value: "Module" })), { getDisplayContent: l, shouldIncludeA11yText: w } = _, { getGidsBadgeClassNames: A } = k, S = ({ appearance: e, type: a, count: i, accessibleText: t, outline: d, class: v, ...h }) => {
+  const s = w(a, i, n(t));
+  return r("span", { class: A({ appearance: e, type: a, outline: d }, v), ...h }, s && r("span", { class: "gids-visually-hidden" }, n(t) ? t : i), a === "notification" ? s ? r("span", { "aria-hidden": "true" }, l(i, t)) : l(i, t) : null);
+}, { getGidsTabItemClassNames: B } = x, b = m(class extends p {
+  constructor(e) {
+    super(), e !== !1 && this.__registerHost(), this.active = !1, this.width = "intrinsic", this.appearance = "default", this.badgeVisible = !1, this.badgeAppearance = "information", this.badgeType = "dot", this.hasLeadingIcon = !1, this.hasTrailingIcon = !1, this.handleHostClick = () => {
+      this.onPressGidsTabItem && this.onPressGidsTabItem({ itemId: this.itemId, label: this?.label ?? "", active: this?.active ?? !1, appearance: this?.appearance ?? "default", name: this?.name, badgeCount: this?.badgeCount ?? 0 });
+    };
+  }
+  handleWidthChange(e) {
+    this.width = e;
+  }
+  handleAppearanceChange(e) {
+    this.appearance = e;
+  }
+  handleBadgeVisibilityChange(e) {
+    this.badgeVisible = e;
+  }
+  handleBadgeAppearanceChange(e) {
+    this.badgeAppearance = e;
+  }
+  handleBadgeTypeChange(e) {
+    this.badgeType = e;
+  }
+  handleActiveChange(e) {
+    this.active = e;
+  }
+  componentWillLoad() {
+    this.checkSlots();
+  }
+  componentWillUpdate() {
+    this.checkSlots();
+  }
+  checkSlots() {
+    this.hasLeadingIcon = !!this.hostElement.querySelector('[slot="leadingIconTabItem"]'), this.hasTrailingIcon = !!this.hostElement.querySelector('[slot="trailingIconTabItem"]');
+  }
+  render() {
+    const e = B({ appearance: this.appearance, width: this.width, active: this.active }), a = this.hasTrailingIcon, i = this.badgeVisible, t = this.appearance === "primary" && this.active ? "inverse" : this.badgeAppearance ?? "information", d = this.label;
+    return r(f, { key: "111117f9953d07da3af26834ab19352c9334a36a", class: e, onClick: this.handleHostClick }, this.hasLeadingIcon ? r("slot", { name: "leadingIconTabItem" }) : void 0, d && d !== "" ? r("span", { class: "gids-tab-item__label" }, d && d !== "" ? d : void 0, i ? r(S, { appearance: t, type: this.badgeType, count: this.badgeCount }) : void 0) : void 0, a ? r("slot", { name: "trailingIconTabItem" }) : void 0);
+  }
+  get hostElement() {
+    return this;
+  }
+  static get watchers() {
+    return { width: [{ handleWidthChange: 0 }], appearance: [{ handleAppearanceChange: 0 }], badgeVisible: [{ handleBadgeVisibilityChange: 0 }], badgeAppearance: [{ handleBadgeAppearanceChange: 0 }], badgeType: [{ handleBadgeTypeChange: 0 }], active: [{ handleActiveChange: 0 }] };
+  }
+  static get style() {
+    return ".gids-tab-item{margin:0;padding:0;appearance:none;border:none;background:none;display:inline-flex;justify-content:center;align-items:center;gap:var(--gids-gap-100);padding:var(--gids-padding-vertical-edge-to-element-150) var(--gids-padding-horizontal-edge-to-element-150);color:var(--gids-color-text-accent-5);cursor:pointer}.gids-tab-item .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-5)}.gids-tab-item__label{font-family:var(--gids-typography-label-small__font-family);font-size:var(--gids-typography-label-small__font-size);font-weight:var(--gids-typography-label-small__font-weight);letter-spacing:var(--gids-typography-label-small__letter-spacing);line-height:var(--gids-typography-label-small__line-height);text-transform:var(--gids-typography-label-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-small__font-variant-caps, inherit);display:flex;justify-content:center;align-items:center;gap:var(--gids-gap-150)}.gids-tab-item--full{display:flex}.gids-tab-item--default{border-radius:var(--gids-border-radius-md)}.gids-tab-item--default:hover{background-color:var(--gids-color-background-accent-4-subtler-hovered);color:var(--gids-color-text-accent-4)}.gids-tab-item--default:hover .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--default:active{background-color:var(--gids-color-background-accent-4-subtler-pressed);color:var(--gids-color-text-accent-4)}.gids-tab-item--default:active .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--primary{border-radius:var(--gids-border-radius-md)}.gids-tab-item--primary:hover{background-color:var(--gids-color-background-accent-4-bolder-hovered);color:var(--gids-color-text-inverse)}.gids-tab-item--primary:hover .gids-icon{--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-tab-item--primary:active{background-color:var(--gids-color-background-accent-4-bolder-pressed);color:var(--gids-color-text-inverse)}.gids-tab-item--primary:active .gids-icon{--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-tab-item--bordered{border-radius:var(--gids-border-radius-full)}.gids-tab-item--bordered:hover{background-color:var(--gids-color-background-accent-4-subtlest-hovered);color:var(--gids-color-text-accent-4);border:var(--gids-border-width-thick) solid var(--gids-color-border-accent-4)}.gids-tab-item--bordered:hover .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--bordered:active{background-color:var(--gids-color-background-accent-4-subtlest-pressed);color:var(--gids-color-text-accent-4);border:var(--gids-border-width-thick) solid var(--gids-color-border-accent-4)}.gids-tab-item--bordered:active .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--underlined{border-bottom:var(--gids-border-width-thick) solid var(--gids-color-border-input)}.gids-tab-item--underlined:hover{background-color:var(--gids-color-background-accent-4-subtlest-hovered);border-bottom:var(--gids-border-width-thick) solid var(--gids-color-border-accent-4);border-top-left-radius:var(--gids-border-radius-md);border-top-right-radius:var(--gids-border-radius-md);color:var(--gids-color-text-accent-4)}.gids-tab-item--underlined:active{background-color:var(--gids-color-background-accent-4-subtlest-pressed);border-bottom:var(--gids-border-width-thick) solid var(--gids-color-border-accent-4);border-top-left-radius:var(--gids-border-radius-md);border-top-right-radius:var(--gids-border-radius-md);color:var(--gids-color-text-accent-4)}.gids-tab-item--subtle:hover{color:var(--gids-color-text-accent-4)}.gids-tab-item--subtle:hover .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--subtle:active{color:var(--gids-color-text-accent-4)}.gids-tab-item--subtle:active .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--active-default{border-radius:var(--gids-border-radius-md);background-color:var(--gids-color-background-accent-4-subtler-default);color:var(--gids-color-text-accent-4)}.gids-tab-item--active-default .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--active-default:hover{background-color:var(--gids-color-background-accent-4-subtler-hovered)}.gids-tab-item--active-default:active{background-color:var(--gids-color-background-accent-4-subtler-pressed)}.gids-tab-item--active-primary{border-radius:var(--gids-border-radius-md);background-color:var(--gids-color-background-accent-4-bolder-default);color:var(--gids-color-text-inverse)}.gids-tab-item--active-primary .gids-icon{--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-tab-item--active-primary:hover{background-color:var(--gids-color-background-accent-4-bolder-hovered)}.gids-tab-item--active-primary:active{background-color:var(--gids-color-background-accent-4-bolder-pressed)}.gids-tab-item--active-bordered{border-radius:var(--gids-border-radius-full);border:var(--gids-border-width-thick) solid var(--gids-color-border-accent-4);background-color:var(--gids-color-background-accent-4-subtlest-default);color:var(--gids-color-text-accent-4)}.gids-tab-item--active-bordered .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--active-bordered:hover{background-color:var(--gids-color-background-accent-4-subtlest-hovered)}.gids-tab-item--active-bordered:active{background-color:var(--gids-color-background-accent-4-subtlest-pressed)}.gids-tab-item--active-underlined{border-bottom:var(--gids-border-width-thick) solid var(--gids-color-border-accent-4);border-top-left-radius:var(--gids-border-radius-md);border-top-right-radius:var(--gids-border-radius-md);color:var(--gids-color-text-accent-4);background-color:var(--gids-color-background-accent-4-subtlest-default)}.gids-tab-item--active-underlined .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--active-underlined:hover{background-color:var(--gids-color-background-accent-4-subtlest-hovered)}.gids-tab-item--active-underlined:active{background-color:var(--gids-color-background-accent-4-subtlest-pressed)}.gids-tab-item--active-subtle{color:var(--gids-color-text-accent-4)}.gids-tab-item--active-subtle .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}";
+  }
+}, [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 u() {
+  typeof customElements < "u" && ["gids-tab-item"].forEach(((e) => {
+    e === "gids-tab-item" && (customElements.get(c(e)) || customElements.define(c(e), b));
+  }));
+}
+u();
+const G = b, L = u;
+export {
+  G as GidsTabItem,
+  L as defineCustomElement
+};