@ganpatiinfo/gids-core-web 9.0.0 → 10.1.0

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

@@ -0,0 +1,88 @@
+import { L as n, u as r, D as s, q as a } from "./p-Bf3p-DY2-CPqEc-vc.js";
+import { a as d } from "./p-Dg2yoUxw-Cca8ROd_.js";
+import { c as l } from "./p-Cn3-K5eR-tQ1EOnDF.js";
+import { h } from "./p-DNTv2BQ5-Bwgd30mM.js";
+import { r as u } from "./p-BQ-ZnlnH-CUVdDHzX.js";
+import { g as c } from "./p-D4Pimu_8-DfEGRQGf.js";
+const i = n(class extends r {
+  constructor(e) {
+    super(), e !== !1 && this.__registerHost(), this.internals = this.attachInternals(), this.appearance = "default", this.expanded = !1, this.#e = c(), this.handleSelectionChange = (t) => {
+      this.value = t.value, this.syncFormValue(t.value), this.onSelectionChange?.(t);
+    }, this.handleDropdownFocusAndBlur = (t) => {
+      this.hostElement.dispatchEvent(new FocusEvent(t.type, { relatedTarget: t.relatedTarget }));
+    };
+  }
+  #e;
+  componentWillLoad() {
+    this.syncFormValue(this.value);
+  }
+  handleValueChange(e) {
+    this.syncFormValue(e);
+  }
+  syncFormValue(e) {
+    this.internals.setFormValue(e ?? "");
+  }
+  getDropdownControl() {
+    return this.hostElement.querySelector("gids-dropdown");
+  }
+  get form() {
+    return this.getDropdownControl()?.form ?? null;
+  }
+  get validity() {
+    return this.getDropdownControl()?.validity ?? {};
+  }
+  get validationMessage() {
+    return this.getDropdownControl()?.validationMessage ?? "";
+  }
+  get willValidate() {
+    return this.getDropdownControl()?.willValidate ?? !1;
+  }
+  async checkValidity() {
+    const e = this.getDropdownControl();
+    return !e?.checkValidity || await e.checkValidity();
+  }
+  async reportValidity() {
+    const e = this.getDropdownControl();
+    return !e?.reportValidity || await e.reportValidity();
+  }
+  async setCustomValidity(e) {
+    const t = this.getDropdownControl();
+    if (t?.setCustomValidity) return await t.setCustomValidity(e);
+  }
+  render() {
+    const e = this.inputProps?.id ?? this.#e, t = { ...this.inputProps, id: e, placeholder: this.inputProps?.placeholder ?? "Please select an option" };
+    return s("gids-field", { key: "e6a0a13ea0e4af7eed1fe4fdf4a75a0cc2e25781", disabled: this.disabled, helperText: this.helperText, statusText: this.statusText, status: this.status }, this.label !== void 0 ? s(d, { slot: "label", disabled: this.disabled, htmlFor: e, fieldRequirement: this.required ? "required" : void 0 }, this.label) : null, s("gids-dropdown", { key: "8bc3cc97ae4c0aca628ec4b23886084e1e640235", appearance: this.appearance, expanded: this.expanded, inputProps: t, disabled: this.disabled, readOnly: this.readOnly, loading: this.loading, value: this.value, name: this.name, onSelectionChange: this.handleSelectionChange, onFocus: this.handleDropdownFocusAndBlur, onBlur: this.handleDropdownFocusAndBlur, required: this.required }, s("slot", { key: "fc99a57e26453a285f0f0b9f229b6cd51807308d", name: "leadingIconDropdown" }), s("slot", { key: "97ef4d59ff8b845879ac34f3b32e47f8e8174fd2", name: "leadingAccessoryDropdown" }), s("slot", { key: "0b61c948bf3e1419e4db201fb3b659666e112fbf" })));
+  }
+  static get formAssociated() {
+    return !0;
+  }
+  get hostElement() {
+    return this;
+  }
+  static get watchers() {
+    return { value: [{ handleValueChange: 0 }] };
+  }
+}, [324, "gids-dropdown-field", { label: [513], helperText: [513, "helper-text"], statusText: [513, "status-text"], status: [513], appearance: [513], expanded: [516], readOnly: [516, "readonly"], disabled: [516], loading: [516], inputProps: [16], value: [1025], name: [513], onSelectionChange: [16], required: [516], checkValidity: [64], reportValidity: [64], setCustomValidity: [64] }, void 0, { value: [{ handleValueChange: 0 }] }]);
+function o() {
+  typeof customElements < "u" && ["gids-dropdown-field", "gids-dropdown", "gids-field", "gids-input"].forEach(((e) => {
+    switch (e) {
+      case "gids-dropdown-field":
+        customElements.get(a(e)) || customElements.define(a(e), i);
+        break;
+      case "gids-dropdown":
+        customElements.get(a(e)) || l();
+        break;
+      case "gids-field":
+        customElements.get(a(e)) || h();
+        break;
+      case "gids-input":
+        customElements.get(a(e)) || u();
+    }
+  }));
+}
+o();
+const b = i, V = o;
+export {
+  b as GidsDropdownField,
+  V as defineCustomElement
+};

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

