@commercelayer/app-elements 0.0.62 → 0.0.64

package/dist/main.js

@@ -1,4 +1,4 @@
-import { ag as o, aS as n, ah as i, ai as l, aj as u, ak as b, al as g, am as d, an as p, aT as m, ao as c, aU as S, ap as T, a9 as I, aM as D, aN as k, aO as y, aq as C, ac as P, ar as h, as as B, at as R, au as A, a$ as v, b0 as O, b1 as L, b2 as f, b4 as F, b5 as x, b6 as N, b7 as w, b8 as M, b9 as V, ba as E, bb as G, bc as H, bi as J, bj as j, bk as q, bl as z, bm as Q, av as U, bp as W, bq as X, br as Y, bs as Z, bt as $, bu as K, ad as _, bv as aa, bw as ea, aw as sa, aV as ta, ax as ra, aW as oa, aX as na, ay as ia, az as la, aA as ua, bn as ba, bx as ga, aY as da, by as pa, bz as ma, aZ as ca, bA as Sa, aB as Ta, aC as Ia, aD as Da, aF as ka, aG as ya, aH as Ca, aI as Pa, bB as ha, bC as Ba, aJ as Ra, aK as Aa, aP as va, aL as Oa, aQ as La, a_ as fa, bo as Fa, ae as xa, aR as Na, W as wa, V as Ma, bd as Va, b3 as Ea, R as Ga, X as Ha, Y as Ja, Z as ja, be as qa, S as za, T as Qa, bD as Ua, bE as Wa, bF as Xa, bG as Ya, bH as Za, bI as $a, $ as Ka, a0 as _a, a1 as ae, a2 as ee, M as se, a3 as te, a4 as re, O as oe, bf as ne, bg as ie, bh as le, N as ue, Q as be, U as ge, a5 as de, aa as pe, ab as me, a6 as ce, a7 as Se, a8 as Te, af as Ie, aE as De } from "./main-20708d88.js";
+import { ag as o, aS as n, ah as i, ai as l, aj as u, ak as b, al as g, am as d, an as p, aT as m, ao as c, aU as S, ap as T, a9 as I, aM as D, aN as k, aO as y, aq as C, ac as P, ar as h, as as B, at as R, au as A, a$ as v, b0 as O, b1 as L, b2 as f, b4 as F, b5 as x, b6 as N, b7 as w, b8 as M, b9 as V, ba as E, bb as G, bc as H, bi as J, bj as j, bk as q, bl as z, bm as Q, av as U, bp as W, bq as X, br as Y, bs as Z, bt as $, bu as K, ad as _, bv as aa, bw as ea, aw as sa, aV as ta, ax as ra, aW as oa, aX as na, ay as ia, az as la, aA as ua, bn as ba, bx as ga, aY as da, by as pa, bz as ma, aZ as ca, bA as Sa, aB as Ta, aC as Ia, aD as Da, aF as ka, aG as ya, aH as Ca, aI as Pa, bB as ha, bC as Ba, aJ as Ra, aK as Aa, aP as va, aL as Oa, aQ as La, a_ as fa, bo as Fa, ae as xa, aR as Na, W as wa, V as Ma, bd as Va, b3 as Ea, R as Ga, X as Ha, Y as Ja, Z as ja, be as qa, S as za, T as Qa, bD as Ua, bE as Wa, bF as Xa, bG as Ya, bH as Za, bI as $a, $ as Ka, a0 as _a, a1 as ae, a2 as ee, M as se, a3 as te, a4 as re, O as oe, bf as ne, bg as ie, bh as le, N as ue, Q as be, U as ge, a5 as de, aa as pe, ab as me, a6 as ce, a7 as Se, a8 as Te, af as Ie, aE as De } from "./main-3a7d5b89.js";
 import "react";
 import "react-dom";
 import "@commercelayer/sdk";

package/dist/{overrides-7d4dd01a.js → overrides-29a940c6.js}

@@ -1,7 +1,7 @@
-import { d as Se, g as gr, _ as In, a as br, b as pr, c as fr, f as mr } from "./unsupportedIterableToArray-7a1e16b1.js";
+import { d as Se, g as gr, _ as In, a as br, b as pr, c as fr, f as mr } from "./unsupportedIterableToArray-15d32bef.js";
 import * as B from "react";
