@getflip/swirl-components-react 0.34.0 → 0.36.0

package/dist/stencil-generated/index.d.ts

@@ -140,6 +140,7 @@ export declare const SwirlIconVisibility: import("react").ForwardRefExoticCompon
 export declare const SwirlIconVisibilityOff: import("react").ForwardRefExoticComponent<JSX.SwirlIconVisibilityOff & Omit<import("react").HTMLAttributes<HTMLSwirlIconVisibilityOffElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconVisibilityOffElement>>;
 export declare const SwirlIconWarning: import("react").ForwardRefExoticComponent<JSX.SwirlIconWarning & Omit<import("react").HTMLAttributes<HTMLSwirlIconWarningElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconWarningElement>>;
 export declare const SwirlInlineError: import("react").ForwardRefExoticComponent<JSX.SwirlInlineError & Omit<import("react").HTMLAttributes<HTMLSwirlInlineErrorElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlInlineErrorElement>>;
+export declare const SwirlInlineNotification: import("react").ForwardRefExoticComponent<JSX.SwirlInlineNotification & Omit<import("react").HTMLAttributes<HTMLSwirlInlineNotificationElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlInlineNotificationElement>>;
 export declare const SwirlLightbox: import("react").ForwardRefExoticComponent<JSX.SwirlLightbox & Omit<import("react").HTMLAttributes<HTMLSwirlLightboxElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlLightboxElement>>;
 export declare const SwirlLink: import("react").ForwardRefExoticComponent<JSX.SwirlLink & Omit<import("react").HTMLAttributes<HTMLSwirlLinkElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlLinkElement>>;
 export declare const SwirlList: import("react").ForwardRefExoticComponent<JSX.SwirlList & Omit<import("react").HTMLAttributes<HTMLSwirlListElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlListElement>>;

package/dist/{swirl-action-list-section.entry.61ba9a94.js → swirl-action-list-section.entry.93af999f.js}

