@ganpatiinfo/gids-core-web 10.1.0 → 10.3.0

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

@@ -0,0 +1,90 @@
+import { L as o, u as r, D as i, P as l, q as a } from "./p-Bf3p-DY2-CPqEc-vc.js";
+import { d as g } from "./p-D4Pimu_8-DfEGRQGf.js";
+import { e as p } from "./p-ChV9xqsO-CJSPCx6p.js";
+import { c as h } from "./clsx-OuTLNxxd.js";
+const c = ({ expanded: e }, n) => h("gids-expansion", {
+  "gids-expansion--expanded": e
+}, n), x = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsExpansionClassNames: c
+}, Symbol.toStringTag, { value: "Module" })), { getGidsExpansionClassNames: b } = x, s = o(class extends r {
+  constructor(e) {
+    super(), e !== !1 && this.__registerHost(), this.labelLevel = "h1", this.hasContent = !1, this.handleExpansionClick = () => {
+      if (this.isInteractive()) {
+        const n = !this.isExpanded();
+        this.expanded = n, this.onExpand && this.onExpand({ expansionId: this.expansionId, expanded: n, label: this?.label, labelLevel: this?.labelLevel, disabled: this?.disabled });
+      }
+    };
+  }
+  handleDisabledChange(e) {
+    this.disabled = e;
+  }
+  handleExpandedChange(e) {
+    this.expanded = e;
+  }
+  handleLabelLevelChange(e) {
+    this.labelLevel = e;
+  }
+  componentDidLoad() {
+    this.checkSlotContent();
+  }
+  checkSlotContent() {
+    const e = this.hostElement.querySelector(".gids-expansion__content");
+    if (e) {
+      const n = e.children.length > 0, t = !!e.textContent && e.textContent.trim().length > 0;
+      this.hasContent = n || t;
+    }
+  }
+  isInteractive() {
+    return !this.disabled && this.hasContent;
+  }
+  isExpanded() {
+    return !!this.expanded && this.isInteractive();
+  }
+  isHavingLabelValue() {
+    return !(!this.label || this.label === "");
+  }
+  getIconSize() {
+    switch (this.labelLevel) {
+      case "h2":
+      case "h3":
+        return "md";
+      default:
+        return "lg";
+    }
+  }
+  getLabelClass() {
+    switch (this.labelLevel) {
+      case "h2":
+        return "gids-expansion__level-h2";
+      case "h3":
+        return "gids-expansion__level-h3";
+      default:
+        return "gids-expansion__level-h1";
+    }
+  }
+  render() {
+    const e = b({ expanded: this.isExpanded() && this.isInteractive() }), n = this.label;
+    return i(l, { key: "61ba4970c6dba5eb82d52ee61398bff60238e295", class: e }, i("button", { key: "6cda4b165bd27dc0fb7727c6ee15393c21c33a0e", onClick: this.handleExpansionClick, class: p("gids-expansion__container", { "gids-expansion__disabled": this.disabled }), disabled: this.disabled, type: "button" }, this.isHavingLabelValue() ? i("span", { class: this.getLabelClass() }, n) : void 0, this.isInteractive() ? i(g, { name: "chevron-down", size: this.getIconSize(), appearance: "filled" }) : void 0), i("div", { key: "3720c533ad28b3d66ea2898e85ef7afd8065a3d7", class: "gids-expansion__body", "aria-hidden": this.isExpanded() ? "false" : "true" }, i("div", { key: "c59bbeb5fc5574dde1bbe2cfd97b4f713afbfd03", class: "gids-expansion__content" }, i("slot", { key: "f1f85de8407c8fd992cd47c95076c955835174c4" }))));
+  }
+  get hostElement() {
+    return this;
+  }
+  static get watchers() {
+    return { disabled: [{ handleDisabledChange: 0 }], expanded: [{ handleExpandedChange: 0 }], labelLevel: [{ handleLabelLevelChange: 0 }] };
+  }
+  static get style() {
+    return '.gids-expansion{display:flex;align-items:center;position:relative;padding:var(--gids-padding-vertical-edge-to-element-300) 0}.gids-expansion:not(.gids-expansion--expanded):not([expanded])::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:var(--gids-color-border-default);transition:background 0.3s ease-in-out;z-index:1}.gids-expansion:not(.gids-expansion--expanded):not([expanded])::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(to right, transparent 0%, transparent 25%, var(--gids-color-background-selected-pressed) 45%, var(--gids-color-background-selected-pressed) 55%, transparent 75%, transparent 100%);opacity:0;transition:opacity 0.3s ease-in-out;z-index:2}.gids-expansion:not(.gids-expansion--expanded):not([expanded]):has(.gids-expansion__container:hover):not([disabled=true]):not([disabled]):not(.gids-expansion__disabled)::after{background:linear-gradient(to right, var(--gids-color-border-default) 0%, var(--gids-color-border-default) 15%, var(--gids-color-background-selected-pressed) 45%, var(--gids-color-background-selected-pressed) 70%, var(--gids-color-border-default) 90%, var(--gids-color-border-default) 100%)}.gids-expansion:not(.gids-expansion--expanded):not([expanded]):has(.gids-expansion__container:hover):not([disabled=true]):not([disabled]):not(.gids-expansion__disabled)::before{opacity:1}.gids-expansion:not(.gids-expansion--expanded):not([expanded]):has(.gids-expansion__container:hover):not([disabled=true]):not([disabled]):not(.gids-expansion__disabled) .gids-expansion__level-h1{color:var(--gids-color-background-brand-bold-default)}.gids-expansion:not(.gids-expansion--expanded):not([expanded]):has(.gids-expansion__container:hover):not([disabled=true]):not([disabled]):not(.gids-expansion__disabled) .gids-expansion__level-h2{color:var(--gids-color-background-brand-bold-default)}.gids-expansion:not(.gids-expansion--expanded):not([expanded]):has(.gids-expansion__container:hover):not([disabled=true]):not([disabled]):not(.gids-expansion__disabled) .gids-expansion__level-h3{color:var(--gids-color-background-brand-bold-default)}.gids-expansion:not(.gids-expansion--expanded):not([expanded]):has(.gids-expansion__container:hover):not([disabled=true]):not([disabled]):not(.gids-expansion__disabled) .gids-icon{--gidsIcon-color:var(--gids-color-background-brand-bold-default)}.gids-expansion__container{margin:0;padding:0;appearance:none;border:none;background:none;cursor:pointer;display:flex;align-items:center;gap:var(--gids-gap-050);white-space:nowrap;color:var(--gids-color-text-default)}.gids-expansion__container gids-icon,.gids-expansion__container .gids-icon,.gids-expansion__container GidsIcon,.gids-expansion__container svg{display:inline-block;transform:rotate3d(0, 0, 1, 0deg);transition:transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);transform-origin:center center;backface-visibility:hidden}.gids-expansion__level-h1{font-family:var(--gids-typography-heading-medium__font-family);font-size:var(--gids-typography-heading-medium__font-size);font-weight:var(--gids-typography-heading-medium__font-weight);letter-spacing:var(--gids-typography-heading-medium__letter-spacing);line-height:var(--gids-typography-heading-medium__line-height);text-transform:var(--gids-typography-heading-medium__text-transform, inherit);font-variant-caps:var(--gids-typography-heading-medium__font-variant-caps, inherit)}.gids-expansion__level-h2{font-family:var(--gids-typography-heading-small__font-family);font-size:var(--gids-typography-heading-small__font-size);font-weight:var(--gids-typography-heading-small__font-weight);letter-spacing:var(--gids-typography-heading-small__letter-spacing);line-height:var(--gids-typography-heading-small__line-height);text-transform:var(--gids-typography-heading-small__text-transform, inherit);font-variant-caps:var(--gids-typography-heading-small__font-variant-caps, inherit)}.gids-expansion__level-h3{font-family:var(--gids-typography-heading-x-small__font-family);font-size:var(--gids-typography-heading-x-small__font-size);font-weight:var(--gids-typography-heading-x-small__font-weight);letter-spacing:var(--gids-typography-heading-x-small__letter-spacing);line-height:var(--gids-typography-heading-x-small__line-height);text-transform:var(--gids-typography-heading-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-heading-x-small__font-variant-caps, inherit)}.gids-expansion__body{position:absolute;top:100%;left:0;width:100%;z-index:10;transform:scaleY(0);transform-origin:top center;opacity:0;visibility:hidden;transition:transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s ease, visibility 0.4s;overflow:hidden}.gids-expansion--expanded{position:relative;display:block}.gids-expansion--expanded .gids-expansion__container gids-icon,.gids-expansion--expanded .gids-expansion__container .gids-icon,.gids-expansion--expanded .gids-expansion__container GidsIcon,.gids-expansion--expanded .gids-expansion__container svg{transform:rotate3d(0, 0, 1, -180deg)}.gids-expansion--expanded .gids-expansion__body{position:relative;top:auto;transform:scaleY(1);opacity:1;visibility:visible}.gids-expansion__content{min-height:0;padding:var(--gids-padding-vertical-edge-to-element-500) 0 var(--gids-padding-horizontal-edge-to-element-500)}.gids-expansion__disabled{color:var(--gids-color-text-disabled);cursor:not-allowed}.gids-expansion__disabled .gids-icon{--gidsIcon-color:var(--gids-color-icon-disabled)}';
+  }
+}, [260, "gids-expansion", { expansionId: [1, "expansion-id"], label: [1], labelLevel: [1, "label-level"], expanded: [516], disabled: [516], onExpand: [16], hasContent: [32] }, void 0, { disabled: [{ handleDisabledChange: 0 }], expanded: [{ handleExpandedChange: 0 }], labelLevel: [{ handleLabelLevelChange: 0 }] }]);
+function d() {
+  typeof customElements < "u" && ["gids-expansion"].forEach(((e) => {
+    e === "gids-expansion" && (customElements.get(a(e)) || customElements.define(a(e), s));
+  }));
+}
+d();
+const u = s, y = d;
+export {
+  u as GidsExpansion,
+  y as defineCustomElement
+};

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