@@ -0,0 +1,6 @@
+import { r, h as o } from "./p-JjN8U9B5-GeWjfJBY.js";
+const s = r, t = o;
+export {
+  s as GidsDropdownPicker,
+  t as defineCustomElement
+};

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

@@ -0,0 +1,6 @@
+import { l as o, c as e } from "./p-Cn3-K5eR-tQ1EOnDF.js";
+const s = o, t = e;
+export {
+  s as GidsDropdown,
+  t as defineCustomElement
+};

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

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

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

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

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

@@ -1,32 +1,6 @@
-import { C as o, H as e, f as d, R as a } from "./p-ibikYq-w-BsGxk8ro.js";
-import { i as n } from "./p-B2zUuNXz-BLBgQDu7.js";
-import { d as c } from "./p-veoOgDXg-fRinub-C.js";
-const t = o(class extends d {
-  constructor(i) {
-    super(), i !== !1 && this.__registerHost(), this.__attachShadow();
-  }
-  connectedCallback() {
-    const i = n();
-    i !== void 0 && this._el.shadowRoot?.adoptedStyleSheets.push(i);
-  }
-  render() {
-    return a(c, { key: "3033afda529cd2143bd0d3c3ca5c985b4b950eae", name: this.name, size: this.size, appearance: this.appearance, alt: this.alt, titleId: this.titleId });
-  }
-  get _el() {
-    return this;
-  }
-  static get style() {
-    return ".gids-icon{color:var(--gidsIcon-color, var(--gids-color-icon-default));fill:var(--gidsIcon-color, var(--gids-color-icon-default));width:auto;height:var(--gidsIcon-height, 100%);flex-shrink:0}.gids-icon--xs{--gidsIcon-height:var(--gids-size-120)}.gids-icon--sm{--gidsIcon-height:var(--gids-size-160)}.gids-icon--md{--gidsIcon-height:var(--gids-size-240)}.gids-icon--lg{--gidsIcon-height:var(--gids-size-320)}";
-  }
-}, [1, "gids-icon", { name: [1], size: [1], appearance: [1], alt: [1], titleId: [1, "title-id"] }]);
-function s() {
-  typeof customElements < "u" && ["gids-icon"].forEach(((i) => {
-    i === "gids-icon" && (customElements.get(e(i)) || customElements.define(e(i), t));
-  }));
-}
-s();
-const h = t, m = s;
+import { c as o, d as e } from "./p-Db62Pz3n-DpQjwBYb.js";
+const t = o, m = e;
 export {
-  h as GidsIcon,
+  t as GidsIcon,
   m as defineCustomElement
 };

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

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

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

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

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

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

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

@@ -1,4 +1,4 @@
-import { C as e, f as s, H as i } from "./p-ibikYq-w-BsGxk8ro.js";
+import { L as e, u as s, q as i } from "./p-Bf3p-DY2-CPqEc-vc.js";
 import { e as a } from "./p-CVtNa0cL-sSVeJsR3.js";
 const o = e(class extends s {
   constructor(t) {

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

@@ -1,10 +1,10 @@
-import { C as i, f as n, R as e, H as o } from "./p-ibikYq-w-BsGxk8ro.js";
+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({
   __proto__: null,
   showGidsOverflowContainerBottomShadow: c,
   showGidsOverflowContainerTopShadow: h
-}, Symbol.toStringTag, { value: "Module" })), { showGidsOverflowContainerBottomShadow: s, showGidsOverflowContainerTopShadow: f } = d, r = i(class extends n {
+}, 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,19 +20,19 @@ const h = (t) => t === "top" || t === "top-bottom", c = (t) => t === "bottom" ||
     this._textArea.scrollTop + this._textArea.offsetHeight >= this._textArea.scrollHeight ? this._el.style.setProperty("--gidsOverflowContainer-after-opacity", "0") : t !== 0 ? t > 0 && (f(this.shadowLocation) && this._el.style.setProperty("--gidsOverflowContainer-before-opacity", "" + Math.min(t / 20, 1)), s(this.shadowLocation) && this._el.style.setProperty("--gidsOverflowContainer-after-opacity", "" + Math.min((this._textArea.scrollHeight - (this._textArea.scrollTop + this._textArea.offsetHeight)) / 20, 1))) : this._el.style.setProperty("--gidsOverflowContainer-after-opacity", "0");
   }
   render() {
-    return e("div", { key: "0a7916237558157e7122aeb05de6bf2eaaf5df77", class: "gids-overflow-container__text-area", onScroll: this.calculateShadows.bind(this) }, e("slot", { key: "fda73f846c0ec7371d57b7a8e379c028e0feaa98" }));
+    return e("div", { key: "97362225f8b3eb16c63650c2265649f0c10cd02d", class: "gids-overflow-container__text-area", onScroll: this.calculateShadows.bind(this) }, e("slot", { key: "833add367bb620d6405caab9aa0fddbbf99185a5" }));
   }
   get _el() {
     return this;
   }
 }, [257, "gids-overflow-container", { shadowLocation: [513, "shadow-location"] }]);