@@ -1,4 +1,4 @@
-import { r as s, h as t, H as e } from "./index.0785d184.js";
+import { r as s, h as t, H as e } from "./index.bd28426e.js";
 import "react";
 import "react-dom";
 const a = ":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}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.action-list-section__label{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);padding:var(--s-space-8) var(--s-space-12)}}", l = class {

package/dist/{swirl-action-list_3.entry.0607290f.js → swirl-action-list_3.entry.3d0463da.js}

@@ -1,11 +1,11 @@
-import { r as n, h as e, H as r, g as l } from "./index.0785d184.js";
+import { r as a, h as e, H as r, g as l } from "./index.bd28426e.js";
 import { q as c, g as d, a as h } from "./utils-61f188cc.4a43deab.js";
 import { c as u } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";
-const m = ":host{display:block;width:100%}:host *{box-sizing:border-box}.action-list{background-color:var(--s-surface-overlay-default)}", v = class {
+const m = ":host{display:block;width:100%}:host *{box-sizing:border-box}.action-list{background-color:var(--s-surface-overlay-default)}", p = class {
   constructor(i) {
-    n(this, i), this.onKeyDown = (t) => {
+    a(this, i), this.onKeyDown = (t) => {
       t.code === "ArrowDown" || t.code === "ArrowRight" ? (t.preventDefault(), this.focusNextItem()) : (t.code === "ArrowUp" || t.code === "ArrowLeft") && (t.preventDefault(), this.focusPreviousItem());
     };
   }
@@ -44,10 +44,10 @@ const m = ":host{display:block;width:100%}:host *{box-sizing:border-box}.action-
     return l(this);
   }
 };
-v.style = m;
-const p = ":host{display:block}:host *{box-sizing:border-box}.action-list-item{display:inline-flex;width:100%;min-width:15rem;margin:0;padding:var(--s-space-12) var(--s-space-16);justify-content:flex-start;align-items:center;border:none;color:var(--s-text-default);background-color:var(--s-surface-overlay-default);font:inherit;line-height:var(--s-line-height-base);text-align:left;cursor:pointer;gap:var(--s-space-12)}.action-list-item:hover{background-color:var(--s-surface-overlay-hovered)}.action-list-item:focus{outline:none}.action-list-item:focus-visible{background-color:var(--s-surface-overlay-hovered)}.action-list-item:active{background-color:var(--s-surface-overlay-pressed)}.action-list-item:disabled{background-color:var(--s-surface-overlay-default);cursor:default}.action-list-item:disabled .action-list-item__label,.action-list-item:disabled .action-list-item__description{color:var(--s-text-disabled)}.action-list-item:disabled .action-list-item__icon{color:var(--s-icon-disabled)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.action-list-item{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);gap:var(--s-space-8)}}.action-list-item--size-l{padding:var(--s-space-16)}.action-list-item--intent-critical ::part(icon){color:var(--s-icon-critical)}.action-list-item--intent-critical:not(:disabled) .action-list-item__label{color:var(--s-text-critical)}.action-list-item--intent-critical:not(:disabled) .action-list-item__icon{color:var(--s-icon-critical)}.action-list-item__icon{display:inline-flex;flex-shrink:0;color:var(--s-icon-default)}.action-list-item__label-container{display:inline-flex;min-width:0;flex-grow:1;align-items:flex-start;flex-direction:column}.action-list-item__label{overflow:hidden;max-width:100%;font-weight:var(--s-font-weight-medium);white-space:nowrap;text-overflow:ellipsis}.action-list-item__description{color:var(--s-text-subdued)}.action-list-item__suffix{display:inline-flex;flex-shrink:0;color:var(--s-icon-highlight)}", f = class {
+p.style = m;
+const v = ":host{display:block}:host *{box-sizing:border-box}.action-list-item{display:inline-flex;width:100%;min-width:15rem;margin:0;padding:var(--s-space-12) var(--s-space-16);justify-content:flex-start;align-items:center;border:none;color:var(--s-text-default);background-color:var(--s-surface-overlay-default);font:inherit;line-height:var(--s-line-height-base);text-align:left;cursor:pointer;gap:var(--s-space-12)}.action-list-item:hover{background-color:var(--s-surface-overlay-hovered)}.action-list-item:focus{outline:none}.action-list-item:focus-visible{background-color:var(--s-surface-overlay-hovered)}.action-list-item:active{background-color:var(--s-surface-overlay-pressed)}.action-list-item:disabled{background-color:var(--s-surface-overlay-default);cursor:default}.action-list-item:disabled .action-list-item__label,.action-list-item:disabled .action-list-item__description{color:var(--s-text-disabled)}.action-list-item:disabled .action-list-item__icon{color:var(--s-icon-disabled)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.action-list-item{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);gap:var(--s-space-8)}}.action-list-item--size-l{padding:var(--s-space-16)}.action-list-item--intent-critical ::part(icon){color:var(--s-icon-critical)}.action-list-item--intent-critical:not(:disabled) .action-list-item__label{color:var(--s-text-critical)}.action-list-item--intent-critical:not(:disabled) .action-list-item__icon{color:var(--s-icon-critical)}.action-list-item__icon{display:inline-flex;flex-shrink:0;color:var(--s-icon-default)}.action-list-item__label-container{display:inline-flex;min-width:0;flex-grow:1;align-items:flex-start;flex-direction:column}.action-list-item__label{overflow:hidden;max-width:100%;font-weight:var(--s-font-weight-medium);white-space:nowrap;text-overflow:ellipsis}.action-list-item__description{color:var(--s-text-subdued)}.action-list-item__suffix{display:inline-flex;flex-shrink:0;color:var(--s-icon-highlight)}", f = class {
   constructor(i) {
-    n(this, i), this.desktopMediaQuery = h(), this.desktopMediaQueryHandler = (t) => {
+    a(this, i), this.desktopMediaQuery = h(), this.desktopMediaQueryHandler = (t) => {
       this.forceIconProps(t.matches);
     }, this.disabled = void 0, this.description = void 0, this.icon = void 0, this.intent = "default", this.label = void 0, this.size = "m", this.suffix = void 0;
   }
@@ -64,26 +64,30 @@ const p = ":host{display:block}:host *{box-sizing:border-box}.action-list-item{d
   }
   forceIconProps(i) {
     var t, s;
-    const o = (t = this.iconEl) === null || t === void 0 ? void 0 : t.children[0], a = (s = this.suffixEl) === null || s === void 0 ? void 0 : s.children[0];
-    o == null || o.setAttribute("size", i ? "20" : "24"), a == null || a.setAttribute("size", i ? "20" : "24");
+    const o = (t = this.iconEl) === null || t === void 0 ? void 0 : t.children[0], n = (s = this.suffixEl) === null || s === void 0 ? void 0 : s.children[0];
+    o == null || o.setAttribute("size", i ? "20" : "24"), n == null || n.setAttribute("size", i ? "20" : "24");
   }
   render() {
     const i = Boolean(this.suffix) && !this.disabled, t = u("action-list-item", `action-list-item--intent-${this.intent}`, `action-list-item--size-${this.size}`);
     return e(r, null, e("button", { class: t, disabled: this.disabled, part: "action-list-item", role: "menuitem", tabIndex: -1, type: "button" }, this.icon && e("span", { class: "action-list-item__icon", innerHTML: this.icon, ref: (s) => this.iconEl = s }), e("span", { class: "action-list-item__label-container" }, e("span", { class: "action-list-item__label" }, this.label), this.description && e("span", { class: "action-list-item__description" }, this.description)), i && e("span", { class: "action-list-item__suffix", innerHTML: this.suffix, ref: (s) => this.suffixEl = s })));
   }
 };
-f.style = p;
-const b = ":host{display:flex;width:100%;padding-top:var(--s-space-8);padding-bottom:var(--s-space-8);align-items:center}:host *{box-sizing:border-box}.separator__line{display:block;width:100%;height:var(--s-border-width-default);background-color:var(--s-border-default)}", x = class {
+f.style = v;
+const b = ":host{display:flex;width:100%;align-items:center}:host *{box-sizing:border-box}.separator__line{display:block;width:100%;height:var(--s-border-width-default);background-color:var(--s-border-default)}", g = class {
   constructor(i) {
-    n(this, i);
+    a(this, i), this.spacing = "8";
   }
   render() {
-    return e(r, { class: "separator", role: "separator" }, e("span", { class: "separator__line" }));
+    const i = {
+      paddingTop: `var(--s-space-${this.spacing})`,
+      paddingBottom: `var(--s-space-${this.spacing})`
+    };
+    return e(r, { class: "separator", role: "separator", style: i }, e("span", { class: "separator__line" }));
   }
 };
-x.style = b;
+g.style = b;
 export {
-  v as swirl_action_list,
+  p as swirl_action_list,
   f as swirl_action_list_item,
-  x as swirl_separator
+  g as swirl_separator
 };

package/dist/{swirl-app-bar.entry.41a97e4b.js → swirl-app-bar.entry.34596809.js}

@@ -1,4 +1,4 @@
-import { r as e, c as o, h as t, H as n, g as a } from "./index.0785d184.js";
+import { r as e, c as o, h as t, H as n, g as a } from "./index.bd28426e.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-app-icon.entry.46697585.js → swirl-app-icon.entry.ad91502c.js}

@@ -1,4 +1,4 @@
-import { r as o, h as e, H as t } from "./index.0785d184.js";
+import { r as o, h as e, H as t } from "./index.bd28426e.js";
 import { c as n } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-app-layout_7.entry.202a3168.js → swirl-app-layout_7.entry.9d8d72f6.js}

@@ -1,4 +1,4 @@
-import { r as s, c as r, h as a, H as l, g as d, F as n } from "./index.0785d184.js";
+import { r as s, c as r, h as a, H as l, g as d, F as n } from "./index.bd28426e.js";
 import { c as p } from "./index-d280dafb.186cdb0e.js";
 import { i as u } from "./utils-61f188cc.4a43deab.js";
 import "react";

package/dist/{swirl-autocomplete.entry.1ff93689.js → swirl-autocomplete.entry.be731941.js}

@@ -1,4 +1,4 @@
-import { r as n, c as r, h as o, H as u, g as c } from "./index.0785d184.js";
+import { r as n, c as r, h as o, H as u, g as c } from "./index.bd28426e.js";
 import { a as h, c as d, o as p } from "./floating-ui.dom.esm-b9f28f6d.15013ef7.js";
 import { c as m } from "./index-d280dafb.186cdb0e.js";
 import { d as b } from "./utils-61f188cc.4a43deab.js";

package/dist/{swirl-avatar-group.entry.3bc16465.js → swirl-avatar-group.entry.81ab4113.js}

@@ -1,4 +1,4 @@
-import { r as s, h as a, H as i } from "./index.0785d184.js";
+import { r as s, h as a, H as i } from "./index.bd28426e.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-avatar.entry.1dccd018.js → swirl-avatar.entry.66b1f663.js}

@@ -1,4 +1,4 @@
-import { r as h, h as i, H as u, g } from "./index.0785d184.js";
+import { r as h, h as i, H as u, g } from "./index.bd28426e.js";
 import { c as s } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-badge.entry.a0126581.js → swirl-badge.entry.5d2eacc5.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, H as i } from "./index.0785d184.js";
+import { r as t, h as e, H as i } from "./index.bd28426e.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-banner.entry.8fdc44de.js → swirl-banner.entry.5d0cf5e3.js}

@@ -1,4 +1,4 @@
-import { r as o, c as r, h as i, H as c, g as l } from "./index.0785d184.js";
+import { r as o, c as r, h as i, H as c, g as l } from "./index.bd28426e.js";
 import { c as b } from "./index-d280dafb.186cdb0e.js";
 import { a as d } from "./utils-61f188cc.4a43deab.js";
 import "react";

package/dist/{swirl-button-group.entry.9c3fe843.js → swirl-button-group.entry.0da1601d.js}

@@ -1,4 +1,4 @@
-import { r as s, h as r, H as i } from "./index.0785d184.js";
+import { r as s, h as r, H as i } from "./index.bd28426e.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-button.entry.17fccac8.js → swirl-button.entry.6d8e83fa.js}

@@ -1,4 +1,4 @@
-import { r as e, h as o, H as l } from "./index.0785d184.js";
+import { r as e, h as o, H as l } from "./index.bd28426e.js";
 import { c as u } from "./index-d280dafb.186cdb0e.js";
 import { a as b } from "./utils-61f188cc.4a43deab.js";
 import "react";

package/dist/{swirl-card.entry.f819bce8.js → swirl-card.entry.5b436ca8.js}

@@ -1,4 +1,4 @@
-import { r as s, h as e, H as n, g as o } from "./index.0785d184.js";
+import { r as s, h as e, H as n, g as o } from "./index.bd28426e.js";
 import { c } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-carousel-slide.entry.3f7d29a6.js → swirl-carousel-slide.entry.024dbe84.js}

@@ -1,4 +1,4 @@
-import { r as e, h as i, H as t } from "./index.0785d184.js";
+import { r as e, h as i, H as t } from "./index.bd28426e.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-carousel.entry.1f4f6906.js → swirl-carousel.entry.f4f8918c.js}

@@ -1,4 +1,4 @@
-import { r as n, c as a, h as l, H as r, g as c } from "./index.0785d184.js";
+import { r as n, c as a, h as l, H as r, g as c } from "./index.bd28426e.js";
 import { d } from "./utils-61f188cc.4a43deab.js";
 import "react";
 import "react-dom";

package/dist/{swirl-checkbox.entry.db3868d1.js → swirl-checkbox.entry.db9b2ec9.js}

@@ -1,4 +1,4 @@
-import { r as t, c as a, h as c, H as n } from "./index.0785d184.js";
+import { r as t, c as a, h as c, H as n } from "./index.bd28426e.js";
 import { c as b } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-chip.entry.834e450f.js → swirl-chip.entry.5e0bced5.js}

