@ganpatiinfo/gids-core-web 12.0.0 → 14.0.0

package/dist-bundled/es/gids-md-table.js

@@ -1,62 +1,97 @@
-import { L as T, u as B, D as r, P as f, F as H, q as p } from "./p-Bf3p-DY2-CPqEc-vc.js";
-import { c as h } from "./clsx-OuTLNxxd.js";
-const _ = ({ borderSides: e, borderRadiusSides: a, appearance: t, textAlignment: l, width: d }, i) => h("gids-basic-table-cell", {
-  "gids-basic-table-cell--border-side-top": e?.includes("top"),
-  "gids-basic-table-cell--border-side-bottom": e?.includes("bottom"),
-  "gids-basic-table-cell--border-side-left": e?.includes("left"),
-  "gids-basic-table-cell--border-side-right": e?.includes("right"),
+import { L as q, u as M, D as d, P as E, F as K, q as I } from "./p-Bf3p-DY2-CPqEc-vc.js";
+import { o as $ } from "./p-C2POfZhu-DzG_JxV6.js";
+import { d as S } from "./p-D4Pimu_8-ARSuGBs4.js";
+import { o as J } from "./p-UVmSPzTd-6vjXok6h.js";
+import { c as B } from "./clsx-OuTLNxxd.js";
+const F = (e) => !!(e?.buttonLabel && e.buttonLabel !== "" || e?.leadingIconName && e.leadingIconName !== "" || e?.trailingIconName && e.trailingIconName !== ""), Q = ({ cellActionButton: e, neededIconType: t = "leading" }) => t === "trailing" ? {
+  cellIconName: e?.trailingIconName,
+  cellIconAppearance: e?.trailingIconAppearance,
+  cellIconSize: e?.trailingIconSize
+} : {
+  cellIconName: e?.leadingIconName,
+  cellIconAppearance: e?.leadingIconAppearance,
+  cellIconSize: e?.leadingIconSize
+}, U = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getTableCellBtnIcon: Q,
+  isTableCellActionButtonVisible: F
+}, Symbol.toStringTag, { value: "Module" })), W = ({ borderSides: e, borderRadiusSides: t, appearance: a, textAlignment: l, width: r }, i) => B("gids-table-cell", {
+  "gids-table-cell--border-side-top": e?.includes("top"),
+  "gids-table-cell--border-side-bottom": e?.includes("bottom"),
+  "gids-table-cell--border-side-left": e?.includes("left"),
+  "gids-table-cell--border-side-right": e?.includes("right"),
   // Border radius sides
-  "gids-basic-table-cell--border-radius-side-top-left": a?.includes("top-left"),
-  "gids-basic-table-cell--border-radius-side-bottom-left": a?.includes("bottom-left"),
-  "gids-basic-table-cell--border-radius-side-top-right": a?.includes("top-right"),
-  "gids-basic-table-cell--border-radius-side-bottom-right": a?.includes("bottom-right"),
+  "gids-table-cell--border-radius-side-top-left": t?.includes("top-left"),
+  "gids-table-cell--border-radius-side-bottom-left": t?.includes("bottom-left"),
+  "gids-table-cell--border-radius-side-top-right": t?.includes("top-right"),
+  "gids-table-cell--border-radius-side-bottom-right": t?.includes("bottom-right"),
   // Background colors
-  "gids-basic-table-cell--appearance-default": t === "default",
-  "gids-basic-table-cell--appearance-primal": t === "primal",
-  "gids-basic-table-cell--appearance-neutral-default": t === "neutral-default",
-  "gids-basic-table-cell--appearance-info": t === "info",
-  "gids-basic-table-cell--appearance-warning": t === "warning",
-  "gids-basic-table-cell--appearance-positive": t === "positive",
-  "gids-basic-table-cell--appearance-danger": t === "danger",
+  "gids-table-cell--appearance-default": a === "default",
+  "gids-table-cell--appearance-primal": a === "primal",
+  "gids-table-cell--appearance-neutral-default": a === "neutral-default",
+  "gids-table-cell--appearance-info": a === "info",
+  "gids-table-cell--appearance-warning": a === "warning",
+  "gids-table-cell--appearance-positive": a === "positive",
+  "gids-table-cell--appearance-danger": a === "danger",
   // Alignments
-  "gids-basic-table-cell--text-alignment-left": l === "left",
-  "gids-basic-table-cell--text-alignment-right": l === "right",
-  "gids-basic-table-cell--text-alignment-center": l === "center",
+  "gids-table-cell--text-alignment-left": l === "left",
+  "gids-table-cell--text-alignment-right": l === "right",
+  "gids-table-cell--text-alignment-center": l === "center",
   // Widths
-  // 'gids-basic-table-cell--width-full': width === 'full', // Width set by default so not needed
-  "gids-basic-table-cell--width-intrinsic": d === "intrinsic"
-}, i), w = (e) => e && e.toString() !== "" ? `gids-typography-${e}` : "gids-typography-label-medium", C = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  // 'gids-table-cell--width-full': width === 'full', // Width set by default so not needed
+  "gids-table-cell--width-intrinsic": r === "intrinsic"
+}, i), X = (e) => e && e.toString() !== "" ? `gids-typography-${e}` : "gids-typography-label-medium", Y = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  getGidsBasicTableCellClassNames: _,
-  getGidsBasicTableCellLabelTypographyClass: w
-}, Symbol.toStringTag, { value: "Module" })), A = ({ width: e }, a) => h("gids-basic-table-row", {
+  getGidsTableCellClassNames: W,
+  getGidsTableCellLabelTypographyClass: X
+}, Symbol.toStringTag, { value: "Module" })), Z = ({ width: e }, t) => B("gids-basic-table-row", {
   // Widths
   // 'gids-basic-table-row--width-full': width === 'full', // Width set by default so not needed
   "gids-basic-table-row--width-intrinsic": e === "intrinsic"
-}, a), x = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, t), ee = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  getGidsBasicTableRowClassNames: A
-}, Symbol.toStringTag, { value: "Module" })), S = ({ width: e }, a) => h("gids-basic-table-header", {
+  getGidsBasicTableRowClassNames: Z
+}, Symbol.toStringTag, { value: "Module" })), te = ({ width: e }, t) => B("gids-basic-table-header", {
   // Widths
   // 'gids-basic-table-header--width-full': width === 'full', // Width set by default so not needed
   "gids-basic-table-header--width-intrinsic": e === "intrinsic"
-}, a), v = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, t), ae = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  getGidsBasicTableHeaderClassNames: S
-}, Symbol.toStringTag, { value: "Module" })), V = ({ width: e }, a) => h("gids-md-table", {
+  getGidsBasicTableHeaderClassNames: te
+}, Symbol.toStringTag, { value: "Module" })), le = ({ width: e }, t) => B("gids-md-table", {
   // Widths
   // 'gids-md-table--width-full': width === 'full', // Width set by default so not needed
   "gids-md-table--width-intrinsic": e === "intrinsic"
-}, a), R = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, t), ie = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  getGidsMdTableClassNames: V
-}, Symbol.toStringTag, { value: "Module" })), { getGidsBasicTableCellClassNames: D, getGidsBasicTableCellLabelTypographyClass: L } = C, g = ({ label: e, width: a = "full", appearance: t = "none", borderSides: l = [], borderRadiusSides: d = [], textAlignment: i = "center", labelTypography: s = "label-medium", isHeaderCell: o = !1, class: n, ...b }) => r(o ? "th" : "td", { ...b, class: D({ borderSides: l, borderRadiusSides: d, appearance: t, textAlignment: i, width: a }, n) }, r("span", { class: "" + L(s) }, e)), { getGidsBasicTableRowClassNames: G } = x, c = ({ width: e = "full", layout: a = "horizontal", rows: t = [], isHeaderRow: l = !1, class: d, ...i }) => {
-  const s = G({ width: e }, d);
-  return a === "vertical" ? r(H, null, t.map(((o, n) => r("tr", { ...i, key: "row-v-" + (n + 1), class: s }, r(g, { ...o, width: e, isHeaderCell: l }))))) : r("tr", { ...i, class: s }, t.map(((o, n) => r(g, { key: "row-h-" + (n + 1), ...o, width: e, isHeaderCell: l }))));
-}, { getGidsBasicTableHeaderClassNames: O } = v, j = ({ width: e = "full", headerCells: a = [], appearance: t = "none", labelTypography: l = "label-medium", textAlignment: d = "center", layout: i = "horizontal", class: s, ...o }) => {
-  const n = O({ width: e }, s);
-  return r("thead", { ...o, class: n }, r(c, { rows: a.map(((b) => ({ appearance: t, labelTypography: l, textAlignment: d, ...b }))), width: e, layout: i, isHeaderRow: !0 }));
-}, { getGidsMdTableClassNames: k } = R, u = T(class extends B {
+  getGidsMdTableClassNames: le
+}, Symbol.toStringTag, { value: "Module" })), { getGidsTableCellClassNames: re, getGidsTableCellLabelTypographyClass: de } = Y, { isTableCellActionButtonVisible: ne, getTableCellBtnIcon: se } = U, v = ({ id: e, uniqueKey: t, extraData: a, label: l, cellDataType: r = "text", displayTags: i = [], width: n = "full", appearance: p = "none", borderSides: g = [], borderRadiusSides: o = [], textAlignment: h = "center", labelTypography: c = "label-medium", isHeaderCell: b = !1, cellPrimaryActionButtons: m = [], cellSecondaryActionButtons: z = [], onClickCellActionBtn: f, class: R, ...L }) => {
+  function C({ cellActionBtn: s, neededIconType: y = "leading" }) {
+    const T = se({ cellActionButton: s, neededIconType: y });
+    return T?.cellIconName && "" + T.cellIconName != "" ? d(S, { name: T.cellIconName, size: T.cellIconSize, appearance: T.cellIconAppearance }) : void 0;
+  }
+  function _(s) {
+    const y = s === "primary" ? m : z;
+    if (y && !(y.length <= 0)) return d("div", { class: s === "primary" ? "gids-table-cell__primary-action-btn-container" : "gids-table-cell__secondary-action-btn-container" }, y.map(((T, w) => {
+      const H = s === "primary" ? y.length - w - 1 : w, A = y[H];
+      return ne(A) ? (function({ cellActionBtn: u, actionBtnIndex: P, actionBtnPosition: k }) {
+        return d(J, { as: "button", appearance: u?.appearance ?? "default", size: u?.size ?? "md", disabled: u?.disabled, destructive: u?.destructive, positive: u?.positive, loading: u?.loading, width: u?.width ?? "intrinsic", type: "button", leadingIcon: C({ cellActionBtn: u, neededIconType: "leading" }), trailingIcon: C({ cellActionBtn: u, neededIconType: "trailing" }), onClick: (O) => (function({ event: G, actionBtnIndex: x, actionBtnPosition: j }) {
+          f && f({ originalEvent: G, details: { appearance: p, cellDataType: r, displayTags: i, label: l, id: e, extraData: a, isHeaderCell: b, uniqueKey: t, actionBtnNumber: "action-btn-" + (x + 1), actionBtnIndex: x, actionBtnPosition: j ?? "secondary" } });
+        })({ event: O, actionBtnIndex: P, actionBtnPosition: k }) }, u?.buttonLabel ?? "");
+      })({ cellActionBtn: A, actionBtnIndex: H, actionBtnPosition: s }) : void 0;
+    })));
+  }
+  return d(b ? "th" : "td", { ...L, class: re({ borderSides: g, borderRadiusSides: o, appearance: p, textAlignment: h, width: n }, R), id: e, "unique-key": t, "extra-data": JSON.stringify(a) }, _("primary"), r === "text" && l && l !== "" ? d("span", { class: "" + de(c) }, l) : void 0, r === "display-tag" && i && i.length > 0 ? d("div", { class: "gids-table-cell__display-tags-container" }, i.map(((s) => d($, { label: s?.label ?? "", appearance: s?.displayTagAppearance ?? "subtle", size: s?.displayTagSize ?? "xs", icon: s?.displayTagIcon ? d(S, { name: s.displayTagIcon, size: s?.displayTagSize ?? "xs", appearance: s?.displayTagIconAppearance ?? "regular" }) : void 0, color: s?.displayTagColor ?? "accent-5" })))) : void 0, _("secondary"));
+}, { getGidsBasicTableRowClassNames: oe } = ee, D = ({ width: e = "full", layout: t = "horizontal", rows: a = [], isHeaderRow: l = !1, cellPrimaryActionButtons: r, cellSecondaryActionButtons: i, onClickRowActionBtn: n, class: p, ...g }) => {
+  const o = oe({ width: e }, p);
+  function h({ event: c, cellIndex: b }) {
+    n && n({ ...c, details: { ...c.details, cellIndex: b } });
+  }
+  return t === "vertical" ? d(K, null, a.map(((c, b) => d("tr", { ...g, key: "row-v-" + (b + 1), class: o }, d(v, { ...c, width: e, isHeaderCell: l, cellPrimaryActionButtons: r, cellSecondaryActionButtons: i, onClickCellActionBtn: (m) => h({ event: m, cellIndex: b }) }))))) : d("tr", { ...g, class: o }, a.map(((c, b) => d(v, { key: "row-h-" + (b + 1), ...c, width: e, isHeaderCell: l, cellPrimaryActionButtons: r, cellSecondaryActionButtons: i, onClickCellActionBtn: (m) => h({ event: m, cellIndex: b }) }))));
+}, { getGidsBasicTableHeaderClassNames: ce } = ae, be = ({ width: e = "full", headerCells: t = [], appearance: a = "none", labelTypography: l = "label-medium", textAlignment: r = "center", layout: i = "horizontal", cellPrimaryActionButtons: n, cellSecondaryActionButtons: p, onClickHeaderActionBtn: g, class: o, ...h }) => {
+  const c = ce({ width: e }, o);
+  return d("thead", { ...h, class: c }, d(D, { rows: t.map(((b) => ({ appearance: a, labelTypography: l, textAlignment: r, ...b }))), width: e, layout: i, isHeaderRow: !0, cellPrimaryActionButtons: n, cellSecondaryActionButtons: p, onClickRowActionBtn: g }));
+}, { getGidsMdTableClassNames: pe } = ie, N = q(class extends M {
   constructor(e) {
     super(), e !== !1 && this.__registerHost(), this.isTopHeaderVisible = !1, this.isSideHeaderVisible = !1, this.width = "full", this.topHeaderAppearance = "none", this.sideHeaderAppearance = "none", this.rowAppearance = "none", this.tableBorders = "none", this.tableBorderRadius = [], this.topHeaderLabelTypography = "eyebrow-small", this.sideHeaderLabelTypography = "label-small", this.rowLabelTypography = "label-small", this.topHeaderTextAlignment = "left", this.sideHeaderTextAlignment = "left", this.rowTextAlignment = "left", this.topHeaderCells = [], this.tableBody = [], this.constructedTableBodyData = [];
   }
@@ -82,51 +117,51 @@ const _ = ({ borderSides: e, borderRadiusSides: a, appearance: t, textAlignment:
     this.makeTableBodyData();
   }
   makeTableBodyData() {
-    const e = this.isSideHeaderVisible, a = this?.tableBody ?? [], t = [];
-    a.map(((l, d) => {
+    const e = this.isSideHeaderVisible, t = this?.tableBody ?? [], a = [];
+    t.map(((l, r) => {
       let i = [];
-      const s = l.heading, o = l?.items ?? [];
-      if (e && s && s !== "") {
-        const n = this.getSideHeaderBorderSides({ _tableBodyData: a, _itemsArr: o, indexI: d });
-        i = [{ label: s, appearance: this.sideHeaderAppearance, labelTypography: this.sideHeaderLabelTypography, textAlignment: this.sideHeaderTextAlignment, isHeader: !0, borderSides: n }];
+      const n = l.heading, p = l.id, g = l.uniqueKey, o = l.extraData, h = l?.items ?? [];
+      if (e && n && n !== "") {
+        const c = this.getSideHeaderBorderSides({ _tableBodyData: t, _itemsArr: h, indexI: r });
+        i = [{ id: p, uniqueKey: g, extraData: o, label: n, appearance: this.sideHeaderAppearance, labelTypography: this.sideHeaderLabelTypography, textAlignment: this.sideHeaderTextAlignment, isHeader: !0, borderSides: c }];
       }
-      o.map(((n, b) => {
-        const y = this.getRowBorderSides({ _tableBodyData: a, _itemsArr: o, indexI: d, indexJ: b });
-        i.push({ ...n, appearance: this.rowAppearance, labelTypography: this.rowLabelTypography, textAlignment: this.rowTextAlignment, isHeader: !1, borderSides: y });
-      })), t.push({ heading: s, items: i });
-    })), this.constructedTableBodyData = t;
-  }
-  getRowBorderSides({ _tableBodyData: e, _itemsArr: a, indexI: t, indexJ: l }) {
-    const d = this.applyTableInternalBorders(), i = this.applyTableAllBorders();
-    let s = [];
-    return (d || i) && (l < a.length && t + 1 < e.length && (s = ["bottom"]), l + 1 < a.length && (s = [...s, "right"])), s;
-  }
-  getSideHeaderBorderSides({ _tableBodyData: e, _itemsArr: a, indexI: t }) {
-    const l = this.applyTableInternalBorders(), d = this.applyTableAllBorders();
+      h.map(((c, b) => {
+        const m = this.getRowBorderSides({ _tableBodyData: t, _itemsArr: h, indexI: r, indexJ: b });
+        i.push({ ...c, appearance: this.rowAppearance, labelTypography: this.rowLabelTypography, textAlignment: this.rowTextAlignment, isHeader: !1, borderSides: m });
+      })), a.push({ heading: n, id: p, uniqueKey: g, extraData: o, items: i });
+    })), this.constructedTableBodyData = a;
+  }
+  getRowBorderSides({ _tableBodyData: e, _itemsArr: t, indexI: a, indexJ: l }) {
+    const r = this.applyTableInternalBorders(), i = this.applyTableAllBorders();
+    let n = [];
+    return (r || i) && (l < t.length && a + 1 < e.length && (n = ["bottom"]), l + 1 < t.length && (n = [...n, "right"])), n;
+  }
+  getSideHeaderBorderSides({ _tableBodyData: e, _itemsArr: t, indexI: a }) {
+    const l = this.applyTableInternalBorders(), r = this.applyTableAllBorders();
     let i = [];
-    return (l || d) && (t + 1 < e.length && (i = ["bottom"]), a.length > 0 && (i = [...i, "right"])), i;
+    return (l || r) && (a + 1 < e.length && (i = ["bottom"]), t.length > 0 && (i = [...i, "right"])), i;
   }
   getTableClasses() {
-    const e = this.width === "full" ? "gids-md-table__main-table gids-md-table__width-full" : "gids-md-table__main-table gids-md-table__width-intrinsic";
-    let a = e;
-    this.applyTableOuterBorders() && (a = e + "  gids-md-table__outer-borders");
-    const t = this.addBorderRadiusDirectlyToTable(), l = t && t !== "" ? `${a} ${t}` : "" + a;
-    return console.log("finalTableClass", l), l;
+    const e = this.width === "full" ? "gids-md-table__main-table gids-md-table__main-table-width-full" : "gids-md-table__main-table gids-md-table__main-table-width-intrinsic";
+    let t = e;
+    this.applyTableOuterBorders() && (t = e + "  gids-md-table__outer-borders");
+    const a = this.addBorderRadiusDirectlyToTable();
+    return a && a !== "" ? `${t} ${a}` : "" + t;
   }
   addBorderRadiusDirectlyToTable() {
     let e = "";
-    const a = this?.tableBorderRadius ?? [];
-    return a.includes("top-left") && (e = "gids-md-table__radius-top-left"), a.includes("bottom-left") && (e += " gids-md-table__radius-bottom-left"), a.includes("top-right") && (e += " gids-md-table__radius-top-right"), a.includes("bottom-right") && (e += " gids-md-table__radius-bottom-right"), e;
+    const t = this?.tableBorderRadius ?? [];
+    return t.includes("top-left") && (e = "gids-md-table__radius-top-left"), t.includes("bottom-left") && (e += " gids-md-table__radius-bottom-left"), t.includes("top-right") && (e += " gids-md-table__radius-top-right"), t.includes("bottom-right") && (e += " gids-md-table__radius-bottom-right"), e;
   }
   getTopHeaderCells() {
-    const e = this.isSideHeaderVisible, a = this?.topHeaderCells ?? [];
-    let t = [...a];
-    e === !1 && a.length > 0 ? t.splice(0, 1) : t = [...a];
-    const l = this.applyTableInternalBorders(), d = this.applyTableAllBorders(), i = this.applyTableTopHeaderBorders(), s = [];
-    return t.map(((o, n) => {
-      let b = [];
-      (l || d || i) && (b = ["bottom"], n + 1 < t.length && (b = [...b, "right"])), s.push({ ...o, borderSides: b });
-    })), s;
+    const e = this.isSideHeaderVisible, t = this?.topHeaderCells ?? [];
+    let a = [...t];
+    e === !1 && t.length > 0 ? a.splice(0, 1) : a = [...t];
+    const l = this.applyTableInternalBorders(), r = this.applyTableAllBorders(), i = this.applyTableTopHeaderBorders(), n = [];
+    return a.map(((p, g) => {
+      let o = [];
+      (l || r || i) && (o = ["bottom"], g + 1 < a.length && (o = [...o, "right"])), n.push({ ...p, borderSides: o });
+    })), n;
   }
   applyTableOuterBorders() {
     const e = this.tableBorders;
@@ -142,24 +177,27 @@ const _ = ({ borderSides: e, borderRadiusSides: a, appearance: t, textAlignment:
     return this.tableBorders === "top-header-only";
   }
   render() {
-    const e = k({ width: this.width }), a = this.isTopHeaderVisible, t = this.getTopHeaderCells(), l = this?.constructedTableBodyData ?? [];
-    return r(f, { key: "809a6e2f76732932a951e4a81aa5fd4f86501b0f", class: e }, r("table", { key: "b2f6e4947e570e99910ddfb21a1ca532509a15e0", class: this.getTableClasses() }, a ? r(j, { appearance: this.topHeaderAppearance, labelTypography: this.topHeaderLabelTypography, textAlignment: this.topHeaderTextAlignment, headerCells: t, width: this.width }) : void 0, r("tbody", { key: "340459527df542e7555c5552186b6375373671cc" }, l.length > 0 ? l.map(((d) => r(c, { layout: "horizontal", rows: d?.items ?? [], width: this.width }))) : void 0)));
+    const e = pe({ width: this.width }), t = this.isTopHeaderVisible, a = this.getTopHeaderCells(), l = this?.constructedTableBodyData ?? [];
+    return d(E, { key: "d4134171e635f40dbd8a5e4c86ada98272a31b1a", class: e }, d("table", { key: "47f73e6e21247ebb3fbf04cb32b3b7c430d649d1", class: this.getTableClasses() }, t ? d(be, { appearance: this.topHeaderAppearance, labelTypography: this.topHeaderLabelTypography, textAlignment: this.topHeaderTextAlignment, headerCells: a, width: this.width }) : void 0, d("tbody", { key: "30c4a5855c7ea01bc869d3bbbe87910793120e7e" }, l.length > 0 ? l.map(((r) => d(D, { layout: "horizontal", rows: r?.items ?? [], width: this.width }))) : void 0)));
+  }
+  get hostElement() {
+    return this;
   }
   static get watchers() {
     return { isTopHeaderVisible: [{ handleTopHeaderVisibilityChange: 0 }], isSideHeaderVisible: [{ handleSideHeaderVisibilityChange: 0 }, { handleTableBodyChange: 0 }], tableBorders: [{ handleTableBordersChange: 0 }, { handleTableBodyChange: 0 }], tableBorderRadius: [{ handleTableBorderRadiusChange: 0 }, { handleTableBodyChange: 0 }], topHeaderCells: [{ handleTopHeaderCellsChange: 0 }], tableBody: [{ handleTableBodyChange: 0 }] };
   }
   static get style() {
-    return ".gids-md-table{width:100%}.gids-md-table__main-table{border-collapse:separate;border-spacing:0;overflow:hidden;table-layout:fixed}.gids-md-table__width-full{width:100%}.gids-md-table__width-intrinsic{width:auto}.gids-md-table__outer-borders{border:var(--gids-border-width-thin) solid var(--gids-color-border-default)}.gids-md-table__radius-top-left{border-top-left-radius:var(--gids-border-radius-md)}.gids-md-table__radius-bottom-left{border-bottom-left-radius:var(--gids-border-radius-md)}.gids-md-table__radius-top-right{border-top-right-radius:var(--gids-border-radius-md)}.gids-md-table__radius-bottom-right{border-bottom-right-radius:var(--gids-border-radius-md)}";
+    return ".gids-md-table{display:flex;flex-direction:column;width:100%}.gids-md-table__main-table{border-collapse:separate;border-spacing:0;overflow:hidden;table-layout:fixed}.gids-md-table__main-table-width-full{width:100%}.gids-md-table__main-table-width-intrinsic{width:max-content}.gids-md-table--width-intrinsic{width:max-content}.gids-md-table__outer-borders{border:var(--gids-border-width-thin) solid var(--gids-color-border-default)}.gids-md-table__radius-top-left{border-top-left-radius:var(--gids-border-radius-md)}.gids-md-table__radius-bottom-left{border-bottom-left-radius:var(--gids-border-radius-md)}.gids-md-table__radius-top-right{border-top-right-radius:var(--gids-border-radius-md)}.gids-md-table__radius-bottom-right{border-bottom-right-radius:var(--gids-border-radius-md)}";
   }
 }, [0, "gids-md-table", { isTopHeaderVisible: [4, "is-top-header-visible"], isSideHeaderVisible: [4, "is-side-header-visible"], width: [1], topHeaderAppearance: [1, "top-header-appearance"], sideHeaderAppearance: [1, "side-header-appearance"], rowAppearance: [1, "row-appearance"], tableBorders: [1, "table-borders"], tableBorderRadius: [16], topHeaderLabelTypography: [1, "top-header-label-typography"], sideHeaderLabelTypography: [1, "side-header-label-typography"], rowLabelTypography: [1, "row-label-typography"], topHeaderTextAlignment: [1, "top-header-text-alignment"], sideHeaderTextAlignment: [1, "side-header-text-alignment"], rowTextAlignment: [1, "row-text-alignment"], topHeaderCells: [16], tableBody: [16], constructedTableBodyData: [32] }, void 0, { isTopHeaderVisible: [{ handleTopHeaderVisibilityChange: 0 }], isSideHeaderVisible: [{ handleSideHeaderVisibilityChange: 0 }, { handleTableBodyChange: 0 }], tableBorders: [{ handleTableBordersChange: 0 }, { handleTableBodyChange: 0 }], tableBorderRadius: [{ handleTableBorderRadiusChange: 0 }, { handleTableBodyChange: 0 }], topHeaderCells: [{ handleTopHeaderCellsChange: 0 }], tableBody: [{ handleTableBodyChange: 0 }] }]);
-function m() {
+function V() {
   typeof customElements < "u" && ["gids-md-table"].forEach(((e) => {
-    e === "gids-md-table" && (customElements.get(p(e)) || customElements.define(p(e), u));
+    e === "gids-md-table" && (customElements.get(I(e)) || customElements.define(I(e), N));
   }));
 }
-m();
-const z = u, M = m;
+V();
+const Te = N, Be = V;
 export {
-  z as GidsMdTable,
-  M as defineCustomElement
+  Te as GidsMdTable,
+  Be as defineCustomElement
 };

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

@@ -20,7 +20,7 @@ const c = (t) => t === "top" || t === "top-bottom", h = (t) => t === "bottom" ||
     this._textArea.scrollTop + this._textArea.offsetHeight >= this._textArea.scrollHeight ? this._el.style.setProperty("--gidsOverflowContainer-after-opacity", "0") : t !== 0 ? t > 0 && (f(this.shadowLocation) && this._el.style.setProperty("--gidsOverflowContainer-before-opacity", "" + Math.min(t / 20, 1)), s(this.shadowLocation) && this._el.style.setProperty("--gidsOverflowContainer-after-opacity", "" + Math.min((this._textArea.scrollHeight - (this._textArea.scrollTop + this._textArea.offsetHeight)) / 20, 1))) : this._el.style.setProperty("--gidsOverflowContainer-after-opacity", "0");
   }
   render() {
-    return e("div", { key: "cfdffbc49db84a4ac18172a6b8ed9fb4a0e3ad1f", class: "gids-overflow-container__text-area", onScroll: this.calculateShadows.bind(this) }, e("slot", { key: "f3d5811cc2991941c14fdc655826f69620968248" }));
+    return e("div", { key: "3068af04cc5f789a83c7770d726fe8c6770d56d2", class: "gids-overflow-container__text-area", onScroll: this.calculateShadows.bind(this) }, e("slot", { key: "b5aed91bba9c7710e3b11082b39c762300973245" }));
   }
   get _el() {
     return this;

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

@@ -1,7 +1,7 @@
 import { L as C, u as y, D as o, F as w, q as f } from "./p-Bf3p-DY2-CPqEc-vc.js";
 import { i as x } from "./p-B2zUuNXz-BLBgQDu7.js";
 import { e as N, n as g } from "./p-CVtNa0cL-sSVeJsR3.js";
-import { d as p } from "./p-D4Pimu_8-DfEGRQGf.js";
+import { d as p } from "./p-D4Pimu_8-ARSuGBs4.js";
 import { o as u } from "./p-UVmSPzTd-6vjXok6h.js";
 import { c as h } from "./clsx-OuTLNxxd.js";
 const Q = ({ appearance: t }, e) => h("gids-snackbar-container", {
@@ -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: "bb974c7b42f4efc210a2b879538d3d34c963327c" }, o("slot", { key: "3bf4f43195851eda44a7a3adee27388e59842f85" }), this._isRoot() ? o("div", { class: G({ position: t }) }, [...this._allowedComponentQueue].reverse().map(((e) => this._renderComponent(e)))) : null);
+    return o(w, { key: "e759be1283aa989f140c46020ec3c66c749284ae" }, o("slot", { key: "89cbe6bafa62964fb116636371f08f0b60828dc7" }), 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,11 +1,11 @@
 import { L as S, u as P, z as v, C as x, D as i, F as T, q as h } from "./p-Bf3p-DY2-CPqEc-vc.js";
 import { i as C } from "./p-B2zUuNXz-BLBgQDu7.js";
 import { a as F } from "./p-Dg2yoUxw-Cca8ROd_.js";
-import { r as L } from "./p-UxDcM-C5-Dr5d_WpJ.js";
+import { r as L } from "./p-UxDcM-C5-BJO4X0jM.js";
 import { o as O } from "./p-UVmSPzTd-6vjXok6h.js";
-import { g as k, d as j } from "./p-D4Pimu_8-DfEGRQGf.js";
-import { h as z } from "./p-ub0GuVHb-C_PFTi1_.js";
-import { r as E } from "./p-BVAtja26-Xjd4_b4e.js";
+import { g as k, d as j } from "./p-D4Pimu_8-ARSuGBs4.js";
+import { h as z } from "./p-CatvDz2b-C-Hlv2Xb.js";
+import { r as E } from "./p-CnVmK0dH-CbmnN-RR.js";
 import { c as g } from "./clsx-OuTLNxxd.js";
 const f = /[A-Z]/, b = /[a-z]/, p = /[0-9]/, q = /[^A-Za-z0-9]/, G = ({ text: e, meterRules: t = [], textMinLength: s = 0 }) => {
   if (!e || e === "")
@@ -83,7 +83,7 @@ const f = /[A-Z]/, b = /[a-z]/, p = /[0-9]/, q = /[^A-Za-z0-9]/, G = ({ text: e,
   getDefaultRulesAndRequirementsForMeters: m,
   getMeterRulesFromRequirements: R,
   minLengthRuleCanBeApplied: o
-}, Symbol.toStringTag, { value: "Module" })), V = (e) => {
+}, Symbol.toStringTag, { value: "Module" })), D = (e) => {
   switch (e) {
     case "error":
       return "danger";
@@ -96,10 +96,10 @@ const f = /[A-Z]/, b = /[a-z]/, p = /[0-9]/, q = /[^A-Za-z0-9]/, G = ({ text: e,
     default:
       return "globe";
   }
-}, D = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, N = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  getRequirementsMeterLabelLeadingIcon: V
-}, Symbol.toStringTag, { value: "Module" })), N = (e) => {
+  getRequirementsMeterLabelLeadingIcon: D
+}, Symbol.toStringTag, { value: "Module" })), V = (e) => {
   switch (e) {
     case "error":
       return "error";
@@ -110,7 +110,7 @@ const f = /[A-Z]/, b = /[a-z]/, p = /[0-9]/, q = /[^A-Za-z0-9]/, G = ({ text: e,
   }
 }, U = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  inputToGidsFieldStatusForPassword: N
+  inputToGidsFieldStatusForPassword: V
 }, Symbol.toStringTag, { value: "Module" })), H = (e) => g("gids-strength-meter", e), Z = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   getGidsStrengthMeterClassNames: H