-function a() {
+function i() {
   typeof customElements < "u" && ["gids-overflow-container"].forEach(((t) => {
     t === "gids-overflow-container" && (customElements.get(o(t)) || customElements.define(o(t), r));
   }));
 }
-a();
-const p = r, m = a;
+i();
+const p = r, m = i;
 export {
   p as GidsOverflowContainer,
   m as defineCustomElement

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

@@ -1,8 +1,8 @@
-import { C as k, f as y, R as o, L as w, H as f } from "./p-ibikYq-w-BsGxk8ro.js";
+import { L as C, u as y, D as o, F as w, q as f } from "./p-Bf3p-DY2-CPqEc-vc.js";
 import { i as x } from "./p-B2zUuNXz-BLBgQDu7.js";
 import { e as N, n as g } from "./p-CVtNa0cL-sSVeJsR3.js";
-import { d as p } from "./p-veoOgDXg-fRinub-C.js";
-import { o as u } from "./p-CFw4_-5A-Dzvju3VE.js";
+import { d as p } from "./p-D4Pimu_8-DfEGRQGf.js";
+import { o as u } from "./p-UVmSPzTd-DiTxS9kW.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
@@ -97,7 +97,7 @@ const Q = ({ appearance: t }, e) => h("gids-snackbar-container", {
   "gids-notification-container--appearance-success": t === "success",
   "gids-notification-container--appearance-warning": t === "warning",
   "gids-notification-container--appearance-error": t === "error"
-}, e), I = (t) => {
+}, e), q = (t) => {
   if (t)
     switch (t) {
       case "information":
@@ -111,24 +111,24 @@ const Q = ({ appearance: t }, e) => h("gids-snackbar-container", {
       default:
         return;
     }
-}, q = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, I = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   getGidsNotificationContainerClassNames: T,
-  getNotificationContainerIconNames: I
-}, Symbol.toStringTag, { value: "Module" })), { getGidsSnackbarContainerClassNames: z, getSnackbarContainerIconNames: L } = j, R = ({ appearance: t = "default", children: e, button: n, class: i, ...a }) => {
+  getNotificationContainerIconNames: q
+}, Symbol.toStringTag, { value: "Module" })), { getGidsSnackbarContainerClassNames: z, getSnackbarContainerIconNames: L } = j, X = ({ appearance: t = "default", children: e, button: n, class: i, ...a }) => {
   const r = L(t);
   return o("div", { ...a, class: z({ appearance: t }, i) }, o("div", { class: "gids-snackbar-container__content" }, t !== "default" && r != null ? o(p, { name: r, alt: "", appearance: "filled", size: "md", class: "gids-snackbar-container__icon" }) : null, typeof e == "string" ? o("p", null, e) : e), n);
-}, { getGidsNotificationContainerClassNames: X, getNotificationContainerIconNames: Y } = q, E = ({ notificationTitle: t, children: e, button: n, appearance: i = "default", pronunciation: a = "standard", onCloseNotificationClick: r, class: s, ...m }) => {
-  const c = Y(i);
-  return o("div", { class: X({ appearance: i }, s), ...m }, i !== "default" && c ? o("div", { class: "gids-notification-container__leading-icon-wrapper" }, o(p, { size: "md", name: c, alt: "", appearance: "filled" })) : null, o("div", { class: "gids-notification-container__content-wrapper" }, o("div", { class: "gids-notification-container__top-content" }, o("div", { class: "gids-notification-container__text-content" }, t != null && t !== "" ? o("span", { class: "gids-notification-container__title" }, t) : null, e ? typeof e == "string" ? o("p", null, e) : e : null), a === "standard" ? o("div", { class: "gids-notification-container__cross-btn-wrapper" }, o(u, { size: "sm", appearance: "subtle", width: "intrinsic", leadingIcon: o(p, { name: "cross", size: "md", appearance: "regular" }), onClick: r })) : null), n ? o("div", { class: "gids-notification-container__bottom-content" }, n) : null));
-}, { getComponentClasses: B, getComponentStackClasses: G } = O, _ = k(class extends y {
+}, { getGidsNotificationContainerClassNames: Y, getNotificationContainerIconNames: E } = I, R = ({ notificationTitle: t, children: e, button: n, appearance: i = "default", pronunciation: a = "standard", onCloseNotificationClick: r, class: s, ...m }) => {
+  const c = E(i);
+  return o("div", { class: Y({ appearance: i }, s), ...m }, i !== "default" && c ? o("div", { class: "gids-notification-container__leading-icon-wrapper" }, o(p, { size: "md", name: c, alt: "", appearance: "filled" })) : null, o("div", { class: "gids-notification-container__content-wrapper" }, o("div", { class: "gids-notification-container__top-content" }, o("div", { class: "gids-notification-container__text-content" }, t != null && t !== "" ? o("span", { class: "gids-notification-container__title" }, t) : null, e ? typeof e == "string" ? o("p", null, e) : e : null), a === "standard" ? o("div", { class: "gids-notification-container__cross-btn-wrapper" }, o(u, { size: "sm", appearance: "subtle", width: "intrinsic", leadingIcon: o(p, { name: "cross", size: "md", appearance: "regular" }), onClick: r })) : null), n ? o("div", { class: "gids-notification-container__bottom-content" }, n) : null));
+}, { getComponentClasses: B, getComponentStackClasses: G } = O, _ = C(class extends y {
   constructor(t) {
     super(), t !== !1 && this.__registerHost(), this.__attachShadow(), this._parentOverlayProvider = null, this._componentQueue = [], this._allowedComponentQueue = [], this._exitingComponents = [], this._renderSnackbar = (e, n) => {
       const { id: i, message: a, appearance: r, buttonLabel: s, onButtonClick: m } = e;
-      return o(R, { key: i, class: n, children: a, appearance: r, button: s != null && s !== "" ? o(u, { appearance: "subtle", onClick: m }, s) : void 0 });
+      return o(X, { key: i, class: n, children: a, appearance: r, button: s != null && s !== "" ? o(u, { appearance: "subtle", onClick: m }, s) : void 0 });
     }, this._renderNotification = (e, n) => {
       const { id: i, notificationTitle: a, message: r, pronunciation: s, appearance: m, buttonLabel: c, onButtonClick: l, timerInMs: d } = e;
-      return o(E, { key: i, class: n, notificationTitle: a, children: r, pronunciation: s, appearance: m, onCloseNotificationClick: () => this.removeComponent(e, d || 0, !0), button: c != null && c !== "" ? o(u, { appearance: "default", size: "sm", onClick: l }, c) : void 0 });
+      return o(R, { key: i, class: n, notificationTitle: a, children: r, pronunciation: s, appearance: m, onCloseNotificationClick: () => this.removeComponent(e, d || 0, !0), button: c != null && c !== "" ? o(u, { appearance: "default", size: "sm", onClick: l }, c) : void 0 });
     }, this._renderComponent = (e) => {
       const { componentName: n, position: i = "bottom-center", id: a } = e, r = B({ position: i, id: a, exitingComponents: this._exitingComponents });
       return n == null || n === "snackbar" ? this._renderSnackbar(e, r) : n === "notification" ? this._renderNotification(e, r) : null;
@@ -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: "cfacf71807978b22d6f2a9e33c0518e9aefc3a58" }, o("slot", { key: "4b4fa08f00a46a95ed4af543f85aad06affee847" }), this._isRoot() ? o("div", { class: G({ position: t }) }, [...this._allowedComponentQueue].reverse().map(((e) => this._renderComponent(e)))) : null);
+    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);
   }
   get _el() {
     return this;
@@ -196,13 +196,13 @@ const Q = ({ appearance: t }, e) => h("gids-snackbar-container", {
     return ".common-component-stack{display:flex;flex-direction:column;position:fixed;gap:var(--gids-gap-200);min-width:var(--gids-width-2-xs);max-width:var(--gids-width-md);width:100%}.component-stack-bottom-left{justify-self:left;bottom:var(--gids-padding-vertical-edge-to-element-250);left:var(--gids-padding-vertical-edge-to-element-250)}.component-stack-bottom-right{justify-self:right;bottom:var(--gids-padding-vertical-edge-to-element-250);right:var(--gids-padding-vertical-edge-to-element-250)}.component-stack-middle-left{top:50%;justify-self:left;align-self:center;left:var(--gids-padding-vertical-edge-to-element-250)}.component-stack-middle-right{top:50%;justify-self:right;align-self:center;right:var(--gids-padding-vertical-edge-to-element-250)}.component-stack-top-center{justify-self:center;top:var(--gids-padding-vertical-edge-to-element-250)}.component-stack-top-left{justify-self:left;top:var(--gids-padding-vertical-edge-to-element-250);left:var(--gids-padding-vertical-edge-to-element-250)}.component-stack-top-right{justify-self:right;top:var(--gids-padding-vertical-edge-to-element-250);right:var(--gids-padding-vertical-edge-to-element-250)}.component-stack-bottom-center{justify-self:center;bottom:var(--gids-padding-vertical-edge-to-element-250)}.component-enter-bottom-left{animation-name:left-to-right-visible;animation-duration:0.3s;animation-fill-mode:forwards}.component-enter-bottom-right{animation-name:right-to-left-visible;animation-duration:0.3s;animation-fill-mode:forwards}.component-enter-middle-left{animation-name:left-to-right-visible;animation-duration:0.3s;animation-fill-mode:forwards}.component-enter-middle-right{animation-name:right-to-left-visible;animation-duration:0.3s;animation-fill-mode:forwards}.component-enter-top-center{animation-name:slide-up-invisible;animation-duration:0.3s;animation-fill-mode:forwards}.component-enter-top-left{animation-name:left-to-right-visible;animation-duration:0.3s;animation-fill-mode:forwards}.component-enter-top-right{animation-name:right-to-left-visible;animation-duration:0.3s;animation-fill-mode:forwards}.component-enter-bottom-center{animation-name:slide-up-visible;animation-duration:0.3s;animation-fill-mode:forwards}.component-exit-bottom-left{animation-name:right-to-left-invisible;animation-duration:0.3s;animation-fill-mode:forwards}.component-exit-bottom-right{animation-name:left-to-right-invisible;animation-duration:0.3s;animation-fill-mode:forwards}.component-exit-middle-left{animation-name:right-to-left-invisible;animation-duration:0.3s;animation-fill-mode:forwards}.component-exit-middle-right{animation-name:left-to-right-invisible;animation-duration:0.3s;animation-fill-mode:forwards}.component-exit-top-center{animation-name:slide-down-visible;animation-duration:0.3s;animation-fill-mode:forwards}.component-exit-top-left{animation-name:right-to-left-invisible;animation-duration:0.3s;animation-fill-mode:forwards}.component-exit-top-right{animation-name:left-to-right-invisible;animation-duration:0.3s;animation-fill-mode:forwards}.component-exit-bottom-center{animation-name:slide-down-invisible;animation-duration:0.3s;animation-fill-mode:forwards}@keyframes slide-up-visible{0%{opacity:0;transform:translateY(100%)}100%{opacity:1;transform:translateY(0)}}@keyframes slide-down-invisible{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(100%)}}@keyframes slide-up-invisible{0%{opacity:0;transform:translateY(-100%)}100%{opacity:1;transform:translateY(0)}}@keyframes slide-down-visible{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-100%)}}@keyframes left-to-right-visible{0%{opacity:0;transform:translateX(-100%)}100%{opacity:1;transform:translateX(0)}}@keyframes right-to-left-invisible{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-100%)}}@keyframes right-to-left-visible{0%{opacity:0;transform:translateX(100%)}100%{opacity:1;transform:translateX(0)}}@keyframes left-to-right-invisible{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(100%)}}";
   }
 }, [257, "gids-overlay-provider", { _componentQueue: [32], _allowedComponentQueue: [32], _exitingComponents: [32], queueComponent: [64] }]);
-function C() {
+function k() {
   typeof customElements < "u" && ["gids-overlay-provider"].forEach(((t) => {
     t === "gids-overlay-provider" && (customElements.get(f(t)) || customElements.define(f(t), _));
   }));
 }
-C();
-const K = _, U = C;
+k();
+const K = _, U = k;
 export {
   K as GidsOverlayProvider,
   U as defineCustomElement

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

@@ -1,28 +1,29 @@
-import { C as S, f as P, V as v, N as x, R as i, L as T, H as h } from "./p-ibikYq-w-BsGxk8ro.js";
+import { L as S, u as P, z as v, C as x, D as i, F as T, q as h } from "./p-Bf3p-DY2-CPqEc-vc.js";
 import { i as C } from "./p-B2zUuNXz-BLBgQDu7.js";
-import { n as L, o as O } from "./p-DijVkS9b-CeV1i4T-.js";
-import { o as F } from "./p-CFw4_-5A-Dzvju3VE.js";
-import { g as k, d as j } from "./p-veoOgDXg-fRinub-C.js";
-import { h as E } from "./p-iCAclJND-Bmsvd-W1.js";
-import { r as G } from "./p-DvoHLz_5-C5EvA91N.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 { 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 { c as g } from "./clsx-OuTLNxxd.js";
-const f = /[A-Z]/, p = /[a-z]/, b = /[0-9]/, q = /[^A-Za-z0-9]/, z = ({ text: e, meterRules: t = [], textMinLength: s = 0 }) => {
+const f = /[A-Z]/, p = /[a-z]/, b = /[0-9]/, q = /[^A-Za-z0-9]/, G = ({ text: e, meterRules: t = [], textMinLength: s = 0 }) => {
   if (!e || e === "")
     return 0;
   let n = 0;
   return t.includes("1-uppercase") && f.test(e) && n++, t.includes("1-lowercase") && p.test(e) && n++, t.includes("1-digit") && b.test(e) && n++, t.includes("1-special-character") && q.test(e) && n++, t.includes("include-min-length") && s && s > 0 && e.length >= s && n++, n;
-}, A = ({ textScore: e, maxScore: t }) => {
+}, B = ({ textScore: e, maxScore: t }) => {
   const s = t > 0 ? e / t * 100 : 0;
   return s <= 20 ? "is-weak" : s <= 40 ? "is-medium" : s <= 60 ? "is-good-enough" : s <= 80 ? "is-good" : "is-strong";
-}, B = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, A = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  getColorModifierByScore: A,
-  getStrengthMeterScore: z,
+  getColorModifierByScore: B,
+  getStrengthMeterScore: G,
   include1DigitReg: b,
   include1LowercaseLetterReg: p,
   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);
@@ -40,7 +41,7 @@ const f = /[A-Z]/, p = /[a-z]/, b = /[0-9]/, q = /[^A-Za-z0-9]/, z = ({ 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;
@@ -66,7 +67,7 @@ const f = /[A-Z]/, p = /[a-z]/, b = /[0-9]/, q = /[^A-Za-z0-9]/, z = ({ text: e,
       requirementText: "Password must contain atleast 1 lowercase letter."
     }
   ];
-  return d({
+  return o({
     requirementRule: "include-min-length",
     textMinLength: e
   }) && t.push({
@@ -76,13 +77,13 @@ const f = /[A-Z]/, p = /[a-z]/, b = /[0-9]/, q = /[^A-Za-z0-9]/, z = ({ text: e,
     defaultMeterRules: R(t),
     defaultRequirementsMeterRules: t
   };
-}, N = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, $ = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   checkRequirementRuleSatisfied: I,
   getDefaultRulesAndRequirementsForMeters: m,
   getMeterRulesFromRequirements: R,
-  minLengthRuleCanBeApplied: d
-}, Symbol.toStringTag, { value: "Module" })), V = (e) => {
+  minLengthRuleCanBeApplied: o
+}, Symbol.toStringTag, { value: "Module" })), D = (e) => {
   switch (e) {
     case "error":
       return "danger";
@@ -95,10 +96,10 @@ const f = /[A-Z]/, p = /[a-z]/, b = /[0-9]/, q = /[^A-Za-z0-9]/, z = ({ text: e,
     default:
       return "globe";
   }
-}, $ = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, N = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  getRequirementsMeterLabelLeadingIcon: V
-}, Symbol.toStringTag, { value: "Module" })), D = (e) => {
+  getRequirementsMeterLabelLeadingIcon: D
+}, Symbol.toStringTag, { value: "Module" })), V = (e) => {
   switch (e) {
     case "error":
       return "error";
@@ -107,12 +108,12 @@ const f = /[A-Z]/, p = /[a-z]/, b = /[0-9]/, q = /[^A-Za-z0-9]/, z = ({ text: e,
     default:
       return "default";
   }
-}, H = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, U = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  inputToGidsFieldStatusForPassword: D
-}, Symbol.toStringTag, { value: "Module" })), U = (e) => g("gids-strength-meter", e), Z = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  inputToGidsFieldStatusForPassword: V
+}, Symbol.toStringTag, { value: "Module" })), H = (e) => g("gids-strength-meter", e), Z = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  getGidsStrengthMeterClassNames: U
+  getGidsStrengthMeterClassNames: H
 }, Symbol.toStringTag, { value: "Module" })), W = ({ status: e }, t) => g("gids-requirements-meter-label", {
   "gids-requirements-meter-label--error": e === "error",
   "gids-requirements-meter-label--information": e === "information",
@@ -124,27 +125,27 @@ const f = /[A-Z]/, p = /[a-z]/, b = /[0-9]/, q = /[^A-Za-z0-9]/, z = ({ text: e,
 }, Symbol.toStringTag, { value: "Module" })), K = (e) => g("gids-requirements-meter", e), Q = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   getGidsRequirementsMeterClassNames: K
-}, Symbol.toStringTag, { value: "Module" })), { inputToGidsFieldStatusForPassword: X } = H, Y = (e) => e === "implicit" || e === void 0 ? "implicit" : X(e), ee = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Symbol.toStringTag, { value: "Module" })), { inputToGidsFieldStatusForPassword: X } = U, Y = (e) => e === "implicit" || e === void 0 ? "implicit" : X(e), ee = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   inputToGidsFieldStatusForPassword: Y
-}, Symbol.toStringTag, { value: "Module" })), { getGidsStrengthMeterClassNames: te } = Z, { getStrengthMeterScore: se, getColorModifierByScore: re } = B, ie = ({ text: e, textMinLength: t, meterRules: s = ["1-uppercase", "1-lowercase", "1-digit", "1-special-character", "include-min-length"], class: n }) => {
+}, Symbol.toStringTag, { value: "Module" })), { getGidsStrengthMeterClassNames: te } = Z, { getStrengthMeterScore: se, getColorModifierByScore: re } = A, ie = ({ text: e, textMinLength: t, meterRules: s = ["1-uppercase", "1-lowercase", "1-digit", "1-special-character", "include-min-length"], class: n }) => {
   const a = (r, l, u) => i("div", { key: r, class: ["gids-strength-meter__strength-" + r, u ? "is-active" : "", u ? l : ""].filter(Boolean).join(" ") });
   return s.length > 0 ? i("div", { class: te(n) }, (() => {
     const r = s.length, l = se({ text: e, textMinLength: t, meterRules: s }), u = re({ textScore: l, maxScore: r });
     return Array.from({ length: r }, ((_, c) => {
-      const 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 } = $, ae = (e) => {
+}, { getGidsRequirementsMeterLabelClassNames: ne } = J, { getRequirementsMeterLabelLeadingIcon: le } = N, ae = (e) => {
   const { label: t, status: s = "default", leadingIconVisible: n = !0, class: a } = e, r = le(s);
   return i("div", { class: ne({ status: s }, a) }, n && s && r ? i(j, { name: r, size: "sm", appearance: "filled" }) : null, t && t !== "" ? i("span", null, t) : null);
-}, { checkRequirementRuleSatisfied: ue } = N, { 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;
   })));
@@ -190,7 +191,7 @@ const f = /[A-Z]/, p = /[a-z]/, b = /[0-9]/, q = /[^A-Za-z0-9]/, z = ({ text: e,
   #e;
   render() {
     const { id: e, ...t } = this.inputProps ?? {}, s = e ?? this.#t, n = this.showClearButton && this.value !== void 0 && this.value.length > 0, a = this.showRevealPasswordButton, r = { ...t }, l = r?.placeholder !== void 0 && r.placeholder !== null && r.placeholder != "" ? r.placeholder : "Enter password", u = this.isPasswordRevealed, _ = this.meterRules, c = this.textMinLength !== void 0 ? this.textMinLength : 8;
-    return i(T, { key: "674d6baf90ed0a3b9bf6821fb288972ffe255909" }, i("gids-field", { key: "2b1f7f67ef3616edf29843b663c4e1efa8ce416a", disabled: this.disabled, count: void 0, helperText: this.helperText, statusText: this.statusText, status: ce(this.status) }, i(L, { key: "ccd09eba06b8876d216181b8dd7fbcb1ff742d86", 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: "f9a8c8f13347b5dd7620e8498aeb85ec646f000f", 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: "56c43774f755d7ae1ac6e633e39426d2b489414a", name: "leadingIcon" }), i("slot", { key: "1e964257af8f053e0d7c9de51fc0ec48a38b6d18", name: "leadingAccessory" }), i("div", { key: "f453197e76a4c8c01f1fa12a6f0c551a14f71f5d", slot: "trailingAccessory", class: "gids-password-field__trailing-accessory" }, n && i(O, { key: "3127641007c6eb5db4e9b8c6bd521e6cdf80e59b", label: "clear text", size: "lg", onPressDismiss: this._handleDismiss }), a && i(F, { key: "bc537fa18fabe13e16ec2a7c8b5f4611e589c4c7", appearance: "default", size: "xs", width: "intrinsic", disabled: this.disabled, onClick: this._handleRevealPassword }, u ? "Hide" : "Show")))), i("div", { key: "355033afd60090f7b04e48db5c1d675f29663e18", class: "gids-password-field__meters-container" }, i(ie, { key: "fb407fffb5de91b9bc30c1e7593fee01b5fa2a09", meterRules: _, text: this.value, textMinLength: c }), i(de, { key: "6888d147c99ea7902954e55ad91a5d64d7c1a031", requirements: this.requirementsMeterRequirements, text: this.value, textMinLength: c })));
+    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 })));
   }
   get _el() {
     return this;
@@ -206,16 +207,16 @@ function y() {
         customElements.get(h(e)) || customElements.define(h(e), M);
         break;
       case "gids-field":
-        customElements.get(h(e)) || E();
+        customElements.get(h(e)) || z();
         break;
       case "gids-input":
-        customElements.get(h(e)) || G();
+        customElements.get(h(e)) || E();
     }
   }));
 }
 y();