@@ -1,4 +1,4 @@
-import { d as e, h as o } from "./p-DNTv2BQ5-Bwgd30mM.js";
+import { d as e, h as o } from "./p-BE2G21MT-WGW-ehxu.js";
 const t = e, d = o;
 export {
   t as GidsField,

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

@@ -1,6 +1,6 @@
-import { h as t, a as e } from "./p-H1JIMJ2t-DEXp7M4I.js";
-const s = t, i = e;
+import { h as e, a as t } from "./p-2wB6zkno-57WAxATm.js";
+const r = e, s = t;
 export {
-  s as GidsFilter,
-  i as defineCustomElement
+  r as GidsFilter,
+  s as defineCustomElement
 };

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

@@ -1,4 +1,4 @@
-import { c as o, d as e } from "./p-Db62Pz3n-DpQjwBYb.js";
+import { c as o, d as e } from "./p-BeP2XcqY-DMXmX4Mc.js";
 const t = o, m = e;
 export {
   t as GidsIcon,

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

@@ -1,6 +1,6 @@
-import { l as t, r as e } from "./p-BQ-ZnlnH-CUVdDHzX.js";
-const o = t, s = e;
+import { d as t, r as e } from "./p-DA_atCAU-KdxJYYDE.js";
+const s = t, m = e;
 export {
-  o as GidsInput,
-  s as defineCustomElement
+  s as GidsInput,
+  m as defineCustomElement
 };

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

@@ -1,6 +1,6 @@
-import { d as e, g as t } from "./p-CQH7eAs3-BVowyVGn.js";
-const r = e, s = t;
+import { d as t, g as e } from "./p-Ditd1zV7-DdQjXthS.js";
+const s = t, i = e;
 export {
-  r as GidsLineChart,
-  s as defineCustomElement
+  s as GidsLineChart,
+  i as defineCustomElement
 };

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

@@ -1,9 +1,9 @@
 import { L as a, 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
+  showGidsOverflowContainerBottomShadow: h,
+  showGidsOverflowContainerTopShadow: c
 }, Symbol.toStringTag, { value: "Module" })), { showGidsOverflowContainerBottomShadow: s, showGidsOverflowContainerTopShadow: f } = d, r = a(class extends n {
   constructor(t) {
     super(), t !== !1 && this.__registerHost(), this.__attachShadow(), this.shadowLocation = "bottom";
@@ -20,7 +20,7 @@ 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: "97362225f8b3eb16c63650c2265649f0c10cd02d", class: "gids-overflow-container__text-area", onScroll: this.calculateShadows.bind(this) }, e("slot", { key: "833add367bb620d6405caab9aa0fddbbf99185a5" }));
+    return e("div", { key: "3a313522f843cc56f7121cecbf30a623d95f078f", class: "gids-overflow-container__text-area", onScroll: this.calculateShadows.bind(this) }, e("slot", { key: "ba7ae7dd609ab37ccde05f5479184bc2379147ff" }));
   }
   get _el() {
     return this;

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

@@ -2,7 +2,7 @@ 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-D4Pimu_8-DfEGRQGf.js";
-import { o as u } from "./p-UVmSPzTd-DiTxS9kW.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
@@ -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: "98b34b44016b714b3ea32f097a954e7044928a09" }, o("slot", { key: "81a68d3e2087bb2cb547e33579bd9f92ef45e968" }), this._isRoot() ? o("div", { class: G({ position: t }) }, [...this._allowedComponentQueue].reverse().map(((e) => this._renderComponent(e)))) : null);
+    return o(w, { key: "cdc05f54de8a4d399e75e8157393182002f53270" }, o("slot", { key: "75802b7a93840034e30152934b3689e46bc55116" }), 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

@@ -2,28 +2,28 @@ 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
 import { i as C } from "./p-B2zUuNXz-BLBgQDu7.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-DiTxS9kW.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-DNTv2BQ5-Bwgd30mM.js";
-import { r as E } from "./p-BQ-ZnlnH-CUVdDHzX.js";
+import { h as z } from "./p-BE2G21MT-WGW-ehxu.js";
+import { r as E } from "./p-DA_atCAU-KdxJYYDE.js";
 import { c as g } from "./clsx-OuTLNxxd.js";
-const f = /[A-Z]/, p = /[a-z]/, b = /[0-9]/, q = /[^A-Za-z0-9]/, G = ({ 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;
-}, B = ({ 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;
+}, A = ({ 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";
-}, A = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, B = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  getColorModifierByScore: B,
+  getColorModifierByScore: A,
   getStrengthMeterScore: G,
-  include1DigitReg: b,
-  include1LowercaseLetterReg: p,
+  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]/, G = ({ 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]/, G = ({ text: e,
       requirementText: "Password must contain atleast 1 lowercase letter."
     }
   ];
-  return o({
+  return d({
     requirementRule: "include-min-length",
     textMinLength: e
   }) && t.push({
@@ -82,7 +82,7 @@ const f = /[A-Z]/, p = /[a-z]/, b = /[0-9]/, q = /[^A-Za-z0-9]/, G = ({ text: e,
   checkRequirementRuleSatisfied: I,
   getDefaultRulesAndRequirementsForMeters: m,
   getMeterRulesFromRequirements: R,
-  minLengthRuleCanBeApplied: o
+  minLengthRuleCanBeApplied: d
 }, Symbol.toStringTag, { value: "Module" })), D = (e) => {
   switch (e) {
     case "error":
@@ -128,24 +128,24 @@ const f = /[A-Z]/, p = /[a-z]/, b = /[0-9]/, q = /[^A-Za-z0-9]/, G = ({ text: e,
 }, 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 } = A, 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 } = B, 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, w = d <= l;
-      return s[d] === "include-min-length" ? o({ requirementRule: "include-min-length", textMinLength: t }) ? a(d, u, w) : null : a(d, u, w);
+      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 } = 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;
   })));
@@ -191,7 +191,7 @@ const f = /[A-Z]/, p = /[a-z]/, b = /[0-9]/, q = /[^A-Za-z0-9]/, G = ({ 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(T, { key: "ad8824cc057aa37efa91c06726fdc1b557d409de" }, i("gids-field", { key: "59ebf5007857762d94d9b97e43b78ddff47c9ff0", disabled: this.disabled, count: void 0, helperText: this.helperText, statusText: this.statusText, status: ce(this.status) }, i(F, { key: "48268834c82d79a615a8664cc82392ced99fdca7", 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: "b788da8c254e5d60500d61d304ec651d3fedea0c", 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: "d391d4aa12d3141c90ed75738407d1c67b0d0702", name: "leadingIcon" }), i("slot", { key: "6e832b40ffd56cf269c1a0a864f5d87766a27388", name: "leadingAccessory" }), i("div", { key: "583893f7fa33d8f6a38f3751e47294ac48f96176", slot: "trailingAccessory", class: "gids-password-field__trailing-accessory" }, n && i(L, { key: "405c0a96c792c3ea4ab9ed3f62b902865328a878", label: "clear text", size: "lg", onPressDismiss: this._handleDismiss }), a && i(O, { key: "20239498d925c2b88a0197cd24d32dc5f0a3d241", appearance: "default", size: "xs", width: "intrinsic", disabled: this.disabled, onClick: this._handleRevealPassword }, u ? "Hide" : "Show")))), i("div", { key: "0f86c1cdf84b819848c7e4051720482ff5a5247f", class: "gids-password-field__meters-container" }, i(ie, { key: "646c27887adf3f4913bfa78c9f2c30758a4c2491", meterRules: _, text: this.value, textMinLength: c }), i(oe, { key: "07ff4be07b41ea41504a40c775402b138c2c0dc8", requirements: this.requirementsMeterRequirements, text: this.value, textMinLength: c })));
+    return i(T, { key: "2da63c508dfad92a039d34311f6722cde5a0030a" }, i("gids-field", { key: "681e7949267bcb1309bc384f8326bba5177f6e97", disabled: this.disabled, count: void 0, helperText: this.helperText, statusText: this.statusText, status: ce(this.status) }, i(F, { key: "c9c8971bb1305522a61598b4f59cef9a45ef001e", 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: "1f5b913b8f3765b73190d0decd74b6c671a5626e", 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: "5393b401150edd4b4faf94218ff8b247bf053f75", name: "leadingIcon" }), i("slot", { key: "0fdb5e09ae68b25a1c162bdb367e7beaed78bd6a", name: "leadingAccessory" }), i("div", { key: "0a103f3591bb5945f0fb46dd65ef621c197a0028", slot: "trailingAccessory", class: "gids-password-field__trailing-accessory" }, n && i(L, { key: "2b68afbbc62f56a4718651c30426370041514cd8", label: "clear text", size: "lg", onPressDismiss: this._handleDismiss }), a && i(O, { key: "700e248901f3b7e5bbe95fad09f62ba3ac6e599e", appearance: "default", size: "xs", width: "intrinsic", disabled: this.disabled, onClick: this._handleRevealPassword }, u ? "Hide" : "Show")))), i("div", { key: "244b5458eb80cb6c7c4dddb61db206d57863328b", class: "gids-password-field__meters-container" }, i(ie, { key: "002bd407d2de934008988dac37fea8f458bec4ce", meterRules: _, text: this.value, textMinLength: c }), i(de, { key: "b2cdf85a5a68abf33f1868c9f0cfc1263d276f66", requirements: this.requirementsMeterRequirements, text: this.value, textMinLength: c })));
   }
   get _el() {
     return this;

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

@@ -1,6 +1,6 @@
-import { n as e, c as t } from "./p-DPIK2ayL-DPEbctqo.js";
-const s = e, a = t;
+import { n as e, c as t } from "./p-3Ni1-UuQ-CPn15cat.js";
+const r = e, s = t;
 export {
-  s as GidsPieChart,
-  a as defineCustomElement
+  r as GidsPieChart,
+  s as defineCustomElement
 };

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

@@ -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: "d46aad4680cea0578107034ca4945659910c6dd8" }, a("slot", { key: "71b5b313244ca9be78ca0e76e0056a8d6f201f89", name: "anchor" }), a("div", { key: "9be3b9f604bf8a15795ff2f6cbbc439936734795", id: "popover", part: "popover", role: "dialog", "aria-modal": "true", tabindex: "-1" }, a("span", { key: "48f4b97c8c0f2df0bea15c067ebf7cc28f98e98c", id: "arrow" }), a("div", { key: "5547088b9b186ab816e4d6a9e9a3c6bfdde41fd2" }, a("slot", { key: "460c256bddf41d061352917b129501fdd3f383a2" }))));
+    return a(f, { key: "ac91483b7fd0c658f25a226a6b9850ee93e87db0" }, a("slot", { key: "9d3d05d24ce4bda0eb63449d3e382cde02316942", name: "anchor" }), a("div", { key: "85c2ef2857e33a2df493a74c1187cb02d761d3d3", id: "popover", part: "popover", role: "dialog", "aria-modal": "true", tabindex: "-1" }, a("span", { key: "703447615dcb3bbdab7a998b978f22de6b15ec03", id: "arrow" }), a("div", { key: "76e91b31374d09e9408c4f8596bb7fb2f4d4aed7" }, a("slot", { key: "a9efd3f47efb3b08e4322da56417ca93e69c0fa2" }))));
   }
   disconnectedCallback() {
     this.cleanupEventListeners(), this.floatingElementManager?.destroy();

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

@@ -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: "43ae2df4c05e5ce29bb2cd6755ef4472e9a6e078", class: this.activeClasses, part: "root" }, e("slot", { key: "2610048a1d440e95632575b232ca7d923f66cea5" }));
+    return e("div", { key: "739b431734a261fbae14c743c57df459246b69b6", class: this.activeClasses, part: "root" }, e("slot", { key: "8edb4dc441316e613f436d00911b5469661cf245" }));
   }
   get _el() {
     return this;

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: "e5da712f4c782e26eec2c448896841999085f426", 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
+};

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

