@ganpatiinfo/gids-core-web 8.2.0 → 10.0.0

package/dist-bundled/es/p-D93TNeOt-Vvshbux8.js

@@ -0,0 +1,88 @@
+import { P as d, _ as f, u as v, T as e } from "./p-Ct3Ixgvf-CNP_PKwP.js";
+import { r as u } from "./p-Dehss-X0-Di5vMgvd.js";
+import { d as w } from "./p-B_HaXpJZ-a2SDgQ0E.js";
+import { l as k } from "./p-B81J5HCC-Bkt2yXKi.js";
+import { c as z } from "./clsx-OuTLNxxd.js";
+const A = ({ breakpoint: a }, s) => z("gids-line-chart", {
+  "gids-line-chart--breakpoint-mobile": a === "mobile"
+}, s), L = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsLineChartClassNames: A
+}, Symbol.toStringTag, { value: "Module" })), { getGidsLineChartClassNames: C } = L, D = f(class extends v {
+  constructor(a) {
+    super(), a !== !1 && this.__registerHost(), this.breakpoint = "desktop", this.legend = "none", this.chartData = [], this.yAxisVisible = !1, this.dataPoints = [], this.chartLoaderSize = "lg", this.chartLoading = !1, this.width = 0, this.height = 0;
+  }
+  chartDataChanged() {
+    this.updateDimensions();
+  }
+  dataPointsChanged(a) {
+    this.dataPoints = a;
+  }
+  legendChanged(a) {
+    this.legend = a;
+  }
+  yAxisVisibilityChanged(a) {
+    this.yAxisVisible = a;
+  }
+  componentDidLoad() {
+    this.updateDimensions(), this.resizeObserver = new ResizeObserver((() => this.updateDimensions())), this.hostElement.parentElement && this.resizeObserver.observe(this.hostElement.parentElement);
+  }
+  disconnectedCallback() {
+    this.resizeObserver && this.resizeObserver.disconnect();
+  }
+  updateDimensions() {
+    const a = this.hostElement.getBoundingClientRect();
+    this.width = a.width, this.height = a.height > 0 ? a.height : 300;
+  }
+  render() {
+    if (this.chartLoading) return e("div", { class: "gids-line-chart__no-data" }, e(u, { label: this.chartLoadingTitle, supportingText: this.chartLoadingSupportingText, size: this?.chartLoaderSize ?? "lg" }));
+    const a = this.chartData.flatMap(((t) => Array.isArray(t?.data) ? t.data.map(((i) => i.value)) : [])), s = a.length > 0 ? Math.max(...a) : 10, l = Math.pow(10, Math.floor(Math.log10(s || 1)));
+    let o = l;
+    s / l <= 2 ? o = l / 5 : s / l <= 5 && (o = l / 2);
+    const c = Math.ceil(s / o) * o;
+    let n = [];
+    if (Array.isArray(this.dataPoints) && this.dataPoints.length > 0) n = [...this.dataPoints].sort(((t, i) => t - i));
+    else {
+      const i = c / 4;
+      for (let r = 0; r < 5; r++) n.push(Math.round(0 + r * i));
+    }
+    const g = Math.max(...n, c) - 0 || 1, p = this?.chartData?.[0]?.data?.map(((t) => t.label)) ?? [], b = p.length, y = C({ breakpoint: this.breakpoint });
+    let h = !1, _ = !1;
+    return this.breakpoint === "mobile" ? this.legend !== "none" && (h = !0) : this.legend === "top" ? h = !0 : this.legend === "right" && (_ = !0), e("div", { class: y }, h ? e("div", { class: "gids-line-chart__header" }, e("gids-chart-legend", { orientation: "horizontal" }, this.chartData.map(((t, i) => e("gids-chart-legend-item", { key: t.label, seriesType: `${i + 1}`, orientation: "horizontal" }, t.label))))) : null, e("div", { class: "gids-line-chart__main-container" }, e("div", { class: "gids-line-chart__grid-layout" }, e("span", { class: "gids-line-chart__y-axis-label" }, this.yAxisLabel), e("div", { class: "gids-line-chart__chart-stage-container" }, this.yAxisVisible ? e("div", { class: "gids-line-chart__y-axis-scale-container" }, n.map(((t) => e("span", { class: "gids-line-chart__scale-text gids-line-chart__y-axis-scale-value", key: t, style: { bottom: (t - 0) / g * 100 + "%" } }, t)))) : null, e("div", { class: "gids-line-chart__chart-stage" }, e("svg", { viewBox: "0 0 100 100", class: "gids-line-chart__chart-vector", preserveAspectRatio: "none" }, e("defs", null, this.chartData.map(((t, i) => e("linearGradient", { id: `areaGradient-${i}`, x1: "0", y1: "0", x2: "0", y2: "1", key: i }, e("stop", { offset: "0%", class: `gids-line-chart__gradient-start-${i}` }), e("stop", { offset: "100%", class: `gids-line-chart__gradient-end-${i}` }))))), n.map(((t) => {
+      const i = 100 - (t - 0) / g * 100;
+      return e("line", { x1: "0", y1: i, x2: "100", y2: i, class: "gids-line-chart__grid-line", key: t });
+    })), this.chartData.map(((t, i) => {
+      if (!Array.isArray(t.data) || t.data.length < 2) return null;
+      const r = t.data.map(((x, m) => `${m === 0 ? "M" : "L"} ${m / (b - 1) * 100} ${100 - (x.value - 0) / g * 100}`)).join(" ");
+      return e("g", { key: t.label || i }, e("path", { d: `${r} L 100 100 L 0 100 Z`, fill: `url(#areaGradient-${i})`, class: "gids-line-chart__chart-area" }), e("path", { d: r, class: `gids-line-chart__chart-line gids-line-chart__series-line-${i + 1}` }));
+    }))))), e("div", { class: "gids-line-chart__x-axis-scale-container" }, p.map(((t, i) => e("span", { class: "gids-line-chart__scale-text", key: i }, t)))), e("span", { class: "gids-line-chart__x-axis-label" }, this.xAxisLabel)), _ ? e("gids-chart-legend", { orientation: "vertical" }, this.chartData.map(((t, i) => e("gids-chart-legend-item", { key: t.label, seriesType: `${i + 1}`, orientation: "vertical" }, t.label)))) : null));
+  }
+  get hostElement() {
+    return this;
+  }
+  static get watchers() {
+    return { chartData: [{ chartDataChanged: 0 }], dataPoints: [{ dataPointsChanged: 0 }], legend: [{ legendChanged: 0 }], yAxisVisible: [{ yAxisVisibilityChanged: 0 }] };
+  }
+  static get style() {
+    return ":host{display:block;width:100%;height:100%;box-sizing:border-box}.gids-line-chart{display:flex;flex-direction:column;width:100%;height:100%;box-sizing:border-box}.gids-line-chart--breakpoint-mobile{max-width:var(--gids-width-xs)}.gids-line-chart__main-container{display:flex;gap:var(--gids-gap-200)}.gids-line-chart__header{display:flex;justify-content:flex-end;align-items:center;width:100%;margin-bottom:var(--gids-padding-vertical-edge-to-element-200)}.gids-line-chart__grid-layout{display:grid;grid-template-columns:auto 1fr;grid-template-rows:minmax(180px, 280px) auto auto;flex:1;width:100%;height:100%;box-sizing:border-box}.gids-line-chart__y-axis-label{grid-column:1;grid-row:1;display:flex;align-items:center;justify-content:center;margin-right:var(--gids-padding-horizontal-edge-to-element-150);font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit);color:var(--gids-color-text-subtlest);writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap}.gids-line-chart__chart-stage-container{grid-column:2;grid-row:1;position:relative;width:100%;height:100%;padding-left:var(--gids-container-padding-desktop);box-sizing:border-box}.gids-line-chart__y-axis-scale-container{position:absolute;top:0;bottom:0;left:0;width:calc(var(--gids-container-padding-desktop) - var(--gids-padding-horizontal-edge-to-element-100));pointer-events:none}.gids-line-chart__y-axis-scale-value{position:absolute;right:0;transform:translateY(50%)}.gids-line-chart__chart-stage{position:relative;width:100%;height:100%;border-bottom:var(--gids-border-width-thin) solid var(--gids-color-border-default);box-sizing:border-box}.gids-line-chart__chart-vector{display:block;width:100%;height:100%;overflow:visible}.gids-line-chart__grid-line{stroke:var(--gids-color-border-default);stroke-width:0.5;fill:none}.gids-line-chart__chart-area{stroke:none}.gids-line-chart__chart-line{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.gids-line-chart__chart-line.gids-line-chart__series-line-1{stroke:var(--gids-color-icon-subtle)}.gids-line-chart__chart-line.gids-line-chart__series-line-2{stroke:var(--gids-color-icon-warning)}.gids-line-chart__chart-line.gids-line-chart__series-line-3{stroke:var(--gids-color-icon-danger)}.gids-line-chart__gradient-start-0{stop-color:rgba(127, 86, 217, 0.09);stop-opacity:1}.gids-line-chart__gradient-end-0{stop-color:rgba(127, 86, 217, 0.09);stop-opacity:0}.gids-line-chart__gradient-start-1{stop-color:rgba(127, 86, 217, 0.1);stop-opacity:1}.gids-line-chart__gradient-end-1{stop-color:rgba(127, 86, 217, 0.1);stop-opacity:0}.gids-line-chart__gradient-start-2{stop-color:rgba(127, 86, 217, 0.12);stop-opacity:1}.gids-line-chart__gradient-end-2{stop-color:rgba(127, 86, 217, 0.12);stop-opacity:0}.gids-line-chart__x-axis-scale-container{display:flex;grid-column:2;grid-row:2;justify-content:space-between;align-items:center;padding-left:var(--gids-container-padding-desktop);padding-top:var(--gids-padding-vertical-edge-to-element-100);box-sizing:border-box}.gids-line-chart__x-axis-label{grid-column:2;grid-row:3;display:flex;justify-content:center;align-items:center;padding-top:var(--gids-padding-vertical-edge-to-element-100);font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit);color:var(--gids-color-text-subtlest);white-space:nowrap}.gids-line-chart__scale-text{font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit);color:var(--gids-color-text-subtlest);user-select:none;white-space:nowrap}.gids-line-chart__no-data{display:flex;align-items:center;justify-content:center;padding:var(--gids-padding-vertical-edge-to-element-300) var(--gids-padding-horizontal-edge-to-element-100);width:100%;height:100%;min-height:200px;color:var(--gids-color-text-subtlest);border:var(--gids-border-width-thin) dashed var(--gids-color-border-default);border-radius:var(--gids-border-radius-md)}";
+  }
+}, [0, "gids-line-chart", { breakpoint: [1], legend: [1], chartData: [16], yAxisVisible: [4, "y-axis-visible"], xAxisLabel: [1, "x-axis-label"], yAxisLabel: [1, "y-axis-label"], dataPoints: [16], chartLoaderSize: [1, "chart-loader-size"], chartLoading: [4, "chart-loading"], chartLoadingTitle: [1, "chart-loading-title"], chartLoadingSupportingText: [1, "chart-loading-supporting-text"], width: [32], height: [32] }, void 0, { chartData: [{ chartDataChanged: 0 }], dataPoints: [{ dataPointsChanged: 0 }], legend: [{ legendChanged: 0 }], yAxisVisible: [{ yAxisVisibilityChanged: 0 }] }]);
+function P() {
+  typeof customElements < "u" && ["gids-line-chart", "gids-chart-legend", "gids-chart-legend-item"].forEach(((a) => {
+    switch (a) {
+      case "gids-line-chart":
+        customElements.get(d(a)) || customElements.define(d(a), D);
+        break;
+      case "gids-chart-legend":
+        customElements.get(d(a)) || w();
+        break;
+      case "gids-chart-legend-item":
+        customElements.get(d(a)) || k();
+    }
+  }));
+}
+P();
+export {
+  D as d,
+  P as g
+};