-const _e = M, we = y;
+const we = M, ve = y;
 export {
-  _e as GidsPasswordField,
-  we as defineCustomElement
+  we as GidsPasswordField,
+  ve as defineCustomElement
 };

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

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

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

@@ -1,6 +1,6 @@
-import { C as v, f as p, R as a, L as f, H as l } from "./p-ibikYq-w-BsGxk8ro.js";
-import { g as b } from "./p-a3JfEYJp-DyhDK6VZ.js";
-import { o as E } from "./p-B8kX8Vqv-trBz4jdS.js";
+import { L as v, u as p, D as a, F as f, q as l } from "./p-Bf3p-DY2-CPqEc-vc.js";
+import { g as E } from "./p-a3JfEYJp-DyhDK6VZ.js";
+import { o as b } from "./p-B8kX8Vqv-trBz4jdS.js";
 const h = v(class extends p {
   constructor(e) {
     super(), e !== !1 && this.__registerHost(), this.__attachShadow(), this.placement = "bottom", this.previouslyFocusedElement = null, this.focusableElements = [], this.handleToggleEvent = (t) => {
@@ -14,7 +14,7 @@ const h = v(class extends p {
     };
   }
   componentDidLoad() {
-    this.floatingElementManager = new b(this._el, { htmlFor: this.htmlFor, placement: this.placement, showWithoutDelay: !0, floatingElementSelector: "#popover", arrowElementSelector: "#arrow", visibilityClass: "gids-popover--visible", elementType: E.POPOVER, getAnchorElementFromSlot: (e) => e.querySelector('slot[name="anchor"]')?.assignedElements()[0] || null }), this.floatingElementManager.initialize(), this.setupEventListeners();
+    this.floatingElementManager = new E(this._el, { htmlFor: this.htmlFor, placement: this.placement, showWithoutDelay: !0, floatingElementSelector: "#popover", arrowElementSelector: "#arrow", visibilityClass: "gids-popover--visible", elementType: b.POPOVER, getAnchorElementFromSlot: (e) => e.querySelector('slot[name="anchor"]')?.assignedElements()[0] || null }), this.floatingElementManager.initialize(), this.setupEventListeners();
   }
   setupEventListeners() {
     const e = this.floatingElementManager.getAnchorElement();
@@ -38,8 +38,8 @@ const h = v(class extends p {
       const s = c(i);
       t.push(...s);
     })), this.focusableElements = t.sort(((i, s) => {
-      const r = i.compareDocumentPosition(s), m = !!(r & Node.DOCUMENT_POSITION_FOLLOWING), u = !!(r & Node.DOCUMENT_POSITION_PRECEDING);
-      return m ? -1 : u ? 1 : 0;
+      const r = i.compareDocumentPosition(s), u = !!(r & Node.DOCUMENT_POSITION_FOLLOWING), m = !!(r & Node.DOCUMENT_POSITION_PRECEDING);
+      return u ? -1 : m ? 1 : 0;
     }));
   }
   trapFocus(e) {
@@ -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: "da6cbab41d3390a940444809d9fe809225c9426e" }, a("slot", { key: "5a5e5f72ab9c793e02b7bd633381363ab37cbf22", name: "anchor" }), a("div", { key: "49ab365961e8a3d9bf0e6ac67f2c73fda1eb7bb3", id: "popover", part: "popover", role: "dialog", "aria-modal": "true", tabindex: "-1" }, a("span", { key: "9815148f291ebca88b4a2bbe09b0e93fcbaab4a7", id: "arrow" }), a("div", { key: "b6d83da9bd180933b5f2453f3e66f66f692e35c1" }, a("slot", { key: "90aaeadfe9d09ebdd6534afa762b35c38a5cc57f" }))));
+    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" }))));
   }
   disconnectedCallback() {
     this.cleanupEventListeners(), this.floatingElementManager?.destroy();
@@ -103,8 +103,8 @@ function g() {
   }));
 }
 g();
