@ganpatiinfo/gids-core-web 10.3.0 → 13.0.0

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

@@ -1,29 +1,29 @@
 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 F } from "./p-Dg2yoUxw-Cca8ROd_.js";
-import { r as L } from "./p-UxDcM-C5-Dr5d_WpJ.js";
+import { r as L } from "./p-UxDcM-C5-BJO4X0jM.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-BE2G21MT-WGW-ehxu.js";
-import { r as E } from "./p-DA_atCAU-KdxJYYDE.js";
+import { g as k, d as j } from "./p-D4Pimu_8-ARSuGBs4.js";
+import { h as z } from "./p-ub0GuVHb-C9vrhXyF.js";
+import { r as E } from "./p-BVAtja26-C16IjShX.js";
 import { c as g } from "./clsx-OuTLNxxd.js";
 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") && 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 }) => {
+}, 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,
+  getColorModifierByScore: B,
   getStrengthMeterScore: G,
   include1DigitReg: p,
   include1LowercaseLetterReg: b,
   include1SpecialCharReg: q,
   include1UppercaseLetterReg: f
-}, Symbol.toStringTag, { value: "Module" })), d = ({ requirementRule: e, textMinLength: t }) => e === "include-min-length" && t && t > 0, R = (e) => {
+}, Symbol.toStringTag, { value: "Module" })), o = ({ 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);
@@ -41,7 +41,7 @@ const f = /[A-Z]/, b = /[a-z]/, p = /[0-9]/, q = /[^A-Za-z0-9]/, G = ({ text: e,
     case "1-special-character":
       return q.test(s);
     case "include-min-length":
-      return d({
+      return o({
         requirementRule: "include-min-length",
         textMinLength: t
       }) === !0 && s.length >= t;
@@ -67,7 +67,7 @@ const f = /[A-Z]/, b = /[a-z]/, p = /[0-9]/, q = /[^A-Za-z0-9]/, G = ({ text: e,
       requirementText: "Password must contain atleast 1 lowercase letter."
     }
   ];
-  return d({
+  return o({
     requirementRule: "include-min-length",
     textMinLength: e
   }) && t.push({
@@ -82,8 +82,8 @@ const f = /[A-Z]/, b = /[a-z]/, p = /[0-9]/, q = /[^A-Za-z0-9]/, G = ({ text: e,
   checkRequirementRuleSatisfied: I,
   getDefaultRulesAndRequirementsForMeters: m,
   getMeterRulesFromRequirements: R,
-  minLengthRuleCanBeApplied: d
-}, Symbol.toStringTag, { value: "Module" })), D = (e) => {
+  minLengthRuleCanBeApplied: o
+}, Symbol.toStringTag, { value: "Module" })), V = (e) => {
   switch (e) {
     case "error":
       return "danger";
@@ -96,10 +96,10 @@ const f = /[A-Z]/, b = /[a-z]/, p = /[0-9]/, q = /[^A-Za-z0-9]/, G = ({ text: e,
     default:
       return "globe";
   }
-}, N = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, D = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  getRequirementsMeterLabelLeadingIcon: D
-}, Symbol.toStringTag, { value: "Module" })), V = (e) => {
+  getRequirementsMeterLabelLeadingIcon: V
+}, Symbol.toStringTag, { value: "Module" })), N = (e) => {
   switch (e) {
     case "error":
       return "error";
@@ -110,7 +110,7 @@ const f = /[A-Z]/, b = /[a-z]/, p = /[0-9]/, q = /[^A-Za-z0-9]/, G = ({ text: e,
   }
 }, U = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  inputToGidsFieldStatusForPassword: V
+  inputToGidsFieldStatusForPassword: N
 }, Symbol.toStringTag, { value: "Module" })), H = (e) => g("gids-strength-meter", e), Z = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   getGidsStrengthMeterClassNames: H
@@ -128,24 +128,24 @@ const f = /[A-Z]/, b = /[a-z]/, p = /[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 } = 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 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);
+      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);
     }));
   })()) : null;