package/dist-bundled/es/{p-DybsMR13-DpmsG3Q1.js → p-DKsrt7dx-ImYLc4xz.js}

@@ -1,4 +1,4 @@
-import { R as l } from "./p-ibikYq-w-BsGxk8ro.js";
+import { T as l } from "./p-Ct3Ixgvf-CNP_PKwP.js";
 import { c as x } from "./clsx-OuTLNxxd.js";
 const f = ({ size: e, indeterminate: t, value: n }, r) => x("gids-spinner-control", {
   "gids-spinner-control--xs": e === "xs",

package/dist-bundled/es/p-DZWWuJac-DNQvnHAr.js

@@ -0,0 +1,15 @@
+import { T as t } from "./p-Ct3Ixgvf-CNP_PKwP.js";
+import { d } from "./p-BnL97lOW-BO0p4EdC.js";
+import { c as m } from "./clsx-OuTLNxxd.js";
+const n = ({ appearance: e, size: s }, i) => m("gids-dismiss-button", {
+  "gids-dismiss-button--sm": s === "sm",
+  // 'gids-dismiss-button--md': size === 'md',
+  "gids-dismiss-button--lg": s === "lg",
+  "gids-dismiss-button--bold": e === "bold"
+}, i), b = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsDismissButtonClassNames: n
+}, Symbol.toStringTag, { value: "Module" })), { getGidsDismissButtonClassNames: c } = b, f = ({ appearance: e = "subtle", size: s = "md", disabled: i = !1, class: a, onPressDismiss: o, label: l, ...r }) => t("button", { class: c({ appearance: e, size: s }, a), onClick: o, disabled: i, "aria-label": l, ...r }, t(d, { name: "cross", appearance: "regular" }));
+export {
+  f as r
+};

