@ganpatiinfo/gids-core-web 8.2.0 → 9.0.0

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

@@ -1,10 +1,10 @@
 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-DjvDBWCb-C9js0PPL.js";
-import { f as G } from "./p-Bg3lw2Ae-CkC8nUqv.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 === "")
@@ -22,7 +22,7 @@ const f = /[A-Z]/, p = /[a-z]/, b = /[0-9]/, q = /[^A-Za-z0-9]/, z = ({ text: e,
   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);
@@ -40,7 +40,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 o({
+      return d({
         requirementRule: "include-min-length",
         textMinLength: t
       }) === !0 && s.length >= t;
@@ -66,7 +66,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 o({
+  return d({
     requirementRule: "include-min-length",
     textMinLength: e
   }) && t.push({
@@ -81,8 +81,8 @@ const f = /[A-Z]/, p = /[a-z]/, b = /[0-9]/, q = /[^A-Za-z0-9]/, z = ({ text: e,
   checkRequirementRuleSatisfied: I,
   getDefaultRulesAndRequirementsForMeters: m,
   getMeterRulesFromRequirements: R,
-  minLengthRuleCanBeApplied: o
-}, Symbol.toStringTag, { value: "Module" })), $ = (e) => {
+  minLengthRuleCanBeApplied: d
+}, Symbol.toStringTag, { value: "Module" })), V = (e) => {
   switch (e) {
     case "error":
       return "danger";
@@ -95,9 +95,9 @@ const f = /[A-Z]/, p = /[a-z]/, b = /[0-9]/, q = /[^A-Za-z0-9]/, z = ({ text: e,
     default:
       return "globe";
   }
-}, V = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, $ = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  getRequirementsMeterLabelLeadingIcon: $
+  getRequirementsMeterLabelLeadingIcon: V
 }, Symbol.toStringTag, { value: "Module" })), D = (e) => {
   switch (e) {
     case "error":
@@ -132,19 +132,19 @@ const f = /[A-Z]/, p = /[a-z]/, b = /[0-9]/, q = /[^A-Za-z0-9]/, z = ({ text: e,
   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 } = V, ae = (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 } = N, { getGidsRequirementsMeterClassNames: de } = Q, oe = ({ 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: de(n) }, e.map(((r) => {
+  return i("div", { class: oe(n) }, e.map(((r) => {
     if (r?.requirementText != null && r?.requirementRule != null) {
       const l = ue({ rule: r.requirementRule, textMinLength: s, text: t });
-      return r.requirementRule === "include-min-length" ? o({ requirementRule: r.requirementRule, textMinLength: s }) === !0 ? a(r, l) : null : a(r, l);
+      return r.requirementRule === "include-min-length" ? d({ requirementRule: r.requirementRule, textMinLength: s }) === !0 ? a(r, l) : null : a(r, l);
     }
     return null;
   })));
@@ -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: "ac0547218330d8f736228ea80758fa093106c83b" }, i("gids-field", { key: "98c060a626789dbd002f5792cd80f1d774700ce8", disabled: this.disabled, count: void 0, helperText: this.helperText, statusText: this.statusText, status: ce(this.status) }, i(L, { key: "c3bc15ae28913dd303c6f1ac115a263eb6c957d6", 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: "27e62b83ad6ad35b88478e2098e27b90955831c8", 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: "be45ade51a541676a5b2e234fcbee46e60cde86c", name: "leadingIcon" }), i("slot", { key: "6cf1f874d8f94f0a47006f05784cbc96c6364a29", name: "leadingAccessory" }), i("div", { key: "8243a614ec6fc1d2b58f89c346123829b6ce4350", slot: "trailingAccessory", class: "gids-password-field__trailing-accessory" }, n && i(O, { key: "5a404ec6fbecf9d383bf11a1d06371d79b5bd1be", label: "clear text", size: "lg", onPressDismiss: this._handleDismiss }), a && i(F, { key: "c6cac51598118d8e6fed039a08a5f6d7ad4ae3ac", appearance: "default", size: "xs", width: "intrinsic", disabled: this.disabled, onClick: this._handleRevealPassword }, u ? "Hide" : "Show")))), i("div", { key: "dea7d30bac19ece0988437a663743020be7b9c47", class: "gids-password-field__meters-container" }, i(ie, { key: "0cd888450a7760a8c80b73ded9ccd91e2b30c39f", meterRules: _, text: this.value, textMinLength: c }), i(oe, { key: "f5960940724dabab47fceb265ae369d1ce23e9aa", 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

@@ -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: "3a18dab725b1a061036e23781aaa55040bf8464c", class: this.activeClasses, part: "root" }, e("slot", { key: "81e1e0fa050d3ccb490cbe082f7a67422957096a" }));
+    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
 };

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

@@ -1,9 +1,9 @@
 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-DjvDBWCb-C9js0PPL.js";
-import { f as x } from "./p-Bg3lw2Ae-CkC8nUqv.js";
-import { g as _ } from "./p-veoOgDXg-DElc87c0.js";
+import { i as m } from "./p-B2zUuNXz-BLBgQDu7.js";
+import { o as b, n as p } from "./p-DijVkS9b-CeV1i4T-.js";
+import { h as g } from "./p-iCAclJND-Bmsvd-W1.js";
+import { r as x } from "./p-DvoHLz_5-C5EvA91N.js";
+import { g as _ } from "./p-veoOgDXg-fRinub-C.js";
 const v = (e, t) => {
   if (!(e === void 0 || t === void 0))
     return `${e} / ${Math.max(t, 0)}`;
@@ -40,7 +40,7 @@ const v = (e, t) => {
     })), this._slotContentObserver.observe(this._el, { childList: !0, subtree: !1, attributes: !0, attributeFilter: ["slot"] });
   }
   connectedCallback() {
-    const e = b();
+    const e = m();
     e !== void 0 && this._el.shadowRoot?.adoptedStyleSheets.push(e), this._startSlotContentObserver();
   }
   disconnectedCallback() {
@@ -50,7 +50,7 @@ const v = (e, t) => {
   #t;
   render() {
     const { id: e, ...t } = this.inputProps ?? {}, n = e ?? this.#e, d = this.showClearButton && this.value !== void 0 && this.value.length > 0;
-    return i("gids-field", { key: "79a6f89effd87741d2b07df6aeb47c7dca810738", disabled: this.disabled, count: F(this.value?.length, this.maxLength), helperText: this.helperText, statusText: this.statusText, status: O(this.status) }, i(p, { key: "04c15dd04008777bd1eff8b3e94fd26076fd0a6c", slot: "label", disabled: this.disabled, info: i("slot", { name: "info" }), fieldRequirement: this.fieldRequirement, fieldRequirementOptionalText: this.fieldRequirementOptionalText, fieldRequirementRequiredText: this.fieldRequirementRequiredText, isLabelSentence: this.isLabelSentence, htmlFor: n }, this.label), i("gids-input", { key: "ae41600eca7cc769e3a4e271bc7d4718c5cb9069", 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: n, maxLength: this.maxLength } }, i("slot", { key: "0a1851ba9e1cb1deed77f88327e5411c0577c5d0", name: "leadingIcon" }), i("slot", { key: "140610e53fb52e6b24e0d91361c688e996de3849", name: "leadingAccessory" }), d && i(m, { key: "48b5b8d8adaa5693e57d6aca9eff32ca72a2c051", label: "clear text", slot: "trailingAccessory", size: "lg", onPressDismiss: this._handleDismiss }), i("slot", { key: "679c26844c467e15e144c393df13652dbe498421", name: "trailingIcon" })));
+    return i("gids-field", { key: "80f1981d584f417e010322b2c5ec07a60dc1f388", disabled: this.disabled, count: F(this.value?.length, this.maxLength), helperText: this.helperText, statusText: this.statusText, status: O(this.status) }, i(p, { key: "f222a99181809cf9ccdc1ad9ceed98c985681553", slot: "label", disabled: this.disabled, info: i("slot", { name: "info" }), fieldRequirement: this.fieldRequirement, fieldRequirementOptionalText: this.fieldRequirementOptionalText, fieldRequirementRequiredText: this.fieldRequirementRequiredText, isLabelSentence: this.isLabelSentence, htmlFor: n }, this.label), i("gids-input", { key: "7ff6cf33f16be119ecc705af8a7fb8965b01b74c", 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: n, maxLength: this.maxLength } }, i("slot", { key: "d3e260125c8d8f56870e6f484894bd1a1aa8e03b", name: "leadingIcon" }), i("slot", { key: "0445885d41f43d6a76f48ed482673a266b6a0182", name: "leadingAccessory" }), d && i(b, { key: "be16083a8e414be66ceb37e076f9ebc01cc4fc8f", label: "clear text", slot: "trailingAccessory", size: "lg", onPressDismiss: this._handleDismiss }), i("slot", { key: "0dc7436a9ca21e57409cc18340747295915d2d5f", name: "trailingIcon" })));
   }
   get _el() {
     return this;

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

@@ -1,5 +1,5 @@
-import { C as l, f as n, V as c, R as t, D as d, H as s } from "./p-ibikYq-w-BsGxk8ro.js";
-import { a } from "./p-CWdkmFbc-D89ZE8Mi.js";
+import { C as l, f as n, V as d, R as t, D as a, H as s } from "./p-ibikYq-w-BsGxk8ro.js";
+import { o as c } from "./p-CFw4_-5A-Dzvju3VE.js";
 import { i as h } from "./p-B2zUuNXz-BLBgQDu7.js";
 const i = l(class extends n {
   get selected() {
@@ -9,7 +9,7 @@ const i = l(class extends n {
     this.#e = e === void 0 ? void 0 : !!e;
   }
   constructor(e) {
-    super(), e !== !1 && this.__registerHost(), this.__attachShadow(), this.select = c(this, "select"), this._toggle = this._toggle.bind(this);
+    super(), e !== !1 && this.__registerHost(), this.__attachShadow(), this.select = d(this, "select"), this._toggle = this._toggle.bind(this);
   }
   #e;
   connectedCallback() {
@@ -21,9 +21,9 @@ const i = l(class extends n {
     this._el.selected = e, this.select?.emit(e);
   }
   render() {
-    return t(d, { key: "87505762161da81762e873e7c6318c03d9c17ef5" }, t("style", { key: "4e4c082b5435ca88e816310035c2989847d4f3de" }, `:host {
+    return t(a, { key: "56bc99780f392c4d5064eaa47819ee1ff0897c79" }, t("style", { key: "e330f982d625eeb7f72ede3f382231fb5791ec47" }, `:host {
                 display: ${this.width === "full" ? "block" : "inline-block"}
-                }`), t(a, { key: "cc1ba98c103b2650fac9373764174b9d692a3887", 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: "009d3abc1604b5c387c1c29fad97d42e24ae70e9" })));
+                }`), t(c, { key: "ccef97603f645ba92fd4180263d2cbeff0a54a07", 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: "7094015cf47ef8d045955419aa43f03174145928" })));
   }
   _onlyHasLeadingIcon() {
     const e = this._el.childNodes;

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

@@ -0,0 +1,66 @@
+import { C as n, f as l, R as e, L as s, H as i } from "./p-ibikYq-w-BsGxk8ro.js";
+import { g as r } from "./p-a3JfEYJp-DyhDK6VZ.js";
+import { i as d } from "./p-B2zUuNXz-BLBgQDu7.js";
+import { o as h } from "./p-B8kX8Vqv-trBz4jdS.js";
+const o = n(class extends l {
+  constructor(t) {
+    super(), t !== !1 && this.__registerHost(), this.__attachShadow(), this.placement = "bottom", this.showWithoutDelay = !1, this.lockToMainAxis = !1, this.handleShowEvent = () => {
+      this.floatingElementManager.showAfterDelay();
+    }, this.handleHideEvent = () => {
+      this.floatingElementManager.hideAfterDelay();
+    };
+  }
+  connectedCallback() {
+    const t = d();
+    t !== void 0 && this._el.shadowRoot?.adoptedStyleSheets.push(t);
+  }
+  componentDidLoad() {
+    this.floatingElementManager = new r(this._el, { htmlFor: this.htmlFor, placement: this.placement, showWithoutDelay: this.showWithoutDelay, lockToMainAxis: this.lockToMainAxis, floatingElementSelector: "#tooltip", arrowElementSelector: "#arrow", visibilityClass: "gids-tooltip--visible", elementType: h.TOOLTIP, getAnchorElementFromSlot: (t) => t.querySelector("slot")?.assignedElements()[0] || null }), this.floatingElementManager.initialize(), this.setupEventListeners();
+  }
+  setupEventListeners() {
+    const t = this.floatingElementManager.getAnchorElement();
+    t && (t.addEventListener("mouseenter", this.handleShowEvent), t.addEventListener("focus", this.handleShowEvent), t.addEventListener("mouseleave", this.handleHideEvent), t.addEventListener("blur", this.handleHideEvent));
+  }
+  placementChanged(t) {
+    this.floatingElementManager?.updateConfig({ placement: t }), this.floatingElementManager?.isVisible() && this.floatingElementManager?.reposition();
+  }
+  showWithoutDelayChanged(t) {
+    this.floatingElementManager?.updateConfig({ showWithoutDelay: t });
+  }
+  lockToMainAxisChanged(t) {
+    this.floatingElementManager?.updateConfig({ lockToMainAxis: t });
+  }
+  htmlForChanged(t) {
+    this.floatingElementManager?.updateConfig({ htmlFor: t }), this.cleanupEventListeners(), this.floatingElementManager?.initialize(), this.setupEventListeners();
+  }
+  cleanupEventListeners() {
+    const t = this.floatingElementManager?.getAnchorElement();
+    t && (t.removeEventListener("mouseenter", this.handleShowEvent), t.removeEventListener("focus", this.handleShowEvent), t.removeEventListener("mouseleave", this.handleHideEvent), t.removeEventListener("blur", this.handleHideEvent));
+  }
+  render() {
+    return e(s, { key: "49747828eaa09ead2d1e2f6d9d28b66c2db76103" }, e("slot", { key: "9ad53320553f1377f01f026a95f7cb894d91c98a" }), e("span", { key: "6116e418faa09d82975a3830f7e0bedcbdd8e87f", id: "tooltip", part: "tooltip", role: "tooltip" }, e("span", { key: "677d275b2e161441d76315c50a60a941d6dd010a", id: "arrow" }), this.tooltipText));
+  }
+  disconnectedCallback() {
+    this.cleanupEventListeners(), this.floatingElementManager?.destroy();
+  }
+  get _el() {
+    return this;
+  }
+  static get watchers() {
+    return { placement: [{ placementChanged: 0 }], showWithoutDelay: [{ showWithoutDelayChanged: 0 }], lockToMainAxis: [{ lockToMainAxisChanged: 0 }], htmlFor: [{ htmlForChanged: 0 }] };
+  }
+  static get style() {
+    return "gids-tooltip{--gidsTooltip-background:var(--gids-color-background-neutral-bold-default);--gidsTooltip-text-color:var(--gids-color-text-inverse);--gidsTooltip-padding:var(--gids-padding-vertical-edge-to-element-100)    var(--gids-padding-horizontal-edge-to-element-200);--gidsTooltip-border-radius:var(--gids-border-radius-sm);--gidsTooltip-tip-border-radius:2px;--gidsTooltip-tip-size:12px;--gidsFloatingElement-background:var(--gidsTooltip-background);--gidsFloatingElement-tip-border-radius:var(--gidsTooltip-tip-border-radius)}[part=tooltip]{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;hyphens:auto;background-color:var(--gidsTooltip-background);color:var(--gidsTooltip-text-color);padding:var(--gidsTooltip-padding);border-radius:var(--gidsTooltip-border-radius);z-index:1000;opacity:0;pointer-events:none}[part=tooltip].gids-tooltip--visible{pointer-events:initial;opacity:1}[part=tooltip] span#arrow{position:absolute;height:var(--gidsTooltip-tip-size);width:var(--gidsTooltip-tip-size)}";
+  }
+}, [257, "gids-tooltip", { htmlFor: [513, "for"], tooltipText: [513, "tooltip-text"], placement: [513], showWithoutDelay: [516, "show-without-delay"], lockToMainAxis: [4, "lock-to-main-axis"] }, void 0, { placement: [{ placementChanged: 0 }], showWithoutDelay: [{ showWithoutDelayChanged: 0 }], lockToMainAxis: [{ lockToMainAxisChanged: 0 }], htmlFor: [{ htmlForChanged: 0 }] }]);
+function a() {
+  typeof customElements < "u" && ["gids-tooltip"].forEach(((t) => {
+    t === "gids-tooltip" && (customElements.get(i(t)) || customElements.define(i(t), o));
+  }));
+}
+a();
+const v = o, f = a;
+export {
+  v as GidsTooltip,
+  f as defineCustomElement
+};

package/dist-bundled/es/index.js

@@ -1,23 +1,37 @@
-import { w as n, a as f, j as P, F as A, b as G } from "./p-ibikYq-w-BsGxk8ro.js";
-import { i as l, n as m } from "./p-B2zUuNXz-BLBgQDu7.js";
-import { s as a } from "./assets-Drv1fXkA.js";
-function t(s, e) {
-  a(s, e);
+import { w as y, a as A, j as u, F as G, b as P } from "./p-ibikYq-w-BsGxk8ro.js";
+import { i as E, n as x } from "./p-B2zUuNXz-BLBgQDu7.js";
+import { o as $ } from "./p-B8kX8Vqv-trBz4jdS.js";
+import { s as d } from "./assets-Drv1fXkA.js";
+function i(e, r) {
+  d(e, r);
 }
-const r = (s) => {
-  t(s);
-}, i = (s) => {
-  t(s);
+const c = (e) => {
+  i(e);
+}, f = (e) => {
+  i(e);
+}, h = ({ children: e, classNameToBeValidated: r, childrenToBeValidated: o, currentComponentName: a }) => {
+  if (e != null) {
+    const n = Array.isArray(e) ? e : [e];
+    for (const s of n) {
+      if (!s || typeof s != "object" || !("vtag" in s)) throw Error(`HTML/JSX Render Error: Invalid child type passed to ${a}. Expected ${o}.`);
+      {
+        const t = s.vtag;
+        if (t !== r && t !== o) throw Error(`HTML/JSX Render Error: <${a}> only accepts <${o}> as direct children. Received element tag: "${typeof t == "function" ? t.name : t}".`);
+      }
+    }
+  }
 };
 export {
-  n as getAssetPath,
-  l as getConstructedGidsStylesheet,
-  m as refreshConstructedGidsStylesheet,
-  f as render,
-  P as setAssetPath,
-  r as setGidsAssetFilePaths,
-  t as setGidsAssetPaths,
-  i as setGidsDefaultAssetDirPath,
-  A as setNonce,
-  G as setPlatformOptions
+  $ as GidsFloatingElementType,
+  y as getAssetPath,
+  E as getConstructedGidsStylesheet,
+  x as refreshConstructedGidsStylesheet,
+  A as render,
+  u as setAssetPath,
+  c as setGidsAssetFilePaths,
+  i as setGidsAssetPaths,
+  f as setGidsDefaultAssetDirPath,
+  G as setNonce,
+  P as setPlatformOptions,
+  h as testHtmlChildrenValidity
 };

package/dist-bundled/es/p-B8kX8Vqv-trBz4jdS.js

@@ -0,0 +1,7 @@
+var p;
+(function(o) {
+  o.TOOLTIP = "tooltip", o.POPOVER = "popover";
+})(p || (p = {}));
+export {
+  p as o
+};

package/dist-bundled/es/p-CFw4_-5A-Dzvju3VE.js

@@ -0,0 +1,25 @@
+import { R as a } from "./p-ibikYq-w-BsGxk8ro.js";
+import { l as h } from "./p-DybsMR13-DpmsG3Q1.js";
+import { c as _ } from "./clsx-OuTLNxxd.js";
+const v = ({ appearance: t, size: n, width: d, destructive: s, positive: o, loading: l }, i, e) => _("gids-button", {
+  "gids-button--primary": t === "primary",
+  "gids-button--subtle": t === "subtle",
+  "gids-button--xs": n === "xs",
+  "gids-button--sm": n === "sm",
+  // 'gids-button--md': size === 'md',
+  "gids-button--lg": n === "lg",
+  "gids-button--full-width": d === "full",
+  "gids-button--destructive": s && !o,
+  "gids-button--positive": o && !s,
+  "gids-button--icon-only": i,
+  "gids-button--loading": l
+}, e), w = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsButtonClassNames: v
+}, Symbol.toStringTag, { value: "Module" })), b = (t) => t !== void 0 && (!Array.isArray(t) || t.length > 0), { getGidsButtonClassNames: x } = w, z = ({ appearance: t, size: n, destructive: d, positive: s, loading: o, width: l, leadingIcon: i, trailingIcon: e, as: c, disabled: p, class: m, forceIconOnly: y = !1, ...u }, g) => {
+  const r = c || "button", f = n === "lg" || n === void 0 ? "md" : n;
+  return r !== "button" || "type" in u || (u.type = "button"), a(r, { class: x({ appearance: t, size: n, destructive: d, loading: o, width: l, positive: s }, y || g.length === 0 && b(i) && !b(e), m), disabled: r === "button" ? p : void 0, ...u }, a("span", { class: "gids-button__content" }, i, g), o && a(h, { size: f, indeterminate: !0 }), e);
+};
+export {
+  z as o
+};

package/dist-bundled/es/{p-DijVkS9b-CtFkEtlE.js → p-DijVkS9b-CeV1i4T-.js}

@@ -1,5 +1,5 @@
 import { R as o } from "./p-ibikYq-w-BsGxk8ro.js";
-import { d as f } from "./p-veoOgDXg-DElc87c0.js";
+import { d as f } from "./p-veoOgDXg-fRinub-C.js";
 import { c as u } from "./clsx-OuTLNxxd.js";
 const _ = ({ disabled: e }, s) => u("gids-label", { "gids-label--disabled": e }, s), y = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,

package/dist-bundled/es/{p-Bg3lw2Ae-CkC8nUqv.js → p-DvoHLz_5-C5EvA91N.js}

@@ -1,6 +1,6 @@
-import { H as s, C as l, f as u, R as a, L as d } from "./p-ibikYq-w-BsGxk8ro.js";
-import { d as n } from "./p-veoOgDXg-DElc87c0.js";
-import { l as r } from "./p-DybsMR13-DpmsG3Q1.js";
+import { H as s, C as l, f as u, R as a, L as r } from "./p-ibikYq-w-BsGxk8ro.js";
+import { d as n } from "./p-veoOgDXg-fRinub-C.js";
+import { l as d } from "./p-DybsMR13-DpmsG3Q1.js";
 const c = (e) => e.type === "hidden", f = (e) => {
   if (!(e instanceof HTMLElement))
     return !1;
@@ -54,9 +54,9 @@ const c = (e) => e.type === "hidden", f = (e) => {
     this._el.removeEventListener("click", this._focusInput);
   }
   render() {
-    return a(d, { key: "5d4e79f168da55c3c8dcb9b005919af697faa2e4" }, a("slot", { key: "a7c23b37ceaf94f06e53256b431e98e7a3a32602", name: "leadingIcon" }), this.leadingLabel && a("span", { key: "0ad81289035ada60d67b1df06fb60f703dc27eed", class: "gids-input__label" }, this.leadingLabel), a("slot", { key: "f5870caed190d279a95c688243607dfae8f79d60", name: "leadingAccessory" }), a("input", { key: "38ead647fc9069ed8de93293150134048fd6b4f1", ...this.inputProps, ref: (e) => {
+    return a(r, { key: "c1e035111a8a80ef0b442bc0298785f0c7445113" }, a("slot", { key: "49bd52d5bbc7c9b962b27f6404ca9817de699b31", name: "leadingIcon" }), this.leadingLabel && a("span", { key: "2863a61da1f009b7287af508d9809d66787ddaf7", class: "gids-input__label" }, this.leadingLabel), a("slot", { key: "f74e8993fb8b1dd186a53c4557ceffac681f2881", name: "leadingAccessory" }), a("input", { key: "2bc7f84858a8533f33c66834ad212c38ad698075", ...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 }), a("slot", { key: "58ff0f57706d2c9b1e9b41549649c324c60a8f07", name: "trailingAccessory" }), this.trailingLabel && a("span", { key: "6d400670f8c64f64fbe732e726da4d7569c2c6f3", class: "gids-input__label" }, this.trailingLabel), a("slot", { key: "8b20ed8fb9169fd7c0e1415f7bcdf0df03b61534", name: "trailingIcon" }), this.status === "incomplete" && a(n, { key: "f7d4261f5c8faa51601d3fd6c400f4891847f62c", name: "warning", appearance: "filled", class: "gids-input__warning-icon" }), this.status === "complete" && a(n, { key: "6cbdc56ebc1854d0b4f6db30df670f665a9aff3f", name: "positive", appearance: "filled", class: "gids-input__positive-icon" }), this.loading && a(r, { key: "a369d7c3f7e2ac4d631926aefc1a15bf9cbba362", 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: "2116db712ac02853ae4974b4ad618b5eee372b3f", name: "trailingAccessory" }), this.trailingLabel && a("span", { key: "35dc9b1c2bd2ef493b0ce1a602688f41854c922d", class: "gids-input__label" }, this.trailingLabel), a("slot", { key: "6cc1b37e9a0b979f04de753d8527aaae2970762c", name: "trailingIcon" }), this.status === "incomplete" && a(n, { key: "8c963877cee9bc941b1236a6b647fc1790a41cdc", name: "warning", appearance: "filled", class: "gids-input__warning-icon" }), this.status === "complete" && a(n, { key: "a2c401261ff8defa2802b5bbc336a6b4cc177ff4", name: "positive", appearance: "filled", class: "gids-input__positive-icon" }), this.loading && a(d, { key: "4dd22cd62d87ff444794fc8f1c4f0cc78e14738a", size: "md", indeterminate: !0 }));
   }
   get _el() {
     return this;
@@ -69,6 +69,6 @@ function h() {
 }
 h();
 export {
-  o as c,
-  h as f
+  o as l,
+  h as r
 };