-const k = h, F = g;
+const F = h, k = g;
 export {
-  k as GidsPopover,
-  F as defineCustomElement
+  F as GidsPopover,
+  k as defineCustomElement
 };

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

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

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

@@ -1,10 +1,10 @@
-import { C as o, f as c, R as e, H as t } from "./p-ibikYq-w-BsGxk8ro.js";
+import { L as o, u as c, D as e, q as t } from "./p-Bf3p-DY2-CPqEc-vc.js";
 import { i as l } from "./p-B2zUuNXz-BLBgQDu7.js";
 import { c as n } from "./clsx-OuTLNxxd.js";
 const d = (s) => n("gids-scrim", s), m = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   getGidsScrimClassNames: d
-}, Symbol.toStringTag, { value: "Module" })), { getGidsScrimClassNames: a } = m, r = o(class extends c {
+}, Symbol.toStringTag, { value: "Module" })), { getGidsScrimClassNames: a } = m, i = 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: "da4b587303359a6075411a1843e03eff6eed68ce", class: this.activeClasses, part: "root" }, e("slot", { key: "5a52f6e5628c771b2dd0f5a6221005a0ed8b9fbb" }));
+    return e("div", { key: "43ae2df4c05e5ce29bb2cd6755ef4472e9a6e078", class: this.activeClasses, part: "root" }, e("slot", { key: "2610048a1d440e95632575b232ca7d923f66cea5" }));
   }
   get _el() {
     return this;
@@ -28,14 +28,14 @@ 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 i() {
+function r() {
   typeof customElements < "u" && ["gids-scrim"].forEach(((s) => {
-    s === "gids-scrim" && (customElements.get(t(s)) || customElements.define(t(s), r));
+    s === "gids-scrim" && (customElements.get(t(s)) || customElements.define(t(s), i));
   }));
 }
-i();
-const u = r, C = i;
+r();
+const f = i, C = r;
 export {
-  u as GidsScrim,
+  f as GidsScrim,
   C as defineCustomElement
 };