@cooperco/cooper-component-library 0.1.133 → 0.1.134

package/dist/lib/component-lib.js

@@ -9651,8 +9651,8 @@ function Ol() {
 Ol();
 const Fl = ["innerHTML"], Dl = ["innerHTML"], Rl = ["src"], jl = {
   key: 2,
-  class: "relative z-10 w-full"
-}, Hl = { class: "relative z-10 mt-4 flex flex-wrap items-center justify-center gap-6" }, zl = { class: "flex flex-wrap items-center justify-center gap-4" }, Nl = ["aria-label", "aria-current", "onClick"], Vl = /* @__PURE__ */ o2({
+  class: "relative z-10 w-full min-w-[150px] md:min-w-[350px] overflow-hidden"
+}, Hl = { class: "relative z-10 mt-4 flex flex-wrap items-center justify-center gap-3 md:gap-6" }, zl = { class: "flex flex-wrap items-center justify-center gap-4" }, Nl = ["aria-label", "aria-current", "onClick"], Vl = /* @__PURE__ */ o2({
   __name: "TileContentImageStackedAnimatedTile",
   props: {
     __typename: {},
@@ -9693,11 +9693,12 @@ const Fl = ["innerHTML"], Dl = ["innerHTML"], Rl = ["src"], jl = {
       i.value >= _.length && (i.value = 0);
     });
     const g = {
+      root: "w-full",
       itemscontent: "overflow-hidden w-full rounded-full",
       itemscontainer: "flex",
       item: "flex shrink-0 grow w-full"
-    }, p = (_) => N(
-      "w-full min-w-[150px] md:min-w-[350px] relative rounded-full z-10",
+    }, p = (_, E = !1) => N(
+      E ? "w-full relative rounded-full z-10" : "w-full min-w-[150px] md:min-w-[350px] relative rounded-full z-10",
       _ == null ? void 0 : _.class
     ), b = A(() => {
       var _;
@@ -9749,7 +9750,7 @@ const Fl = ["innerHTML"], Dl = ["innerHTML"], Rl = ["src"], jl = {
                   key: 0,
                   ref_key: "target",
                   ref: e,
-                  class: x(`tile-content-media relative ${((F = s.value) == null ? void 0 : F.media) ?? ""} max-w-[350px]`)
+                  class: x(`tile-content-media relative ${((F = s.value) == null ? void 0 : F.media) ?? ""} ${u.value ? "max-w-[150px] md:max-w-[350px]" : "max-w-[350px]"}`)
                 }, [
                   _.includeDecoration ? (m(), v("img", {
                     key: 0,
@@ -9802,7 +9803,7 @@ const Fl = ["innerHTML"], Dl = ["innerHTML"], Rl = ["src"], jl = {
                     }, {
                       item: m2(($2) => [
                         B2(_2, H($2.data, {
-                          class: p($2.data)
+                          class: p($2.data, !0)
                         }), null, 16, ["class"])
                       ]),
                       _: 1
@@ -9870,7 +9871,7 @@ const Fl = ["innerHTML"], Dl = ["innerHTML"], Rl = ["src"], jl = {
       ], 2);
     };
   }
-}), Wl = /* @__PURE__ */ Ze(Vl, [["__scopeId", "data-v-a23f5d64"]]), Ul = { key: 0 }, ql = /* @__PURE__ */ o2({
+}), Wl = /* @__PURE__ */ Ze(Vl, [["__scopeId", "data-v-de58d6ae"]]), Ul = { key: 0 }, ql = /* @__PURE__ */ o2({
   __name: "HelloBanner",
   props: {
     __typename: {},