@hortiview/default-components 1.4.0 → 1.4.2

package/dist/{LoadingSpinner-FRQEZvxs.js → LoadingSpinner-DVBQ1tGJ.js}

@@ -1,22 +1,22 @@
-import { jsx as c, jsxs as R } from "react/jsx-runtime";
-import { G as j, c as M, I, h as P, p as W, a as F, f as H, j as l, m as U } from "./useTranslation-B_ODv8uN.js";
-import t, { useState as V, useEffect as k, useMemo as K, forwardRef as q, useRef as O, useImperativeHandle as G, useCallback as Y } from "react";
-import { f as B, n as Z } from "./index.es--yyG47az-DBKBm3yD.js";
-import { n as J } from "./index.es-D-ph6ImM-CWxTa_iD.js";
-import { n as Q } from "./Iconify-Cjdr-ccS.js";
-import './assets/LoadingSpinner.css';const X = "_loadingBigOverlay_7dxo1_1", ee = "_bigLoadSpinnerCard_7dxo1_12", re = "_bigLoadSpinnerCardText_7dxo1_27", te = "_logo_7dxo1_33", x = {
-  loadingBigOverlay: X,
-  bigLoadSpinnerCard: ee,
-  bigLoadSpinnerCardText: re,
-  logo: te
-}, se = ({ text: a }) => /* @__PURE__ */ R("div", { className: x.bigLoadSpinnerCard, role: "progressbar", "data-testid": "loading-spinner", children: [
-  /* @__PURE__ */ c(Q, { icon: "hortiview", className: x.logo, "data-testid": "logo-icon" }),
-  /* @__PURE__ */ c(B, { tag: "p", bold: !0, level: 1, className: x.bigLoadSpinnerCardText, children: a })
-] }), ae = (a) => /* @__PURE__ */ c("div", { "data-testid": "big-loading-spinner", className: x.loadingBigOverlay, children: /* @__PURE__ */ c(se, { ...a }) });
-var p = {
+import { jsx as c, jsxs as K } from "react/jsx-runtime";
+import { r as Z, at as ee, q as w, h as re, e as U, g as J, j as $, k as te, i as ae, t as m, m as ie } from "./useTranslation-CVaIJbcK.js";
+import a, { useState as se, useEffect as T, useMemo as oe, forwardRef as ne, useRef as V, useImperativeHandle as ce, useCallback as le } from "react";
+import { D as X, O as de } from "./index.es-BGordhUK-C36NK84Q.js";
+import { b as ue } from "./index.es-Bo1Rhtyb-B650l9Yk.js";
+import { n as me } from "./Iconify-CUZc8WnW.js";
+import './assets/LoadingSpinner.css';const pe = "_loadingBigOverlay_7dxo1_1", he = "_bigLoadSpinnerCard_7dxo1_12", ge = "_bigLoadSpinnerCardText_7dxo1_27", fe = "_logo_7dxo1_33", L = {
+  loadingBigOverlay: pe,
+  bigLoadSpinnerCard: he,
+  bigLoadSpinnerCardText: ge,
+  logo: fe
+}, _e = ({ text: t }) => /* @__PURE__ */ K("div", { className: L.bigLoadSpinnerCard, role: "progressbar", "data-testid": "loading-spinner", children: [
+  /* @__PURE__ */ c(me, { icon: "hortiview", className: L.logo, "data-testid": "logo-icon" }),
+  /* @__PURE__ */ c(X, { tag: "p", bold: !0, level: 1, className: L.bigLoadSpinnerCardText, children: t })
+] }), ve = (t) => /* @__PURE__ */ c("div", { "data-testid": "big-loading-spinner", className: L.loadingBigOverlay, children: /* @__PURE__ */ c(_e, { ...t }) });
+var h = {
   INDETERMINATE_CLASS: "mdc-circular-progress--indeterminate",
   CLOSED_CLASS: "mdc-circular-progress--closed"
-}, d = {
+}, p = {
   ARIA_HIDDEN: "aria-hidden",
   ARIA_VALUENOW: "aria-valuenow",
   DETERMINATE_CIRCLE_SELECTOR: ".mdc-circular-progress__determinate-circle",
@@ -45,22 +45,22 @@ var p = {
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var T = (
+var q = (
   /** @class */
-  function(a) {
-    P(e, a);
+  function(t) {
+    J(e, t);
     function e(r) {
-      return a.call(this, W(W({}, e.defaultAdapter), r)) || this;
+      return t.call(this, $($({}, e.defaultAdapter), r)) || this;
     }
     return Object.defineProperty(e, "cssClasses", {
       get: function() {
-        return p;
+        return h;
       },
       enumerable: !1,
       configurable: !0
     }), Object.defineProperty(e, "strings", {
       get: function() {
-        return d;
+        return p;
       },
       enumerable: !1,
       configurable: !0
@@ -88,26 +88,26 @@ var T = (
       enumerable: !1,
       configurable: !0
     }), e.prototype.init = function() {
-      this.closed = this.adapter.hasClass(p.CLOSED_CLASS), this.determinate = !this.adapter.hasClass(p.INDETERMINATE_CLASS), this.progress = 0, this.determinate && this.adapter.setAttribute(d.ARIA_VALUENOW, this.progress.toString()), this.radius = Number(this.adapter.getDeterminateCircleAttribute(d.RADIUS));
+      this.closed = this.adapter.hasClass(h.CLOSED_CLASS), this.determinate = !this.adapter.hasClass(h.INDETERMINATE_CLASS), this.progress = 0, this.determinate && this.adapter.setAttribute(p.ARIA_VALUENOW, this.progress.toString()), this.radius = Number(this.adapter.getDeterminateCircleAttribute(p.RADIUS));
     }, e.prototype.setDeterminate = function(r) {
-      this.determinate = r, this.determinate ? (this.adapter.removeClass(p.INDETERMINATE_CLASS), this.setProgress(this.progress)) : (this.adapter.addClass(p.INDETERMINATE_CLASS), this.adapter.removeAttribute(d.ARIA_VALUENOW));
+      this.determinate = r, this.determinate ? (this.adapter.removeClass(h.INDETERMINATE_CLASS), this.setProgress(this.progress)) : (this.adapter.addClass(h.INDETERMINATE_CLASS), this.adapter.removeAttribute(p.ARIA_VALUENOW));
     }, e.prototype.isDeterminate = function() {
       return this.determinate;
     }, e.prototype.setProgress = function(r) {
       if (this.progress = r, this.determinate) {
-        var u = (1 - this.progress) * (2 * Math.PI * this.radius);
-        this.adapter.setDeterminateCircleAttribute(d.STROKE_DASHOFFSET, "" + u), this.adapter.setAttribute(d.ARIA_VALUENOW, this.progress.toString());
+        var l = (1 - this.progress) * (2 * Math.PI * this.radius);
+        this.adapter.setDeterminateCircleAttribute(p.STROKE_DASHOFFSET, "" + l), this.adapter.setAttribute(p.ARIA_VALUENOW, this.progress.toString());
       }
     }, e.prototype.getProgress = function() {
       return this.progress;
     }, e.prototype.open = function() {
-      this.closed = !1, this.adapter.removeClass(p.CLOSED_CLASS), this.adapter.removeAttribute(d.ARIA_HIDDEN);
+      this.closed = !1, this.adapter.removeClass(h.CLOSED_CLASS), this.adapter.removeAttribute(p.ARIA_HIDDEN);
     }, e.prototype.close = function() {
-      this.closed = !0, this.adapter.addClass(p.CLOSED_CLASS), this.adapter.setAttribute(d.ARIA_HIDDEN, "true");
+      this.closed = !0, this.adapter.addClass(h.CLOSED_CLASS), this.adapter.setAttribute(p.ARIA_HIDDEN, "true");
     }, e.prototype.isClosed = function() {
       return this.closed;
     }, e;
-  }(F)
+  }(te)
 );
 /**
  * @license
@@ -131,15 +131,15 @@ var T = (
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var ie = (
+var Ce = (
   /** @class */
-  function(a) {
-    P(e, a);
+  function(t) {
+    J(e, t);
     function e() {
-      return a !== null && a.apply(this, arguments) || this;
+      return t !== null && t.apply(this, arguments) || this;
     }
     return e.prototype.initialize = function() {
-      this.determinateCircle_ = this.root.querySelector(T.strings.DETERMINATE_CIRCLE_SELECTOR);
+      this.determinateCircle_ = this.root.querySelector(q.strings.DETERMINATE_CIRCLE_SELECTOR);
     }, e.attachTo = function(r) {
       return new e(r);
     }, Object.defineProperty(e.prototype, "determinate", {
@@ -178,64 +178,63 @@ var ie = (
     }, e.prototype.close = function() {
       this.foundation.close();
     }, e.prototype.getDefaultFoundation = function() {
-      var r = this, u = {
-        addClass: function(s) {
-          return r.root.classList.add(s);
+      var r = this, l = {
+        addClass: function(i) {
+          return r.root.classList.add(i);
         },
-        getDeterminateCircleAttribute: function(s) {
-          return r.determinateCircle_.getAttribute(s);
+        getDeterminateCircleAttribute: function(i) {
+          return r.determinateCircle_.getAttribute(i);
         },
-        hasClass: function(s) {
-          return r.root.classList.contains(s);
+        hasClass: function(i) {
+          return r.root.classList.contains(i);
         },
-        removeClass: function(s) {
-          return r.root.classList.remove(s);
+        removeClass: function(i) {
+          return r.root.classList.remove(i);
         },
-        removeAttribute: function(s) {
-          return r.root.removeAttribute(s);
+        removeAttribute: function(i) {
+          return r.root.removeAttribute(i);
         },
-        setAttribute: function(s, i) {
-          return r.root.setAttribute(s, i);
+        setAttribute: function(i, d) {
+          return r.root.setAttribute(i, d);
         },
-        setDeterminateCircleAttribute: function(s, i) {
-          return r.determinateCircle_.setAttribute(s, i);
+        setDeterminateCircleAttribute: function(i, d) {
+          return r.determinateCircle_.setAttribute(i, d);
         }
       };
-      return new T(u);
+      return new q(l);
     }, e;
-  }(H)
-);
-const oe = {
+  }(ae)
+), ye = {
   /**
    * Accessibility label.
    *
    * Defaults to **'Progress Indicator'**.
    */
-  ariaLabel: l.string,
+  ariaLabel: m.string,
   /**
    * The css class name to be passed through to the component markup.
    *
    * Defaults to **undefined**.
    */
-  className: l.string,
+  className: m.string,
   /**
    * The size of the progress indicator.
    *
    * Defaults to **'lg'**.
    */
-  indicatorSize: l.oneOf(["sm", "md", "lg"]),
+  indicatorSize: m.oneOf(["sm", "md", "lg"]),
   /**
    * Sets the visibility of the progress indicator.
    *
    * Defaults to **true**.
    */
-  open: l.bool,
+  open: m.bool,
   /**
    * The current progress of a determinate progress indicator. Must be between 0 and 1.
    *
    * Defaults to **0**.
    */
-  progress: l.number,
+  progress: m.number,
   /**
    * @deprecated _Renamed, see indicatorSize instead._
    *
@@ -243,47 +242,42 @@ const oe = {
    *
    * Defaults to **undefined**.
    */
-  size: U(l.oneOf(["sm", "md", "lg"]), "CircularProgress", "Renamed, see indicatorSize instead."),
+  size: ie(m.oneOf(["sm", "md", "lg"]), "CircularProgress", "Renamed, see indicatorSize instead."),
   /**
    * Color of the indicator stroke with 'primary' or 'secondary' theme color.
    *
    * Defaults to **'primary'**.
    */
-  themeColor: l.oneOf(["primary", "secondary", "primary-variant", "secondary-variant", "two-color", "two-color-variant"]),
+  themeColor: m.oneOf(["primary", "secondary", "primary-variant", "secondary-variant", "two-color", "two-color-variant", "on-primary", "on-secondary", "on-success", "on-danger", "on-unknown-dark", "on-unknown-light"]),
   /**
    * An indeterminate CircularProgress indicator will continue spinning until closed. A determinate CircularProgress indicator will display the current progress.
    *
    * Defaults to **'indeterminate'**.
    */
-  variant: l.oneOf(["determinate", "indeterminate"])
-}, ne = {
+  variant: m.oneOf(["determinate", "indeterminate"])
+}, Ae = {
   ariaLabel: "Progress Indicator",
   className: void 0,
   indicatorSize: "lg",
   open: !0,
   progress: 0,
-  size: void 0,
   themeColor: "primary",
   variant: "indeterminate"
-}, A = /* @__PURE__ */ q((a, e) => {
-  const {
-    ariaLabel: r,
-    className: u,
-    open: s,
-    progress: i,
-    size: y,
-    indicatorSize: b,
-    themeColor: m,
-    variant: h,
-    ...E
-  } = a, _ = O(), g = O();
-  G(e, () => _.current, []), k(() => (g.current = ie.attachTo(_.current), () => {
-    g.current.destroy();
-  }), []), k(() => {
-    (h === "determinate" && i < 0 || i > 1) && j("CircularProgress: `progress` must be between 0 and 1."), g.current.determinate = h === "determinate", g.current.progress = i;
-  }, [i, h]);
-  const $ = () => {
-    switch (b) {
+}, be = ["ariaLabel", "className", "open", "progress", "size", "indicatorSize", "themeColor", "variant"], g = Ae, W = /* @__PURE__ */ ne(function(t, e) {
+  var r, l = t.ariaLabel, i = l === void 0 ? g.ariaLabel : l, d = t.className, _ = d === void 0 ? g.className : d, v = t.open, A = v === void 0 ? g.open : v, b = t.progress, u = b === void 0 ? g.progress : b;
+  t.size;
+  var D = t.indicatorSize, I = D === void 0 ? g.indicatorSize : D, R = t.themeColor, E = R === void 0 ? g.themeColor : R, P = t.variant, S = P === void 0 ? g.variant : P, G = Z(t, be), O = V(), k = V();
+  ce(e, function() {
+    return O.current;
+  }, []), T(function() {
+    return k.current = Ce.attachTo(O.current), function() {
+      k.current.destroy();
+    };
+  }, []), T(function() {
+    (S === "determinate" && u < 0 || u > 1) && ee("CircularProgress: `progress` must be between 0 and 1."), k.current.determinate = S === "determinate", k.current.progress = u;
+  }, [u, S]);
+  var Q = function() {
+    switch (I) {
       case "xs":
         return {
           heightWidth: "16px",
@@ -357,154 +351,146 @@ const oe = {
           halfStrokeDashoffset: "56.549"
         };
     }
-  }, {
-    heightWidth: N,
-    viewBox: n,
-    cxCy: o,
-    r: f,
-    strokeWidth: v,
-    strokeWidth80: w,
-    strokeDashArray: C,
-    strokeDashoffset: z,
-    halfStrokeDashoffset: D
-  } = $(), S = Y(() => /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("div", {
-    className: "mdc-circular-progress__circle-clipper mdc-circular-progress__circle-left"
-  }, /* @__PURE__ */ t.createElement("svg", {
-    className: "mdc-circular-progress__indeterminate-circle-graphic",
-    viewBox: `0 0 ${n} ${n}`,
-    xmlns: "http://www.w3.org/2000/svg"
-  }, /* @__PURE__ */ t.createElement("circle", {
-    cx: o,
-    cy: o,
-    r: f,
-    strokeDasharray: C,
-    strokeDashoffset: D,
-    strokeWidth: v
-  }))), /* @__PURE__ */ t.createElement("div", {
-    className: "mdc-circular-progress__gap-patch"
-  }, /* @__PURE__ */ t.createElement("svg", {
-    className: "mdc-circular-progress__indeterminate-circle-graphic",
-    viewBox: `0 0 ${n} ${n}`,
-    xmlns: "http://www.w3.org/2000/svg"
-  }, /* @__PURE__ */ t.createElement("circle", {
-    cx: o,
-    cy: o,
-    r: f,
-    strokeDasharray: C,
-    strokeDashoffset: D,
-    strokeWidth: w
-  }))), /* @__PURE__ */ t.createElement("div", {
-    className: "mdc-circular-progress__circle-clipper mdc-circular-progress__circle-right"
-  }, /* @__PURE__ */ t.createElement("svg", {
-    className: "mdc-circular-progress__indeterminate-circle-graphic",
-    viewBox: `0 0 ${n} ${n}`,
-    xmlns: "http://www.w3.org/2000/svg"
-  }, /* @__PURE__ */ t.createElement("circle", {
-    cx: o,
-    cy: o,
-    r: f,
-    strokeDasharray: C,
-    strokeDashoffset: D,
-    strokeWidth: v
-  })))), [o, D, f, C, v, w, n]), L = m === "two-color" || m === "two-color-variant";
-  return /* @__PURE__ */ t.createElement("div", M({
-    ref: _,
-    className: I("lmnt", "mdc-circular-progress", h === "indeterminate" && "mdc-circular-progress--indeterminate", !s && "mdc-circular-progress--closed", m && `lmnt-circular-progress--${m}`, u),
+  }, o = Q(), z = o.heightWidth, n = o.viewBox, s = o.cxCy, f = o.r, C = o.strokeWidth, B = o.strokeWidth80, y = o.strokeDashArray, Y = o.strokeDashoffset, x = o.halfStrokeDashoffset, N = le(function() {
+    var M, F, H;
+    return /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("div", {
+      className: "mdc-circular-progress__circle-clipper mdc-circular-progress__circle-left"
+    }, /* @__PURE__ */ a.createElement("svg", {
+      className: "mdc-circular-progress__indeterminate-circle-graphic",
+      viewBox: w(M = "0 0 ".concat(n, " ")).call(M, n),
+      xmlns: "http://www.w3.org/2000/svg"
+    }, /* @__PURE__ */ a.createElement("circle", {
+      cx: s,
+      cy: s,
+      r: f,
+      strokeDasharray: y,
+      strokeDashoffset: x,
+      strokeWidth: C
+    }))), /* @__PURE__ */ a.createElement("div", {
+      className: "mdc-circular-progress__gap-patch"
+    }, /* @__PURE__ */ a.createElement("svg", {
+      className: "mdc-circular-progress__indeterminate-circle-graphic",
+      viewBox: w(F = "0 0 ".concat(n, " ")).call(F, n),
+      xmlns: "http://www.w3.org/2000/svg"
+    }, /* @__PURE__ */ a.createElement("circle", {
+      cx: s,
+      cy: s,
+      r: f,
+      strokeDasharray: y,
+      strokeDashoffset: x,
+      strokeWidth: B
+    }))), /* @__PURE__ */ a.createElement("div", {
+      className: "mdc-circular-progress__circle-clipper mdc-circular-progress__circle-right"
+    }, /* @__PURE__ */ a.createElement("svg", {
+      className: "mdc-circular-progress__indeterminate-circle-graphic",
+      viewBox: w(H = "0 0 ".concat(n, " ")).call(H, n),
+      xmlns: "http://www.w3.org/2000/svg"
+    }, /* @__PURE__ */ a.createElement("circle", {
+      cx: s,
+      cy: s,
+      r: f,
+      strokeDasharray: y,
+      strokeDashoffset: x,
+      strokeWidth: C
+    }))));
+  }, [s, x, f, y, C, B, n]), j = E === "two-color" || E === "two-color-variant";
+  return /* @__PURE__ */ a.createElement("div", re({
+    ref: O,
+    className: U("lmnt", "mdc-circular-progress", S === "indeterminate" && "mdc-circular-progress--indeterminate", !A && "mdc-circular-progress--closed", E && "lmnt-circular-progress--".concat(E), _),
     style: {
-      width: N,
-      height: N
+      width: z,
+      height: z
     },
     role: "progressbar",
-    "aria-label": r,
+    "aria-label": i,
     "aria-valuemin": "0",
     "aria-valuemax": "1",
-    "aria-valuenow": i
-  }, E), /* @__PURE__ */ t.createElement("div", {
+    "aria-valuenow": u
+  }, G), /* @__PURE__ */ a.createElement("div", {
     className: "mdc-circular-progress__determinate-container"
-  }, /* @__PURE__ */ t.createElement("svg", {
+  }, /* @__PURE__ */ a.createElement("svg", {
     className: "mdc-circular-progress__determinate-circle-graphic",
-    viewBox: `0 0 ${n} ${n}`,
+    viewBox: w(r = "0 0 ".concat(n, " ")).call(r, n),
     xmlns: "http://www.w3.org/2000/svg"
-  }, /* @__PURE__ */ t.createElement("circle", {
+  }, /* @__PURE__ */ a.createElement("circle", {
     className: "mdc-circular-progress__determinate-track",
-    cx: o,
-    cy: o,
+    cx: s,
+    cy: s,
     r: f,
-    strokeWidth: v
-  }), /* @__PURE__ */ t.createElement("circle", {
+    strokeWidth: C
+  }), /* @__PURE__ */ a.createElement("circle", {
     className: "mdc-circular-progress__determinate-circle",
-    cx: o,
-    cy: o,
+    cx: s,
+    cy: s,
     r: f,
-    strokeDasharray: C,
-    strokeDashoffset: z,
-    strokeWidth: v
-  }))), /* @__PURE__ */ t.createElement("div", {
+    strokeDasharray: y,
+    strokeDashoffset: Y,
+    strokeWidth: C
+  }))), /* @__PURE__ */ a.createElement("div", {
     className: "mdc-circular-progress__indeterminate-container"
-  }, /* @__PURE__ */ t.createElement("div", {
-    className: I("mdc-circular-progress__spinner-layer", L && "mdc-circular-progress__color-1")
-  }, S()), L && /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("div", {
+  }, /* @__PURE__ */ a.createElement("div", {
+    className: U("mdc-circular-progress__spinner-layer", j && "mdc-circular-progress__color-1")
+  }, N()), j && /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("div", {
     className: "mdc-circular-progress__spinner-layer mdc-circular-progress__color-2"
-  }, S()), /* @__PURE__ */ t.createElement("div", {
+  }, N()), /* @__PURE__ */ a.createElement("div", {
     className: "mdc-circular-progress__spinner-layer mdc-circular-progress__color-3"
-  }, S()), /* @__PURE__ */ t.createElement("div", {
+  }, N()), /* @__PURE__ */ a.createElement("div", {
     className: "mdc-circular-progress__spinner-layer mdc-circular-progress__color-4"
-  }, S()))));
+  }, N()))));
 });
-A.displayName = "CircularProgress";
-A.propTypes = oe;
-A.defaultProps = ne;
-const ce = "_loadingSpinnerContainer_1f3ss_1", le = {
-  loadingSpinnerContainer: ce
-}, fe = ({
-  size: a,
+W.displayName = "CircularProgress";
+W.propTypes = ye;
+const De = "_loadingSpinnerContainer_1f3ss_1", Ee = {
+  loadingSpinnerContainer: De
+}, We = ({
+  size: t,
   center: e = !1,
   text: r,
-  textPosition: u = "bottom",
-  color: s = "primary",
-  spinnerOnly: i = !1,
+  textPosition: l = "bottom",
+  color: i = "primary",
+  spinnerOnly: d = !1,
   //Due to we don't have (and want) to use a translation logic in this component, we are using a hardcoded message
-  impatienceMessage: y = "This is taking longer than expected. Please be patient.",
-  impatienceTimeout: b = 10
+  impatienceMessage: _ = "This is taking longer than expected. Please be patient.",
+  impatienceTimeout: v = 10
 }) => {
-  const [m, h] = V(0);
-  k(() => {
-    const _ = setInterval(() => {
-      h((g) => g + 1);
+  const [A, b] = se(0);
+  T(() => {
+    const D = setInterval(() => {
+      b((I) => I + 1);
     }, 1e3);
-    return () => clearInterval(_);
+    return () => clearInterval(D);
   }, []);
-  const E = K(() => y && m > b ? y : r, [y, b, r, m]);
-  return a === "big" ? /* @__PURE__ */ c(ae, { text: E }) : i ? /* @__PURE__ */ c(
-    A,
+  const u = oe(() => _ && A > v ? _ : r, [_, v, r, A]);
+  return t === "big" ? /* @__PURE__ */ c(ve, { text: u }) : d ? /* @__PURE__ */ c(
+    W,
     {
       "data-testid": "loading-spinner",
-      themeColor: s,
-      indicatorSize: a ?? "md"
+      themeColor: i,
+      indicatorSize: t ?? "md"
     }
   ) : /* @__PURE__ */ c(
-    J,
+    ue,
     {
       variant: "standard",
       style: { textAlign: "center" },
-      className: e ? le.loadingSpinnerContainer : "",
-      children: /* @__PURE__ */ R(
-        Z,
+      className: e ? Ee.loadingSpinnerContainer : "",
+      children: /* @__PURE__ */ K(
+        de,
         {
-          direction: u === "right" ? "horizontal" : "vertical",
+          direction: l === "right" ? "horizontal" : "vertical",
           gap: "dense",
           primaryAlign: "center",
           secondaryAlign: "center",
           children: [
             /* @__PURE__ */ c(
-              A,
+              W,
               {
                 "data-testid": "loading-spinner",
-                themeColor: s,
-                indicatorSize: a ?? "lg"
+                themeColor: i,
+                indicatorSize: t ?? "lg"
               }
             ),
-            /* @__PURE__ */ c(B, { themeColor: `text-${s}-on-background`, tag: "div", "data-testid": "loading-text", children: E })
+            /* @__PURE__ */ c(X, { themeColor: `text-${i}-on-background`, tag: "div", "data-testid": "loading-text", children: u })
           ]
         }
       )
@@ -512,5 +498,5 @@ const ce = "_loadingSpinnerContainer_1f3ss_1", le = {
   );
 };
 export {
-  fe as p
+  We as N
 };

package/dist/OfflineView-DHtzNLwt-BmxTfGZq.js

@@ -0,0 +1,46 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { O as o, N as m, I as h, D as v } from "./index.es-BGordhUK-C36NK84Q.js";
+import { n as p } from "./Iconify-CUZc8WnW.js";
+import { d as x } from "./index.es-0QJC9VS2-CNPew9LK.js";
+import './assets/OfflineView-DHtzNLwt.css';const A = "_gapAndTextAlign_10nts_1", y = "_container_10nts_6", W = "_bgWhite_10nts_12", N = "_bgGrey_10nts_17", T = "_subtitle_10nts_22", t = {
+  gapAndTextAlign: A,
+  container: y,
+  bgWhite: W,
+  bgGrey: N,
+  subtitle: T
+}, w = ({
+  title: i = "You’re currently offline",
+  subtitle: n = "This feature is unavailable until you reconnect",
+  icon: s = "cloud_off",
+  size: c = "large",
+  variant: d = "basic",
+  "data-testid": u = "offline-view-container",
+  buttonLabel: l,
+  fullWidth: g = !1,
+  className: b,
+  onClick: f
+}) => {
+  const a = c === "large", _ = d === "filled";
+  return /* @__PURE__ */ r(
+    o,
+    {
+      className: `${b} ${t.container} ${_ ? t.bgGrey : t.bgWhite}`,
+      gap: "standard",
+      direction: "vertical",
+      "data-testid": u,
+      secondaryAlign: "center",
+      fullWidth: g,
+      children: [
+        /* @__PURE__ */ r(o, { direction: "vertical", secondaryAlign: "center", className: t.gapAndTextAlign, children: [
+          /* @__PURE__ */ e(p, { icon: s, iconSize: a ? "xlarge" : "medium" }),
+          a ? /* @__PURE__ */ e(m, { level: 6, children: i }) : /* @__PURE__ */ e(h, { level: 1, bold: !0, children: i })
+        ] }),
+        n && /* @__PURE__ */ e(v, { className: t.subtitle, level: 2, children: n }),
+        l && /* @__PURE__ */ e(x, { "data-testid": "offline-view-action-button", label: l, onClick: f })
+      ]
+    }
+  );
+};
+export {
+  w as j
+};

package/dist/assets/InfoCard.css

@@ -0,0 +1 @@
+._database_x7426_1{color:var(--lmnt-theme-secondary);animation:_spin_x7426_1 4s linear infinite}@keyframes _spin_x7426_1{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}._done_x7426_16{color:var(--lmnt-theme-success)}._iot_x7426_20,._platform_x7426_21,._other_x7426_22{color:var(--lmnt-theme-danger)}._crossedOut_x7426_26{position:relative;display:inline-block}._crossedOut_x7426_26:after{content:"";position:absolute;width:3rem;height:.25rem;left:50%;top:50%;background:var(--lmnt-theme-danger-on-surface);box-shadow:0 0 0 .125rem var(--lmnt-theme-background);transform:translate(-50%,calc(-50% - .25rem)) rotate(45deg);transform-origin:center;z-index:2}._fullHeight_x7426_45{height:100%}._centerText_x7426_49{text-align:center}

package/dist/assets/OfflineView-DHtzNLwt.css

@@ -0,0 +1 @@
+._gapAndTextAlign_10nts_1{gap:.125rem!important;text-align:center}._container_10nts_6{border-radius:.5rem;padding:2.5rem 2rem;width:auto}._bgWhite_10nts_12{background:var(--lmnt-theme-surface);color:var(--lmnt-theme-on-surface-active)}._bgGrey_10nts_17{background:var(--lmnt-theme-surface-variant);color:var(--lmnt-theme-on-surface-active)}._subtitle_10nts_22{color:var(--on-colors-on-surface-inactive-medium, #000000BA);font-weight:500;text-align:center}

package/dist/{component-DsB0poTj-BDGiEcbP.js → component-DsB0poTj-CeLHB9Ok.js}

@@ -1,4 +1,4 @@
-import { h as T, f as E, p as v, a as S } from "./useTranslation-B_ODv8uN.js";
+import { g as T, j as v, k as E, i as S } from "./useTranslation-CVaIJbcK.js";
 /**
  * @license
  * Copyright 2018 Google Inc.
@@ -447,7 +447,7 @@ var b = [
         top: Math.round(this.frame_.height / 2 - this.initialSize_ / 2)
       }, this.adapter.updateCssVariable(a, this.unboundedCoords_.left + "px"), this.adapter.updateCssVariable(r, this.unboundedCoords_.top + "px"));
     }, i;
-  }(S)
+  }(E)
 );
 /**
  * @license
@@ -557,7 +557,7 @@ var N = (
     }, i.prototype.setUnbounded_ = function() {
       this.foundation.setUnbounded(!!this.unbounded_);
     }, i;
-  }(E)
+  }(S)
 );
 export {
   R as D,