@febv/react-island-components 0.1.0-alpha.5 → 0.1.0-alpha.6

package/dist/react-island-components.es.js

@@ -63693,6 +63693,7 @@ const Tm = `*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--t
     tagName: "ri-configure-page",
     observedAttributes: ["layout", "event-key"],
     useShadowDom: !0,
+    hostDisplay: "contents",
     component: Xce,
     styles: [Tm],
     contract: {
@@ -63709,6 +63710,7 @@ const Tm = `*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--t
     tagName: "ri-configure-page-header",
     observedAttributes: ["event-key"],
     useShadowDom: !0,
+    hostDisplay: "contents",
     component: Cce,
     styles: [Tm],
     contract: {
@@ -63736,6 +63738,7 @@ const Tm = `*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--t
     tagName: "ri-configure-page-body",
     observedAttributes: ["event-key"],
     useShadowDom: !0,
+    hostDisplay: "contents",
     component: zce,
     styles: [Tm],
     contract: {
@@ -63751,6 +63754,7 @@ const Tm = `*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--t
     tagName: "ri-configure-page-content",
     observedAttributes: ["event-key"],
     useShadowDom: !0,
+    hostDisplay: "contents",
     component: Ece,
     styles: [Tm],
     contract: {
@@ -63767,6 +63771,7 @@ const Tm = `*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--t
     tagName: "ri-configure-page-aside",
     observedAttributes: ["event-key"],
     useShadowDom: !0,
+    hostDisplay: "contents",
     component: Zce,
     styles: [Tm],
     contract: {
@@ -63791,13 +63796,17 @@ const Tm = `*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--t
     ];
   })
 ), QXe = Object.entries(Ace).map(
-  ([t, e]) => ({
-    componentName: t,
-    tagName: e.tagName,
-    observedAttributes: e.observedAttributes,
-    useShadowDom: e.useShadowDom,
-    styles: "styles" in e ? e.styles : void 0
-  })
+  ([t, e]) => {
+    const r = e;
+    return {
+      componentName: t,
+      tagName: r.tagName,
+      observedAttributes: r.observedAttributes,
+      useShadowDom: r.useShadowDom,
+      styles: r.styles,
+      hostDisplay: r.hostDisplay
+    };
+  }
 ), rZ = Zpe({
   registry: $Xe,
   eventNamespace: "react-island"
@@ -63859,13 +63868,19 @@ function XXe(t) {
       var n;
       if (!this.mountContainer) {
         const a = t.useShadowDom !== !1, i = a ? this.attachShadow({ mode: "open" }) : this;
-        if (a && (i.appendChild(RXe()), (n = t.styles) != null && n.length))
-          for (const s of t.styles) {
-            const l = document.createElement("style");
-            l.textContent = s, i.appendChild(l);
-          }
+        if (a) {
+          if (i.appendChild(RXe()), t.hostDisplay) {
+            const s = document.createElement("style");
+            s.textContent = `:host { display: ${t.hostDisplay}; }`, i.appendChild(s);
+          }
+          if ((n = t.styles) != null && n.length)
+            for (const s of t.styles) {
+              const l = document.createElement("style");
+              l.textContent = s, i.appendChild(l);
+            }
+        }
         const o = document.createElement("div");
-        o.className = PXe, i.appendChild(o), this.mountContainer = o;
+        o.className = PXe, t.hostDisplay === "contents" && (o.style.display = "contents"), i.appendChild(o), this.mountContainer = o;
       }
       this.render(!0);
     }