@getflip/swirl-components-react 0.6.1 → 0.7.1

package/dist/{file-manager.entry.63bdbe34.js → file-manager.entry.dff0abdd.js}

@@ -1,4 +1,4 @@
-import { r as o, h as e, H as n } from "./index.88ec5376.js";
+import { r as o, h as e, H as n } from "./index.753500cb.js";
 import "react";
 import "react-dom";
 const a = {

package/dist/{flip-action-list-item.entry.1134e86f.js → flip-action-list-item.entry.66bdb014.js}

@@ -1,4 +1,4 @@
-import { r as s, h as i, H as a } from "./index.88ec5376.js";
+import { r as s, h as i, H as a } from "./index.753500cb.js";
 import { c as o } from "./index-6d2e18c6.289636d4.js";
 import "react";
 import "react-dom";

package/dist/{flip-action-list-section.entry.2cb6c669.js → flip-action-list-section.entry.35c705bc.js}

@@ -1,4 +1,4 @@
-import { r as i, h as t, H as o } from "./index.88ec5376.js";
+import { r as i, h as t, H as o } from "./index.753500cb.js";
 import "react";
 import "react-dom";
 const e = ":host{display:block}:host *{box-sizing:border-box}.action-list-section{background-color:var(--s-surface-overlay-default)}.action-list-section__label{display:block;width:100%;padding:var(--s-space-8) var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default);color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}", l = class {

package/dist/{flip-action-list.entry.ea631a8e.js → flip-action-list.entry.944f177a.js}

@@ -1,4 +1,4 @@
-import { r as s, h as i, H as n, g as r } from "./index.88ec5376.js";
+import { r as s, h as i, H as n, g as r } from "./index.753500cb.js";
 import { q as c } from "./utils-39b2afe8.37b54ba4.js";
 import "react";
 import "react-dom";

package/dist/{flip-app-layout_5.entry.41d0838e.js → flip-app-layout_5.entry.680ec977.js}

@@ -1,4 +1,4 @@
-import { r as n, c as s, h as a, H as r, g as l } from "./index.88ec5376.js";
+import { r as n, c as s, h as a, H as r, g as l } from "./index.753500cb.js";
 import { c as p } from "./index-6d2e18c6.289636d4.js";
 import { i as d } from "./utils-39b2afe8.37b54ba4.js";
 import "react";

package/dist/{flip-autocomplete.entry.e1ac1cce.js → flip-autocomplete.entry.7841a8c9.js}

@@ -1,4 +1,4 @@
-import { r as n, c, h as o, H as r, g as u } from "./index.88ec5376.js";
+import { r as n, c, h as o, H as r, g as u } from "./index.753500cb.js";
 import { a as h, c as p, o as d } from "./floating-ui.dom.esm-1a4e8b8a.87557233.js";
 import { c as m } from "./index-6d2e18c6.289636d4.js";
 import { d as f } from "./utils-39b2afe8.37b54ba4.js";

package/dist/{flip-avatar-group.entry.9b6d0406.js → flip-avatar-group.entry.438c663c.js}

@@ -1,4 +1,4 @@
-import { r as i, h as a, H as s } from "./index.88ec5376.js";
+import { r as i, h as a, H as s } from "./index.753500cb.js";
 import { c as e } from "./index-6d2e18c6.289636d4.js";
 import "react";
 import "react-dom";

package/dist/{flip-avatar.entry.c729a50f.js → flip-avatar.entry.247a137e.js}

@@ -1,4 +1,4 @@
-import { r as h, h as i, H as g, g as u } from "./index.88ec5376.js";
+import { r as h, h as i, H as g, g as u } from "./index.753500cb.js";
 import { c as s } from "./index-6d2e18c6.289636d4.js";
 import "react";
 import "react-dom";

package/dist/{flip-badge.entry.262a0260.js → flip-badge.entry.94d71a7b.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, H as i } from "./index.88ec5376.js";
+import { r as t, h as e, H as i } from "./index.753500cb.js";
 import { c as r } from "./index-6d2e18c6.289636d4.js";
 import "react";
 import "react-dom";

package/dist/{flip-banner.entry.47282ea0.js → flip-banner.entry.40379fc6.js}

@@ -1,4 +1,4 @@
-import { r, c as a, h as n, H as o, g as c } from "./index.88ec5376.js";
+import { r, c as a, h as n, H as o, g as c } from "./index.753500cb.js";
 import { c as l } from "./index-6d2e18c6.289636d4.js";
 import "react";
 import "react-dom";

package/dist/{flip-button-group.entry.c5b5e4c6.js → flip-button-group.entry.7fb986ed.js}

@@ -1,4 +1,4 @@
-import { r as i, h as o, H as e } from "./index.88ec5376.js";
+import { r as i, h as o, H as e } from "./index.753500cb.js";
 import { c as s } from "./index-6d2e18c6.289636d4.js";
 import "react";
 import "react-dom";

package/dist/{flip-button.entry.05b4abfe.js → flip-button.entry.e36bb8c8.js}

@@ -1,4 +1,4 @@
-import { r as e, h as n, H as l } from "./index.88ec5376.js";
+import { r as e, h as n, H as l } from "./index.753500cb.js";
 import { c as s } from "./index-6d2e18c6.289636d4.js";
 import "react";
 import "react-dom";

package/dist/flip-card.entry.d22db841.js

@@ -0,0 +1,22 @@
+import { r as t, h as a, H as o } from "./index.753500cb.js";
+import { c as s } from "./index-6d2e18c6.289636d4.js";
+import "react";
+import "react-dom";
+import "./_commonjsHelpers-44457d8d.ba94af77.js";
+const i = `:host{display:block}:host *{box-sizing:border-box}.card{display:block;width:100%;margin:0;padding:0;border:var(--s-border-width-default) solid var(--s-border-default);border-radius:var(--s-border-radius-base);color:var(--s-text-default);background-color:var(--s-surface-default);font:inherit;text-decoration:none}.card--elevated{border-color:transparent;box-shadow:0 0.0625rem 0.25rem rgba(25, 26, 28, 0.16),
+    0 0.25rem 1rem rgba(25, 26, 28, 0.04)}a.card,button.card,.card--interactive{cursor:pointer}a.card:hover,button.card:hover,.card--interactive:hover{background-color:var(--s-surface-hovered)}a.card:active,button.card:active,.card--interactive:active{background-color:var(--s-surface-pressed)}`, d = class {
+  constructor(r) {
+    t(this, r), this.as = "div";
+  }
+  render() {
+    const r = Boolean(this.href) ? "a" : this.as, e = s("card", {
+      "card--elevated": this.elevated,
+      "card--interactive": this.interactive || this.href
+    });
+    return a(o, null, a(r, { class: e, href: this.href, rel: Boolean(this.href) && this.linkTarget === "_blank" ? "noreferrer" : void 0, target: this.linkTarget }, a("slot", null)));
+  }
+};
+d.style = i;
+export {
+  d as flip_card
+};

package/dist/{flip-checkbox.entry.5173a225.js → flip-checkbox.entry.2e44c52c.js}

@@ -1,4 +1,4 @@
-import { r, c as a, h as c, H as t } from "./index.88ec5376.js";
+import { r, c as a, h as c, H as t } from "./index.753500cb.js";
 import { c as n } from "./index-6d2e18c6.289636d4.js";
 import "react";
 import "react-dom";

package/dist/{flip-chip.entry.43ab254c.js → flip-chip.entry.0bfc8ab0.js}

@@ -1,4 +1,4 @@
-import { r as s, h as e, H as c } from "./index.88ec5376.js";
+import { r as s, h as e, H as c } from "./index.753500cb.js";
 import { c as n } from "./index-6d2e18c6.289636d4.js";
 import "react";
 import "react-dom";

package/dist/{flip-console-layout.entry.fd7ab580.js → flip-console-layout.entry.6f13ba0a.js}

@@ -1,6 +1,6 @@
-import { r as oe, c as U, h as u, H as se, g as le } from "./index.88ec5376.js";
+import { r as oe, c as U, h as u, H as se, g as le } from "./index.753500cb.js";
 import { c as ce } from "./index-6d2e18c6.289636d4.js";
-import { i as B } from "./utils-39b2afe8.37b54ba4.js";
+import { i as F } from "./utils-39b2afe8.37b54ba4.js";
 import "react";
 import "react-dom";
 import "./_commonjsHelpers-44457d8d.ba94af77.js";
@@ -8,14 +8,14 @@ import "./_commonjsHelpers-44457d8d.ba94af77.js";
 * tabbable 6.0.1
 * @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
 */
-var X = ["input", "select", "textarea", "a[href]", "button", "[tabindex]:not(slot)", "audio[controls]", "video[controls]", '[contenteditable]:not([contenteditable="false"])', "details>summary:first-of-type", "details"], A = /* @__PURE__ */ X.join(","), J = typeof Element > "u", T = J ? function() {
-} : Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector, D = !J && Element.prototype.getRootNode ? function(r) {
+var X = ["input", "select", "textarea", "a[href]", "button", "[tabindex]:not(slot)", "audio[controls]", "video[controls]", '[contenteditable]:not([contenteditable="false"])', "details>summary:first-of-type", "details"], D = /* @__PURE__ */ X.join(","), J = typeof Element > "u", T = J ? function() {
+} : Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector, L = !J && Element.prototype.getRootNode ? function(r) {
   return r.getRootNode();
 } : function(r) {
   return r.ownerDocument;
 }, Q = function(e, t, a) {
-  var s = Array.prototype.slice.apply(e.querySelectorAll(A));
-  return t && T.call(e, A) && s.unshift(e), s = s.filter(a), s;
+  var s = Array.prototype.slice.apply(e.querySelectorAll(D));
+  return t && T.call(e, D) && s.unshift(e), s = s.filter(a), s;
 }, ee = function r(e, t, a) {
   for (var s = [], l = Array.from(e); l.length; ) {
     var i = l.shift();
@@ -26,10 +26,10 @@ var X = ["input", "select", "textarea", "a[href]", "button", "[tabindex]:not(slo
         candidates: g
       });
     } else {
-      var _ = T.call(i, A);
-      _ && a.filter(i) && (t || !e.includes(i)) && s.push(i);
-      var y = i.shadowRoot || typeof a.getShadowRoot == "function" && a.getShadowRoot(i), C = !a.shadowRootFilter || a.shadowRootFilter(i);
-      if (y && C) {
+      var C = T.call(i, D);
+      C && a.filter(i) && (t || !e.includes(i)) && s.push(i);
+      var y = i.shadowRoot || typeof a.getShadowRoot == "function" && a.getShadowRoot(i), _ = !a.shadowRootFilter || a.shadowRootFilter(i);
+      if (y && _) {
         var w = r(y === !0 ? i.children : y.children, !0, a);
         a.flatten ? s.push.apply(s, w) : s.push({
           scopeParent: i,
@@ -60,7 +60,7 @@ var X = ["input", "select", "textarea", "a[href]", "button", "[tabindex]:not(slo
 }, ve = function(e) {
   if (!e.name)
     return !0;
-  var t = e.form || D(e), a = function(d) {
+  var t = e.form || L(e), a = function(d) {
     return t.querySelectorAll('input[type="radio"][name="' + d + '"]');
   }, s;
   if (typeof window < "u" && typeof window.CSS < "u" && typeof window.CSS.escape == "function")
@@ -78,9 +78,9 @@ var X = ["input", "select", "textarea", "a[href]", "button", "[tabindex]:not(slo
 }, pe = function(e) {
   return he(e) && !ve(e);
 }, ge = function(e) {
-  for (var t, a = D(e).host, s = !!((t = a) !== null && t !== void 0 && t.ownerDocument.contains(a) || e.ownerDocument.contains(e)); !s && a; ) {
+  for (var t, a = L(e).host, s = !!((t = a) !== null && t !== void 0 && t.ownerDocument.contains(a) || e.ownerDocument.contains(e)); !s && a; ) {
     var l;
-    a = D(a).host, s = !!((l = a) !== null && l !== void 0 && l.ownerDocument.contains(a));
+    a = L(a).host, s = !!((l = a) !== null && l !== void 0 && l.ownerDocument.contains(a));
   }
   return s;
 }, V = function(e) {
@@ -96,7 +96,7 @@ var X = ["input", "select", "textarea", "a[href]", "button", "[tabindex]:not(slo
   if (!a || a === "full" || a === "legacy-full") {
     if (typeof s == "function") {
       for (var d = e; e; ) {
-        var h = e.parentElement, g = D(e);
+        var h = e.parentElement, g = L(e);
         if (h && !h.shadowRoot && s(h) === !0)
           return V(e);
         e.assignedSlot ? e = e.assignedSlot : !h && g !== e.ownerDocument ? e = g.host : e = h;
@@ -124,10 +124,10 @@ var X = ["input", "select", "textarea", "a[href]", "button", "[tabindex]:not(slo
       t = t.parentElement;
     }
   return !1;
-}, L = function(e, t) {
+}, R = function(e, t) {
   return !(t.disabled || de(t) || me(t, e) || fe(t) || ye(t));
 }, P = function(e, t) {
-  return !(pe(t) || te(t) < 0 || !L(e, t));
+  return !(pe(t) || te(t) < 0 || !R(e, t));
 }, we = function(e) {
   var t = parseInt(e.getAttribute("tabindex"), 10);
   return !!(isNaN(t) || t >= 0);
@@ -145,7 +145,7 @@ var X = ["input", "select", "textarea", "a[href]", "button", "[tabindex]:not(slo
   }), a.sort(ue).reduce(function(s, l) {
     return l.isScope ? s.push.apply(s, l.content) : s.push(l.content), s;
   }, []).concat(t);
-}, _e = function(e, t) {
+}, Ce = function(e, t) {
   t = t || {};
   var a;
   return t.getShadowRoot ? a = ee([e], t.includeContainer, {
@@ -154,22 +154,22 @@ var X = ["input", "select", "textarea", "a[href]", "button", "[tabindex]:not(slo
     getShadowRoot: t.getShadowRoot,
     shadowRootFilter: we
   }) : a = Q(e, t.includeContainer, P.bind(null, t)), ke(a);
-}, Ce = function(e, t) {
+}, _e = function(e, t) {
   t = t || {};
   var a;
   return t.getShadowRoot ? a = ee([e], t.includeContainer, {
-    filter: L.bind(null, t),
+    filter: R.bind(null, t),
     flatten: !0,
     getShadowRoot: t.getShadowRoot
-  }) : a = Q(e, t.includeContainer, L.bind(null, t)), a;
-}, F = function(e, t) {
+  }) : a = Q(e, t.includeContainer, R.bind(null, t)), a;
+}, E = function(e, t) {
   if (t = t || {}, !e)
     throw new Error("No node provided");
-  return T.call(e, A) === !1 ? !1 : P(t, e);
+  return T.call(e, D) === !1 ? !1 : P(t, e);
 }, Te = /* @__PURE__ */ X.concat("iframe").join(","), O = function(e, t) {
   if (t = t || {}, !e)
     throw new Error("No node provided");
-  return T.call(e, Te) === !1 ? !1 : L(t, e);
+  return T.call(e, Te) === !1 ? !1 : R(t, e);
 };
 /*!
 * focus-trap 7.1.0
@@ -234,7 +234,7 @@ var xe = [], W = {
   for (var t = arguments.length, a = new Array(t > 1 ? t - 1 : 0), s = 1; s < t; s++)
     a[s - 1] = arguments[s];
   return typeof e == "function" ? e.apply(void 0, a) : e;
-}, E = function(e) {
+}, A = function(e) {
   return e.target.shadowRoot && typeof e.composedPath == "function" ? e.composedPath()[0] : e.target;
 }, Ae = function(e, t) {
   var a = (t == null ? void 0 : t.document) || document, s = (t == null ? void 0 : t.trapStack) || xe, l = z({
@@ -259,7 +259,7 @@ var xe = [], W = {
         return f === n;
       });
     });
-  }, _ = function(n) {
+  }, C = function(n) {
     var o = l[n];
     if (typeof o == "function") {
       for (var c = arguments.length, v = new Array(c > 1 ? c - 1 : 0), f = 1; f < c; f++)
@@ -276,7 +276,7 @@ var xe = [], W = {
       throw new Error("`".concat(n, "` as selector refers to no known node"));
     return p;
   }, y = function() {
-    var n = _("initialFocus");
+    var n = C("initialFocus");
     if (n === !1)
       return !1;
     if (n === void 0)
@@ -284,14 +284,14 @@ var xe = [], W = {
         n = a.activeElement;
       else {
         var o = i.tabbableGroups[0], c = o && o.firstTabbableNode;
-        n = c || _("fallbackFocus");
+        n = c || C("fallbackFocus");
       }
     if (!n)
       throw new Error("Your focus-trap needs to have at least one focusable element");
     return n;
-  }, C = function() {
+  }, _ = function() {
     if (i.containerGroups = i.containers.map(function(n) {
-      var o = _e(n, l.tabbableOptions), c = Ce(n, l.tabbableOptions);
+      var o = Ce(n, l.tabbableOptions), c = _e(n, l.tabbableOptions);
       return {
         container: n,
         tabbableNodes: o,
@@ -304,15 +304,15 @@ var xe = [], W = {
           });
           if (!(m < 0))
             return p ? c.slice(m + 1).find(function(k) {
-              return F(k, l.tabbableOptions);
+              return E(k, l.tabbableOptions);
             }) : c.slice(0, m).reverse().find(function(k) {
-              return F(k, l.tabbableOptions);
+              return E(k, l.tabbableOptions);
             });
         }
       };
     }), i.tabbableGroups = i.containerGroups.filter(function(n) {
       return n.tabbableNodes.length > 0;
-    }), i.tabbableGroups.length <= 0 && !_("fallbackFocus"))
+    }), i.tabbableGroups.length <= 0 && !C("fallbackFocus"))
       throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times");
   }, w = function b(n) {
     if (n !== !1 && n !== a.activeElement) {
@@ -325,10 +325,10 @@ var xe = [], W = {
       }), i.mostRecentlyFocusedNode = n, Ne(n) && n.select();
     }
   }, M = function(n) {
-    var o = _("setReturnFocus", n);
+    var o = C("setReturnFocus", n);
     return o || (o === !1 ? !1 : n);
   }, N = function(n) {
-    var o = E(n);
+    var o = A(n);
     if (!(g(o) >= 0)) {
       if (x(l.clickOutsideDeactivates, n)) {
         d.deactivate({
@@ -339,37 +339,37 @@ var xe = [], W = {
       x(l.allowOutsideClick, n) || n.preventDefault();
     }
   }, H = function(n) {
-    var o = E(n), c = g(o) >= 0;
+    var o = A(n), c = g(o) >= 0;
     c || o instanceof Document ? c && (i.mostRecentlyFocusedNode = o) : (n.stopImmediatePropagation(), w(i.mostRecentlyFocusedNode || y()));
   }, ie = function(n) {
-    var o = E(n);
-    C();
+    var o = A(n);
+    _();
     var c = null;
     if (i.tabbableGroups.length > 0) {
       var v = g(o), f = v >= 0 ? i.containerGroups[v] : void 0;
       if (v < 0)
         n.shiftKey ? c = i.tabbableGroups[i.tabbableGroups.length - 1].lastTabbableNode : c = i.tabbableGroups[0].firstTabbableNode;
       else if (n.shiftKey) {
-        var p = $(i.tabbableGroups, function(R) {
-          var I = R.firstTabbableNode;
+        var p = $(i.tabbableGroups, function(B) {
+          var I = B.firstTabbableNode;
           return o === I;
         });
-        if (p < 0 && (f.container === o || O(o, l.tabbableOptions) && !F(o, l.tabbableOptions) && !f.nextTabbableNode(o, !1)) && (p = v), p >= 0) {
+        if (p < 0 && (f.container === o || O(o, l.tabbableOptions) && !E(o, l.tabbableOptions) && !f.nextTabbableNode(o, !1)) && (p = v), p >= 0) {
           var m = p === 0 ? i.tabbableGroups.length - 1 : p - 1, k = i.tabbableGroups[m];
           c = k.lastTabbableNode;
         }
       } else {
-        var S = $(i.tabbableGroups, function(R) {
-          var I = R.lastTabbableNode;
+        var S = $(i.tabbableGroups, function(B) {
+          var I = B.lastTabbableNode;
           return o === I;
         });
-        if (S < 0 && (f.container === o || O(o, l.tabbableOptions) && !F(o, l.tabbableOptions) && !f.nextTabbableNode(o)) && (S = v), S >= 0) {
+        if (S < 0 && (f.container === o || O(o, l.tabbableOptions) && !E(o, l.tabbableOptions) && !f.nextTabbableNode(o)) && (S = v), S >= 0) {
           var re = S === i.tabbableGroups.length - 1 ? 0 : S + 1, ne = i.tabbableGroups[re];
           c = ne.firstTabbableNode;
         }
       }
     } else
-      c = _("fallbackFocus");
+      c = C("fallbackFocus");
     c && (n.preventDefault(), w(c));
   }, j = function(n) {
     if (Fe(n) && x(l.escapeDeactivates, n) !== !1) {
@@ -381,7 +381,7 @@ var xe = [], W = {
       return;
     }
   }, q = function(n) {
-    var o = E(n);
+    var o = A(n);
     g(o) >= 0 || x(l.clickOutsideDeactivates, n) || x(l.allowOutsideClick, n) || (n.preventDefault(), n.stopImmediatePropagation());
   }, G = function() {
     if (!!i.active)
@@ -415,9 +415,9 @@ var xe = [], W = {
       if (i.active)
         return this;
       var o = h(n, "onActivate"), c = h(n, "onPostActivate"), v = h(n, "checkCanFocusTrap");
-      v || C(), i.active = !0, i.paused = !1, i.nodeFocusedBeforeActivation = a.activeElement, o && o();
+      v || _(), i.active = !0, i.paused = !1, i.nodeFocusedBeforeActivation = a.activeElement, o && o();
       var f = function() {
-        v && C(), G(), c && c();
+        v && _(), G(), c && c();
       };
       return v ? (v(i.containers.concat()).then(f, f), this) : (f(), this);
     },
@@ -443,13 +443,13 @@ var xe = [], W = {
       return i.paused || !i.active ? this : (i.paused = !0, K(), this);
     },
     unpause: function() {
-      return !i.paused || !i.active ? this : (i.paused = !1, C(), G(), this);
+      return !i.paused || !i.active ? this : (i.paused = !1, _(), G(), this);
     },
     updateContainerElements: function(n) {
       var o = [].concat(n).filter(Boolean);
       return i.containers = o.map(function(c) {
         return typeof c == "string" ? a.querySelector(c) : c;
-      }), i.active && C(), this;
+      }), i.active && _(), this;
     }
   }, d.updateContainerElements(e), d;
 };
@@ -464,6 +464,8 @@ const De = `:host{display:block;width:100%;height:100vh}:host *{box-sizing:borde
       this.helpButtonClick.emit(e);
     }, this.onMobileNavigationToggleClick = () => {
       this.toggleSidebar();
+    }, this.onHideNavigationButtonClick = () => {
+      this.hideSidebar();
     }, this.onClick = (e) => {
       const t = e.target, a = Boolean(t.closest(".console-layout__mobile-navigation-button"));
       !e.composedPath().includes(this.sidebarEl) && !a && this.sidebarActive && (this.sidebarActive = !1);
@@ -479,29 +481,35 @@ const De = `:host{display:block;width:100%;height:100vh}:host *{box-sizing:borde
     this.focusTrap = Ae(r, {
       clickOutsideDeactivates: !0
     }), queueMicrotask(() => {
-      B() ? this.deactivateSidebar() : this.activateSidebar();
+      F() ? this.deactivateSidebar() : this.activateSidebar();
     });
   }
   onWindowResize() {
-    const r = B();
+    const r = F();
     !r && !this.sidebarActive ? this.activateSidebar() : r && this.deactivateSidebar();
   }
   async toggleSidebar() {
     this.sidebarActive ? this.deactivateSidebar() : this.activateSidebar();
   }
+  async showSidebar() {
+    this.sidebarActive || this.activateSidebar();
+  }
+  async hideSidebar() {
+    this.sidebarActive && this.deactivateSidebar();
+  }
   activateSidebar() {
     var r;
-    this.sidebarActive = !0, this.sidebarEl.removeAttribute("inert"), B() && ((r = this.focusTrap) === null || r === void 0 || r.activate());
+    this.sidebarActive = !0, this.sidebarEl.removeAttribute("inert"), F() && ((r = this.focusTrap) === null || r === void 0 || r.activate());
   }
   deactivateSidebar() {
     var r;
-    this.sidebarActive = !1, this.sidebarEl.setAttribute("inert", ""), (r = this.focusTrap) === null || r === void 0 || r.deactivate({ returnFocus: !0 });
+    this.sidebarActive = !1, F() && this.sidebarEl.setAttribute("inert", ""), (r = this.focusTrap) === null || r === void 0 || r.deactivate({ returnFocus: !0 });
   }
   render() {
     const r = ce("console-layout", {
       "console-layout--sidebar-active": this.sidebarActive
     });
-    return u(se, null, u("div", { class: r, onClick: this.onClick, onKeyDown: this.onKeyDown }, u("div", { "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (e) => this.sidebarEl = e }, u("header", { class: "console-layout__header" }, u("div", { class: "console-layout__logo" }, u("svg", { class: "console-layout__logo-mark", fill: "none", height: "26", viewBox: "0 0 16 26", width: "16", xmlns: "http://www.w3.org/2000/svg" }, u("path", { d: "M0.624238 14.0705C0.326496 13.5353 0.118077 12.9406 0.0287543 12.3161C-0.0307941 11.662 -0.0010199 11.0375 0.147851 10.4428C0.296722 9.84813 0.594464 9.25343 0.951754 8.77767C1.33882 8.27217 1.78543 7.85588 2.35114 7.55853L14.6181 0.362671C14.9159 0.8979 15.1243 1.4926 15.2136 2.11703C15.3029 2.74147 15.2434 3.3659 15.0945 3.99034C14.9456 4.58504 14.6479 5.17974 14.2906 5.6555C13.9035 6.16099 13.4569 6.57728 12.8912 6.87463L0.624238 14.0705Z", fill: "#145AF5" }), u("path", { d: "M3.69214 21.4743C3.3944 20.9391 3.18598 20.3444 3.09666 19.72C3.00733 19.0956 3.06688 18.4711 3.21575 17.8467C3.36462 17.252 3.66237 16.6573 4.01966 16.1815C4.40672 15.676 4.85333 15.2597 5.41904 14.9624L12.2076 10.9779C12.5053 11.5131 12.7137 12.1078 12.803 12.7323C12.8924 13.3567 12.8328 13.9811 12.6839 14.6056C12.5351 15.2003 12.2373 15.795 11.88 16.2707C11.493 16.7762 11.0464 17.1925 10.4807 17.4899L3.69214 21.4743Z", fill: "#145AF5" }), u("path", { d: "M3.69141 21.4739L7.77047 19.0951C8.39573 20.1953 8.5446 21.5036 8.24686 22.7228C7.91934 23.9419 7.14521 24.9826 6.04357 25.6368L3.69141 21.4739Z", fill: "#80A8F4" }), u("path", { d: "M12.2072 10.9785L7.32419 10.1459L0.625 14.0709L5.38887 14.9629L12.2072 10.9785Z", fill: "#80A8F4" })), u("flip-text", { class: "console-layout__logo-text", weight: "medium" }, this.logoText))), u("nav", { "aria-label": this.navigationLabel, class: "console-layout__navigation" }, u("slot", { name: "navigation" }), this.sidebarActive && u("flip-visually-hidden", null, u("button", { class: "console-layout__hide-navigation-button", onClick: this.onMobileNavigationToggleClick, type: "button" }, this.hideNavigationButtonLabel))), u("div", { class: "console-layout__user" }, u("slot", { name: "user" }))), u("main", { "aria-labelledby": "app-name", class: "console-layout__main" }, u("header", { class: "console-layout__app-bar" }, u("flip-button", { class: "console-layout__mobile-navigation-button", flipAriaExpanded: String(this.sidebarActive), hideLabel: !0, icon: this.sidebarActive ? "<flip-icon-close></flip-icon-close>" : "<flip-icon-menu></flip-icon-menu>", label: this.sidebarActive ? this.hideNavigationButtonLabel : this.showNavigationButtonLabel, onClick: this.onMobileNavigationToggleClick }), u("flip-heading", { as: "h1", class: "console-layout__app-name", headingId: "app-name", level: 4, text: this.appName }), this.showHelpButton && u("flip-button", { class: "console-layout__help-button", hideLabel: !0, icon: "<flip-icon-help></flip-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick })), u("section", { "aria-labelledby": "heading", class: "console-layout__content" }, u("header", { class: "console-layout__content-header" }, this.showBackButton && u("flip-button", { class: "console-layout__back-button", hideLabel: !0, icon: "<flip-icon-arrow-back></flip-icon-arrow-back>", label: this.backButonLabel, onClick: this.onBackButtonClick }), u("div", null, u("flip-heading", { as: "h2", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && u("flip-text", { class: "console-layout__subheading", color: "subdued" }, this.subheading))), u("div", { class: "console-layout__integration" }, u("slot", { name: "content" }))))));
+    return u(se, null, u("div", { class: r, onClick: this.onClick, onKeyDown: this.onKeyDown }, u("div", { "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (e) => this.sidebarEl = e }, u("header", { class: "console-layout__header" }, u("div", { class: "console-layout__logo" }, u("svg", { class: "console-layout__logo-mark", fill: "none", height: "26", viewBox: "0 0 16 26", width: "16", xmlns: "http://www.w3.org/2000/svg" }, u("path", { d: "M0.624238 14.0705C0.326496 13.5353 0.118077 12.9406 0.0287543 12.3161C-0.0307941 11.662 -0.0010199 11.0375 0.147851 10.4428C0.296722 9.84813 0.594464 9.25343 0.951754 8.77767C1.33882 8.27217 1.78543 7.85588 2.35114 7.55853L14.6181 0.362671C14.9159 0.8979 15.1243 1.4926 15.2136 2.11703C15.3029 2.74147 15.2434 3.3659 15.0945 3.99034C14.9456 4.58504 14.6479 5.17974 14.2906 5.6555C13.9035 6.16099 13.4569 6.57728 12.8912 6.87463L0.624238 14.0705Z", fill: "#145AF5" }), u("path", { d: "M3.69214 21.4743C3.3944 20.9391 3.18598 20.3444 3.09666 19.72C3.00733 19.0956 3.06688 18.4711 3.21575 17.8467C3.36462 17.252 3.66237 16.6573 4.01966 16.1815C4.40672 15.676 4.85333 15.2597 5.41904 14.9624L12.2076 10.9779C12.5053 11.5131 12.7137 12.1078 12.803 12.7323C12.8924 13.3567 12.8328 13.9811 12.6839 14.6056C12.5351 15.2003 12.2373 15.795 11.88 16.2707C11.493 16.7762 11.0464 17.1925 10.4807 17.4899L3.69214 21.4743Z", fill: "#145AF5" }), u("path", { d: "M3.69141 21.4739L7.77047 19.0951C8.39573 20.1953 8.5446 21.5036 8.24686 22.7228C7.91934 23.9419 7.14521 24.9826 6.04357 25.6368L3.69141 21.4739Z", fill: "#80A8F4" }), u("path", { d: "M12.2072 10.9785L7.32419 10.1459L0.625 14.0709L5.38887 14.9629L12.2072 10.9785Z", fill: "#80A8F4" })), u("flip-text", { class: "console-layout__logo-text", weight: "medium" }, this.logoText))), u("nav", { "aria-label": this.navigationLabel, class: "console-layout__navigation" }, u("slot", { name: "navigation" }), this.sidebarActive && u("flip-visually-hidden", null, u("button", { class: "console-layout__hide-navigation-button", onClick: this.onHideNavigationButtonClick, type: "button" }, this.hideNavigationButtonLabel))), u("div", { class: "console-layout__user" }, u("slot", { name: "user" }))), u("main", { "aria-labelledby": "app-name", class: "console-layout__main" }, u("header", { class: "console-layout__app-bar" }, u("flip-button", { class: "console-layout__mobile-navigation-button", flipAriaExpanded: String(this.sidebarActive), hideLabel: !0, icon: this.sidebarActive ? "<flip-icon-close></flip-icon-close>" : "<flip-icon-menu></flip-icon-menu>", label: this.sidebarActive ? this.hideNavigationButtonLabel : this.showNavigationButtonLabel, onClick: this.onMobileNavigationToggleClick }), u("flip-heading", { as: "h1", class: "console-layout__app-name", headingId: "app-name", level: 4, text: this.appName }), this.showHelpButton && u("flip-button", { class: "console-layout__help-button", hideLabel: !0, icon: "<flip-icon-help></flip-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick })), u("section", { "aria-labelledby": "heading", class: "console-layout__content" }, u("header", { class: "console-layout__content-header" }, this.showBackButton && u("flip-button", { class: "console-layout__back-button", hideLabel: !0, icon: "<flip-icon-arrow-back></flip-icon-arrow-back>", label: this.backButonLabel, onClick: this.onBackButtonClick }), u("div", null, u("flip-heading", { as: "h2", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && u("flip-text", { class: "console-layout__subheading", color: "subdued" }, this.subheading))), u("div", { class: "console-layout__integration" }, u("slot", { name: "content" }))))));
   }
   get el() {
     return le(this);

package/dist/{flip-date-input.entry.aca46f7d.js → flip-date-input.entry.5e298976.js}

@@ -1,4 +1,4 @@
-import { r as Co, c as No, h as F, H as Io } from "./index.88ec5376.js";
+import { r as Co, c as No, h as F, H as Io } from "./index.753500cb.js";
 import { c as Uo, a as Yo } from "./_commonjsHelpers-44457d8d.ba94af77.js";
 import "react";
 import "react-dom";

package/dist/{flip-date-picker_2.entry.da0bc75c.js → flip-date-picker_2.entry.619a54b8.js}

@@ -1,4 +1,4 @@
-import { r as le, c as we, h as x, H as be, F as te } from "./index.88ec5376.js";
+import { r as le, c as we, h as x, H as be, F as te } from "./index.753500cb.js";
 import { c as de, a as Ce, g as ke } from "./_commonjsHelpers-44457d8d.ba94af77.js";
 import "react";
 import "react-dom";

package/dist/{flip-description-list-item.entry.2531a1eb.js → flip-description-list-item.entry.79300b6c.js}

@@ -1,4 +1,4 @@
-import { r as t, h as i, H as s } from "./index.88ec5376.js";
+import { r as t, h as i, H as s } from "./index.753500cb.js";
 import "react";
 import "react-dom";
 const e = `:host {

package/dist/{flip-description-list.entry.de69a56d.js → flip-description-list.entry.70b550c9.js}

@@ -1,4 +1,4 @@
-import { r as i, h as t, H as o } from "./index.88ec5376.js";
+import { r as i, h as t, H as o } from "./index.753500cb.js";
 import "react";
 import "react-dom";
 const r = ":host{display:block;container-type:inline-size;container-name:description-list}:host *{box-sizing:border-box}.description-list{display:block;max-width:100%;margin:0}.description-list ::slotted(*){padding-bottom:var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default)}.description-list ::slotted(*:not(:last-child)){margin-bottom:var(--s-space-16)}", e = class {

package/dist/{flip-dialog.entry.782456e7.js → flip-dialog.entry.c572dafd.js}

@@ -1,4 +1,4 @@
-import { r as e, c as t, h as o, H as n } from "./index.88ec5376.js";
+import { r as e, c as t, h as o, H as n } from "./index.753500cb.js";
 import { A as s } from "./a11y-dialog.esm-d7a94c8c.bd6ae411.js";
 import { c as l } from "./index-6d2e18c6.289636d4.js";
 import "react";

package/dist/{flip-file-uploader.entry.3a629da9.js → flip-file-uploader.entry.0b27e755.js}

@@ -1,4 +1,4 @@
-import { r as s, c as r, h as e, H as d } from "./index.88ec5376.js";
+import { r as s, c as r, h as e, H as d } from "./index.753500cb.js";
 import { c as p } from "./index-6d2e18c6.289636d4.js";
 import "react";
 import "react-dom";

package/dist/{flip-file-viewer_7.entry.5c286de7.js → flip-file-viewer_7.entry.72daacbc.js}

@@ -1,4 +1,4 @@
-import { r as zt, c as jt, h as qe, H as Gt, g as Qt } from "./index.88ec5376.js";
+import { r as zt, c as jt, h as qe, H as Gt, g as Qt } from "./index.753500cb.js";
 import { c as cr, a as vt, g as Qi, b as qr, d as Ji } from "./_commonjsHelpers-44457d8d.ba94af77.js";
 import { d as Zi, g as ea, i as ta } from "./utils-39b2afe8.37b54ba4.js";
 import "react";

package/dist/{flip-form-control.entry.f8f3aa4b.js → flip-form-control.entry.fe38eadd.js}

@@ -1,4 +1,4 @@
-import { r as i, h as o, H as n, g as a } from "./index.88ec5376.js";
+import { r as i, h as o, H as n, g as a } from "./index.753500cb.js";
 import { c } from "./index-6d2e18c6.289636d4.js";
 import "react";
 import "react-dom";

package/dist/{flip-form-group.entry.24b521b0.js → flip-form-group.entry.f0ffe632.js}

@@ -1,4 +1,4 @@
-import { r as i, h as r, H as s } from "./index.88ec5376.js";
+import { r as i, h as r, H as s } from "./index.753500cb.js";
 import { c as p } from "./index-6d2e18c6.289636d4.js";
 import "react";
 import "react-dom";

package/dist/{flip-heading_2.entry.f0c360e1.js → flip-heading_2.entry.a2046123.js}

@@ -1,4 +1,4 @@
-import { r as s, h as e, H as n } from "./index.88ec5376.js";
+import { r as s, h as e, H as n } from "./index.753500cb.js";
 import { c as l } from "./index-6d2e18c6.289636d4.js";
 import "react";
 import "react-dom";

package/dist/{flip-icon-add-photo.entry.a4c05d3c.js → flip-icon-add-photo.entry.f1b62d1e.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as i } from "./index.88ec5376.js";
+import { r as t, h as C, F as i } from "./index.753500cb.js";
 import "react";
 import "react-dom";
 const l = ":host{display:inline-flex}", o = class {

package/dist/{flip-icon-add_4.entry.4e54e66b.js → flip-icon-add_4.entry.cf20e99e.js}

@@ -1,4 +1,4 @@
-import { r as l, h as C, F as i } from "./index.88ec5376.js";
+import { r as l, h as C, F as i } from "./index.753500cb.js";
 import "react";
 import "react-dom";
 const t = ":host{display:inline-flex}", e = class {

package/dist/{flip-icon-admin-panel-settings.entry.d60813d7.js → flip-icon-admin-panel-settings.entry.dc551a12.js}

@@ -1,4 +1,4 @@
-import { r as s, h as C, F as i } from "./index.88ec5376.js";
+import { r as s, h as C, F as i } from "./index.753500cb.js";
 import "react";
 import "react-dom";
 const l = ":host{display:inline-flex}", r = class {

package/dist/{flip-icon-arrow-back.entry.6eff9faf.js → flip-icon-arrow-back.entry.608b9fae.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as i } from "./index.88ec5376.js";
+import { r as t, h as C, F as i } from "./index.753500cb.js";
 import "react";
 import "react-dom";
 const r = ":host{display:inline-flex}", l = class {

package/dist/{flip-icon-arrow-forward.entry.6bd89adf.js → flip-icon-arrow-forward.entry.d8e720bd.js}

@@ -1,4 +1,4 @@
-import { r, h as C, F as i } from "./index.88ec5376.js";
+import { r, h as C, F as i } from "./index.753500cb.js";
 import "react";
 import "react-dom";
 const t = ":host{display:inline-flex}", l = class {

package/dist/{flip-icon-arrow-left_3.entry.8bfab5d0.js → flip-icon-arrow-left_3.entry.14726ff3.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as i } from "./index.88ec5376.js";
+import { r as t, h as C, F as i } from "./index.753500cb.js";
 import "react";
 import "react-dom";
 const l = ":host{display:inline-flex}", o = class {

package/dist/{flip-icon-arrow-right-small.entry.98552736.js → flip-icon-arrow-right-small.entry.ac422698.js}

@@ -1,4 +1,4 @@
-import { r as l, h as i, F as s } from "./index.88ec5376.js";
+import { r as l, h as i, F as s } from "./index.753500cb.js";
 import "react";
 import "react-dom";
 const r = ":host{display:inline-flex}", o = class {

package/dist/{flip-icon-attachment.entry.2f3a1346.js → flip-icon-attachment.entry.e1fb148b.js}

@@ -1,4 +1,4 @@
-import { r as s, h as C, F as t } from "./index.88ec5376.js";
+import { r as s, h as C, F as t } from "./index.753500cb.js";
 import "react";
 import "react-dom";
 const l = ":host{display:inline-flex}", e = class {

package/dist/{flip-icon-block.entry.ae775b31.js → flip-icon-block.entry.6671ad04.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as i } from "./index.88ec5376.js";
+import { r as t, h as C, F as i } from "./index.753500cb.js";
 import "react";
 import "react-dom";
 const l = ":host{display:inline-flex}", o = class {

package/dist/{flip-icon-cancel_4.entry.84b49696.js → flip-icon-cancel_4.entry.e5b9ca80.js}

@@ -1,4 +1,4 @@
-import { r as l, h as C, F as i } from "./index.88ec5376.js";
+import { r as l, h as C, F as i } from "./index.753500cb.js";
 import "react";
 import "react-dom";
 const t = ":host{display:inline-flex}", n = class {

package/dist/{flip-icon-chat-bubble.entry.22781bf5.js → flip-icon-chat-bubble.entry.a32785be.js}

@@ -1,4 +1,4 @@
-import { r as l, h as i, F as s } from "./index.88ec5376.js";
+import { r as l, h as i, F as s } from "./index.753500cb.js";
 import "react";
 import "react-dom";
 const e = ":host{display:inline-flex}", r = class {