@@ -137,7 +137,7 @@ const f = /[A-Z]/, b = /[a-z]/, p = /[0-9]/, q = /[^A-Za-z0-9]/, G = ({ text: e,
       return s[d] === "include-min-length" ? o({ requirementRule: "include-min-length", textMinLength: t }) ? a(d, u, w) : null : a(d, u, w);
     }));
   })()) : null;
-}, { getGidsRequirementsMeterLabelClassNames: ne } = J, { getRequirementsMeterLabelLeadingIcon: le } = D, ae = (e) => {
+}, { getGidsRequirementsMeterLabelClassNames: ne } = J, { getRequirementsMeterLabelLeadingIcon: le } = N, ae = (e) => {
   const { label: t, status: s = "default", leadingIconVisible: n = !0, class: a } = e, r = le(s);
   return i("div", { class: ne({ status: s }, a) }, n && s && r ? i(j, { name: r, size: "sm", appearance: "filled" }) : null, t && t !== "" ? i("span", null, t) : null);
 }, { checkRequirementRuleSatisfied: ue } = $, { getGidsRequirementsMeterClassNames: de } = Q, oe = ({ requirements: e = [], text: t, textMinLength: s, class: n }) => {
@@ -191,7 +191,7 @@ const f = /[A-Z]/, b = /[a-z]/, p = /[0-9]/, q = /[^A-Za-z0-9]/, G = ({ text: e,
   #e;
   render() {
     const { id: e, ...t } = this.inputProps ?? {}, s = e ?? this.#t, n = this.showClearButton && this.value !== void 0 && this.value.length > 0, a = this.showRevealPasswordButton, r = { ...t }, l = r?.placeholder !== void 0 && r.placeholder !== null && r.placeholder != "" ? r.placeholder : "Enter password", u = this.isPasswordRevealed, _ = this.meterRules, c = this.textMinLength !== void 0 ? this.textMinLength : 8;
-    return i(T, { key: "d432cef8c1647b87dedff271d5885e927e43f308" }, i("gids-field", { key: "48ef08affb80f0d9b5784a0eb68f38311e3c4f81", disabled: this.disabled, count: void 0, helperText: this.helperText, statusText: this.statusText, status: ce(this.status) }, i(F, { key: "6a19f405851738b1b8ca2178a5b59dfe910fc8a8", slot: "label", disabled: this.disabled, info: i("slot", { name: "info" }), fieldRequirement: this.fieldRequirement, fieldRequirementOptionalText: this.fieldRequirementOptionalText, fieldRequirementRequiredText: this.fieldRequirementRequiredText, isLabelSentence: this.isLabelSentence, htmlFor: s }, this.label), i("gids-input", { key: "628fed42fcc93b0cffa343eb0f36b5873f9602f2", ref: (d) => this.#e = d, appearance: "default", status: this.status, loading: this.loading, value: this.value, defaultValue: this.defaultValue, name: this.name, required: this.required, disabled: this.disabled, readOnly: this.readOnly, leadingLabel: void 0, trailingLabel: void 0, onFocus: this._handleInputFocusAndBlur, onBlur: this._handleInputFocusAndBlur, onInput: this._handleInput, inputProps: { ...r, placeholder: l, type: u ? "text" : "password", id: s, maxLength: this.maxLength } }, i("slot", { key: "f5eb222b74d657ea54030c23dcc65fdaa0c6613e", name: "leadingIcon" }), i("slot", { key: "a0a850d852fca98bbc5373e4ba768a08276f0538", name: "leadingAccessory" }), i("div", { key: "4ce3a44dcf00ac7d3cac81d9447cc6b715c92e7e", slot: "trailingAccessory", class: "gids-password-field__trailing-accessory" }, n && i(L, { key: "fb8bb65b5efb02717f2d91c59e9abc875cce3a7a", label: "clear text", size: "lg", onPressDismiss: this._handleDismiss }), a && i(O, { key: "8aff9bce69af15a78d366e286fa7ee63ba1119f7", appearance: "default", size: "xs", width: "intrinsic", disabled: this.disabled, onClick: this._handleRevealPassword }, u ? "Hide" : "Show")))), i("div", { key: "bb9734d4d57e146ea40d8bdee28f14b65a9a6c7b", class: "gids-password-field__meters-container" }, i(ie, { key: "f3bbc38d7f5d8b3cb26a9dcc6817b72084d1ef77", meterRules: _, text: this.value, textMinLength: c }), i(oe, { key: "bd4d1dfb45f868e9bce181a46ef8d60e70d0d492", requirements: this.requirementsMeterRequirements, text: this.value, textMinLength: c })));
+    return i(T, { key: "b3ca75e255c3c52dd2b06a53d4f4ad97a2eabe40" }, i("gids-field", { key: "92aeaf60d20a989ab5f3d3e0b2578dadabbe6f11", disabled: this.disabled, count: void 0, helperText: this.helperText, statusText: this.statusText, status: ce(this.status) }, i(F, { key: "419e3469a5bc10d4b98b07d7a3cb1297d904a7c6", 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: "07e593d86d9c9f45ec51b86d9e401085dc7ad42c", 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: "edef3da6bb9e90730b5e8c016fe3d568c0780794", name: "leadingIcon" }), i("slot", { key: "ae4a8f0dcd6c6fae7c2dbd6834d82564dc369b31", name: "leadingAccessory" }), i("div", { key: "ad2b08b5fdd053109cfe2e3519fa7f724a908b7d", slot: "trailingAccessory", class: "gids-password-field__trailing-accessory" }, n && i(L, { key: "0222e71ffc2e2678cf881638e51418fc2b1bb2eb", label: "clear text", size: "lg", onPressDismiss: this._handleDismiss }), a && i(O, { key: "ecd8dc448c9bca208454ed61a03a4caba33ebc4d", appearance: "default", size: "xs", width: "intrinsic", disabled: this.disabled, onClick: this._handleRevealPassword }, u ? "Hide" : "Show")))), i("div", { key: "b3da444b02597769ebd3b0e28f3988a912c0bf60", class: "gids-password-field__meters-container" }, i(ie, { key: "91b7b8b41b681d94657f9f4fe3aa1ee04618eda1", meterRules: _, text: this.value, textMinLength: c }), i(oe, { key: "30b809ba457fc0a666f749386a8654b29b0a65ce", requirements: this.requirementsMeterRequirements, text: this.value, textMinLength: c })));
   }
   get _el() {
     return this;

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

@@ -1,6 +1,6 @@
-import { n as e, c as t } from "./p-C3We7Q8Q-DT_NDg87.js";
-const r = e, s = t;
+import { n as e, c as t } from "./p-Bab1qxsC-BMbD0lEy.js";
+const s = e, a = t;
 export {
-  r as GidsPieChart,
-  s as defineCustomElement
+  s as GidsPieChart,
+  a as defineCustomElement
 };

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

@@ -1,5 +1,5 @@
 import { L as v, u as p, D as a, F as f, q as l } from "./p-Bf3p-DY2-CPqEc-vc.js";
-import { g as E } from "./p-a3JfEYJp-DyhDK6VZ.js";
+import { l as E } from "./p-BBszCFSA-BN0-eWJX.js";
 import { o as b } from "./p-B8kX8Vqv-trBz4jdS.js";
 const h = v(class extends p {
   constructor(e) {
@@ -64,7 +64,7 @@ const h = v(class extends p {
     e && e.removeEventListener("click", this.handleToggleEvent), document.removeEventListener("click", this.handleDocumentClick), document.removeEventListener("keydown", this.handleKeyDown);
   }
   render() {
-    return a(f, { key: "8ba926923396baba700ffdd150285e2b1d5fdadb" }, a("slot", { key: "f6f2124fa92e77a40d9ef3daad50746d7c19d525", name: "anchor" }), a("div", { key: "e38abaca1c99ae58185684dec56372aac6cdf169", id: "popover", part: "popover", role: "dialog", "aria-modal": "true", tabindex: "-1" }, a("span", { key: "6eaef30f452a72b3221d2c5ddef5ac21aab3ba62", id: "arrow" }), a("div", { key: "cd3bb7bf24a8f2a8273bcb891df314c50a3d00ce" }, a("slot", { key: "18e66983483c84164787fc2f999dbb93bee6f929" }))));
+    return a(f, { key: "7072ac10af27e4e27d9d8fd0a8771403f9314e6e" }, a("slot", { key: "917ac8886b35e170cfa3ba32092602ed941d3bfc", name: "anchor" }), a("div", { key: "0285fe8576af9adb85d1380be12dc2bda8fe88db", id: "popover", part: "popover", role: "dialog", "aria-modal": "true", tabindex: "-1" }, a("span", { key: "8e03c6bdfcf4168768398892301a3185160db725", id: "arrow" }), a("div", { key: "7fe7510c89274cb9aedd44af3f2fa0ddf18acd4a" }, a("slot", { key: "facbdafa78fd2076d2cdb90d55714120bd9c33ba" }))));
   }
   disconnectedCallback() {
     this.cleanupEventListeners(), this.floatingElementManager?.destroy();

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

@@ -4,7 +4,7 @@ import { c as n } from "./clsx-OuTLNxxd.js";
 const d = (s) => n("gids-scrim", s), m = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   getGidsScrimClassNames: d
-}, Symbol.toStringTag, { value: "Module" })), { getGidsScrimClassNames: a } = m, r = o(class extends c {
+}, Symbol.toStringTag, { value: "Module" })), { getGidsScrimClassNames: a } = m, i = o(class extends c {
   constructor(s) {
     super(), s !== !1 && this.__registerHost(), this.__attachShadow(), this.activeClasses = "";
   }
@@ -16,7 +16,7 @@ const d = (s) => n("gids-scrim", s), m = /* @__PURE__ */ Object.freeze(/* @__PUR
     s !== void 0 && this._el.shadowRoot?.adoptedStyleSheets.push(s), this.activeClasses = a(this.extraClasses);
   }
   render() {
-    return e("div", { key: "8167fdb99ddda2dd4db8e27f9dc188586652385d", class: this.activeClasses, part: "root" }, e("slot", { key: "e93770f7b43713b32c964fc00492c31de9474e6e" }));
+    return e("div", { key: "df983fb2a1a7fb80da42f24d15156de78f44774c", class: this.activeClasses, part: "root" }, e("slot", { key: "6f8a76773dfe9f905ca63c8bf22ae7427b7a47bb" }));
   }
   get _el() {
     return this;
@@ -28,14 +28,14 @@ const d = (s) => n("gids-scrim", s), m = /* @__PURE__ */ Object.freeze(/* @__PUR
     return ".gids-scrim{display:flex;flex-direction:column;background-color:var(--gids-color-background-scrim);height:100vh !important;position:absolute;top:0;bottom:0;left:0;right:0;z-index:1001;align-items:center;justify-content:center;backdrop-filter:blur(12)}";
   }
 }, [257, "gids-scrim", { extraClasses: [513, "extra-classes"], activeClasses: [32] }, void 0, { extraClasses: [{ handleExtraClassesChange: 0 }] }]);
-function i() {
+function r() {
   typeof customElements < "u" && ["gids-scrim"].forEach(((s) => {
-    s === "gids-scrim" && (customElements.get(t(s)) || customElements.define(t(s), r));
+    s === "gids-scrim" && (customElements.get(t(s)) || customElements.define(t(s), i));
   }));
 }
-i();
-const f = r, C = i;
+r();
+const g = i, C = r;
 export {
-  f as GidsScrim,
+  g as GidsScrim,
   C as defineCustomElement
 };

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

@@ -75,7 +75,7 @@ const y = ({ appearance: e, type: a, outline: i }, t) => g("gids-badge", {
   }
   render() {
     const e = B({ appearance: this.appearance, width: this.width, active: this.active }), a = this.hasTrailingIcon, i = this.badgeVisible, t = this.appearance === "primary" && this.active ? "inverse" : this.badgeAppearance ?? "information", d = this.label;
-    return r(f, { key: "df04041b0085eba54f6347803d7dd5795cdcd412", class: e, onClick: this.handleHostClick }, this.hasLeadingIcon ? r("slot", { name: "leadingIconTabItem" }) : void 0, d && d !== "" ? r("span", { class: "gids-tab-item__label" }, d && d !== "" ? d : void 0, i ? r(S, { appearance: t, type: this.badgeType, count: this.badgeCount }) : void 0) : void 0, a ? r("slot", { name: "trailingIconTabItem" }) : void 0);
+    return r(f, { key: "11e43e7cf363fc49f4282a0d1d201c5440472145", class: e, onClick: this.handleHostClick }, this.hasLeadingIcon ? r("slot", { name: "leadingIconTabItem" }) : void 0, d && d !== "" ? r("span", { class: "gids-tab-item__label" }, d && d !== "" ? d : void 0, i ? r(S, { appearance: t, type: this.badgeType, count: this.badgeCount }) : void 0) : void 0, a ? r("slot", { name: "trailingIconTabItem" }) : void 0);
   }
   get hostElement() {
     return this;

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

@@ -38,7 +38,7 @@ const o = ({ width: e, appearance: t }, d) => l("gids-tab", {
   }
   render() {
     const e = b({ width: this.width, appearance: this.appearance });
-    return a(c, { key: "00bf73ca04f70d14966823cdd4d228c3d05222e3", class: e }, a("slot", { key: "9b693f9975560d559d972388fb15ca2407ff5d4c" }));
+    return a(c, { key: "9afa708bdbaa5920b655ee7012e14ea914c19dca", class: e }, a("slot", { key: "a5b32607d074a16c957c3f7928055e8dff7dd447" }));
   }
   get hostElement() {
     return this;

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

@@ -1,10 +1,10 @@
 import { L as u, u as h, z as c, C as f, D as i, q as s } from "./p-Bf3p-DY2-CPqEc-vc.js";
 import { i as b } from "./p-B2zUuNXz-BLBgQDu7.js";
 import { a as m } from "./p-Dg2yoUxw-Cca8ROd_.js";
-import { r as p } from "./p-UxDcM-C5-Dr5d_WpJ.js";
-import { h as g } from "./p-ub0GuVHb-C_PFTi1_.js";
-import { r as x } from "./p-BVAtja26-Xjd4_b4e.js";
-import { g as _ } from "./p-D4Pimu_8-DfEGRQGf.js";
+import { r as p } from "./p-UxDcM-C5-BJO4X0jM.js";
+import { h as g } from "./p-CatvDz2b-C-Hlv2Xb.js";
+import { r as x } from "./p-CnVmK0dH-CbmnN-RR.js";
+import { g as _ } from "./p-D4Pimu_8-ARSuGBs4.js";
 const v = (e, t) => {
   if (!(e === void 0 || t === void 0))
     return `${e} / ${Math.max(t, 0)}`;
@@ -17,14 +17,14 @@ const v = (e, t) => {
     default:
       return "default";
   }
-}, n = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, l = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   formatCharCount: v,
   inputToGidsFieldStatus: T
-}, Symbol.toStringTag, { value: "Module" })), { inputToGidsFieldStatus: y } = n, q = (e) => e === "implicit" || e === void 0 ? "implicit" : y(e), C = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Symbol.toStringTag, { value: "Module" })), { inputToGidsFieldStatus: y } = l, 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 } = n, { inputToGidsFieldStatus: O } = C, a = u(class extends h {
+}, Symbol.toStringTag, { value: "Module" })), { formatCharCount: F } = l, { inputToGidsFieldStatus: O } = C, n = u(class extends h {
   constructor(e) {
     super(), e !== !1 && this.__registerHost(), this.gidsTextFieldClear = c(this, "gidsTextFieldClear"), this.#e = _(), this._handleDismiss = () => {
       const t = this.#t?.querySelector("input.gids-input__control");
@@ -50,8 +50,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: "31fd12bcfe97625c517a2e85734e01dbbd5b59b5", disabled: this.disabled, count: F(this.value?.length, this.maxLength), helperText: this.helperText, statusText: this.statusText, status: O(this.status) }, i(m, { key: "5dd9b4158a9262f88364d07788791f10a037d906", slot: "label", disabled: this.disabled, info: i("slot", { name: "info" }), fieldRequirement: this.fieldRequirement, fieldRequirementOptionalText: this.fieldRequirementOptionalText, fieldRequirementRequiredText: this.fieldRequirementRequiredText, isLabelSentence: this.isLabelSentence, htmlFor: l }, this.label), i("gids-input", { key: "45980a5df8d74d027f7d15fb3f2f1dffcfe35ea3", ref: (o) => this.#t = o, appearance: this.appearance, status: this.status, loading: this.loading, value: this.value, defaultValue: this.defaultValue, name: this.name, required: this.required, disabled: this.disabled, readOnly: this.readOnly, leadingLabel: this.leadingLabel, trailingLabel: this.trailingLabel, onFocus: this._handleInputFocusAndBlur, onBlur: this._handleInputFocusAndBlur, onInput: this._handleInput, inputProps: { ...t, type: this.type, id: l, maxLength: this.maxLength } }, i("slot", { key: "ca0f5b7206e450dc4223013a3bfa15922c3ea7ee", name: "leadingIcon" }), i("slot", { key: "2f9809ef064300e999f60fd34305232e2cdb5c97", name: "leadingAccessory" }), d && i(p, { key: "adcb2d1e5c9eedd94bb6d276333cdb30ff31147c", label: "clear text", slot: "trailingAccessory", size: "lg", onPressDismiss: this._handleDismiss }), i("slot", { key: "5633a1c325c3442044b31e925cda6654764fbb3f", name: "trailingIcon" })));
+    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: "0ed0cb2129590be7ad6d2ac435248eb8e49fcff2", disabled: this.disabled, count: F(this.value?.length, this.maxLength), helperText: this.helperText, statusText: this.statusText, status: O(this.status) }, i(m, { key: "a13f7a4c874ef56452794da526e2b0f3f246eafb", 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: "67debaa30e34b234fd8b73c8d19c9ae7f0ad6567", 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: "89ca7a44f766aaf315ec6501f104abc43be9e5e3", name: "leadingIcon" }), i("slot", { key: "852590c3cd709a75047f8762f0ac852e202fcd4b", name: "leadingAccessory" }), d && i(p, { key: "67e92c36408146dd71a883201609987d38865df2", label: "clear text", slot: "trailingAccessory", size: "lg", onPressDismiss: this._handleDismiss }), i("slot", { key: "b8b20927eb8b9618376aa09648bbaab0d00a83e6", name: "trailingIcon" })));
   }
   get _el() {
     return this;
@@ -61,7 +61,7 @@ function r() {
   typeof customElements < "u" && ["gids-text-field", "gids-field", "gids-input"].forEach(((e) => {
     switch (e) {
       case "gids-text-field":
-        customElements.get(s(e)) || customElements.define(s(e), a);
+        customElements.get(s(e)) || customElements.define(s(e), n);
         break;
       case "gids-field":
         customElements.get(s(e)) || g();
@@ -72,7 +72,7 @@ function r() {
   }));
 }
 r();
-const G = a, B = r;
+const G = n, B = r;
 export {
   G as GidsTextField,
   B as defineCustomElement

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

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

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

@@ -1,5 +1,5 @@
 import { L as n, u as l, D as e, F as s, q as i } from "./p-Bf3p-DY2-CPqEc-vc.js";
-import { g as r } from "./p-a3JfEYJp-DyhDK6VZ.js";
+import { l as r } from "./p-BBszCFSA-BN0-eWJX.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 {
@@ -38,7 +38,7 @@ const o = n(class extends l {
     t && (t.removeEventListener("mouseenter", this.handleShowEvent), t.removeEventListener("focus", this.handleShowEvent), t.removeEventListener("mouseleave", this.handleHideEvent), t.removeEventListener("blur", this.handleHideEvent));
   }
   render() {
-    return e(s, { key: "956f6eced99b0c5e6e514a2a3f10976ca64e22c3" }, e("slot", { key: "082d3c166069a309c3ba5f6c1e3eb0519eb84b40" }), e("span", { key: "400f44983016138741b2c3a7b32d5d9f39c09241", id: "tooltip", part: "tooltip", role: "tooltip" }, e("span", { key: "1fcc94a2ab42662921470851bbad8fa46b7f0978", id: "arrow" }), this.tooltipText));
+    return e(s, { key: "dfad2d80bfb7a71160756784ad8a3b0fa1e2d939" }, e("slot", { key: "6ba31e67a92c64309569f320c298eeb7e1429c32" }), e("span", { key: "cc6df1e5ac986ffba9953c6a59ba464ec95e0475", id: "tooltip", part: "tooltip", role: "tooltip" }, e("span", { key: "c383894a631b50fed501b51a43809538919ec5bb", id: "arrow" }), this.tooltipText));
   }
   disconnectedCallback() {
     this.cleanupEventListeners(), this.floatingElementManager?.destroy();

package/dist-bundled/es/{p-pSb81aE0-CNrq7SQW.js → p-1fMG8D4t-CIEDM74u.js}

@@ -1,7 +1,7 @@
 import { q as l, L as f, u, D as t } from "./p-Bf3p-DY2-CPqEc-vc.js";
 import { p as b } from "./p-DMNS1d8v-CHF62UXm.js";
-import { o as x } from "./p-BCVFQSjK-CKrYrI4b.js";
-import { d as z } from "./p-C3xv7tfs-RodXvmql.js";
+import { d as x } from "./p-DslOQITw-BfwtLWqG.js";
+import { l as z } from "./p-BV0jg2ix-DI0fZl_6.js";
 import { c as w } from "./clsx-OuTLNxxd.js";
 const k = ({ breakpoint: a }, g) => w("gids-activity-gauge", {
   "gids-activity-gauge--breakpoint-mobile": a === "mobile"