@@ -0,0 +1,63 @@
+import { L as r, u as c, D as a, P as h, q as s } from "./p-Bf3p-DY2-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), p = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsTabClassNames: o
+}, Symbol.toStringTag, { value: "Module" })), { getGidsTabClassNames: b } = p, i = r(class extends c {
+  constructor(e) {
+    super(), e !== !1 && this.__registerHost(), this.width = "intrinsic", this.appearance = "default";
+  }
+  handleWidthChange(e) {
+    this.width = e;
+  }
+  handleAppearanceChange(e) {
+    this.appearance = e;
+  }
+  handleActiveTabIdChange(e) {
+    this.activeTabId = e;
+  }
+  componentDidLoad() {
+    this.syncPropsToChildren(), this.hostElement.addEventListener("slotchange", (() => this.syncPropsToChildren()));
+  }
+  componentDidUpdate() {
+    this.syncPropsToChildren();
+  }
+  syncPropsToChildren() {
+    this.hostElement.querySelectorAll("gids-tab-item").forEach(((e) => {
+      e && (e.appearance = this.appearance, e.width = this.width, e.active = this.isTabActive(e.itemId), e.onPressGidsTabItem = (t) => {
+        this.activeTabId = t?.itemId, this.onPressGidsTab && this.onPressGidsTab(t), this.syncPropsToChildren();
+      });
+    }));
+  }
+  isTabActive(e) {
+    return e === this.activeTabId;
+  }
+  render() {
+    const e = b({ width: this.width, appearance: this.appearance });
+    return a(h, { key: "38866821d37edc4393a72972c944a94cf0f277e4", class: e }, a("slot", { key: "edfefab3cc002e1935c1a49f84f34d24bcbaa281" }));
+  }
+  get hostElement() {
+    return this;
+  }
+  static get watchers() {
+    return { width: [{ handleWidthChange: 0 }], appearance: [{ handleAppearanceChange: 0 }], activeTabId: [{ handleActiveTabIdChange: 0 }] };
+  }
+  static get style() {
+    return ".gids-tab{display:inline-flex;align-items:center;justify-content:flex-start;gap:var(--gids-gap-150)}.gids-tab--full{display:flex}.gids-tab--item-subtle{gap:0}.gids-tab--item-underlined{gap:0}";
+  }
+}, [260, "gids-tab", { width: [1], appearance: [1], activeTabId: [1, "active-tab-id"], onPressGidsTab: [16] }, void 0, { width: [{ handleWidthChange: 0 }], appearance: [{ handleAppearanceChange: 0 }], activeTabId: [{ handleActiveTabIdChange: 0 }] }]);
+function n() {
+  typeof customElements < "u" && ["gids-tab"].forEach(((e) => {
+    e === "gids-tab" && (customElements.get(s(e)) || customElements.define(s(e), i));
+  }));
+}
+n();
+const m = i, f = n;
+export {
+  m as GidsTab,
+  f as defineCustomElement
+};

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-Bf3p-DY2-CPqEc-vc.js";
-import { i as m } from "./p-B2zUuNXz-BLBgQDu7.js";
-import { a as b } from "./p-Dg2yoUxw-Cca8ROd_.js";
+import { L as u, u as c, z as h, C as b, D as i, q as s } from "./p-Bf3p-DY2-CPqEc-vc.js";
+import { i as f } from "./p-B2zUuNXz-BLBgQDu7.js";
+import { a as m } from "./p-Dg2yoUxw-Cca8ROd_.js";
 import { r as p } from "./p-UxDcM-C5-Dr5d_WpJ.js";
