@ganpatiinfo/gids-core-web 8.1.0 → 9.0.0

package/dist/types/components.d.ts

@@ -7,11 +7,11 @@
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { GidsComponentButtonClickHandler, GidsIconWebProps, GidsInputWebStatus, GidsWebFieldStatus, RemovedGidsOverlayProviderNotificationQueueWebProps, RemovedGidsOverlayProviderSnackbarQueueWebProps, RemoveGidsInputProps, RemoveGidsPasswordFieldProps, RemoveGidsTextFieldProps, TextInputTypes } from "@ganpatiinfo/gids-web-shared";
 import { IconAppearance, IconName } from "@ganpatiinfo/gids-web-theme-interface";
-import { GidsButtonSize, GidsButtonWidth, GidsComponentPosition, GidsInputAppearance, GidsLabelFieldRequirement, GidsLabelFieldRequirementTextFn, GidsNotificationPronunciation, GidsRequirementsProps, GidsSnackbarContainerAppearance, GidsToggleButtonAppearance, IsLabelSentenceFn } from "@ganpatiinfo/gids-core-shared";
+import { GidsButtonSize, GidsButtonWidth, GidsComponentPosition, GidsFloatingElementPlacement, GidsInputAppearance, GidsLabelFieldRequirement, GidsLabelFieldRequirementTextFn, GidsNotificationPronunciation, GidsOverflowContainerShadowLocation, GidsRequirementsProps, GidsSnackbarContainerAppearance, GidsToggleButtonAppearance, IsLabelSentenceFn } from "@ganpatiinfo/gids-core-shared";
 import { JSXBase } from "./stencil-public-runtime";
 export { GidsComponentButtonClickHandler, GidsIconWebProps, GidsInputWebStatus, GidsWebFieldStatus, RemovedGidsOverlayProviderNotificationQueueWebProps, RemovedGidsOverlayProviderSnackbarQueueWebProps, RemoveGidsInputProps, RemoveGidsPasswordFieldProps, RemoveGidsTextFieldProps, TextInputTypes } from "@ganpatiinfo/gids-web-shared";
 export { IconAppearance, IconName } from "@ganpatiinfo/gids-web-theme-interface";