-import { useLayoutEffect as vn, forwardRef as Ir, useContext as Te, createElement as me, Fragment as Be, createContext as Ct, useRef as oe, useState as Ie, useMemo as Ce, useCallback as Y, Component as vr, useEffect as hn } from "react";
-import { _ as hr, H as se, K as Cn } from "./main-20708d88.js";
+import { useLayoutEffect as vn, forwardRef as Ir, useContext as Te, createElement as me, Fragment as Be, createContext as Ct, useRef as se, useState as Ie, useMemo as Ce, useCallback as Y, Component as vr, useEffect as hn } from "react";
+import { _ as hr, H as te, K as Cn } from "./main-3a7d5b89.js";
 import { createPortal as Cr } from "react-dom";
 function V() {
   return V = Object.assign ? Object.assign.bind() : function(t) {
@@ -116,7 +116,7 @@ function O(t, e) {
 function Ne(t, e, r) {
   return t.slice(e, r);
 }
-function ue(t) {
+function oe(t) {
   return t.length;
 }
 function Et(t) {
@@ -186,7 +186,7 @@ function we(t) {
   return 0;
 }
 function Gn(t) {
-  return tt = xe = 1, En = ue(Ee = t), J = 0, [];
+  return tt = xe = 1, En = oe(Ee = t), J = 0, [];
 }
 function Fn(t) {
   return Ee = "", t;
@@ -269,7 +269,7 @@ function Je(t, e, r, i, n, a, o, u, s) {
         }
         break;
       case 123 * m:
-        u[c++] = ue(E) * f;
+        u[c++] = oe(E) * f;
       case 125 * m:
       case 59:
       case 0:
@@ -278,7 +278,7 @@ function Je(t, e, r, i, n, a, o, u, s) {
           case 125:
             I = 0;
           case 59 + l:
-            v > 0 && ue(E) - d && De(v > 32 ? Xt(E + ";", i, r, d - 1) : Xt(W(E, " ", "") + ";", i, r, d - 2), s);
+            v > 0 && oe(E) - d && De(v > 32 ? Xt(E + ";", i, r, d - 1) : Xt(W(E, " ", "") + ";", i, r, d - 2), s);
             break;
           case 59:
             E += ";";
@@ -300,7 +300,7 @@ function Je(t, e, r, i, n, a, o, u, s) {
         c = l = v = 0, m = f = 1, h = E = "", d = o;
         break;
       case 58:
-        d = 1 + ue(E), v = p;
+        d = 1 + oe(E), v = p;
       default:
         if (m < 1) {
           if (A == 123)
@@ -313,13 +313,13 @@ function Je(t, e, r, i, n, a, o, u, s) {
             f = l > 0 ? 1 : (E += "\f", -1);
             break;
           case 44:
-            u[c++] = (ue(E) - 1) * f, f = 1;
+            u[c++] = (oe(E) - 1) * f, f = 1;
             break;
           case 64:
-            le() === 45 && (E += ze(Q())), g = le(), l = d = ue(h = E += Dr(Ye())), A++;
+            le() === 45 && (E += ze(Q())), g = le(), l = d = oe(h = E += Dr(Ye())), A++;
             break;
           case 45:
-            p === 45 && ue(E) == 2 && (m = 0);
+            p === 45 && oe(E) == 2 && (m = 0);
         }
     }
   return a;
@@ -353,7 +353,7 @@ function Hr(t, e, r, i) {
     case yt:
       t.value = t.props.join(",");
   }
-  return ue(r = Ae(t.children, i)) ? t.return = t.value + "{" + r + "}" : "";
+  return oe(r = Ae(t.children, i)) ? t.return = t.value + "{" + r + "}" : "";
 }
 function Mr(t) {
   var e = Et(t);
@@ -538,7 +538,7 @@ function Sn(t, e) {
     case 5789:
     case 5021:
     case 4765:
-      if (ue(t) - 1 - e > 6)
+      if (oe(t) - 1 - e > 6)
         switch (O(t, e + 1)) {
           case 109:
             if (O(t, e + 4) !== 45)
@@ -553,7 +553,7 @@ function Sn(t, e) {
       if (O(t, e + 1) !== 115)
         break;
     case 6444:
-      switch (O(t, ue(t) - 3 - (~pt(t, "!important") && 10))) {
+      switch (O(t, oe(t) - 3 - (~pt(t, "!important") && 10))) {
         case 107:
           return W(t, ":", ":" + N) + t;
         case 101:
@@ -794,10 +794,10 @@ function ai() {
       }
     }
     var b = s, y = c, E = u, S = o, T = e, z = l, _ = i, H = p, $ = v, X = r, P = a, j = n, K = d, U = !1;
-    function re(x) {
-      return U || (U = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), te(x) || C(x) === s;
+    function ie(x) {
+      return U || (U = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), ne(x) || C(x) === s;
     }
-    function te(x) {
+    function ne(x) {
       return C(x) === c;
     }
     function de(x) {
@@ -809,10 +809,10 @@ function ai() {
     function M(x) {
       return typeof x == "object" && x !== null && x.$$typeof === e;
     }
-    function ie(x) {
+    function ae(x) {
       return C(x) === l;
     }
-    function ae(x) {
+    function ue(x) {
       return C(x) === i;
     }
     function q(x) {
@@ -833,7 +833,7 @@ function ai() {
     function Xe(x) {
       return C(x) === d;
     }
-    R.AsyncMode = b, R.ConcurrentMode = y, R.ContextConsumer = E, R.ContextProvider = S, R.Element = T, R.ForwardRef = z, R.Fragment = _, R.Lazy = H, R.Memo = $, R.Portal = X, R.Profiler = P, R.StrictMode = j, R.Suspense = K, R.isAsyncMode = re, R.isConcurrentMode = te, R.isContextConsumer = de, R.isContextProvider = L, R.isElement = M, R.isForwardRef = ie, R.isFragment = ae, R.isLazy = q, R.isMemo = ee, R.isPortal = pe, R.isProfiler = ve, R.isStrictMode = ut, R.isSuspense = Xe, R.isValidElementType = h, R.typeOf = C;
+    R.AsyncMode = b, R.ConcurrentMode = y, R.ContextConsumer = E, R.ContextProvider = S, R.Element = T, R.ForwardRef = z, R.Fragment = _, R.Lazy = H, R.Memo = $, R.Portal = X, R.Profiler = P, R.StrictMode = j, R.Suspense = K, R.isAsyncMode = ie, R.isConcurrentMode = ne, R.isContextConsumer = de, R.isContextProvider = L, R.isElement = M, R.isForwardRef = ae, R.isFragment = ue, R.isLazy = q, R.isMemo = ee, R.isPortal = pe, R.isProfiler = ve, R.isStrictMode = ut, R.isSuspense = Xe, R.isValidElementType = h, R.typeOf = C;
   }()), R;
 }
 var Ht;
@@ -966,10 +966,10 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
     case "animationName":
       if (typeof r == "string")
         return r.replace(Rn, function(i, n, a) {
-          return ne = {
+          return re = {
             name: n,
             styles: a,
-            next: ne
+            next: re
           }, n;
         });
   }
@@ -1000,19 +1000,19 @@ function Re(t, e, r) {
       return "";
     case "object": {
       if (r.anim === 1)
-        return ne = {
+        return re = {
           name: r.name,
           styles: r.styles,
-          next: ne
+          next: re
         }, r.name;
       if (r.styles !== void 0) {
         var i = r.next;
         if (i !== void 0)
           for (; i !== void 0; )
-            ne = {
+            re = {
               name: i.name,
               styles: i.styles,
-              next: ne
+              next: re
             }, i = i.next;
         var n = r.styles + ";";
         return process.env.NODE_ENV !== "production" && r.map !== void 0 && (n += r.map), n;
@@ -1021,8 +1021,8 @@ function Re(t, e, r) {
     }
     case "function": {
       if (t !== void 0) {
-        var a = ne, o = r(t);
-        return ne = a, Re(t, e, o);
+        var a = re, o = r(t);
+        return re = a, Re(t, e, o);
       } else
         process.env.NODE_ENV !== "production" && console.error("Functions that are interpolated in css calls will be stringified.\nIf you want to have a css call based on props, create a function that returns a css call like this\nlet dynamicStyle = (props) => css`color: ${props.color}`\nIt can be called directly with props or interpolated in a styled call like this\nlet SomeComponent = styled('div')`${dynamicStyle}`");
       break;
@@ -1081,11 +1081,11 @@ function Ci(t, e, r) {
 }
 var zt = /label:\s*([^\s;\n{]+)\s*(;|$)/g, Tn;
 process.env.NODE_ENV !== "production" && (Tn = /\/\*#\ssourceMappingURL=data:application\/json;\S+\s+\*\//g);
-var ne, We = function(e, r, i) {
+var re, We = function(e, r, i) {
   if (e.length === 1 && typeof e[0] == "object" && e[0] !== null && e[0].styles !== void 0)
     return e[0];
   var n = !0, a = "";
-  ne = void 0;
+  re = void 0;
   var o = e[0];
   o == null || o.raw === void 0 ? (n = !1, a += Re(i, r, o)) : (process.env.NODE_ENV !== "production" && o[0] === void 0 && console.error(Mt), a += o[0]);
   for (var u = 1; u < e.length; u++)
@@ -1102,14 +1102,14 @@ var ne, We = function(e, r, i) {
     name: d,
     styles: a,
     map: s,
-    next: ne,
+    next: re,
     toString: function() {
       return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
     }
   } : {
     name: d,
     styles: a,
-    next: ne
+    next: re
   };
 }, Ai = function(e) {
   return e();
@@ -1323,7 +1323,7 @@ var Si = {
   // means it will be turned into a className prop
   // $FlowFixMe I don't really want to add it to the type since it shouldn't be used
   (t.className || t.css) && (console.error("It looks like you're using the css prop on Global, did you mean to use the styles prop instead?"), Ut = !0);
-  var r = t.styles, i = We([r], void 0, Te(rt)), n = oe();
+  var r = t.styles, i = We([r], void 0, Te(rt)), n = se();
   return Jt(function() {
     var a = e.key + "-global", o = new e.sheet.constructor({
       key: a,
@@ -1841,7 +1841,7 @@ var Un = function(e) {
     marginTop: u.menuGutter
   });
 }, Qn = /* @__PURE__ */ Ct(null), pa = function(e) {
-  var r = e.children, i = e.minMenuHeight, n = e.maxMenuHeight, a = e.menuPlacement, o = e.menuPosition, u = e.menuShouldScrollIntoView, s = e.theme, c = Te(Qn) || {}, l = c.setPortalPlacement, d = oe(null), g = Ie(n), v = ge(g, 2), p = v[0], m = v[1], I = Ie(null), f = ge(I, 2), A = f[0], h = f[1], C = s.spacing.controlHeight;
+  var r = e.children, i = e.minMenuHeight, n = e.maxMenuHeight, a = e.menuPlacement, o = e.menuPosition, u = e.menuShouldScrollIntoView, s = e.theme, c = Te(Qn) || {}, l = c.setPortalPlacement, d = se(null), g = Ie(n), v = ge(g, 2), p = v[0], m = v[1], I = Ie(null), f = ge(I, 2), A = f[0], h = f[1], C = s.spacing.controlHeight;
   return vt(function() {
     var b = d.current;
     if (b) {
@@ -1926,7 +1926,7 @@ var Un = function(e) {
     zIndex: 1
   };
 }, Ea = function(e) {
-  var r = e.appendTo, i = e.children, n = e.controlElement, a = e.innerProps, o = e.menuPlacement, u = e.menuPosition, s = oe(null), c = oe(null), l = Ie(Un(o)), d = ge(l, 2), g = d[0], v = d[1], p = Ce(function() {
+  var r = e.appendTo, i = e.children, n = e.controlElement, a = e.innerProps, o = e.menuPlacement, u = e.menuPosition, s = se(null), c = se(null), l = Ie(Un(o)), d = ge(l, 2), g = d[0], v = d[1], p = Ce(function() {
     return {
       setPortalPlacement: v
     };
@@ -2536,16 +2536,16 @@ var Vu = process.env.NODE_ENV === "production" ? {
   }, [l]), E = Ce(function() {
     var X = "";
     if (r && y.onChange) {
-      var P = r.option, j = r.options, K = r.removedValue, U = r.removedValues, re = r.value, te = function(ee) {
+      var P = r.option, j = r.options, K = r.removedValue, U = r.removedValues, ie = r.value, ne = function(ee) {
         return Array.isArray(ee) ? null : ee;
-      }, de = K || P || te(re), L = de ? d(de) : "", M = j || U || void 0, ie = M ? M.map(d) : [], ae = G({
+      }, de = K || P || ne(ie), L = de ? d(de) : "", M = j || U || void 0, ae = M ? M.map(d) : [], ue = G({
         // multiSelected items are usually items that have already been selected
         // or set by the user as a default value so we assume they are not disabled
         isDisabled: de && p(de, u),
         label: L,
-        labels: ie
+        labels: ae
       }, r);
-      X = y.onChange(ae);
+      X = y.onChange(ue);
     }
     return X;
   }, [r, y, p, u, d]), S = Ce(function() {
@@ -2913,7 +2913,7 @@ var Du = function(e) {
   e.preventDefault(), e.stopPropagation();
 };
 function Lu(t) {
-  var e = t.isEnabled, r = t.onBottomArrive, i = t.onBottomLeave, n = t.onTopArrive, a = t.onTopLeave, o = oe(!1), u = oe(!1), s = oe(0), c = oe(null), l = Y(function(I, f) {
+  var e = t.isEnabled, r = t.onBottomArrive, i = t.onBottomLeave, n = t.onTopArrive, a = t.onTopLeave, o = se(!1), u = se(!1), s = se(0), c = se(null), l = Y(function(I, f) {
     if (c.current !== null) {
       var A = c.current, h = A.scrollTop, C = A.scrollHeight, b = A.clientHeight, y = c.current, E = f > 0, S = C - b - h, T = !1;
       S > f && o.current && (i && i(I), o.current = !1), E && u.current && (a && a(I), u.current = !1), E && f > S ? (r && !o.current && r(I), y.scrollTop = C, T = !0, o.current = !0) : !E && -f > h && (n && !u.current && n(I), y.scrollTop = 0, T = !0, u.current = !0), T && Du(I);
@@ -2971,7 +2971,7 @@ var pn = !!(typeof window < "u" && window.document && window.document.createElem
   passive: !1
 };
 function Ou(t) {
-  var e = t.isEnabled, r = t.accountForScrollbars, i = r === void 0 ? !0 : r, n = oe({}), a = oe(null), o = Y(function(s) {
+  var e = t.isEnabled, r = t.accountForScrollbars, i = r === void 0 ? !0 : r, n = se({}), a = se(null), o = Y(function(s) {
     if (pn) {
       var c = document.body, l = c && c.style;
       if (i && sn.forEach(function(p) {
@@ -3940,12 +3940,12 @@ var dr = function(e) {
       var n = this, a = this.getComponents(), o = a.Group, u = a.GroupHeading, s = a.Menu, c = a.MenuList, l = a.MenuPortal, d = a.LoadingMessage, g = a.NoOptionsMessage, v = a.Option, p = this.commonProps, m = this.state.focusedOption, I = this.props, f = I.captureMenuScroll, A = I.inputValue, h = I.isLoading, C = I.loadingMessage, b = I.minMenuHeight, y = I.maxMenuHeight, E = I.menuIsOpen, S = I.menuPlacement, T = I.menuPosition, z = I.menuPortalTarget, _ = I.menuShouldBlockScroll, H = I.menuShouldScrollIntoView, $ = I.noOptionsMessage, X = I.onMenuScrollToTop, P = I.onMenuScrollToBottom;
       if (!E)
         return null;
-      var j = function(M, ie) {
-        var ae = M.type, q = M.data, ee = M.isDisabled, pe = M.isSelected, ve = M.label, ut = M.value, Xe = m === q, x = ee ? void 0 : function() {
+      var j = function(M, ae) {
+        var ue = M.type, q = M.data, ee = M.isDisabled, pe = M.isSelected, ve = M.label, ut = M.value, Xe = m === q, x = ee ? void 0 : function() {
           return n.onOptionHover(q);
         }, Ge = ee ? void 0 : function() {
           return n.selectOption(q);
-        }, fe = "".concat(n.getElementId("option"), "-").concat(ie), Pe = {
+        }, fe = "".concat(n.getElementId("option"), "-").concat(ae), Pe = {
           id: fe,
           onClick: Ge,
           onMouseMove: x,
@@ -3959,7 +3959,7 @@ var dr = function(e) {
           isSelected: pe,
           key: fe,
           label: ve,
-          type: ae,
+          type: ue,
           value: ut,
           isFocused: Xe,
           innerRef: Xe ? n.getFocusedOptionRef : void 0
@@ -3968,11 +3968,11 @@ var dr = function(e) {
       if (this.hasOptions())
         K = this.getCategorizedOptions().map(function(L) {
           if (L.type === "group") {
-            var M = L.data, ie = L.options, ae = L.index, q = "".concat(n.getElementId("group"), "-").concat(ae), ee = "".concat(q, "-heading");
+            var M = L.data, ae = L.options, ue = L.index, q = "".concat(n.getElementId("group"), "-").concat(ue), ee = "".concat(q, "-heading");
             return /* @__PURE__ */ B.createElement(o, V({}, p, {
               key: q,
               data: M,
-              options: ie,
+              options: ae,
               Heading: u,
               headingProps: {
                 id: ee,
@@ -3980,7 +3980,7 @@ var dr = function(e) {
               },
               label: n.formatGroupLabel(L.data)
             }), L.options.map(function(pe) {
-              return j(pe, "".concat(ae, "-").concat(pe.index));
+              return j(pe, "".concat(ue, "-").concat(pe.index));
             }));
           } else if (L.type === "option")
             return j(L, "".concat(L.index));
@@ -3993,22 +3993,22 @@ var dr = function(e) {
           return null;
         K = /* @__PURE__ */ B.createElement(d, p, U);
       } else {
-        var re = $({
+        var ie = $({
           inputValue: A
         });
-        if (re === null)
+        if (ie === null)
           return null;
-        K = /* @__PURE__ */ B.createElement(g, p, re);
+        K = /* @__PURE__ */ B.createElement(g, p, ie);
       }
-      var te = {
+      var ne = {
         minMenuHeight: b,
         maxMenuHeight: y,
         menuPlacement: S,
         menuPosition: T,
         menuShouldScrollIntoView: H
-      }, de = /* @__PURE__ */ B.createElement(pa, V({}, p, te), function(L) {
-        var M = L.ref, ie = L.placerProps, ae = ie.placement, q = ie.maxHeight;
-        return /* @__PURE__ */ B.createElement(s, V({}, p, te, {
+      }, de = /* @__PURE__ */ B.createElement(pa, V({}, p, ne), function(L) {
+        var M = L.ref, ae = L.placerProps, ue = ae.placement, q = ae.maxHeight;
+        return /* @__PURE__ */ B.createElement(s, V({}, p, ne, {
           innerRef: M,
           innerProps: {
             onMouseDown: n.onMenuMouseDown,
@@ -4016,7 +4016,7 @@ var dr = function(e) {
             id: n.getElementId("listbox")
           },
           isLoading: h,
-          placement: ae
+          placement: ue
         }), /* @__PURE__ */ B.createElement(Yu, {
           captureEnabled: f,
           onTopArrive: X,
@@ -4157,11 +4157,11 @@ var dr = function(e) {
 lo.defaultProps = ao;
 var go = ["defaultInputValue", "defaultMenuIsOpen", "defaultValue", "inputValue", "menuIsOpen", "onChange", "onInputChange", "onMenuClose", "onMenuOpen", "value"];
 function Ao(t) {
-  var e = t.defaultInputValue, r = e === void 0 ? "" : e, i = t.defaultMenuIsOpen, n = i === void 0 ? !1 : i, a = t.defaultValue, o = a === void 0 ? null : a, u = t.inputValue, s = t.menuIsOpen, c = t.onChange, l = t.onInputChange, d = t.onMenuClose, g = t.onMenuOpen, v = t.value, p = be(t, go), m = Ie(u !== void 0 ? u : r), I = ge(m, 2), f = I[0], A = I[1], h = Ie(s !== void 0 ? s : n), C = ge(h, 2), b = C[0], y = C[1], E = Ie(v !== void 0 ? v : o), S = ge(E, 2), T = S[0], z = S[1], _ = Y(function(U, re) {
-    typeof c == "function" && c(U, re), z(U);
-  }, [c]), H = Y(function(U, re) {
-    var te;
-    typeof l == "function" && (te = l(U, re)), A(te !== void 0 ? te : U);
+  var e = t.defaultInputValue, r = e === void 0 ? "" : e, i = t.defaultMenuIsOpen, n = i === void 0 ? !1 : i, a = t.defaultValue, o = a === void 0 ? null : a, u = t.inputValue, s = t.menuIsOpen, c = t.onChange, l = t.onInputChange, d = t.onMenuClose, g = t.onMenuOpen, v = t.value, p = be(t, go), m = Ie(u !== void 0 ? u : r), I = ge(m, 2), f = I[0], A = I[1], h = Ie(s !== void 0 ? s : n), C = ge(h, 2), b = C[0], y = C[1], E = Ie(v !== void 0 ? v : o), S = ge(E, 2), T = S[0], z = S[1], _ = Y(function(U, ie) {
+    typeof c == "function" && c(U, ie), z(U);
+  }, [c]), H = Y(function(U, ie) {
+    var ne;
+    typeof l == "function" && (ne = l(U, ie)), A(ne !== void 0 ? ne : U);
   }, [l]), $ = Y(function() {
     typeof g == "function" && g(), y(!0);
   }, [g]), X = Y(function() {
@@ -4178,14 +4178,14 @@ function Ao(t) {
   });
 }
 function bo(t) {
-  return /* @__PURE__ */ se.jsx(at.DropdownIndicator, { ...t, className: "p-0", children: /* @__PURE__ */ se.jsx("button", { type: "button", className: "px-2 cursor-pointer", children: /* @__PURE__ */ se.jsx(
+  return t.isMulti ? /* @__PURE__ */ te.jsx(te.Fragment, {}) : /* @__PURE__ */ te.jsx(at.DropdownIndicator, { ...t, className: "p-0", children: /* @__PURE__ */ te.jsx("button", { type: "button", className: "px-2 cursor-pointer", children: /* @__PURE__ */ te.jsx(
     "svg",
     {
       width: "16",
       height: "14",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
-      children: /* @__PURE__ */ se.jsx(
+      children: /* @__PURE__ */ te.jsx(
         "path",
         {
           fillRule: "evenodd",
@@ -4202,10 +4202,10 @@ function bo(t) {
   ) }) });
 }
 function po(t) {
-  return /* @__PURE__ */ se.jsx(at.ClearIndicator, { ...t, className: "p-0", children: /* @__PURE__ */ se.jsx("button", { type: "button", className: "px-2 cursor-pointer", children: /* @__PURE__ */ se.jsx(Cn, {}) }) });
+  return /* @__PURE__ */ te.jsx(at.ClearIndicator, { ...t, className: "p-0", children: /* @__PURE__ */ te.jsx("button", { type: "button", className: "px-2 cursor-pointer", children: /* @__PURE__ */ te.jsx(Cn, {}) }) });
 }
 function fo(t) {
-  return /* @__PURE__ */ se.jsx(at.MultiValueRemove, { ...t, children: /* @__PURE__ */ se.jsx("button", { type: "button", className: "cursor-pointer", children: /* @__PURE__ */ se.jsx(Cn, { weight: "bold" }) }) });
+  return /* @__PURE__ */ te.jsx(at.MultiValueRemove, { ...t, children: /* @__PURE__ */ te.jsx("button", { type: "button", className: "cursor-pointer", children: /* @__PURE__ */ te.jsx(Cn, { weight: "bold" }) }) });
 }
 const yo = {
   DropdownIndicator: bo,

package/dist/ui/atoms/Container.d.ts

@@ -1,12 +1,14 @@
-interface Props {
-    /**
-     * css class name
-     */
-    className?: string;
+export interface ContainerProps {
     /**
      * set min height as screen size. Default is `true`.
      */
     minHeight?: boolean;
+}
+interface Props extends ContainerProps {
+    /**
+     * css class name
+     */
+    className?: string;
     /**
      * content to be rendered inside the container
      */

package/dist/ui/atoms/Tag.d.ts

@@ -16,7 +16,8 @@ export type TagProps = Props & (({
     /**
      * HTML tag to render
      */
-    tag: 'a';
-} & Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'children'>));
+    tag: 'button';
+    buttonStyle: 'anchor' | 'button';
+} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children'>));
 declare const Tag: FC<TagProps>;
 export { Tag };

package/dist/ui/atoms/Text.d.ts

@@ -1,5 +1,5 @@
 import { type ReactNode } from 'react';
-export type TextVariant = 'danger' | 'success' | 'primary' | 'warning' | 'info' | 'plain';
+export type TextVariant = 'danger' | 'success' | 'primary' | 'warning' | 'info' | 'plain' | 'disabled';
 export type TextSize = 'small' | 'regular' | 'large' | 'inherit';
 export type TextWeight = 'regular' | 'medium' | 'semibold' | 'bold' | 'inherit';
 export type TextAlignment = 'center' | 'left' | 'right' | 'inherit';

package/dist/ui/composite/PageLayout.d.ts

@@ -1,6 +1,7 @@
-import { type ReactNode } from 'react';
+import type { ContainerProps } from '../atoms/Container';
 import { type PageHeadingProps } from '../atoms/PageHeading';
-export interface PageLayoutProps extends Pick<PageHeadingProps, 'title' | 'description' | 'onGoBack' | 'actionButton' | 'gap'> {
+import { type ReactNode } from 'react';
+export interface PageLayoutProps extends Pick<PageHeadingProps, 'title' | 'description' | 'onGoBack' | 'actionButton' | 'gap'>, Pick<ContainerProps, 'minHeight'> {
     /**
      * Page content
      */
@@ -10,7 +11,7 @@ export interface PageLayoutProps extends Pick<PageHeadingProps, 'title' | 'descr
      */
     mode?: 'test' | 'live';
 }
-declare function PageLayout({ title, description, onGoBack, children, actionButton, mode, gap, ...rest }: PageLayoutProps): JSX.Element;
+declare function PageLayout({ title, description, onGoBack, children, actionButton, mode, gap, minHeight, ...rest }: PageLayoutProps): JSX.Element;
 declare namespace PageLayout {
     var displayName: string;
 }

package/dist/ui/lists/ListDetailsItem.d.ts

@@ -9,7 +9,7 @@ interface ListDetailsItemProps {
      * It represent the value.
      * Most of the type it should be a `<CopyToClipboard>` component
      */
-    children: ReactNode;
+    children?: ReactNode;
     /**
      * To show the skeleton item while `children` ar not yet. Label is always rendered
      */
@@ -27,8 +27,8 @@ interface ListDetailsItemProps {
      */
     gutter?: 'none';
 }
-declare function ListDetailsItem({ label, children, isLoading, border, gutter, childrenAlign, ...rest }: ListDetailsItemProps): JSX.Element;
-declare namespace ListDetailsItem {
+export declare function ListDetailsItem({ label, children, isLoading, border, gutter, childrenAlign, ...rest }: ListDetailsItemProps): JSX.Element;
+export declare namespace ListDetailsItem {
     var displayName: string;
 }
-export { ListDetailsItem };
+export {};

package/dist/ui/resources/ResourceTags.d.ts

@@ -8,6 +8,7 @@ export declare const ResourceTags: import('../atoms/SkeletonTemplate').SkeletonT
     resourceType: TaggableResource;
     resourceId: string;
     overlay: TagsOverlay;
+    onTagClick?: ((tagId: string) => void) | undefined;
     delayMs?: number | undefined;
     isLoading?: boolean | undefined;
 }>;

package/dist/{unsupportedIterableToArray-7a1e16b1.js → unsupportedIterableToArray-15d32bef.js}

@@ -1,4 +1,4 @@
-import { _ as i } from "./main-20708d88.js";
+import { _ as i } from "./main-3a7d5b89.js";
 function p(e, t) {
   if (i(e) !== "object" || e === null)
     return e;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercelayer/app-elements",
-  "version": "0.0.62",
+  "version": "0.0.64",
   "type": "module",
   "files": [
     "dist"