package/dist-bundled/es/p-D_wcwB7E-d3jYxfod.js

@@ -0,0 +1,20 @@
+import { T as s } from "./p-Ct3Ixgvf-CNP_PKwP.js";
+import { c } from "./clsx-OuTLNxxd.js";
+const u = "No Data!", b = (e) => `There is no data series provided for ${e}. Check the data you have passed to draw ${e}.`, A = 100, C = 50, L = "Invalid Progress Value!", k = (e) => `The provided progress value is invalid or exceeds the maximum(${e}%) allowed capacity configuration bounds for this specific layout shape profile.`, m = "Invalid Chart Type!", v = (e) => `You have passed an invalid chart type. Valid chart types are ${e}. Pass one of these types.`, i = (e) => c("gids-button-dock", e), d = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsButtonDockClassNames: i
+}, Symbol.toStringTag, { value: "Module" })), r = (e) => c("gids-feedback-block", e), _ = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsFeedbackBlockClassNames: r
+}, Symbol.toStringTag, { value: "Module" })), { getGidsButtonDockClassNames: n } = d, l = ({ class: e, primaryChildren: t, secondaryChildren: a, ...o }) => s("div", { class: n(e), ...o }, s("div", { class: "gids-button-dock__secondary-area" }, a), s("div", { class: "gids-button-dock__primary-area" }, t)), { getGidsFeedbackBlockClassNames: T } = _, f = ({ title: e, supportingText: t, image: a, children: o }) => s("div", { class: T() }, s("div", { class: "gids-feedback-block__inner-container" }, a && s("div", { class: "gids-feedback-block__image-container" }, a), s("p", { class: "gids-feedback-block__title" }, s("strong", null, e)), s("div", { class: "gids-feedback-block__supporting-text" }, t), o && s(l, { primaryChildren: o })));
+export {
+  b as C,
+  A as F,
+  C as H,
+  u as a,
+  v as b,
+  m as c,
+  k as d,
+  L as e,
+  f as r
+};