-}, { getGidsRequirementsMeterLabelClassNames: ne } = J, { getRequirementsMeterLabelLeadingIcon: le } = N, ae = (e) => {
+}, { getGidsRequirementsMeterLabelClassNames: ne } = J, { getRequirementsMeterLabelLeadingIcon: le } = D, 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: oe } = Q, de = ({ requirements: e = [], text: t, textMinLength: s, class: n }) => {
+}, { checkRequirementRuleSatisfied: ue } = $, { getGidsRequirementsMeterClassNames: de } = Q, oe = ({ 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: oe(n) }, e.map(((r) => {
+  return i("div", { class: de(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" ? d({ requirementRule: r.requirementRule, textMinLength: s }) === !0 ? a(r, l) : null : a(r, l);
+      return r.requirementRule === "include-min-length" ? o({ requirementRule: r.requirementRule, textMinLength: s }) === !0 ? a(r, l) : null : a(r, l);
     }
     return null;
   })));
@@ -191,7 +191,7 @@ const f = /[A-Z]/, b = /[a-z]/, p = /[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: "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 })));
+    return i(T, { key: "d432cef8c1647b87dedff271d5885e927e43f308" }, i("gids-field", { key: "48ef08affb80f0d9b5784a0eb68f38311e3c4f81", disabled: this.disabled, count: void 0, helperText: this.helperText, statusText: this.statusText, status: ce(this.status) }, i(F, { key: "6a19f405851738b1b8ca2178a5b59dfe910fc8a8", 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: "628fed42fcc93b0cffa343eb0f36b5873f9602f2", 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: "f5eb222b74d657ea54030c23dcc65fdaa0c6613e", name: "leadingIcon" }), i("slot", { key: "a0a850d852fca98bbc5373e4ba768a08276f0538", name: "leadingAccessory" }), i("div", { key: "4ce3a44dcf00ac7d3cac81d9447cc6b715c92e7e", slot: "trailingAccessory", class: "gids-password-field__trailing-accessory" }, n && i(L, { key: "fb8bb65b5efb02717f2d91c59e9abc875cce3a7a", label: "clear text", size: "lg", onPressDismiss: this._handleDismiss }), a && i(O, { key: "8aff9bce69af15a78d366e286fa7ee63ba1119f7", appearance: "default", size: "xs", width: "intrinsic", disabled: this.disabled, onClick: this._handleRevealPassword }, u ? "Hide" : "Show")))), i("div", { key: "bb9734d4d57e146ea40d8bdee28f14b65a9a6c7b", class: "gids-password-field__meters-container" }, i(ie, { key: "f3bbc38d7f5d8b3cb26a9dcc6817b72084d1ef77", meterRules: _, text: this.value, textMinLength: c }), i(oe, { key: "bd4d1dfb45f868e9bce181a46ef8d60e70d0d492", requirements: this.requirementsMeterRequirements, text: this.value, textMinLength: c })));
   }
   get _el() {
     return this;

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

@@ -1,4 +1,4 @@
-import { n as e, c as t } from "./p-3Ni1-UuQ-CPn15cat.js";
+import { n as e, c as t } from "./p-C3We7Q8Q-2EoDLj5m.js";
 const r = e, s = t;
 export {
   r as GidsPieChart,

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: "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" }))));
+    return a(f, { key: "8ba926923396baba700ffdd150285e2b1d5fdadb" }, a("slot", { key: "f6f2124fa92e77a40d9ef3daad50746d7c19d525", name: "anchor" }), a("div", { key: "e38abaca1c99ae58185684dec56372aac6cdf169", id: "popover", part: "popover", role: "dialog", "aria-modal": "true", tabindex: "-1" }, a("span", { key: "6eaef30f452a72b3221d2c5ddef5ac21aab3ba62", id: "arrow" }), a("div", { key: "cd3bb7bf24a8f2a8273bcb891df314c50a3d00ce" }, a("slot", { key: "18e66983483c84164787fc2f999dbb93bee6f929" }))));
   }
   disconnectedCallback() {
     this.cleanupEventListeners(), this.floatingElementManager?.destroy();

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

@@ -4,7 +4,7 @@ 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, r = o(class extends c {
   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: "739b431734a261fbae14c743c57df459246b69b6", class: this.activeClasses, part: "root" }, e("slot", { key: "8edb4dc441316e613f436d00911b5469661cf245" }));
+    return e("div", { key: "8167fdb99ddda2dd4db8e27f9dc188586652385d", class: this.activeClasses, part: "root" }, e("slot", { key: "e93770f7b43713b32c964fc00492c31de9474e6e" }));
   }
   get _el() {
     return this;
@@ -28,13 +28,13 @@ const d = (s) => n("gids-scrim", s), m = /* @__PURE__ */ Object.freeze(/* @__PUR
     return ".gids-scrim{display:flex;flex-direction:column;background-color:var(--gids-color-background-scrim);height:100vh !important;position:absolute;top:0;bottom:0;left:0;right:0;z-index:1001;align-items:center;justify-content:center;backdrop-filter:blur(12)}";
   }
 }, [257, "gids-scrim", { extraClasses: [513, "extra-classes"], activeClasses: [32] }, void 0, { extraClasses: [{ handleExtraClassesChange: 0 }] }]);
-function r() {
+function i() {
   typeof customElements < "u" && ["gids-scrim"].forEach(((s) => {
-    s === "gids-scrim" && (customElements.get(t(s)) || customElements.define(t(s), i));
+    s === "gids-scrim" && (customElements.get(t(s)) || customElements.define(t(s), r));
   }));
 }
-r();
-const f = i, C = r;
+i();
+const f = r, C = i;
 export {
   f as GidsScrim,
   C as defineCustomElement

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

@@ -18,7 +18,7 @@ const y = ({ appearance: e, type: a, outline: i }, t) => g("gids-badge", {
   getDisplayContent: C,
   maxCount: o,
   shouldIncludeA11yText: I
-}, Symbol.toStringTag, { value: "Module" })), T = ({ appearance: e, width: a = "intrinsic", active: i }, t) => g("gids-tab-item", {
+}, Symbol.toStringTag, { value: "Module" })), x = ({ 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",
@@ -34,13 +34,13 @@ const y = ({ appearance: e, type: a, outline: i }, t) => g("gids-badge", {
   "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({
+}, t), T = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  getGidsTabItemClassNames: T
+  getGidsTabItemClassNames: x
 }, 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 {
+}, { getGidsTabItemClassNames: B } = T, 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 });
@@ -75,7 +75,7 @@ const y = ({ appearance: e, type: a, outline: i }, t) => g("gids-badge", {
   }
   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);
+    return r(f, { key: "df04041b0085eba54f6347803d7dd5795cdcd412", 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;
@@ -84,7 +84,7 @@ const y = ({ appearance: e, type: a, outline: i }, t) => g("gids-badge", {
     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)}";
+    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);white-space:nowrap;flex-shrink:0;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;flex:1;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() {

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

@@ -1,4 +1,4 @@
-import { L as r, u as c, D as a, P as h, q as s } from "./p-Bf3p-DY2-CPqEc-vc.js";
+import { L as r, u as h, D as a, P as c, 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",
@@ -7,7 +7,7 @@ const o = ({ width: e, appearance: t }, d) => l("gids-tab", {
 }, d), p = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   getGidsTabClassNames: o
-}, Symbol.toStringTag, { value: "Module" })), { getGidsTabClassNames: b } = p, i = r(class extends c {
+}, Symbol.toStringTag, { value: "Module" })), { getGidsTabClassNames: b } = p, i = r(class extends h {
   constructor(e) {
     super(), e !== !1 && this.__registerHost(), this.width = "intrinsic", this.appearance = "default";
   }
@@ -38,7 +38,7 @@ const o = ({ width: e, appearance: t }, d) => l("gids-tab", {
   }
   render() {
     const e = b({ width: this.width, appearance: this.appearance });
-    return a(h, { key: "38866821d37edc4393a72972c944a94cf0f277e4", class: e }, a("slot", { key: "edfefab3cc002e1935c1a49f84f34d24bcbaa281" }));
+    return a(c, { key: "00bf73ca04f70d14966823cdd4d228c3d05222e3", class: e }, a("slot", { key: "9b693f9975560d559d972388fb15ca2407ff5d4c" }));
   }
   get hostElement() {
     return this;
@@ -47,7 +47,7 @@ const o = ({ width: e, appearance: t }, d) => l("gids-tab", {
     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}";
+    return ".gids-tab{display:inline-flex;align-items:center;justify-content:flex-start;gap:var(--gids-gap-150);overflow-y:hidden;overflow-x:scroll}.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() {

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

@@ -1,10 +1,10 @@
-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 { 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 b } 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-BE2G21MT-WGW-ehxu.js";
-import { r as x } from "./p-DA_atCAU-KdxJYYDE.js";
-import { g as _ } from "./p-D4Pimu_8-DfEGRQGf.js";
+import { r as p } from "./p-UxDcM-C5-BJO4X0jM.js";
+import { h as g } from "./p-ub0GuVHb-C9vrhXyF.js";
+import { r as x } from "./p-BVAtja26-C16IjShX.js";
+import { g as _ } from "./p-D4Pimu_8-ARSuGBs4.js";
 const v = (e, t) => {
   if (!(e === void 0 || t === void 0))
     return `${e} / ${Math.max(t, 0)}`;
@@ -17,16 +17,16 @@ const v = (e, t) => {
     default:
       return "default";
   }
-}, l = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, n = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   formatCharCount: v,
   inputToGidsFieldStatus: T
-}, Symbol.toStringTag, { value: "Module" })), { inputToGidsFieldStatus: y } = l, q = (e) => e === "implicit" || e === void 0 ? "implicit" : y(e), C = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Symbol.toStringTag, { value: "Module" })), { inputToGidsFieldStatus: y } = n, q = (e) => e === "implicit" || e === void 0 ? "implicit" : y(e), C = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   inputToGidsFieldStatus: q
-}, Symbol.toStringTag, { value: "Module" })), { formatCharCount: F } = l, { inputToGidsFieldStatus: O } = C, n = u(class extends c {
+}, Symbol.toStringTag, { value: "Module" })), { formatCharCount: F } = n, { inputToGidsFieldStatus: O } = C, a = u(class extends h {
   constructor(e) {
-    super(), e !== !1 && this.__registerHost(), this.gidsTextFieldClear = h(this, "gidsTextFieldClear"), this.#e = _(), this._handleDismiss = () => {
+    super(), e !== !1 && this.__registerHost(), this.gidsTextFieldClear = c(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((() => {
-      b(this);
+      f(this);
     })), this._slotContentObserver.observe(this._el, { childList: !0, subtree: !1, attributes: !0, attributeFilter: ["slot"] });
   }
   connectedCallback() {
-    const e = f();
+    const e = b();
     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 ?? {}, 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" })));
+    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: "31fd12bcfe97625c517a2e85734e01dbbd5b59b5", disabled: this.disabled, count: F(this.value?.length, this.maxLength), helperText: this.helperText, statusText: this.statusText, status: O(this.status) }, i(m, { key: "5dd9b4158a9262f88364d07788791f10a037d906", 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: "45980a5df8d74d027f7d15fb3f2f1dffcfe35ea3", 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: "ca0f5b7206e450dc4223013a3bfa15922c3ea7ee", name: "leadingIcon" }), i("slot", { key: "2f9809ef064300e999f60fd34305232e2cdb5c97", name: "leadingAccessory" }), d && i(p, { key: "adcb2d1e5c9eedd94bb6d276333cdb30ff31147c", label: "clear text", slot: "trailingAccessory", size: "lg", onPressDismiss: this._handleDismiss }), i("slot", { key: "5633a1c325c3442044b31e925cda6654764fbb3f", 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), n);
+        customElements.get(s(e)) || customElements.define(s(e), a);
         break;
       case "gids-field":
         customElements.get(s(e)) || g();
@@ -72,7 +72,7 @@ function r() {
   }));
 }
 r();
-const G = n, B = r;
+const G = a, B = r;
 export {
   G as GidsTextField,
   B as defineCustomElement

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

@@ -1,4 +1,4 @@
-import { l as o, o as t } from "./p-KaaOtnwV-D7HTbhvI.js";
+import { l as o, o as t } from "./p-_SIWct9h-jMYFZ-VO.js";
 const s = o, m = t;
 export {
   s as GidsToggleButton,

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

@@ -38,7 +38,7 @@ const o = n(class extends l {
     t && (t.removeEventListener("mouseenter", this.handleShowEvent), t.removeEventListener("focus", this.handleShowEvent), t.removeEventListener("mouseleave", this.handleHideEvent), t.removeEventListener("blur", this.handleHideEvent));
   }
   render() {
-    return e(s, { key: "b0f08c29ac34e9b5dc1f0ebbc677d6eb0bc0e832" }, e("slot", { key: "a43f148f89fc86e1f02ee24a001159c3719e96e1" }), e("span", { key: "df16bd00d7b07684669ec8f446d9b9ddb4be2ada", id: "tooltip", part: "tooltip", role: "tooltip" }, e("span", { key: "03335fae5e572f20f19882a7ca30ca43b1199dca", id: "arrow" }), this.tooltipText));
+    return e(s, { key: "956f6eced99b0c5e6e514a2a3f10976ca64e22c3" }, e("slot", { key: "082d3c166069a309c3ba5f6c1e3eb0519eb84b40" }), e("span", { key: "400f44983016138741b2c3a7b32d5d9f39c09241", id: "tooltip", part: "tooltip", role: "tooltip" }, e("span", { key: "1fcc94a2ab42662921470851bbad8fa46b7f0978", id: "arrow" }), this.tooltipText));
   }
   disconnectedCallback() {
     this.cleanupEventListeners(), this.floatingElementManager?.destroy();
@@ -59,8 +59,8 @@ function a() {
   }));
 }
 a();
-const f = o, v = a;
+const v = o, f = a;
 export {
-  f as GidsTooltip,
-  v as defineCustomElement
+  v as GidsTooltip,
+  f as defineCustomElement
 };

package/dist-bundled/es/{p-DlI2raNo-5V-p1A9Z.js → p-4lN1OdcA-xYP8gbDc.js}

@@ -1,32 +1,15 @@
-import { q as d, L as c, u as h, D as s, P as b } from "./p-Bf3p-DY2-CPqEc-vc.js";
-import { c as p } from "./clsx-OuTLNxxd.js";
-const y = ({ size: t, appearance: e, color: i }, a) => p("gids-display-tag", {
-  "gids-display-tag--xsmall": t === "xs",
-  "gids-display-tag--small": t === "sm",
-  // 'gids-display-tag--medium': size === 'md',
-  "gids-display-tag--large": t === "lg",
-  "gids-display-tag--accent-1": e === "subtle" && i === "accent-1",
-  "gids-display-tag--accent-2": e === "subtle" && i === "accent-2",
-  "gids-display-tag--accent-3": e === "subtle" && i === "accent-3",
-  "gids-display-tag--accent-4": e === "subtle" && i === "accent-4",
-  "gids-display-tag--accent-5": e === "subtle" && i === "accent-5",
-  "gids-display-tag--bold-accent-1": e === "bold" && i === "accent-1",
-  "gids-display-tag--bold-accent-2": e === "bold" && i === "accent-2",
-  "gids-display-tag--bold-accent-3": e === "bold" && i === "accent-3",
-  "gids-display-tag--bold-accent-4": e === "bold" && i === "accent-4",
-  "gids-display-tag--bold-accent-5": e === "bold" && i === "accent-5"
-}, a), u = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+import { q as n, L as g, u as h, D as e, P as c } from "./p-Bf3p-DY2-CPqEc-vc.js";
+import { o as b } from "./p-C2POfZhu-DzG_JxV6.js";
+import { c as y } from "./clsx-OuTLNxxd.js";
+const u = (t) => y("gids-expansion-body-list-item", t), m = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  getGidsDisplaTagClassNames: y
-}, Symbol.toStringTag, { value: "Module" })), m = (t) => p("gids-expansion-body-list-item", t), x = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  getGidsExpansionBodyListItemClassNames: m
-}, Symbol.toStringTag, { value: "Module" })), { getGidsDisplaTagClassNames: f } = u, v = ({ label: t, appearance: e = "subtle", color: i, size: a = "md", icon: l, class: n, ...o }) => s("span", { class: f({ size: a, appearance: e, color: i }, n), ...o }, l, t), { getGidsExpansionBodyListItemClassNames: T } = x, _ = c(class extends h {
+  getGidsExpansionBodyListItemClassNames: u
+}, Symbol.toStringTag, { value: "Module" })), { getGidsExpansionBodyListItemClassNames: x } = m, f = g(class extends h {
   constructor(t) {
-    super(), t !== !1 && this.__registerHost(), this.displayTagVisible = !1, this.displayTagColor = "accent-5", this.displayTagSize = "xs", this.displayTagAppearance = "subtle", this.hasSubtitleItemListener = !1, this.hasSupportingTextItemListener = !1, this.handleSubtitleClick = (e) => {
-      this.applySubtitleSelection({ listItemId: this.listItemId, label: this.label, subtitle: this.subtitle, supportingText: this.supportingText, listItemPressedType: "subtitle", originalEvent: e });
-    }, this.handleSupportingTextClick = (e) => {
-      this.applySupportingTextSelection({ listItemId: this.listItemId, label: this.label, subtitle: this.subtitle, supportingText: this.supportingText, listItemPressedType: "supporting-text", originalEvent: e });
+    super(), t !== !1 && this.__registerHost(), this.displayTagVisible = !1, this.displayTagColor = "accent-5", this.displayTagSize = "xs", this.displayTagAppearance = "subtle", this.hasSubtitleItemListener = !1, this.hasSupportingTextItemListener = !1, this.handleSubtitleClick = (i) => {
+      this.applySubtitleSelection({ listItemId: this.listItemId, label: this.label, subtitle: this.subtitle, supportingText: this.supportingText, listItemPressedType: "subtitle", originalEvent: i });
+    }, this.handleSupportingTextClick = (i) => {
+      this.applySupportingTextSelection({ listItemId: this.listItemId, label: this.label, subtitle: this.subtitle, supportingText: this.supportingText, listItemPressedType: "supporting-text", originalEvent: i });
     };
   }
   handleDisplayTagVisibilityChange(t) {
@@ -81,8 +64,8 @@ const y = ({ size: t, appearance: e, color: i }, a) => p("gids-display-tag", {
     return t && t !== "" ? t.toUpperCase() : "";
   }
   render() {
-    const t = T(), e = this?.label, i = this?.subtitle, a = this?.supportingText, l = this.isValidLabel(), n = this.isValidSubtitle(), o = this.isValidSupportingText(), r = this.isDisplayTagVisible(), g = this?.displayTagLabel ?? "";
-    return s(b, { key: "f8efd33b1166ad50320525759f55707077d46028", class: t }, l || n || r ? s("div", { class: "gids-expansion-body-list-item__primary-container" }, l || r ? s("div", { class: "gids-expansion-body-list-item__primary-content" }, l ? s("span", { class: "gids-expansion-body-list-item__label" }, this.convertTextToUppercase(e)) : void 0, r ? s(v, { color: this.displayTagColor || "accent-5", label: g, size: this.displayTagSize, appearance: this.displayTagAppearance }) : void 0) : void 0, n ? s("button", { type: "button", class: "gids-expansion-body-list-item__subtitle", onClick: this.handleSubtitleClick }, i) : void 0) : void 0, o ? s("div", { class: "gids-expansion-body-list-item__secondary-container" }, s("button", { type: "button", class: "gids-expansion-body-list-item__supporting-text", onClick: this.handleSupportingTextClick }, this.convertTextToUppercase(a))) : void 0);
+    const t = x(), i = this?.label, o = this?.subtitle, r = this?.supportingText, s = this.isValidLabel(), l = this.isValidSubtitle(), p = this.isValidSupportingText(), a = this.isDisplayTagVisible(), d = this?.displayTagLabel ?? "";
+    return e(c, { key: "f70f03c864cc5d3fe92f7f22a1772054636c1e9c", class: t }, s || l || a ? e("div", { class: "gids-expansion-body-list-item__primary-container" }, s || a ? e("div", { class: "gids-expansion-body-list-item__primary-content" }, s ? e("span", { class: "gids-expansion-body-list-item__label" }, this.convertTextToUppercase(i)) : void 0, a ? e(b, { color: this.displayTagColor || "accent-5", label: d, size: this.displayTagSize, appearance: this.displayTagAppearance }) : void 0) : void 0, l ? e("button", { type: "button", class: "gids-expansion-body-list-item__subtitle", onClick: this.handleSubtitleClick }, o) : void 0) : void 0, p ? e("div", { class: "gids-expansion-body-list-item__secondary-container" }, e("button", { type: "button", class: "gids-expansion-body-list-item__supporting-text", onClick: this.handleSupportingTextClick }, this.convertTextToUppercase(r))) : void 0);
   }
   get hostElement() {
     return this;
@@ -94,13 +77,13 @@ const y = ({ size: t, appearance: e, color: i }, a) => p("gids-display-tag", {
     return '.gids-expansion-body-list-item{display:flex;flex:1;gap:var(--gids-gap-400);padding-bottom:var(--gids-padding-vertical-edge-to-element-300);position:relative;cursor:default}.gids-expansion-body-list-item::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-body-list-item::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-body-list-item:has(.gids-expansion-body-list-item__subtitle:hover)::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-body-list-item:has(.gids-expansion-body-list-item__subtitle:hover)::before{opacity:1}.gids-expansion-body-list-item__primary-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;flex:1 0;gap:var(--gids-gap-150)}.gids-expansion-body-list-item__primary-content{display:flex;align-items:center;justify-content:center;gap:var(--gids-gap-200)}.gids-expansion-body-list-item__secondary-container{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end}.gids-expansion-body-list-item__label{font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit);color:var(--gids-color-text-subtle);cursor:default}.gids-expansion-body-list-item__subtitle{margin:0;padding:0;appearance:none;border:none;background:none;font-family:var(--gids-typography-label-medium__font-family);font-size:var(--gids-typography-label-medium__font-size);font-weight:var(--gids-typography-label-medium__font-weight);letter-spacing:var(--gids-typography-label-medium__letter-spacing);line-height:var(--gids-typography-label-medium__line-height);text-transform:var(--gids-typography-label-medium__text-transform, inherit);font-variant-caps:var(--gids-typography-label-medium__font-variant-caps, inherit);color:var(--gids-color-text-default);cursor:pointer}.gids-expansion-body-list-item__supporting-text{margin:0;padding:0;appearance:none;border:none;background:none;font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit);color:var(--gids-color-text-subtle);padding:var(--gids-padding-vertical-edge-to-element-050) var(--gids-padding-horizontal-edge-to-element-100);border-radius:var(--gids-border-radius-sm);cursor:pointer;transition:background-color 0.3s ease-in-out, color 0.3s ease-in-out}.gids-expansion-body-list-item__supporting-text:hover{background-color:var(--gids-color-background-brand-bold-hovered);color:var(--gids-color-text-inverse)}.gids-expansion-body-list-item__supporting-text:active{background-color:var(--gids-color-background-brand-bold-pressed);color:var(--gids-color-text-inverse)}';
   }
 }, [0, "gids-expansion-body-list-item", { listItemId: [1, "list-item-id"], label: [1], subtitle: [1], supportingText: [1, "supporting-text"], displayTagVisible: [4, "display-tag-visible"], displayTagColor: [1, "display-tag-color"], displayTagSize: [1, "display-tag-size"], displayTagAppearance: [1, "display-tag-appearance"], displayTagLabel: [1, "display-tag-label"], onSubtitlePress: [16], onSupportingTextPress: [16] }, void 0, { displayTagVisible: [{ handleDisplayTagVisibilityChange: 0 }], displayTagColor: [{ handleDisplayTagColorChange: 0 }], displayTagSize: [{ handleDisplayTagSizeChange: 0 }], displayTagAppearance: [{ handleDisplayTagAppearanceChange: 0 }] }]);
-function S() {
+function v() {
   typeof customElements < "u" && ["gids-expansion-body-list-item"].forEach(((t) => {
-    t === "gids-expansion-body-list-item" && (customElements.get(d(t)) || customElements.define(d(t), _));
+    t === "gids-expansion-body-list-item" && (customElements.get(n(t)) || customElements.define(n(t), f));
   }));
 }
-S();
+v();
 export {
-  S as g,
-  _ as p
+  v as d,
+  f as r
 };

package/dist-bundled/es/{p-CD_BHkBE-DX2546yK.js → p-6APCjBEI-BREg63Xr.js}

@@ -1,6 +1,6 @@
 import { q as i, L as o, u as n, D as l } from "./p-Bf3p-DY2-CPqEc-vc.js";
 import { i as g } from "./p-B2zUuNXz-BLBgQDu7.js";
-import { d as r } from "./p-BeP2XcqY-DMXmX4Mc.js";
+import { d as r } from "./p-C2O_pGky-CP4PN55D.js";
 import { c } from "./clsx-OuTLNxxd.js";
 const h = ({ appearance: s, size: e, disabled: a }, d) => c("gids-dot", {
   "gids-dot--disabled": a,
@@ -41,7 +41,7 @@ const h = ({ appearance: s, size: e, disabled: a }, d) => c("gids-dot", {
     this.activeClasses = t({ size: this.size, appearance: this.appearance, disabled: this.disabled }, this.extraClasses);
   }
   render() {
-    return l("gids-icon", { key: "f3def666269d9c84a93ec4224d077eabda4ffcd8", class: this.activeClasses, name: "new", alt: "", appearance: "filled" });
+    return l("gids-icon", { key: "81581bd6fb72e8ff6ce203c8e63b2f1c5d9c1121", class: this.activeClasses, name: "new", alt: "", appearance: "filled" });
   }
   get _el() {
     return this;
@@ -53,7 +53,7 @@ const h = ({ appearance: s, size: e, disabled: a }, d) => c("gids-dot", {
     return ".gids-dot{display:flex;--gidsDotIcon-height:var(--gids-size-040);--gidsIcon-height:var(--gidsDotIcon-height);--gidsDotIcon-color:var(--gids-color-icon-subtle);--gidsIcon-color:var(--gidsDotIcon-color)}.gids-dot--sm{--gidsDotIcon-height:var(--gids-size-060)}.gids-dot--md{--gidsDotIcon-height:var(--gids-size-080)}.gids-dot--lg{--gidsDotIcon-height:var(--gids-size-100)}.gids-dot--xl{--gidsDotIcon-height:var(--gids-size-120)}.gids-dot--2xl{--gidsDotIcon-height:var(--gids-size-160)}.gids-dot--3xl{--gidsDotIcon-height:var(--gids-size-200)}.gids-dot--subtle{--gidsDotIcon-color:var(--gids-color-icon-subtle)}.gids-dot--static-inverse{--gidsDotIcon-color:var(--gids-color-icon-inverse)}.gids-dot--disabled{--gidsDotIcon-color:var(--gids-color-icon-disabled)}";
   }
 }, [0, "gids-dot", { extraClasses: [513, "extra-classes"], appearance: [513], size: [513], disabled: [516], activeClasses: [32] }, void 0, { extraClasses: [{ handleExtraClassesAndSizeChange: 0 }], appearance: [{ handleExtraClassesAndSizeChange: 0 }, { handleAppearanceChange: 0 }], size: [{ handleExtraClassesAndSizeChange: 0 }, { handleSizeChange: 0 }], disabled: [{ handleExtraClassesAndSizeChange: 0 }, { handleDisabledChange: 0 }] }]);
-function x() {
+function b() {
   typeof customElements < "u" && ["gids-dot", "gids-icon"].forEach(((s) => {
     switch (s) {
       case "gids-dot":
@@ -64,8 +64,8 @@ function x() {
     }
   }));
 }
-x();
+b();
 export {
-  x as g,
+  b as g,
   C as h
 };

package/dist-bundled/es/{p-Cn-t3SGc-CwvvOdlK.js → p-BCVFQSjK-CKrYrI4b.js}

@@ -1,22 +1,22 @@
-import { q as e, L as i, u as r, D as n } from "./p-Bf3p-DY2-CPqEc-vc.js";
+import { q as t, L as a, u as r, D as n } from "./p-Bf3p-DY2-CPqEc-vc.js";
 import { c as s } from "./clsx-OuTLNxxd.js";
-const o = ({ orientation: t }, a) => s("gids-chart-legend", {
+const o = ({ orientation: e }, i) => s("gids-chart-legend", {
   // 'gids-chart-legend--orientation-horizontal':
   // 	orientation === 'horizontal', // not needed as by default
-  "gids-chart-legend--orientation-vertical": t === "vertical"
-}, a), d = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  "gids-chart-legend--orientation-vertical": e === "vertical"
+}, i), c = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   getGidsChartLegendClassNames: o
-}, Symbol.toStringTag, { value: "Module" })), { getGidsChartLegendClassNames: l } = d, c = i(class extends r {
-  constructor(t) {
-    super(), t !== !1 && this.__registerHost(), this.orientation = "horizontal";
+}, Symbol.toStringTag, { value: "Module" })), { getGidsChartLegendClassNames: d } = c, l = a(class extends r {
+  constructor(e) {
+    super(), e !== !1 && this.__registerHost(), this.orientation = "horizontal";
   }
-  handleOrientationChange(t) {
-    this.orientation = t;
+  handleOrientationChange(e) {
+    this.orientation = e;
   }
   render() {
-    const t = l({ orientation: this.orientation });
-    return n("div", { key: "9a2373a89d0abf628fb88acffb9f30c23b65ddad", class: t }, n("slot", { key: "bf7b24fc56282dad2ada575add2744bf062965f5" }));
+    const e = d({ orientation: this.orientation });
+    return n("div", { key: "644b3200e4de07c715a1da903635dadb90b44c97", class: e }, n("slot", { key: "bf5e22c6a549cf9f9fb64e5edc9cc2a48173933e" }));
   }
   static get watchers() {
     return { orientation: [{ handleOrientationChange: 0 }] };
@@ -26,12 +26,12 @@ const o = ({ orientation: t }, a) => s("gids-chart-legend", {
   }
 }, [260, "gids-chart-legend", { orientation: [1] }, void 0, { orientation: [{ handleOrientationChange: 0 }] }]);
 function g() {
-  typeof customElements < "u" && ["gids-chart-legend"].forEach(((t) => {
-    t === "gids-chart-legend" && (customElements.get(e(t)) || customElements.define(e(t), c));
+  typeof customElements < "u" && ["gids-chart-legend"].forEach(((e) => {
+    e === "gids-chart-legend" && (customElements.get(t(e)) || customElements.define(t(e), l));
   }));
 }
 g();
 export {
-  g as d,
-  c as r
+  g as o,
+  l as r
 };