@ganpatiinfo/gids-core-web 4.0.0 → 5.0.0

package/dist/types/components/html/_GidsSideMenuItem/GidsSideMenuItem.d.ts

@@ -0,0 +1,7 @@
+import { VNode } from '../../../stencil-public-runtime';
+import { type GidsSideMenuItemOnPressEvent, type GidsSideMenuItemWebProps } from '@ganpatiinfo/gids-web-shared';
+import { FunctionalComponent, JSXBase } from '../../../stencil-public-runtime';
+export interface GidsSideMenuItemProps extends GidsSideMenuItemWebProps<VNode | string, VNode, VNode>, Omit<JSXBase.IntrinsicElements['div'], 'children' | 'onClick' | 'click'> {
+    onPressSideMenuItem?: GidsSideMenuItemOnPressEvent;
+}
+export declare const GidsSideMenuItem: FunctionalComponent<GidsSideMenuItemProps>;

package/dist/types/components/webComponents/GidsScrim/GidsScrim.d.ts

@@ -0,0 +1,7 @@
+import { GidsScrimWebProps } from '@ganpatiinfo/gids-web-shared';
+export declare class GidsIconWebComponent implements Omit<GidsScrimWebProps<never>, 'children'> {
+    extraClasses?: string | undefined;
+    private _el;
+    connectedCallback(): void;
+    render(): any;
+}

package/dist/types/components.d.ts

@@ -104,6 +104,9 @@ export namespace Components {
         "textMinLength"?: number;
         "value"?: string;
     }