package/dist-bundled/es/p-Dehss-X0-Di5vMgvd.js

@@ -0,0 +1,29 @@
+import { T as n } from "./p-Ct3Ixgvf-CNP_PKwP.js";
+import { l as m } from "./p-DKsrt7dx-ImYLc4xz.js";
+import { c } from "./clsx-OuTLNxxd.js";
+const d = ({ size: e }, t) => c("gids-spinner", {
+  "gids-spinner--xs": e === "xs",
+  "gids-spinner--sm": e === "sm",
+  // 'gids-spinner--md': size === 'md',
+  "gids-spinner--lg": e === "lg",
+  "gids-spinner--xl": e === "xl",
+  "gids-spinner--2xl": e === "2xl"
+}, t), u = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsSpinnerClassNames: d
+}, Symbol.toStringTag, { value: "Module" })), x = (e) => {
+  const { label: t, supportingText: s } = e, i = typeof t == "string" && t.trim().length > 0, r = typeof s == "string" && s.trim().length > 0;
+  return {
+    hasLabel: i,
+    hasSupportingText: r
+  };
+}, b = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getElementVisibility: x
+}, Symbol.toStringTag, { value: "Module" })), { getGidsSpinnerClassNames: _ } = u, { getElementVisibility: f } = b, h = ({ label: e, supportingText: t, size: s, indeterminate: i, value: r, max: l, class: o, ...p }) => {
+  const { hasLabel: a, hasSupportingText: g } = f({ label: e, supportingText: t });
+  return n("span", { class: _({ size: s }, o), ...p }, n(m, { size: s, indeterminate: i, value: r, max: l }), a && n("span", { class: "gids-spinner__label" }, e), g && n("span", { class: "gids-spinner__supporting-text" }, t));
+};
+export {
+  h as r
+};