-import { h as g } from "./p-DNTv2BQ5-Bwgd30mM.js";
-import { r as x } from "./p-BQ-ZnlnH-CUVdDHzX.js";
+import { h as g } from "./p-BE2G21MT-WGW-ehxu.js";
+import { r as x } from "./p-DA_atCAU-KdxJYYDE.js";
 import { g as _ } from "./p-D4Pimu_8-DfEGRQGf.js";
 const v = (e, t) => {
   if (!(e === void 0 || t === void 0))
@@ -17,16 +17,16 @@ const v = (e, t) => {
     default:
       return "default";
   }
-}, n = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, l = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   formatCharCount: v,
   inputToGidsFieldStatus: T
-}, Symbol.toStringTag, { value: "Module" })), { inputToGidsFieldStatus: y } = n, q = (e) => e === "implicit" || e === void 0 ? "implicit" : y(e), C = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Symbol.toStringTag, { value: "Module" })), { inputToGidsFieldStatus: y } = l, 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 } = n, { inputToGidsFieldStatus: O } = C, a = u(class extends h {
+}, Symbol.toStringTag, { value: "Module" })), { formatCharCount: F } = l, { 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) => {
@@ -37,11 +37,11 @@ const v = (e, t) => {
   }
   _startSlotContentObserver() {
     this._slotContentObserver = new MutationObserver((() => {
-      f(this);
+      b(this);
     })), this._slotContentObserver.observe(this._el, { childList: !0, subtree: !1, attributes: !0, attributeFilter: ["slot"] });
   }
   connectedCallback() {
-    const e = m();
+    const e = f();
     e !== void 0 && this._el.shadowRoot?.adoptedStyleSheets.push(e), this._startSlotContentObserver();
   }
   disconnectedCallback() {
@@ -50,8 +50,8 @@ const v = (e, t) => {
   #e;
   #t;
   render() {
-    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: "67703f015d57768e530aff47b206ff6716f35332", disabled: this.disabled, count: F(this.value?.length, this.maxLength), helperText: this.helperText, statusText: this.statusText, status: O(this.status) }, i(b, { key: "182405668848cdfe3960eef04a7862862fb42117", 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: "f625d9ca7001879c392f55e806e7f080d7bb4185", 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: "4283d3712a98973ccb96d57b3d6f9fc42a0ff04e", name: "leadingIcon" }), i("slot", { key: "c61b5a4a62ecf2002426d167155fd8687f84b99f", name: "leadingAccessory" }), d && i(p, { key: "61d1a7b396fa1a8bacce9ade90a36de46886b3c0", label: "clear text", slot: "trailingAccessory", size: "lg", onPressDismiss: this._handleDismiss }), i("slot", { key: "b1f35a7a5e7ffc719d86741033fdfc25ee20debc", name: "trailingIcon" })));
+    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: "1afb001542da72cbc0c7d9cef733bd7b9005fc1b", disabled: this.disabled, count: F(this.value?.length, this.maxLength), helperText: this.helperText, statusText: this.statusText, status: O(this.status) }, i(m, { key: "6c1ab66cefcc2b75793c41c970adcdc3b5206c0f", 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: "413c676b85ea6332b03e94901c2645cd4846aa76", 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: "0d9f234f1fb10bb1c7e607a2f6a787a29d7e47de", name: "leadingIcon" }), i("slot", { key: "5a2d8b98924b9c76874c1967e0a532ae023dfbc0", name: "leadingAccessory" }), d && i(p, { key: "27145c73ac38c854be2ca8c1bf7406afe4e965ed", label: "clear text", slot: "trailingAccessory", size: "lg", onPressDismiss: this._handleDismiss }), i("slot", { key: "6b85b3a79ee36ec7d76514adfeeb7b7121f5ca81", name: "trailingIcon" })));
   }
   get _el() {
     return this;
@@ -61,7 +61,7 @@ function r() {
   typeof customElements < "u" && ["gids-text-field", "gids-field", "gids-input"].forEach(((e) => {
     switch (e) {
       case "gids-text-field":
-        customElements.get(s(e)) || customElements.define(s(e), a);
+        customElements.get(s(e)) || customElements.define(s(e), n);
         break;
       case "gids-field":
         customElements.get(s(e)) || g();
@@ -72,7 +72,7 @@ function r() {
   }));
 }
 r();
-const G = a, B = r;
+const G = n, B = r;
 export {
   G as GidsTextField,
   B as defineCustomElement