@@ -1,4 +1,4 @@
-import { r as o, h as r, H as c, g as n } from "./index.0785d184.js";
+import { r as o, h as r, H as c, g as n } from "./index.bd28426e.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import { a as h } from "./utils-61f188cc.4a43deab.js";
 import "react";

package/dist/{swirl-columns.entry.9ffff14e.js → swirl-columns.entry.65defe84.js}

@@ -1,4 +1,4 @@
-import { r as t, h as s, H as i } from "./index.0785d184.js";
+import { r as t, h as s, H as i } from "./index.bd28426e.js";
 import "react";
 import "react-dom";
 const l = ":host{display:block}:host *{box-sizing:border-box}.columns{display:grid;width:100%}", r = class {

package/dist/swirl-components-react.js

@@ -1,4 +1,4 @@
-import { a as s, S as o, b as w, d as S, e as n, f as e, i as c, j as t, k as I, l as b, m as d, n as u, o as p, p as m, q as C, s as h, t as A, u as g, v as F, w as L, x as T, y as k, z as f, A as P, B as R, C as v, D as M, E as V, G as D, I as O, J as x, K as y, L as B, M as G, N as E, O as N, P as H, Q as U, R as j, T as z, U as W, V as q, W as J, X as K, Y as Q, Z as X, _ as Y, $ as Z, a0 as _, a1 as $, a2 as aa, a3 as ia, a4 as ra, a5 as la, a6 as sa, a7 as oa, a8 as wa, a9 as Sa, aa as na, ab as ea, ac as ca, ad as ta, ae as Ia, af as ba, ag as da, ah as ua, ai as pa, aj as ma, ak as Ca, al as ha, am as Aa, an as ga, ao as Fa, ap as La, aq as Ta, ar as ka, as as fa, at as Pa, au as Ra, av as va, aw as Ma, ax as Va, ay as Da, az as Oa, aA as xa, aB as ya, aC as Ba, aD as Ga, aE as Ea, aF as Na, aG as Ha, aH as Ua, aI as ja, aJ as za, aK as Wa, aL as qa, aM as Ja, aN as Ka, aO as Qa, aP as Xa, aQ as Ya, aR as Za, aS as _a, aT as $a, aU as ai, aV as ii, aW as ri, aX as li, aY as si, aZ as oi, a_ as wi, a$ as Si, b0 as ni, b1 as ei, b2 as ci, b3 as ti, b4 as Ii, b5 as bi, b6 as di, b7 as ui, b8 as pi, b9 as mi, ba as Ci, bb as hi, bc as Ai, bd as gi, be as Fi, bf as Li, bg as Ti, bh as ki, bi as fi, bj as Pi, bk as Ri, bl as vi, bm as Mi, bn as Vi, bo as Di, bp as Oi, bq as xi, br as yi, bs as Bi, bt as Gi, bu as Ei, bv as Ni, bw as Hi, bx as Ui, by as ji, bz as zi, bA as Wi, bB as qi, bC as Ji, bD as Ki, bE as Qi, bF as Xi, bG as Yi, bH as Zi, bI as _i, bJ as $i, bK as ar, bL as ir, bM as rr, bN as lr, bO as sr, bP as or, bQ as wr, bR as Sr, bS as nr, bT as er, bU as cr, bV as tr, bW as Ir, bX as br, bY as dr, bZ as ur, b_ as pr, b$ as mr, c0 as Cr, c1 as hr, c2 as Ar, c3 as gr, c4 as Fr, c5 as Lr, c6 as Tr, c7 as kr, c8 as fr } from "./index.0785d184.js";
+import { a as s, S as o, b as w, d as S, e as n, f as e, i as c, j as t, k as I, l as b, m as d, n as u, o as p, p as m, q as C, s as h, t as A, u as g, v as F, w as L, x as T, y as k, z as f, A as P, B as R, C as v, D as M, E as V, G as D, I as O, J as x, K as y, L as B, M as G, N as E, O as N, P as H, Q as U, R as j, T as z, U as W, V as q, W as J, X as K, Y as Q, Z as X, _ as Y, $ as Z, a0 as _, a1 as $, a2 as aa, a3 as ia, a4 as ra, a5 as la, a6 as sa, a7 as oa, a8 as wa, a9 as Sa, aa as na, ab as ea, ac as ca, ad as ta, ae as Ia, af as ba, ag as da, ah as ua, ai as pa, aj as ma, ak as Ca, al as ha, am as Aa, an as ga, ao as Fa, ap as La, aq as Ta, ar as ka, as as fa, at as Pa, au as Ra, av as va, aw as Ma, ax as Va, ay as Da, az as Oa, aA as xa, aB as ya, aC as Ba, aD as Ga, aE as Ea, aF as Na, aG as Ha, aH as Ua, aI as ja, aJ as za, aK as Wa, aL as qa, aM as Ja, aN as Ka, aO as Qa, aP as Xa, aQ as Ya, aR as Za, aS as _a, aT as $a, aU as ai, aV as ii, aW as ri, aX as li, aY as si, aZ as oi, a_ as wi, a$ as Si, b0 as ni, b1 as ei, b2 as ci, b3 as ti, b4 as Ii, b5 as bi, b6 as di, b7 as ui, b8 as pi, b9 as mi, ba as Ci, bb as hi, bc as Ai, bd as gi, be as Fi, bf as Li, bg as Ti, bh as ki, bi as fi, bj as Pi, bk as Ri, bl as vi, bm as Mi, bn as Vi, bo as Di, bp as Oi, bq as xi, br as yi, bs as Bi, bt as Gi, bu as Ei, bv as Ni, bw as Hi, bx as Ui, by as ji, bz as zi, bA as Wi, bB as qi, bC as Ji, bD as Ki, bE as Qi, bF as Xi, bG as Yi, bH as Zi, bI as _i, bJ as $i, bK as ar, bL as ir, bM as rr, bN as lr, bO as sr, bP as or, bQ as wr, bR as Sr, bS as nr, bT as er, bU as cr, bV as tr, bW as Ir, bX as br, bY as dr, bZ as ur, b_ as pr, b$ as mr, c0 as Cr, c1 as hr, c2 as Ar, c3 as gr, c4 as Fr, c5 as Lr, c6 as Tr, c7 as kr, c8 as fr, c9 as Pr } from "./index.bd28426e.js";
 import "react";
 import "react-dom";
 export {
@@ -143,48 +143,49 @@ export {
   xi as SwirlIconVisibilityOff,
   yi as SwirlIconWarning,
   Bi as SwirlInlineError,
-  Gi as SwirlLightbox,
-  Ei as SwirlLink,
-  Ni as SwirlList,
-  Hi as SwirlModal,
-  Ui as SwirlOptionList,
-  ji as SwirlOptionListItem,
-  zi as SwirlOptionListSection,
-  Wi as SwirlPagination,
-  qi as SwirlPdfReader,
-  Ji as SwirlPopover,
-  Ki as SwirlProgressIndicator,
-  Qi as SwirlRadio,
-  Xi as SwirlRadioGroup,
-  Yi as SwirlResourceList,
-  Zi as SwirlResourceListFileItem,
-  _i as SwirlResourceListItem,
-  $i as SwirlSearch,
-  ar as SwirlSelect,
-  ir as SwirlSeparator,
-  rr as SwirlShellLayout,
-  lr as SwirlShellNavigationItem,
-  sr as SwirlSkeletonBox,
-  or as SwirlSkeletonText,
-  wr as SwirlSpinner,
-  Sr as SwirlStack,
-  nr as SwirlSwitch,
-  er as SwirlTab,
-  cr as SwirlTable,
-  tr as SwirlTableCell,
-  Ir as SwirlTableColumn,
-  br as SwirlTableRow,
-  dr as SwirlTableRowGroup,
-  ur as SwirlTabs,
-  pr as SwirlTag,
-  mr as SwirlText,
-  Cr as SwirlTextInput,
-  hr as SwirlThemeProvider,
-  Ar as SwirlThumbnail,
-  gr as SwirlToast,
-  Fr as SwirlToastProvider,
-  Lr as SwirlTooltip,
-  Tr as SwirlTreeNavigationItem,
-  kr as SwirlVideoThumbnail,
-  fr as SwirlVisuallyHidden
+  Gi as SwirlInlineNotification,
+  Ei as SwirlLightbox,
+  Ni as SwirlLink,
+  Hi as SwirlList,
+  Ui as SwirlModal,
+  ji as SwirlOptionList,
+  zi as SwirlOptionListItem,
+  Wi as SwirlOptionListSection,
+  qi as SwirlPagination,
+  Ji as SwirlPdfReader,
+  Ki as SwirlPopover,
+  Qi as SwirlProgressIndicator,
+  Xi as SwirlRadio,
+  Yi as SwirlRadioGroup,
+  Zi as SwirlResourceList,
+  _i as SwirlResourceListFileItem,
+  $i as SwirlResourceListItem,
+  ar as SwirlSearch,
+  ir as SwirlSelect,
+  rr as SwirlSeparator,
+  lr as SwirlShellLayout,
+  sr as SwirlShellNavigationItem,
+  or as SwirlSkeletonBox,
+  wr as SwirlSkeletonText,
+  Sr as SwirlSpinner,
+  nr as SwirlStack,
+  er as SwirlSwitch,
+  cr as SwirlTab,
+  tr as SwirlTable,
+  Ir as SwirlTableCell,
+  br as SwirlTableColumn,
+  dr as SwirlTableRow,
+  ur as SwirlTableRowGroup,
+  pr as SwirlTabs,
+  mr as SwirlTag,
+  Cr as SwirlText,
+  hr as SwirlTextInput,
+  Ar as SwirlThemeProvider,
+  gr as SwirlThumbnail,
+  Fr as SwirlToast,
+  Lr as SwirlToastProvider,
+  Tr as SwirlTooltip,
+  kr as SwirlTreeNavigationItem,
+  fr as SwirlVideoThumbnail,
+  Pr as SwirlVisuallyHidden
 };