-export { GidsButtonSize, GidsButtonWidth, GidsComponentPosition, GidsInputAppearance, GidsLabelFieldRequirement, GidsLabelFieldRequirementTextFn, GidsNotificationPronunciation, GidsRequirementsProps, GidsSnackbarContainerAppearance, GidsToggleButtonAppearance, IsLabelSentenceFn } from "@ganpatiinfo/gids-core-shared";
+export { GidsButtonSize, GidsButtonWidth, GidsComponentPosition, GidsFloatingElementPlacement, GidsInputAppearance, GidsLabelFieldRequirement, GidsLabelFieldRequirementTextFn, GidsNotificationPronunciation, GidsOverflowContainerShadowLocation, GidsRequirementsProps, GidsSnackbarContainerAppearance, GidsToggleButtonAppearance, IsLabelSentenceFn } from "@ganpatiinfo/gids-core-shared";
 export { JSXBase } from "./stencil-public-runtime";
 export namespace Components {
     interface GidsField {
@@ -72,6 +72,12 @@ export namespace Components {
         "show"?: boolean;
         "timerInMs"?: number | undefined;
     }
+    interface GidsOverflowContainer {
+        /**
+          * @default 'bottom'
+         */
+        "shadowLocation"?: GidsOverflowContainerShadowLocation;
+    }
     interface GidsOverlayProvider {
         "queueComponent": (props: RemovedGidsOverlayProviderSnackbarQueueWebProps | RemovedGidsOverlayProviderNotificationQueueWebProps) => Promise<void>;
     }
@@ -104,6 +110,13 @@ export namespace Components {
         "textMinLength"?: number;
         "value"?: string;
     }
+    interface GidsPopover {
+        "htmlFor": string;
+        /**
+          * @default 'bottom'
+         */
+        "placement": GidsFloatingElementPlacement;
+    }
     interface GidsScrim {
         "extraClasses"?: string | undefined;
     }
@@ -184,6 +197,22 @@ export namespace Components {
          */
         "width"?: GidsButtonWidth;
     }
+    interface GidsTooltip {
+        "htmlFor": string;
+        /**
+          * @default false
+         */
+        "lockToMainAxis": boolean;
+        /**
+          * @default 'bottom'
+         */
+        "placement": GidsFloatingElementPlacement;
+        /**
+          * @default false
+         */
+        "showWithoutDelay": boolean;
+        "tooltipText": string;
+    }
 }
 export interface GidsPasswordFieldCustomEvent<T> extends CustomEvent<T> {
     detail: T;
@@ -222,6 +251,12 @@ declare global {
         prototype: HTMLGidsNotificationElement;
         new (): HTMLGidsNotificationElement;
     };
+    interface HTMLGidsOverflowContainerElement extends Components.GidsOverflowContainer, HTMLStencilElement {
+    }
+    var HTMLGidsOverflowContainerElement: {
+        prototype: HTMLGidsOverflowContainerElement;
+        new (): HTMLGidsOverflowContainerElement;
+    };
     interface HTMLGidsOverlayProviderElement extends Components.GidsOverlayProvider, HTMLStencilElement {
     }
     var HTMLGidsOverlayProviderElement: {
@@ -246,6 +281,12 @@ declare global {
         prototype: HTMLGidsPasswordFieldElement;
         new (): HTMLGidsPasswordFieldElement;
     };
+    interface HTMLGidsPopoverElement extends Components.GidsPopover, HTMLStencilElement {
+    }
+    var HTMLGidsPopoverElement: {
+        prototype: HTMLGidsPopoverElement;
+        new (): HTMLGidsPopoverElement;
+    };
     interface HTMLGidsScrimElement extends Components.GidsScrim, HTMLStencilElement {
     }
     var HTMLGidsScrimElement: {
@@ -292,17 +333,26 @@ declare global {
         prototype: HTMLGidsToggleButtonElement;
         new (): HTMLGidsToggleButtonElement;
     };
+    interface HTMLGidsTooltipElement extends Components.GidsTooltip, HTMLStencilElement {
+    }
+    var HTMLGidsTooltipElement: {
+        prototype: HTMLGidsTooltipElement;
+        new (): HTMLGidsTooltipElement;
+    };
     interface HTMLElementTagNameMap {
         "gids-field": HTMLGidsFieldElement;
         "gids-icon": HTMLGidsIconElement;
         "gids-input": HTMLGidsInputElement;
         "gids-notification": HTMLGidsNotificationElement;
+        "gids-overflow-container": HTMLGidsOverflowContainerElement;
         "gids-overlay-provider": HTMLGidsOverlayProviderElement;
         "gids-password-field": HTMLGidsPasswordFieldElement;
+        "gids-popover": HTMLGidsPopoverElement;
         "gids-scrim": HTMLGidsScrimElement;
         "gids-snackbar": HTMLGidsSnackbarElement;
         "gids-text-field": HTMLGidsTextFieldElement;
         "gids-toggle-button": HTMLGidsToggleButtonElement;
+        "gids-tooltip": HTMLGidsTooltipElement;
     }
 }
 declare namespace LocalJSX {
@@ -365,6 +415,12 @@ declare namespace LocalJSX {
         "show"?: boolean;
         "timerInMs"?: number | undefined;
     }
+    interface GidsOverflowContainer {
+        /**
+          * @default 'bottom'
+         */
+        "shadowLocation"?: GidsOverflowContainerShadowLocation;
+    }
     interface GidsOverlayProvider {
     }
     interface GidsPasswordField {
@@ -398,6 +454,13 @@ declare namespace LocalJSX {
         "textMinLength"?: number;
         "value"?: string;
     }
+    interface GidsPopover {
+        "htmlFor"?: string;
+        /**
+          * @default 'bottom'
+         */
+        "placement"?: GidsFloatingElementPlacement;
+    }
     interface GidsScrim {
         "extraClasses"?: string | undefined;
     }
@@ -480,6 +543,22 @@ declare namespace LocalJSX {
          */
         "width"?: GidsButtonWidth;
     }
+    interface GidsTooltip {
+        "htmlFor"?: string;
+        /**
+          * @default false
+         */
+        "lockToMainAxis"?: boolean;
+        /**
+          * @default 'bottom'
+         */
+        "placement"?: GidsFloatingElementPlacement;
+        /**
+          * @default false
+         */
+        "showWithoutDelay"?: boolean;
+        "tooltipText"?: string;
+    }
 
     interface GidsFieldAttributes {
         "disabled": boolean;
@@ -518,6 +597,9 @@ declare namespace LocalJSX {
         "position": GidsComponentPosition;
         "timerInMs": number | undefined;
     }
+    interface GidsOverflowContainerAttributes {
+        "shadowLocation": GidsOverflowContainerShadowLocation;
+    }
     interface GidsPasswordFieldAttributes {
         "label": string;
         "showClearButton": boolean;
@@ -538,6 +620,10 @@ declare namespace LocalJSX {
         "fieldRequirementRequiredText": string | GidsLabelFieldRequirementTextFn;
         "textMinLength": number;
     }
+    interface GidsPopoverAttributes {
+        "htmlFor": string;
+        "placement": GidsFloatingElementPlacement;
+    }
     interface GidsScrimAttributes {
         "extraClasses": string | undefined;
     }
@@ -579,18 +665,28 @@ declare namespace LocalJSX {
         "defaultSelected": boolean;
         "selected": boolean | undefined;
     }
+    interface GidsTooltipAttributes {
+        "htmlFor": string;
+        "tooltipText": string;
+        "placement": GidsFloatingElementPlacement;
+        "showWithoutDelay": boolean;
+        "lockToMainAxis": boolean;
+    }
 
     interface IntrinsicElements {
         "gids-field": Omit<GidsField, keyof GidsFieldAttributes> & { [K in keyof GidsField & keyof GidsFieldAttributes]?: GidsField[K] } & { [K in keyof GidsField & keyof GidsFieldAttributes as `attr:${K}`]?: GidsFieldAttributes[K] } & { [K in keyof GidsField & keyof GidsFieldAttributes as `prop:${K}`]?: GidsField[K] };
         "gids-icon": Omit<GidsIcon, keyof GidsIconAttributes> & { [K in keyof GidsIcon & keyof GidsIconAttributes]?: GidsIcon[K] } & { [K in keyof GidsIcon & keyof GidsIconAttributes as `attr:${K}`]?: GidsIconAttributes[K] } & { [K in keyof GidsIcon & keyof GidsIconAttributes as `prop:${K}`]?: GidsIcon[K] } & OneOf<"name", GidsIcon["name"], GidsIconAttributes["name"]>;
         "gids-input": Omit<GidsInput, keyof GidsInputAttributes> & { [K in keyof GidsInput & keyof GidsInputAttributes]?: GidsInput[K] } & { [K in keyof GidsInput & keyof GidsInputAttributes as `attr:${K}`]?: GidsInputAttributes[K] } & { [K in keyof GidsInput & keyof GidsInputAttributes as `prop:${K}`]?: GidsInput[K] };
         "gids-notification": Omit<GidsNotification, keyof GidsNotificationAttributes> & { [K in keyof GidsNotification & keyof GidsNotificationAttributes]?: GidsNotification[K] } & { [K in keyof GidsNotification & keyof GidsNotificationAttributes as `attr:${K}`]?: GidsNotificationAttributes[K] } & { [K in keyof GidsNotification & keyof GidsNotificationAttributes as `prop:${K}`]?: GidsNotification[K] };
+        "gids-overflow-container": Omit<GidsOverflowContainer, keyof GidsOverflowContainerAttributes> & { [K in keyof GidsOverflowContainer & keyof GidsOverflowContainerAttributes]?: GidsOverflowContainer[K] } & { [K in keyof GidsOverflowContainer & keyof GidsOverflowContainerAttributes as `attr:${K}`]?: GidsOverflowContainerAttributes[K] } & { [K in keyof GidsOverflowContainer & keyof GidsOverflowContainerAttributes as `prop:${K}`]?: GidsOverflowContainer[K] };
         "gids-overlay-provider": GidsOverlayProvider;
         "gids-password-field": Omit<GidsPasswordField, keyof GidsPasswordFieldAttributes> & { [K in keyof GidsPasswordField & keyof GidsPasswordFieldAttributes]?: GidsPasswordField[K] } & { [K in keyof GidsPasswordField & keyof GidsPasswordFieldAttributes as `attr:${K}`]?: GidsPasswordFieldAttributes[K] } & { [K in keyof GidsPasswordField & keyof GidsPasswordFieldAttributes as `prop:${K}`]?: GidsPasswordField[K] };
+        "gids-popover": Omit<GidsPopover, keyof GidsPopoverAttributes> & { [K in keyof GidsPopover & keyof GidsPopoverAttributes]?: GidsPopover[K] } & { [K in keyof GidsPopover & keyof GidsPopoverAttributes as `attr:${K}`]?: GidsPopoverAttributes[K] } & { [K in keyof GidsPopover & keyof GidsPopoverAttributes as `prop:${K}`]?: GidsPopover[K] };
         "gids-scrim": Omit<GidsScrim, keyof GidsScrimAttributes> & { [K in keyof GidsScrim & keyof GidsScrimAttributes]?: GidsScrim[K] } & { [K in keyof GidsScrim & keyof GidsScrimAttributes as `attr:${K}`]?: GidsScrimAttributes[K] } & { [K in keyof GidsScrim & keyof GidsScrimAttributes as `prop:${K}`]?: GidsScrim[K] };
         "gids-snackbar": Omit<GidsSnackbar, keyof GidsSnackbarAttributes> & { [K in keyof GidsSnackbar & keyof GidsSnackbarAttributes]?: GidsSnackbar[K] } & { [K in keyof GidsSnackbar & keyof GidsSnackbarAttributes as `attr:${K}`]?: GidsSnackbarAttributes[K] } & { [K in keyof GidsSnackbar & keyof GidsSnackbarAttributes as `prop:${K}`]?: GidsSnackbar[K] };
         "gids-text-field": Omit<GidsTextField, keyof GidsTextFieldAttributes> & { [K in keyof GidsTextField & keyof GidsTextFieldAttributes]?: GidsTextField[K] } & { [K in keyof GidsTextField & keyof GidsTextFieldAttributes as `attr:${K}`]?: GidsTextFieldAttributes[K] } & { [K in keyof GidsTextField & keyof GidsTextFieldAttributes as `prop:${K}`]?: GidsTextField[K] };
         "gids-toggle-button": Omit<GidsToggleButton, keyof GidsToggleButtonAttributes> & { [K in keyof GidsToggleButton & keyof GidsToggleButtonAttributes]?: GidsToggleButton[K] } & { [K in keyof GidsToggleButton & keyof GidsToggleButtonAttributes as `attr:${K}`]?: GidsToggleButtonAttributes[K] } & { [K in keyof GidsToggleButton & keyof GidsToggleButtonAttributes as `prop:${K}`]?: GidsToggleButton[K] };
+        "gids-tooltip": Omit<GidsTooltip, keyof GidsTooltipAttributes> & { [K in keyof GidsTooltip & keyof GidsTooltipAttributes]?: GidsTooltip[K] } & { [K in keyof GidsTooltip & keyof GidsTooltipAttributes as `attr:${K}`]?: GidsTooltipAttributes[K] } & { [K in keyof GidsTooltip & keyof GidsTooltipAttributes as `prop:${K}`]?: GidsTooltip[K] };
     }
 }
 export { LocalJSX as JSX };
@@ -601,12 +697,15 @@ declare module "@stencil/core" {
             "gids-icon": LocalJSX.IntrinsicElements["gids-icon"] & JSXBase.HTMLAttributes<HTMLGidsIconElement>;
             "gids-input": LocalJSX.IntrinsicElements["gids-input"] & JSXBase.HTMLAttributes<HTMLGidsInputElement>;
             "gids-notification": LocalJSX.IntrinsicElements["gids-notification"] & JSXBase.HTMLAttributes<HTMLGidsNotificationElement>;
+            "gids-overflow-container": LocalJSX.IntrinsicElements["gids-overflow-container"] & JSXBase.HTMLAttributes<HTMLGidsOverflowContainerElement>;
             "gids-overlay-provider": LocalJSX.IntrinsicElements["gids-overlay-provider"] & JSXBase.HTMLAttributes<HTMLGidsOverlayProviderElement>;
             "gids-password-field": LocalJSX.IntrinsicElements["gids-password-field"] & JSXBase.HTMLAttributes<HTMLGidsPasswordFieldElement>;
+            "gids-popover": LocalJSX.IntrinsicElements["gids-popover"] & JSXBase.HTMLAttributes<HTMLGidsPopoverElement>;
             "gids-scrim": LocalJSX.IntrinsicElements["gids-scrim"] & JSXBase.HTMLAttributes<HTMLGidsScrimElement>;
             "gids-snackbar": LocalJSX.IntrinsicElements["gids-snackbar"] & JSXBase.HTMLAttributes<HTMLGidsSnackbarElement>;
             "gids-text-field": LocalJSX.IntrinsicElements["gids-text-field"] & JSXBase.HTMLAttributes<HTMLGidsTextFieldElement>;
             "gids-toggle-button": LocalJSX.IntrinsicElements["gids-toggle-button"] & JSXBase.HTMLAttributes<HTMLGidsToggleButtonElement>;
+            "gids-tooltip": LocalJSX.IntrinsicElements["gids-tooltip"] & JSXBase.HTMLAttributes<HTMLGidsTooltipElement>;
         }
     }
 }

package/dist/types/index.d.ts

@@ -1,3 +1,5 @@
 export * from './utils/constructedGidsStylesheet.js';
 export * from './utils/assets.js';
+export * from './utils/childrenValidityUtils.js';
+export { GidsFloatingElementType } from './components/shared/GidsFloatingElementTypes.js';
 export type * from './components.d.ts';

package/dist/types/utils/childrenValidityUtils.d.ts

@@ -0,0 +1,8 @@
+import type { FunctionalComponent, VNode } from '../stencil-public-runtime';
+export interface TestHtmlChildrenValidity<T = Record<string, unknown>> {
+    children?: VNode;
+    classNameToBeValidated?: string;
+    childrenToBeValidated?: FunctionalComponent<T>;
+    currentComponentName?: string;
+}
+export declare const testHtmlChildrenValidity: <T>({ children, classNameToBeValidated, childrenToBeValidated, currentComponentName, }: TestHtmlChildrenValidity<T>) => void;

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

@@ -1,5 +1,5 @@
-import { d as e, h as s } from "./p-BplPYg8z-B8uAAfo4.js";
-const t = e, d = s;
+import { d as e, h as o } from "./p-iCAclJND-Bmsvd-W1.js";
+const t = e, d = o;
 export {
   t as GidsField,
   d as defineCustomElement

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

@@ -1,22 +1,22 @@
-import { C as o, H as e, f as n, R as d } from "./p-ibikYq-w-BsGxk8ro.js";
-import { i as a } from "./p-B2zUuNXz-BLBgQDu7.js";
-import { d as c } from "./p-veoOgDXg-DElc87c0.js";
-const t = o(class extends n {
+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 = a();
+    const i = n();
     i !== void 0 && this._el.shadowRoot?.adoptedStyleSheets.push(i);
   }
   render() {
-    return d(c, { key: "d1215bf1b178ca6fb73458ecb8370b315239fa5b", name: this.name, size: this.size, appearance: this.appearance, alt: this.alt, titleId: this.titleId });
+    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{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)}";
+    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() {
@@ -25,8 +25,8 @@ function s() {
   }));
 }
 s();
-const l = t, m = s;
+const h = t, m = s;
 export {
-  l as GidsIcon,
+  h as GidsIcon,
   m as defineCustomElement
 };

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

@@ -1,4 +1,4 @@
-import { l as r, r as s } from "./p-BVh4zbX4-C4UJ8LPX.js";
+import { l as r, r as s } from "./p-DvoHLz_5-C5EvA91N.js";
 const e = r, o = s;
 export {
   e as GidsInput,

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

@@ -0,0 +1,39 @@
+import { C as i, f as n, R as e, H as o } from "./p-ibikYq-w-BsGxk8ro.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 {
+  constructor(t) {
+    super(), t !== !1 && this.__registerHost(), this.__attachShadow(), this.shadowLocation = "bottom";
+  }
+  connectedCallback() {
+    const t = l();
+    t !== void 0 && this._el.shadowRoot?.adoptedStyleSheets.push(t);
+  }
+  componentDidLoad() {
+    this._textArea = this._el.shadowRoot?.querySelector(".gids-overflow-container__text-area"), s(this.shadowLocation) && this._textArea.scrollHeight > this._textArea.offsetHeight && this._el.style.setProperty("--gidsOverflowContainer-after-opacity", "1");
+  }
+  calculateShadows() {
+    const t = this._textArea.scrollTop <= 0 ? 0 : this._textArea.scrollTop;
+    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" }));
+  }
+  get _el() {
+    return this;
+  }
+}, [257, "gids-overflow-container", { shadowLocation: [513, "shadow-location"] }]);
+function a() {
+  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;
+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 { 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-DElc87c0.js";
-import { a as u } from "./p-CWdkmFbc-D89ZE8Mi.js";
+import { d as p } from "./p-veoOgDXg-fRinub-C.js";
+import { o as u } from "./p-CFw4_-5A-Dzvju3VE.js";
 import { c as h } from "./clsx-OuTLNxxd.js";
 const Q = ({ appearance: t }, e) => h("gids-snackbar-container", {
   // 'gids-snackbar-container--appearance-default': appearance === 'default' // its a default
@@ -187,7 +187,7 @@ const Q = ({ appearance: t }, e) => h("gids-snackbar-container", {
   }
   render() {
     const t = this._allowedComponentQueue[0]?.position || "bottom-center";
-    return o(w, { key: "90aa53804ede45cefeb6439d7d5466fbf3ce9bd9" }, o("slot", { key: "5705eaedb944a16514dc3570258ec67d60ad82c2" }), this._isRoot() ? o("div", { class: G({ position: t }) }, [...this._allowedComponentQueue].reverse().map(((e) => this._renderComponent(e)))) : null);
+    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);
   }
   get _el() {
     return this;

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

@@ -1,22 +1,22 @@
 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 { i as C } from "./p-B2zUuNXz-BLBgQDu7.js";
-import { n as L, o as O } from "./p-DijVkS9b-CtFkEtlE.js";
-import { a as F } from "./p-CWdkmFbc-D89ZE8Mi.js";
-import { g as k, d as j } from "./p-veoOgDXg-DElc87c0.js";
-import { h as E } from "./p-BplPYg8z-B8uAAfo4.js";
-import { r as G } from "./p-BVh4zbX4-C4UJ8LPX.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 { 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 }) => {
   if (!e || e === "")
     return 0;
   let n = 0;
   return t.includes("1-uppercase") && f.test(e) && n++, t.includes("1-lowercase") && p.test(e) && n++, t.includes("1-digit") && b.test(e) && n++, t.includes("1-special-character") && q.test(e) && n++, t.includes("include-min-length") && s && s > 0 && e.length >= s && n++, n;
-}, B = ({ textScore: e, maxScore: t }) => {
+}, A = ({ textScore: e, maxScore: t }) => {
   const s = t > 0 ? e / t * 100 : 0;
   return s <= 20 ? "is-weak" : s <= 40 ? "is-medium" : s <= 60 ? "is-good-enough" : s <= 80 ? "is-good" : "is-strong";
-}, A = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, B = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  getColorModifierByScore: B,
+  getColorModifierByScore: A,
   getStrengthMeterScore: z,
   include1DigitReg: b,
   include1LowercaseLetterReg: p,
@@ -76,13 +76,13 @@ const f = /[A-Z]/, p = /[a-z]/, b = /[0-9]/, q = /[^A-Za-z0-9]/, z = ({ text: e,
     defaultMeterRules: R(t),
     defaultRequirementsMeterRules: t
   };
-}, V = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, N = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   checkRequirementRuleSatisfied: I,
   getDefaultRulesAndRequirementsForMeters: m,
   getMeterRulesFromRequirements: R,
   minLengthRuleCanBeApplied: d
-}, Symbol.toStringTag, { value: "Module" })), N = (e) => {
+}, Symbol.toStringTag, { value: "Module" })), V = (e) => {
   switch (e) {
     case "error":
       return "danger";
@@ -97,7 +97,7 @@ const f = /[A-Z]/, p = /[a-z]/, b = /[0-9]/, q = /[^A-Za-z0-9]/, z = ({ text: e,
   }
 }, $ = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  getRequirementsMeterLabelLeadingIcon: N
+  getRequirementsMeterLabelLeadingIcon: V
 }, Symbol.toStringTag, { value: "Module" })), D = (e) => {
   switch (e) {
     case "error":
@@ -127,7 +127,7 @@ const f = /[A-Z]/, p = /[a-z]/, b = /[0-9]/, q = /[^A-Za-z0-9]/, z = ({ text: e,
 }, Symbol.toStringTag, { value: "Module" })), { inputToGidsFieldStatusForPassword: X } = H, Y = (e) => e === "implicit" || e === void 0 ? "implicit" : X(e), ee = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   inputToGidsFieldStatusForPassword: Y
-}, Symbol.toStringTag, { value: "Module" })), { getGidsStrengthMeterClassNames: te } = Z, { getStrengthMeterScore: se, getColorModifierByScore: re } = A, ie = ({ text: e, textMinLength: t, meterRules: s = ["1-uppercase", "1-lowercase", "1-digit", "1-special-character", "include-min-length"], class: n }) => {
+}, Symbol.toStringTag, { value: "Module" })), { getGidsStrengthMeterClassNames: te } = Z, { getStrengthMeterScore: se, getColorModifierByScore: re } = B, ie = ({ text: e, textMinLength: t, meterRules: s = ["1-uppercase", "1-lowercase", "1-digit", "1-special-character", "include-min-length"], class: n }) => {
   const a = (r, l, u) => i("div", { key: r, class: ["gids-strength-meter__strength-" + r, u ? "is-active" : "", u ? l : ""].filter(Boolean).join(" ") });
   return s.length > 0 ? i("div", { class: te(n) }, (() => {
     const r = s.length, l = se({ text: e, textMinLength: t, meterRules: s }), u = re({ textScore: l, maxScore: r });
@@ -139,7 +139,7 @@ const f = /[A-Z]/, p = /[a-z]/, b = /[0-9]/, q = /[^A-Za-z0-9]/, z = ({ text: e,
 }, { getGidsRequirementsMeterLabelClassNames: ne } = J, { getRequirementsMeterLabelLeadingIcon: le } = $, 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 } = V, { getGidsRequirementsMeterClassNames: oe } = Q, de = ({ requirements: e = [], text: t, textMinLength: s, class: n }) => {
+}, { checkRequirementRuleSatisfied: ue } = N, { getGidsRequirementsMeterClassNames: oe } = Q, de = ({ requirements: e = [], text: t, textMinLength: s, class: n }) => {
   const a = (r, l) => i(ae, { status: l ? "success" : "error", label: r.requirementText });
   return i("div", { class: oe(n) }, e.map(((r) => {
     if (r?.requirementText != null && r?.requirementRule != null) {
@@ -190,7 +190,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: "b83ca111267e69120811c23a02754fc2f3132131" }, i("gids-field", { key: "b10ea7b36a8f7daa4b5877e541ffa468ca06c474", disabled: this.disabled, count: void 0, helperText: this.helperText, statusText: this.statusText, status: ce(this.status) }, i(L, { key: "04f8c7ee920968585e77dff7e67494547285b6a6", 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: "2892c5cda5ac6125e1b1c16195cbe45fed9ed0cd", 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: "e6690ff215ac059385463b250d4b75876af23b6b", name: "leadingIcon" }), i("slot", { key: "a22761b031bc9e5d7d115d2c82969685dc4ec150", name: "leadingAccessory" }), i("div", { key: "6e4ddee96b624e07453b06966d02fe22060bdddf", slot: "trailingAccessory", class: "gids-password-field__trailing-accessory" }, n && i(O, { key: "1499342b7785379b68472713b19f2846cb39315c", label: "clear text", size: "lg", onPressDismiss: this._handleDismiss }), a && i(F, { key: "b309f288c0e7108f0896de407e1b8b4b6cd1f628", appearance: "default", size: "xs", width: "intrinsic", disabled: this.disabled, onClick: this._handleRevealPassword }, u ? "Hide" : "Show")))), i("div", { key: "7cbcb6a793de21d9f990b26ee0ff956a73d3f20e", class: "gids-password-field__meters-container" }, i(ie, { key: "f0085914442e068821fc01304e75a0fab47d3dd5", meterRules: _, text: this.value, textMinLength: c }), i(de, { key: "832be45d45074a520896001b80a20a0fd54695b7", requirements: this.requirementsMeterRequirements, text: this.value, textMinLength: c })));
+    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 })));
   }
   get _el() {
     return this;

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

@@ -0,0 +1,110 @@
+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";
+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) => {
+      t.stopPropagation();
+      const n = this.floatingElementManager.isVisible();
+      this.floatingElementManager.toggle(), !n && this.floatingElementManager.isVisible() ? this.onPopoverShow() : n && !this.floatingElementManager.isVisible() && this.onPopoverHide();
+    }, this.handleDocumentClick = (t) => {
+      this.floatingElementManager.isVisible() && !this._el.contains(t.target) && (this.floatingElementManager.hide(), this.onPopoverHide());
+    }, this.handleKeyDown = (t) => {
+      if (this.floatingElementManager.isVisible()) return t.key === "Escape" ? (t.preventDefault(), this.floatingElementManager.hide(), void this.onPopoverHide()) : void (t.key === "Tab" && this.trapFocus(t));
+    };
+  }
+  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();
+  }
+  setupEventListeners() {
+    const e = this.floatingElementManager.getAnchorElement();
+    e && (e.addEventListener("click", this.handleToggleEvent), document.addEventListener("click", this.handleDocumentClick), document.addEventListener("keydown", this.handleKeyDown));
+  }
+  onPopoverShow() {
+    this.previouslyFocusedElement = document.activeElement, this.updateFocusableElements(), setTimeout((() => {
+      this.focusableElements.length > 0 && this.focusableElements[0] && this.focusableElements[0].focus();
+    }), 50);
+  }
+  onPopoverHide() {
+    this.previouslyFocusedElement && (this.previouslyFocusedElement.focus(), this.previouslyFocusedElement = null);
+  }
+  updateFocusableElements() {
+    const e = this._el.shadowRoot?.querySelector("#popover");
+    if (!e) return;
+    const t = [], n = c(e);
+    t.push(...n);
+    const o = this._el.shadowRoot?.querySelector("slot:not([name])");
+    o && o.assignedElements({ flatten: !0 }).forEach(((i) => {
+      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;
+    }));
+  }
+  trapFocus(e) {
+    if (this.focusableElements.length === 0) return;
+    const t = this.focusableElements[0], n = this.focusableElements[this.focusableElements.length - 1];
+    let o = document.activeElement;
+    if (o === this._el) {
+      const s = this._el.shadowRoot?.activeElement;
+      s !== null && (o = s);
+    }
+    const i = this.focusableElements.indexOf(o) !== -1;
+    e.shiftKey ? o !== t && i || (e.preventDefault(), n && n.focus()) : o !== n && i || (e.preventDefault(), t && t.focus());
+  }
+  placementChanged(e) {
+    this.floatingElementManager?.updateConfig({ placement: e }), this.floatingElementManager?.isVisible() && this.floatingElementManager?.reposition();
+  }
+  htmlForChanged(e) {
+    this.floatingElementManager?.updateConfig({ htmlFor: e }), this.cleanupEventListeners(), this.floatingElementManager?.initialize(), this.setupEventListeners();
+  }
+  cleanupEventListeners() {
+    const e = this.floatingElementManager?.getAnchorElement();
+    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" }))));
+  }
+  disconnectedCallback() {
+    this.cleanupEventListeners(), this.floatingElementManager?.destroy();
+  }
+  get _el() {
+    return this;
+  }
+  static get watchers() {
+    return { placement: [{ placementChanged: 0 }], htmlFor: [{ htmlForChanged: 0 }] };
+  }
+  static get style() {
+    return "gids-popover{--gidsPopover-background:var(--gids-elevation-surface-overlay-default);--gidsPopover-text-color:var(--gids-color-text-default);--gidsPopover-padding:var(--gids-padding-vertical-edge-to-element-200)    var(--gids-padding-horizontal-edge-to-element-300);--gidsPopover-border-radius:var(--gids-border-radius-lg);--gidsPopover-tip-border-radius:2px;--gidsPopover-tip-size:12px;--gidsPopover-shadow:var(--gids-elevation-shadow-overlay);--gidsFloatingElement-background:var(--gidsPopover-background);--gidsFloatingElement-tip-border-radius:var(--gidsPopover-tip-border-radius)}[part=popover]{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);position:absolute;display:inline-block;background-color:var(--gidsPopover-background);color:var(--gidsPopover-text-color);border-radius:var(--gidsPopover-border-radius);box-shadow:var(--gidsPopover-shadow);z-index:1000;opacity:0;pointer-events:none;outline:none}[part=popover]:focus{outline:none}[part=popover].gids-popover--visible{pointer-events:initial;opacity:1}[part=popover] span#arrow{position:absolute;height:var(--gidsPopover-tip-size);width:var(--gidsPopover-tip-size);background-color:var(--gidsPopover-background)}";
+  }
+}, [257, "gids-popover", { htmlFor: [513, "for"], placement: [513] }, void 0, { placement: [{ placementChanged: 0 }], htmlFor: [{ htmlForChanged: 0 }] }]), d = (e) => {
+  if (!(e instanceof p) || e.tabIndex === -1 || e.hasAttribute("disabled")) return !1;
+  const t = getComputedStyle(e);
+  if (t.display === "none" || t.visibility === "hidden" || e.hidden) return !1;
+  try {
+    const n = e.tabIndex;
+    e.tabIndex = -1, e.focus();
+    const o = document.activeElement === e;
+    return e.tabIndex = n, o && e.blur(), o;
+  } catch {
+    return !1;
+  }
+}, c = (e) => {
+  const t = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, { acceptNode: (i) => d(i) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP }), n = [];
+  d(e) && n.push(e);
+  let o = t.nextNode();
+  for (; o !== null; ) n.push(o), o = t.nextNode();
+  return n;
+};
+function g() {
+  typeof customElements < "u" && ["gids-popover"].forEach(((e) => {
+    e === "gids-popover" && (customElements.get(l(e)) || customElements.define(l(e), h));
+  }));
+}
+g();
+const k = h, F = g;
+export {
+  k as GidsPopover,
+  F as defineCustomElement
+};

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

@@ -1,10 +1,10 @@
-import { C as c, f as o, R as e, H as t } from "./p-ibikYq-w-BsGxk8ro.js";
+import { C as o, f as c, R as e, H as t } from "./p-ibikYq-w-BsGxk8ro.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 = c(class extends o {
+}, 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: "d2bbb04ec12ea535ec8d17e46ff365cb60ca3a38", class: this.activeClasses, part: "root" }, e("slot", { key: "00440386c5a5f7a1f58c27b7e182d08447e68d22" }));
+    return e("div", { key: "da4b587303359a6075411a1843e03eff6eed68ce", class: this.activeClasses, part: "root" }, e("slot", { key: "5a52f6e5628c771b2dd0f5a6221005a0ed8b9fbb" }));
   }
   get _el() {
     return this;
@@ -34,8 +34,8 @@ function i() {
   }));
 }
 i();
-const f = r, C = i;
+const u = r, C = i;
 export {
-  f as GidsScrim,
+  u as GidsScrim,
   C as defineCustomElement
 };