+    interface GidsScrim {
+        "extraClasses"?: string | undefined;
+    }
     interface GidsSnackbar {
         /**
           * @default 'default'
@@ -243,6 +246,12 @@ declare global {
         prototype: HTMLGidsPasswordFieldElement;
         new (): HTMLGidsPasswordFieldElement;
     };
+    interface HTMLGidsScrimElement extends Components.GidsScrim, HTMLStencilElement {
+    }
+    var HTMLGidsScrimElement: {
+        prototype: HTMLGidsScrimElement;
+        new (): HTMLGidsScrimElement;
+    };
     interface HTMLGidsSnackbarElement extends Components.GidsSnackbar, HTMLStencilElement {
     }
     var HTMLGidsSnackbarElement: {
@@ -290,6 +299,7 @@ declare global {
         "gids-notification": HTMLGidsNotificationElement;
         "gids-overlay-provider": HTMLGidsOverlayProviderElement;
         "gids-password-field": HTMLGidsPasswordFieldElement;
+        "gids-scrim": HTMLGidsScrimElement;
         "gids-snackbar": HTMLGidsSnackbarElement;
         "gids-text-field": HTMLGidsTextFieldElement;
         "gids-toggle-button": HTMLGidsToggleButtonElement;
@@ -388,6 +398,9 @@ declare namespace LocalJSX {
         "textMinLength"?: number;
         "value"?: string;
     }
+    interface GidsScrim {
+        "extraClasses"?: string | undefined;
+    }
     interface GidsSnackbar {
         /**
           * @default 'default'
@@ -525,6 +538,9 @@ declare namespace LocalJSX {
         "fieldRequirementRequiredText": string | GidsLabelFieldRequirementTextFn;
         "textMinLength": number;
     }
+    interface GidsScrimAttributes {
+        "extraClasses": string | undefined;
+    }
     interface GidsSnackbarAttributes {
         "message": string;
         "appearance": GidsSnackbarContainerAppearance;
@@ -571,6 +587,7 @@ declare namespace LocalJSX {
         "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-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-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] };
@@ -586,6 +603,7 @@ declare module "@stencil/core" {
             "gids-notification": LocalJSX.IntrinsicElements["gids-notification"] & JSXBase.HTMLAttributes<HTMLGidsNotificationElement>;
             "gids-overlay-provider": LocalJSX.IntrinsicElements["gids-overlay-provider"] & JSXBase.HTMLAttributes<HTMLGidsOverlayProviderElement>;
             "gids-password-field": LocalJSX.IntrinsicElements["gids-password-field"] & JSXBase.HTMLAttributes<HTMLGidsPasswordFieldElement>;
+            "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>;

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

@@ -1,6 +1,6 @@
-import { d as e, h as t } from "./p-D4xtPT_U-04HkZiXU.js";
-const s = e, d = t;
+import { d as e, h as s } from "./p-BplPYg8z-B8uAAfo4.js";
+const t = e, d = s;
 export {
-  s as GidsField,
+  t as GidsField,
   d as defineCustomElement
 };

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

@@ -1,7 +1,7 @@
-import { C as o, H as t, f as d, R as a } from "./p-ibikYq-w-BsGxk8ro.js";
+import { C as o, H as t, f as a, R as d } from "./p-ibikYq-w-BsGxk8ro.js";
 import { i as n } from "./p-B2zUuNXz-BLBgQDu7.js";
 import { d as c } from "./p-veoOgDXg-DElc87c0.js";
-const e = o(class extends d {
+const e = o(class extends a {
   constructor(i) {
     super(), i !== !1 && this.__registerHost(), this.__attachShadow();
   }
@@ -10,7 +10,7 @@ const e = o(class extends d {
     i !== void 0 && this._el.shadowRoot?.adoptedStyleSheets.push(i);
   }
   render() {
-    return a(c, { key: "b3a3cfcc04ab9526dd924d24df2ad992a2018ffc", name: this.name, size: this.size, appearance: this.appearance, alt: this.alt, titleId: this.titleId });
+    return d(c, { key: "d1215bf1b178ca6fb73458ecb8370b315239fa5b", name: this.name, size: this.size, appearance: this.appearance, alt: this.alt, titleId: this.titleId });
   }
   get _el() {
     return this;

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

@@ -1,5 +1,5 @@
-import { l as s, r } from "./p-RqpjvEHh-BGGYsIBf.js";
-const e = s, o = r;
+import { l as r, r as s } from "./p-BVh4zbX4-C4UJ8LPX.js";
+const e = r, o = s;
 export {
   e as GidsInput,
   o as defineCustomElement

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

@@ -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: "41dc60790fe64bf9e0daa2da5fd6c39f30d8ceac" }, o("slot", { key: "a480a4344336cbbf75ac3bc771c9416d27d9d742" }), this._isRoot() ? o("div", { class: G({ position: t }) }, [...this._allowedComponentQueue].reverse().map(((e) => this._renderComponent(e)))) : null);
+    return o(w, { key: "cc411e4a7fd0174d11d189a107dc1558a93c8ea2" }, o("slot", { key: "724e2c2ccdd2e3e7917808906d7308067da2ae87" }), 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

@@ -3,26 +3,26 @@ 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-D4xtPT_U-04HkZiXU.js";
-import { r as G } from "./p-RqpjvEHh-BGGYsIBf.js";
+import { h as E } from "./p-BplPYg8z-B8uAAfo4.js";
+import { r as G } from "./p-BVh4zbX4-C4UJ8LPX.js";
 import { c as g } from "./clsx-OuTLNxxd.js";
-const f = /[A-Z]/, b = /[a-z]/, p = /[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]/, 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") && 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 }) => {
+  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 }) => {
   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: z,
-  include1DigitReg: p,
-  include1LowercaseLetterReg: b,
+  include1DigitReg: b,
+  include1LowercaseLetterReg: p,
   include1SpecialCharReg: q,
   include1UppercaseLetterReg: f
-}, Symbol.toStringTag, { value: "Module" })), o = ({ requirementRule: e, textMinLength: t }) => e === "include-min-length" && t && t > 0, R = (e) => {
+}, Symbol.toStringTag, { value: "Module" })), d = ({ requirementRule: e, textMinLength: t }) => e === "include-min-length" && t && t > 0, R = (e) => {
   const t = [];
   return e && e.length > 0 && e.map((s) => {
     s?.requirementRule && t.push(s.requirementRule);
@@ -34,13 +34,13 @@ const f = /[A-Z]/, b = /[a-z]/, p = /[0-9]/, q = /[^A-Za-z0-9]/, z = ({ text: e,
     case "1-uppercase":
       return f.test(s);
     case "1-lowercase":
-      return b.test(s);
-    case "1-digit":
       return p.test(s);
+    case "1-digit":
+      return b.test(s);
     case "1-special-character":
       return q.test(s);
     case "include-min-length":
-      return o({
+      return d({
         requirementRule: "include-min-length",
         textMinLength: t
       }) === !0 && s.length >= t;
@@ -66,7 +66,7 @@ const f = /[A-Z]/, b = /[a-z]/, p = /[0-9]/, q = /[^A-Za-z0-9]/, z = ({ text: e,
       requirementText: "Password must contain atleast 1 lowercase letter."
     }
   ];
-  return o({
+  return d({
     requirementRule: "include-min-length",
     textMinLength: e
   }) && t.push({
@@ -76,13 +76,13 @@ const f = /[A-Z]/, b = /[a-z]/, p = /[0-9]/, q = /[^A-Za-z0-9]/, z = ({ text: e,
     defaultMeterRules: R(t),
     defaultRequirementsMeterRules: t
   };
-}, N = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, V = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   checkRequirementRuleSatisfied: I,
   getDefaultRulesAndRequirementsForMeters: m,
   getMeterRulesFromRequirements: R,
-  minLengthRuleCanBeApplied: o
-}, Symbol.toStringTag, { value: "Module" })), V = (e) => {
+  minLengthRuleCanBeApplied: d
+}, Symbol.toStringTag, { value: "Module" })), N = (e) => {
   switch (e) {
     case "error":
       return "danger";
@@ -97,7 +97,7 @@ const f = /[A-Z]/, b = /[a-z]/, p = /[0-9]/, q = /[^A-Za-z0-9]/, z = ({ text: e,
   }
 }, $ = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  getRequirementsMeterLabelLeadingIcon: V
+  getRequirementsMeterLabelLeadingIcon: N
 }, Symbol.toStringTag, { value: "Module" })), D = (e) => {
   switch (e) {
     case "error":
@@ -127,24 +127,24 @@ const f = /[A-Z]/, b = /[a-z]/, p = /[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 } = B, ie = ({ text: e, textMinLength: t, meterRules: s = ["1-uppercase", "1-lowercase", "1-digit", "1-special-character", "include-min-length"], class: n }) => {
+}, Symbol.toStringTag, { value: "Module" })), { getGidsStrengthMeterClassNames: te } = Z, { getStrengthMeterScore: se, getColorModifierByScore: re } = A, ie = ({ text: e, textMinLength: t, meterRules: s = ["1-uppercase", "1-lowercase", "1-digit", "1-special-character", "include-min-length"], class: n }) => {
   const a = (r, l, u) => i("div", { key: r, class: ["gids-strength-meter__strength-" + r, u ? "is-active" : "", u ? l : ""].filter(Boolean).join(" ") });
   return s.length > 0 ? i("div", { class: te(n) }, (() => {
     const r = s.length, l = se({ text: e, textMinLength: t, meterRules: s }), u = re({ textScore: l, maxScore: r });
     return Array.from({ length: r }, ((_, c) => {
-      const d = c + 1, w = d <= l;
-      return s[d] === "include-min-length" ? o({ requirementRule: "include-min-length", textMinLength: t }) ? a(d, u, w) : null : a(d, u, w);
+      const o = c + 1, w = o <= l;
+      return s[o] === "include-min-length" ? d({ requirementRule: "include-min-length", textMinLength: t }) ? a(o, u, w) : null : a(o, u, w);
     }));
   })()) : null;
 }, { getGidsRequirementsMeterLabelClassNames: ne } = J, { getRequirementsMeterLabelLeadingIcon: le } = $, 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: de } = Q, oe = ({ requirements: e = [], text: t, textMinLength: s, class: n }) => {
+}, { checkRequirementRuleSatisfied: ue } = V, { getGidsRequirementsMeterClassNames: oe } = Q, de = ({ requirements: e = [], text: t, textMinLength: s, class: n }) => {
   const a = (r, l) => i(ae, { status: l ? "success" : "error", label: r.requirementText });
-  return i("div", { class: de(n) }, (console.log("requirements", e), e.map(((r) => {
+  return i("div", { class: oe(n) }, (console.log("requirements", e), e.map(((r) => {
     if (r?.requirementText && r?.requirementRule) {
       const l = ue({ rule: r.requirementRule, textMinLength: s, text: t });
-      return r.requirementRule === "include-min-length" ? o({ requirementRule: r.requirementRule, textMinLength: s }) ? a(r, l) : null : a(r, l);
+      return r.requirementRule === "include-min-length" ? d({ requirementRule: r.requirementRule, textMinLength: s }) ? a(r, l) : null : a(r, l);
     }
     return null;
   }))));
@@ -190,7 +190,7 @@ const f = /[A-Z]/, b = /[a-z]/, p = /[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 && r.placeholder != "" ? r.placeholder : "Enter password", u = this.isPasswordRevealed, _ = this.meterRules, c = this.textMinLength !== void 0 ? this.textMinLength : 8;
-    return i(T, { key: "548bcf66b7ee93974d790e7b3a44ba764ace509f" }, i("gids-field", { key: "4e52e64a5ad558317cb35b72121be744befeab1b", disabled: this.disabled, count: void 0, helperText: this.helperText, statusText: this.statusText, status: ce(this.status) }, i(L, { key: "2b797611f9f104f9a99a9e0d4bdda31dee0839b4", 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: "725f94aff51966525b640f1fe1e010c700c1ddc8", 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: "ef742cdd2cb00887f74589ad44304cb401194688", name: "leadingIcon" }), i("slot", { key: "6f38de10ddb3acd5ec39b72bea3e3b4b08aabc9e", name: "leadingAccessory" }), i("div", { key: "c607f812340a2a5e22323682d3a739b31d8fb66c", slot: "trailingAccessory", class: "gids-password-field__trailing-accessory" }, n && i(O, { key: "a12067b7e8b1cd30edd61fae71c980ad1c5f269a", label: "clear text", size: "lg", onPressDismiss: this._handleDismiss }), a && i(F, { key: "0b2a76bd61aba94d2fa17c2a97f87b28f99b2a0e", appearance: "default", size: "xs", width: "intrinsic", disabled: this.disabled, onClick: this._handleRevealPassword }, u ? "Hide" : "Show")))), i("div", { key: "9a6624d2963148db0c20713a565be4dcf6815f7b", class: "gids-password-field__meters-container" }, i(ie, { key: "f5edecbaf4438d0ca4cb457034fe8f59cd665a1d", meterRules: _, text: this.value, textMinLength: c }), i(oe, { key: "04d03abd215fbdcc966ccd9321942d7a25717fa1", requirements: this.requirementsMeterRequirements, text: this.value, textMinLength: c })));
+    return i(T, { key: "84bc020da1e496c4127ef65e4f7432b1ffb9654c" }, i("gids-field", { key: "484452f7974320a9aa937435cfb2a38027de9bc8", disabled: this.disabled, count: void 0, helperText: this.helperText, statusText: this.statusText, status: ce(this.status) }, i(L, { key: "d89c25ed9f385009ce353bb5ceee083f25b6a685", 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: "83c256b3a95e253c9fed98c31b28350dfaa91f01", 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: "7c60013a0c976f72e68c7055885969d0dfcc86bc", name: "leadingIcon" }), i("slot", { key: "d04ba13ed7d1188085cee4f77f2ead6f5d63688e", name: "leadingAccessory" }), i("div", { key: "a527bcf421410accbb74effe758eee728c152ac8", slot: "trailingAccessory", class: "gids-password-field__trailing-accessory" }, n && i(O, { key: "9a2aa3cd9bd7cb11dc48976e7bafa1ac9c86fde8", label: "clear text", size: "lg", onPressDismiss: this._handleDismiss }), a && i(F, { key: "d1b11a62438c98f74ce0c52b49ebd72727a42305", appearance: "default", size: "xs", width: "intrinsic", disabled: this.disabled, onClick: this._handleRevealPassword }, u ? "Hide" : "Show")))), i("div", { key: "2ba8e5b0e4c3fef3c19d151455cdefea6c619126", class: "gids-password-field__meters-container" }, i(ie, { key: "57b83f9ac75d5fac702b7992863ea6603fc48dd1", meterRules: _, text: this.value, textMinLength: c }), i(de, { key: "018f5c35f66b3d80aade1b827b323274b27fd7bb", requirements: this.requirementsMeterRequirements, text: this.value, textMinLength: c })));
   }
   get _el() {
     return this;

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

@@ -0,0 +1,35 @@
+import { C as i, f as c, R as t, H as s } from "./p-ibikYq-w-BsGxk8ro.js";
+import { i as a } from "./p-B2zUuNXz-BLBgQDu7.js";
+import { c as n } from "./clsx-OuTLNxxd.js";
+const l = (e) => n("gids-scrim", e), d = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsScrimClassNames: l
+}, Symbol.toStringTag, { value: "Module" })), { getGidsScrimClassNames: m } = d, o = i(class extends c {
+  constructor(e) {
+    super(), e !== !1 && this.__registerHost(), this.__attachShadow();
+  }
+  connectedCallback() {
+    const e = a();
+    e !== void 0 && this._el.shadowRoot?.adoptedStyleSheets.push(e);
+  }
+  render() {
+    return t("div", { key: "befcd12706dbf780586972ee76bda7d7a64e8702", class: m(this.extraClasses) }, t("slot", { key: "a7bf7c4732706d7bc954d5160b6154868a785913" }));
+  }
+  get _el() {
+    return this;
+  }
+  static get style() {
+    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(calc(var(24px) / 2))}";
+  }
+}, [257, "gids-scrim", { extraClasses: [513, "extra-classes"] }]);
+function r() {
+  typeof customElements < "u" && ["gids-scrim"].forEach(((e) => {
+    e === "gids-scrim" && (customElements.get(s(e)) || customElements.define(s(e), o));
+  }));
+}
+r();
+const b = o, p = r;
+export {
+  b as GidsScrim,
+  p as defineCustomElement
+};

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

@@ -1,8 +1,8 @@
-import { C as u, f as h, V as c, N as f, R as i, H as s } from "./p-ibikYq-w-BsGxk8ro.js";
+import { C as u, f as c, V as h, N as f, R as i, H as s } from "./p-ibikYq-w-BsGxk8ro.js";
 import { i as b } from "./p-B2zUuNXz-BLBgQDu7.js";
 import { o as m, n as p } from "./p-DijVkS9b-CtFkEtlE.js";
-import { h as g } from "./p-D4xtPT_U-04HkZiXU.js";
-import { r as x } from "./p-RqpjvEHh-BGGYsIBf.js";
+import { h as g } from "./p-BplPYg8z-B8uAAfo4.js";
+import { r as x } from "./p-BVh4zbX4-C4UJ8LPX.js";
 import { g as _ } from "./p-veoOgDXg-DElc87c0.js";
 const v = (e, t) => {
   if (!(e === void 0 || t === void 0))
@@ -16,16 +16,16 @@ const v = (e, t) => {
     default:
       return "default";
   }
-}, a = /* @__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 } = a, 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 } = a, { inputToGidsFieldStatus: O } = C, n = u(class extends h {
+}, Symbol.toStringTag, { value: "Module" })), { formatCharCount: F } = n, { inputToGidsFieldStatus: O } = C, l = u(class extends c {
   constructor(e) {
-    super(), e !== !1 && this.__registerHost(), this.gidsTextFieldClear = c(this, "gidsTextFieldClear"), this.#e = _(), this._handleDismiss = () => {
+    super(), e !== !1 && this.__registerHost(), this.gidsTextFieldClear = h(this, "gidsTextFieldClear"), this.#e = _(), this._handleDismiss = () => {
       const t = this.#t?.querySelector("input.gids-input__control");
       t && (t.value = "", t.dispatchEvent(new globalThis.Event("input", { bubbles: !0 }))), this.value = "", this.gidsTextFieldClear.emit();
     }, this._handleInput = (t) => {
@@ -49,8 +49,8 @@ const v = (e, t) => {
   #e;
   #t;
   render() {
-    const { id: e, ...t } = this.inputProps ?? {}, l = e ?? this.#e, d = this.showClearButton && this.value !== void 0 && this.value.length > 0;
-    return i("gids-field", { key: "cc94d948b69f9a9cfeee2b9df2a06d8985448963", disabled: this.disabled, count: F(this.value?.length, this.maxLength), helperText: this.helperText, statusText: this.statusText, status: O(this.status) }, i(p, { key: "16ed76aa12c2a256cd7ca7d2862b552e444f57c7", 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: "2b5ac45e1c828db13394d003cec5acfef2d02f82", 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: "e36107774a78bf7162d88784474b9dc77aa4fffa", name: "leadingIcon" }), i("slot", { key: "0c8d888dc3f46d2d49be0e55e1833604e703724c", name: "leadingAccessory" }), d && i(m, { key: "06804811547b79a273271a467cc3020e49b66ea6", label: "clear text", slot: "trailingAccessory", size: "lg", onPressDismiss: this._handleDismiss }), i("slot", { key: "d05029b11a4aa635123da84611e671edbfb925c6", name: "trailingIcon" })));
+    const { id: e, ...t } = this.inputProps ?? {}, a = e ?? this.#e, d = this.showClearButton && this.value !== void 0 && this.value.length > 0;
+    return i("gids-field", { key: "7aa5bbe489adc1310365d37aac41ca9772fa1d0f", disabled: this.disabled, count: F(this.value?.length, this.maxLength), helperText: this.helperText, statusText: this.statusText, status: O(this.status) }, i(p, { key: "5a9bf6cfe25a0800b466a0aaccd21ac80aca59bb", 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: "53f0d81f5227ed7a872ec9acebb559d21c4adc6e", 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: "42a2856da9b6d31452fc3fb199eacb336bff3475", name: "leadingIcon" }), i("slot", { key: "3b5cbe26cc943ffeab09231a7d7df750f7b473f7", name: "leadingAccessory" }), d && i(m, { key: "51a7942f8e31430bf1d74abad31049e9ad11f92e", label: "clear text", slot: "trailingAccessory", size: "lg", onPressDismiss: this._handleDismiss }), i("slot", { key: "ae4eccacb0f60d70b57e5df949f7a0dbc9098654", name: "trailingIcon" })));
   }
   get _el() {
     return this;
@@ -60,7 +60,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), l);
         break;
       case "gids-field":
         customElements.get(s(e)) || g();
@@ -71,7 +71,7 @@ function r() {
   }));
 }
 r();
-const I = n, G = r;
+const I = l, G = r;
 export {
   I as GidsTextField,
   G as defineCustomElement

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

@@ -21,9 +21,9 @@ const i = l(class extends n {
     this._el.selected = e, this.select?.emit(e);
   }
   render() {
-    return t(a, { key: "0f65cdb9d34f2cb5db90104964b7d76f63b7546c" }, t("style", { key: "410fa1ed0c7f2ee1fa431e639adae9b09643635b" }, `:host {
+    return t(a, { key: "629bf94de5dcf8979c4c52f749e6f1528506cb7f" }, t("style", { key: "45b2ada2ba3e26b574f7c34675622db5352802d2" }, `:host {
                 display: ${this.width === "full" ? "block" : "inline-block"}
-                }`), t(c, { key: "c60640620902451f4c635b802d1cd298f218772f", appearance: this.appearance, size: this.size, width: this.width, disabled: this.disabled, onClick: this._toggle, "aria-pressed": this.selected ? "true" : "false", leadingIcon: t("slot", { name: "leadingIcon" }), trailingIcon: t("slot", { name: "trailingIcon" }), forceIconOnly: this._onlyHasLeadingIcon() }, t("slot", { key: "7904b661a3eb9be25e25a0a9668580462ebfc393" })));
+                }`), t(c, { key: "2f93e85e5dbf968c09c245e71a41a9b587ead04c", appearance: this.appearance, size: this.size, width: this.width, disabled: this.disabled, onClick: this._toggle, "aria-pressed": this.selected ? "true" : "false", leadingIcon: t("slot", { name: "leadingIcon" }), trailingIcon: t("slot", { name: "trailingIcon" }), forceIconOnly: this._onlyHasLeadingIcon() }, t("slot", { key: "599d014741a1d931f44976866e92837ed2184e5f" })));
   }
   _onlyHasLeadingIcon() {
     const e = this._el.childNodes;
@@ -39,8 +39,8 @@ function o() {
   }));
 }
 o();
-const b = i, u = o;
+const u = i, b = o;
 export {
-  b as GidsToggleButton,
-  u as defineCustomElement
+  u as GidsToggleButton,
+  b as defineCustomElement
 };

package/dist-bundled/es/{p-RqpjvEHh-BGGYsIBf.js → p-BVh4zbX4-C4UJ8LPX.js}

@@ -1,4 +1,4 @@
-import { H as s, C as l, f as u, R as i, L as d } from "./p-ibikYq-w-BsGxk8ro.js";
+import { H as s, C as l, f as d, R as a, L as u } from "./p-ibikYq-w-BsGxk8ro.js";
 import { d as n } from "./p-veoOgDXg-DElc87c0.js";
 import { l as r } from "./p-DybsMR13-DpmsG3Q1.js";
 const c = (e) => e.type === "hidden", f = (e) => {
@@ -15,11 +15,11 @@ const c = (e) => e.type === "hidden", f = (e) => {
     "SELECT",
     "TEXTAREA"
   ].includes(t) || t === "A" && e.hasAttribute("href") || e instanceof HTMLInputElement && !c(e) || ["AUDIO", "VIDEO"].includes(t) && e.hasAttribute("controls") || ["IMG", "OBJECT"].includes(t) && e.hasAttribute("usemap") || e.hasAttribute("tabindex") && e.tabIndex > -1);
-}, o = l(class extends u {
+}, o = l(class extends d {
   constructor(e) {
     super(), e !== !1 && this.__registerHost(), this.#e = {}, this._focusInput = (t) => {
-      const a = t.target;
-      a === this.#t || this._isWithinInteractiveElement(a) || this.#t?.focus();
+      const i = t.target;
+      i === this.#t || this._isWithinInteractiveElement(i) || this.#t?.focus();
     }, this._handleInputFocusAndBlur = (t) => {
       this._el.dispatchEvent(new FocusEvent(t.type, { relatedTarget: t.relatedTarget }));
     };
@@ -54,9 +54,9 @@ const c = (e) => e.type === "hidden", f = (e) => {
     this._el.removeEventListener("click", this._focusInput);
   }
   render() {
-    return i(d, { key: "9d1ed3749495c830b3940d4da09056620ccaef1d" }, i("slot", { key: "ae4b6e25b50e1b2fc04ff7eb1b2695437b25b974", name: "leadingIcon" }), this.leadingLabel && i("span", { key: "408038e8921dc443f14b5c57541d8ca74205e193", class: "gids-input__label" }, this.leadingLabel), i("slot", { key: "033b3c940545c99f3aa356e08267c77c25c0f89c", name: "leadingAccessory" }), i("input", { key: "d302436fe388ce84e775ee73c83723cd4bfb46b3", ...this.inputProps, ref: (e) => {
+    return a(u, { key: "281c832656cace745109fdd8208fe24b90f2c126" }, a("slot", { key: "5f8424a1d9bc196e3efee9d1e5d099bed15ddb4b", name: "leadingIcon" }), this.leadingLabel && a("span", { key: "2ce161a38f74618d60f38028c646c80e361aeced", class: "gids-input__label" }, this.leadingLabel), a("slot", { key: "12383525faf774eef618705cf68338a4fc9c9e55", name: "leadingAccessory" }), a("input", { key: "19de1aa1ad2a47db2979dfcbbf9b8e49d045f5af", ...this.inputProps, ref: (e) => {
       this.#t = e, this.#e.value !== void 0 && (this.#t.value = this.#e.value, delete this.#e.value), this.#e.defaultValue !== void 0 && (this.#t.defaultValue = this.#e.defaultValue, delete this.#e.defaultValue);
-    }, class: "gids-input__control", name: this.name, disabled: this.disabled, readOnly: this.readOnly, required: this.required, onFocus: this._handleInputFocusAndBlur, onBlur: this._handleInputFocusAndBlur }), i("slot", { key: "85d41d8a06da0c88a6defe65eae2d6f1e69c3abd", name: "trailingAccessory" }), this.trailingLabel && i("span", { key: "1fec370bdb270031d6e3cdd9bed84871116be21f", class: "gids-input__label" }, this.trailingLabel), i("slot", { key: "65800ff524221d70b659901d440c5459e64975a8", name: "trailingIcon" }), this.status === "incomplete" && i(n, { key: "2bec2513415dad3294abc23ebcdc0493fa44399a", name: "warning", appearance: "filled", class: "gids-input__warning-icon" }), this.status === "complete" && i(n, { key: "2e21e9cb5ccfad300400c97dba89642395f84b04", name: "positive", appearance: "filled", class: "gids-input__positive-icon" }), this.loading && i(r, { key: "5fb23cf0b1e280cf7acd8ccd47c1a8d9611a1f19", size: "md", indeterminate: !0 }));
+    }, class: "gids-input__control", name: this.name, disabled: this.disabled, readOnly: this.readOnly, required: this.required, onFocus: this._handleInputFocusAndBlur, onBlur: this._handleInputFocusAndBlur }), a("slot", { key: "3e0f6ae8c23b2536891ddd0adb7be1215d86ac66", name: "trailingAccessory" }), this.trailingLabel && a("span", { key: "9b2ac9fbf6c198dd0a4e1decf4631b2b46902587", class: "gids-input__label" }, this.trailingLabel), a("slot", { key: "d9848f786ce38136f1ad8c07d685215ede87f157", name: "trailingIcon" }), this.status === "incomplete" && a(n, { key: "bc8bcc01f07bd345b448f4662a37b28d8029a94f", name: "warning", appearance: "filled", class: "gids-input__warning-icon" }), this.status === "complete" && a(n, { key: "cafc44041a1d4eac859face7ec5eea2ced1ca3f5", name: "positive", appearance: "filled", class: "gids-input__positive-icon" }), this.loading && a(r, { key: "0daca638742b098d06da6cd9a7b9cfd6e9c90921", size: "md", indeterminate: !0 }));
   }
   get _el() {
     return this;

package/dist-bundled/es/{p-D4xtPT_U-04HkZiXU.js → p-BplPYg8z-B8uAAfo4.js}

@@ -5,7 +5,7 @@ import { c as _ } from "./clsx-OuTLNxxd.js";
 const g = (t) => _("gids-field", t), u = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   getGidsFieldClassNames: g
-}, Symbol.toStringTag, { value: "Module" })), { getGidsFieldClassNames: f } = u, p = n(class extends r {
+}, Symbol.toStringTag, { value: "Module" })), { getGidsFieldClassNames: p } = u, f = n(class extends r {
   constructor(t) {
     super(), t !== !1 && this.__registerHost(), this.__attachShadow(), this.status = "implicit", this._hasLabel = !1, this._controlListenerTargets = [], this._controlTouched = !1, this._handleLabelSlotChange = () => {
       this._hasLabel = (this._labelSlot?.assignedElements()?.length ?? 0) > 0;
@@ -56,7 +56,7 @@ const g = (t) => _("gids-field", t), u = /* @__PURE__ */ Object.freeze(/* @__PUR
       const a = this._getStatusModifierClass(s, "gids-field__status-text");
       a != null && i.push(a);
     }
-    return o(d, { key: "fed52ee2bacf334f4ec630fdaea5285d8aee56b3" }, o("div", { key: "fe65a5714ae0e8369a2e6d91f5ccbe37ce1b04b4", class: f() }, o("div", { key: "37d656971e39e9c26085b54fd253f9758e6110fa", class: "gids-field__header", hidden: !this._hasLabelContent() }, o("slot", { key: "eda62c8170fb5caf2e69f66bae079d1646a52ff8", ref: this._setLabelSlot, name: "label", onSlotchange: this._handleControlSlotChange }), o("div", { key: "28677c5ebd0e8bfb7f9f0c43634c9a70b84f4cd0", class: "gids-field__count", "aria-live": "polite" }, this.count)), o("div", { key: "0a816504a863304e13be74c64429b74700fc3590", class: "gids-field__control" }, o("slot", { key: "1081771bfb182da6b0527303132555458de3ff2e", ref: this._setControlSlot, onSlotchange: this._handleControlSlotChange })), o("p", { key: "632636f8c4d819b6c32658a7ae72ab9308973fda", class: "gids-field__supporting-text", hidden: !this._shouldShowHelperText() }, this.helperText), t ? o("p", { class: i.join(" "), role: "status", "aria-live": "polite" }, this._renderStatusIcon(s), e !== void 0 ? o("span", null, e) : null) : null));
+    return o(d, { key: "4bd0ef4ac11ded5f563595485082650801fdbe1b" }, o("div", { key: "3617e3301f53dcb21a9beb98b4a23d620e3dd39d", class: p() }, o("div", { key: "bb1f6710ee27c94346f7ee9459389d901b23d913", class: "gids-field__header", hidden: !this._hasLabelContent() }, o("slot", { key: "8fa03ca31936bc6082052b099ac29afea2ec3032", ref: this._setLabelSlot, name: "label", onSlotchange: this._handleControlSlotChange }), o("div", { key: "1b50c69005c2d0b89c47dc01c2dcbb343bdeecff", class: "gids-field__count", "aria-live": "polite" }, this.count)), o("div", { key: "b8664a96496a6e7289fb14bdadbb59dcee9af3d1", class: "gids-field__control" }, o("slot", { key: "bff757557406c0165be3569c4eb34adb1fe346ca", ref: this._setControlSlot, onSlotchange: this._handleControlSlotChange })), o("p", { key: "0638e493fc4ac98f6c10a8392c45ffde8b8340a4", class: "gids-field__supporting-text", hidden: !this._shouldShowHelperText() }, this.helperText), t ? o("p", { class: i.join(" "), role: "status", "aria-live": "polite" }, this._renderStatusIcon(s), e !== void 0 ? o("span", null, e) : null) : null));
   }
   _hasLabelContent() {
     return this._hasLabel;
@@ -171,11 +171,11 @@ const g = (t) => _("gids-field", t), u = /* @__PURE__ */ Object.freeze(/* @__PUR
 }, [257, "gids-field", { disabled: [516], count: [513], helperText: [513, "helper-text"], statusText: [513, "status-text"], status: [513], _controlValidationMessage: [32], _hasLabel: [32], reScanControl: [64] }, void 0, { status: [{ _handleStatusChange: 0 }] }]);
 function m() {
   typeof customElements < "u" && ["gids-field"].forEach(((t) => {
-    t === "gids-field" && (customElements.get(l(t)) || customElements.define(l(t), p));
+    t === "gids-field" && (customElements.get(l(t)) || customElements.define(l(t), f));
   }));
 }
 m();
 export {
-  p as d,
+  f as d,
   m as h
 };