package/dist-bundled/es/{p-Bg3lw2Ae-CkC8nUqv.js → p-DfFqFdmS-DjI2pk-0.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 { P as s, _ as l, u, T as a, L as r } from "./p-Ct3Ixgvf-CNP_PKwP.js";
+import { d as n } from "./p-BnL97lOW-BO0p4EdC.js";
+import { l as d } from "./p-DKsrt7dx-ImYLc4xz.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: "8cfc78682bffd38298aaa5bc8fe63bc996f17586" }, a("slot", { key: "5e5c57234e3e531b0d095597e021ab3d4756173d", name: "leadingIcon" }), this.leadingLabel && a("span", { key: "5d0fc2c8a8716806891347f30ba961db61e1cf91", class: "gids-input__label" }, this.leadingLabel), a("slot", { key: "881161160b2e933479c7af0a63846c0f86c7bbfe", name: "leadingAccessory" }), a("input", { key: "f0db6b63f0aa4a1a778743620753184ff0a7086a", ...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: "5bb8549e6aa491b7ebbf56bce66bab6f386f98fe", name: "trailingAccessory" }), this.trailingLabel && a("span", { key: "3ef3319efd5512bbd370e314724820a539e342f9", class: "gids-input__label" }, this.trailingLabel), a("slot", { key: "22dcea487ee58e5df65a5b88d3f7ce7bcc32f828", name: "trailingIcon" }), this.status === "incomplete" && a(n, { key: "808723d08c4e8a1533652d6c20fd7f8ff0e98275", name: "warning", appearance: "filled", class: "gids-input__warning-icon" }), this.status === "complete" && a(n, { key: "10c61d22cb2a4fa56dc0de3025cfc07c1268f91e", name: "positive", appearance: "filled", class: "gids-input__positive-icon" }), this.loading && a(d, { key: "58147d27b92c93a6bf9dde27c394de2868d6225e", size: "md", indeterminate: !0 }));
   }
   get _el() {
     return this;
@@ -70,5 +70,5 @@ function h() {
 h();
 export {
   o as c,
-  h as f
+  h as r
 };

package/dist-bundled/es/p-KxRqlvSh-JOFDmT0B.js

@@ -0,0 +1,25 @@
+import { T as a } from "./p-Ct3Ixgvf-CNP_PKwP.js";
+import { l as h } from "./p-DKsrt7dx-ImYLc4xz.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), x = /* @__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: I } = x, 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: I({ 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-MgTlrSP_-DifRVv94.js

@@ -0,0 +1,70 @@
+import { T as e, L as C } from "./p-Ct3Ixgvf-CNP_PKwP.js";
+import { r as I } from "./p-Dehss-X0-Di5vMgvd.js";
+import { d as h } from "./p-BnL97lOW-BO0p4EdC.js";
+import { c as r } from "./clsx-OuTLNxxd.js";
+const N = ({ orientation: t }, i) => r("gids-divider", {
+  "gids-divider--vertical": t === "vertical"
+}, i), T = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsDividerClassNames: N
+}, Symbol.toStringTag, { value: "Module" })), O = ({ layout: t }, i) => r("gids-button-group", {
+  "gids-button-group--scroll": t === "scroll"
+}, i), z = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsButtonGroupClassNames: O
+}, Symbol.toStringTag, { value: "Module" })), M = (t) => r("gids-heading", t), B = (t) => t && t.toString() !== "" && t !== "(none)" ? `gids-typography-${t}` : "", D = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsHeadingClassNames: M,
+  getGidsHeadingSupportingTextTypographyClass: B
+}, Symbol.toStringTag, { value: "Module" })), L = ({ size: t }, i) => r("gids-edit-button", {
+  "gids-edit-button--xs": t === "xs",
+  "gids-edit-button--sm": t === "sm",
+  // 'gids-button--md': size === 'md',
+  "gids-edit-button--lg": t === "lg"
+}, i), E = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsEditButtonClassNames: L
+}, Symbol.toStringTag, { value: "Module" })), A = ({ disabled: t, selected: i }, n) => r("gids-list-item", {
+  // selected
+  "gids-list-item--selected": i,
+  // Disable
+  "gids-list-item--disabled": t
+}, n), $ = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsListItemClassNames: A
+}, Symbol.toStringTag, { value: "Module" })), k = (t) => r("gids-dropdown-item", t), H = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsDropdownItemClassNames: k
+}, Symbol.toStringTag, { value: "Module" })), q = (t) => r("gids-dropdown-menu", t), F = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsDropdownMenuClassNames: q
+}, Symbol.toStringTag, { value: "Module" })), J = ({ type: t }, i) => r("gids-dropdown-menu-group", {
+  "gids-dropdown-menu-group--default": t === "default",
+  // by default so no need to have this class
+  "gids-dropdown-menu-group--no-options": t === "no-options",
+  "gids-dropdown-menu-group--loading": t === "loading"
+}, i), K = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsDropdownMenuGroupClassNames: J
+}, Symbol.toStringTag, { value: "Module" })), { getGidsDropdownMenuGroupClassNames: Q } = K, gt = ({ type: t = "no-options", supportingText: i = "No options", class: n, ...l }, s) => e("div", { class: Q({ type: t }, n), ...l }, t === "loading" ? e(I, { indeterminate: !0, size: "md" }) : null, t === "no-options" ? e("span", null, i) : null, t === "default" && s != null ? s : null), { getGidsButtonGroupClassNames: R } = z, U = ({ layout: t, children: i, class: n }) => e("span", { class: R({ layout: t }, n) }, i), { getGidsHeadingClassNames: V, getGidsHeadingSupportingTextTypographyClass: W } = D, X = ({ heading: t, supportingText: i, level: n = "section", children: l, supportingTextTypography: s, class: d }) => e("div", { class: V(d) }, e("div", { class: "gids-heading__content-container" }, t != null && t !== "" ? typeof t == "string" ? t !== "" ? e("span", { class: n === "section" ? "gids-heading__heading-text-section" : "gids-heading__heading-text-group" }, t) : null : t : null, i != null && i !== "" ? typeof i == "string" ? i !== "" ? e("span", { class: `${n === "section" ? "gids-heading__supporting-text-section" : "gids-heading__supporting-text-group"} ${W(s)}` }, i) : null : i : null), l ? e(U, { layout: "wrap" }, l) : null), { getGidsDropdownMenuClassNames: Y } = F, ct = ({ sectionLabel: t, class: i, ...n }, l) => e("div", { class: Y(i), ...n }, t != null && t !== "" ? e(X, { supportingText: t, supportingTextTypography: "eyebrow-medium" }) : null, l != null ? e("div", { class: "gids-dropdown-menu__children" }, l) : null), { getGidsEditButtonClassNames: Z } = E, tt = ({ disabled: t, children: i, size: n = "md", editButtonType: l = "add", onPressEditButton: s, class: d, ...a }) => e("button", { class: Z({ size: n }, d), ...a, onClick: s, disabled: t }, l === "custom" && i ? e("div", null, i) : l === "add" ? e("div", { class: t ? "gids-edit-button__add gids-edit-button__disabled" : "gids-edit-button__add" }, e(h, { name: "add", appearance: "filled", size: n })) : l === "remove" ? e("div", { class: t ? "gids-edit-button__remove gids-edit-button__disabled" : "gids-edit-button__remove" }, e(h, { appearance: "filled", name: "remove", size: n })) : void 0), { getGidsDividerClassNames: et } = T, it = ({ orientation: t }) => e("hr", { class: et({ orientation: t }) }), { getGidsListItemClassNames: st } = $, nt = ({ id: t, value: i, index: n, defaultSelectedIndex: l, disabled: s, selected: d, editButton: a, onPressEditButton: y, onPressListItem: v, leadingAccessory: b, leadingSupport: g, leadingParagraph: u, trailingContent: p, trailingAccessory: f, trailingSupport: _, trailingParagraph: m, divider: x, role: G = "list-item-option", class: P, ...w }, S) => e("button", { type: "button", id: t, class: st({ selected: d, disabled: s }, P), role: G, "aria-selected": d ? "true" : "false", disabled: s, value: (() => {
+  if (typeof i == "string" && i.trim() !== "") return i;
+  const c = S;
+  return c ? (Array.isArray(c) ? c : [c]).map(((o) => typeof o == "string" || typeof o == "number" ? String(o) : o && typeof o == "object" && "text" in o ? o.text ?? "" : "")).join("").trim() : "";
+})(), onClick: (c) => {
+  const o = c.currentTarget;
+  if (!o || c.defaultPrevented || o.disabled) return;
+  const j = new CustomEvent("onPressListItem", { bubbles: !0, composed: !0, detail: { selectedIndex: n, defaultSelectedIndex: l } });
+  v?.(j);
+}, ...w }, e("div", { class: "gids-list-item__main-container" }, a == null || a === "none" || s ? null : e(tt, { size: "md", editButtonType: a, onPressEditButton: y }), b != null ? e("div", { class: s ? "gids-list-item__leading-accessory-container gids-list-item__accessory-content-disabled" : "gids-list-item__leading-accessory-container" }, b) : null, e("div", { class: "gids-list-item__middle-content-container" }, e("div", { class: "gids-list-item__leading-content-container" }, e(C, null, S != null ? e("span", { class: s ? "gids-list-item__leading-content-label gids-list-item__text-content-disabled" : "gids-list-item__leading-content-label" }, S) : null, e("div", { class: "gids-list-item__leading-support-content" }, g != null ? typeof g == "string" ? e("p", { class: s ? "gids-list-item__leading-content-supporting-text gids-list-item__text-content-disabled" : "gids-list-item__leading-content-supporting-text" }, g) : g : null, u != null ? typeof u == "string" ? e("p", { class: s ? "gids-list-item__leading-content-paragraph-text gids-list-item__text-content-disabled" : "gids-list-item__leading-content-paragraph-text" }, u) : u : null))), e("div", { class: "gids-list-item__trailing-content-container" }, e(C, null, p != null ? typeof p == "string" ? e("span", { class: s ? "gids-list-item__trailing-content-label gids-list-item__text-content-disabled" : "gids-list-item__trailing-content-label" }, p) : p : null, e("div", { class: "gids-list-item__trailing-support-content" }, _ != null ? typeof _ == "string" ? e("p", { class: s ? "gids-list-item__trailing-content-supporting-text gids-list-item__text-content-disabled" : "gids-list-item__trailing-content-supporting-text" }, _) : _ : null, m != null ? typeof m == "string" ? e("p", { class: s ? "gids-list-item__trailing-content-paragraph-text gids-list-item__text-content-disabled" : "gids-list-item__trailing-content-paragraph-text" }, m) : m : null)))), d ? e("div", { class: s ? "gids-list-item__trailing-accessory-container gids-list-item__accessory-content-disabled" : "gids-list-item__trailing-accessory-container" }, e(h, { name: "checkmark", size: "md", appearance: "regular" })) : null, d || f == null ? null : e("div", { class: s ? "gids-list-item__trailing-accessory-container gids-list-item__accessory-content-disabled" : "gids-list-item__trailing-accessory-container" }, f)), x && !d ? e("div", { class: "gids-list-item__divider" }, e(it, { orientation: "horizontal" })) : null), { getGidsDropdownItemClassNames: lt } = H, ut = ({ id: t, title: i, class: n, selected: l = !1, disabled: s = !1, role: d = "list-item-option", value: a, name: y, onPressDropdownItem: v, index: b, defaultSelectedIndex: g, leadingAccessory: u, divider: p, ...f }) => {
+  const _ = lt(typeof n == "string" ? n : void 0);
+  return e(nt, { id: t, index: b ?? 0, defaultSelectedIndex: g, selected: l, disabled: s, role: d, value: a, name: y, leadingAccessory: u, class: _, onPressListItem: (m) => {
+    if (m.defaultPrevented) return;
+    const x = new CustomEvent("onPressDropdownItem", { bubbles: !0, composed: !0, detail: { id: t, title: i, value: a, disabled: s, selectedIndex: b, defaultSelectedIndex: g } });
+    v?.(x);
+  }, divider: p, ...f }, i);
+};
+export {
+  ut as B,
+  ct as f,
+  gt as u
+};