@treely/strapi-slices 8.0.0 → 8.0.2

package/dist/index.cjs

@@ -5888,13 +5888,11 @@ var CtaOnly_default = CtaOnly;
 var import_react35 = require("react");
 var import_boemly39 = require("boemly");
 var import_react36 = require("@phosphor-icons/react");
-var import_core6 = require("@reactuses/core");
 var import_jsx_runtime38 = require("react/jsx-runtime");
 var Glossary = ({ slice }) => {
   const { formatMessage } = (0, import_react35.useContext)(IntlContext);
   const grouped = {};
   const [copiedItem, setCopiedItem] = (0, import_react35.useState)();
-  const [, copyToClipboard] = (0, import_core6.useCopyToClipboard)();
   slice.glossary_items.sort((a, b) => a.attributes.title.localeCompare(b.attributes.title)).forEach((curr) => {
     const index = curr.attributes.title.at(0)?.toUpperCase() || "A";
     if (!grouped[index]) {
@@ -5903,9 +5901,9 @@ var Glossary = ({ slice }) => {
     grouped[index].push(curr.attributes);
   }, {});
   const handleAnchorClick = async (slug) => {
-    if (typeof window !== "undefined" && window.location) {
+    if (typeof window !== "undefined" && window.location && navigator.clipboard) {
       const currentUrl = window.location.href.split("#")[0];
-      copyToClipboard(`${currentUrl}#${slug}`);
+      await navigator.clipboard.writeText(`${currentUrl}#${slug}`);
       setCopiedItem(slug);
       setTimeout(() => {
         setCopiedItem(void 0);
@@ -6228,22 +6226,16 @@ var Facts = ({ slice }) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
       /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
         import_boemly41.Flex,
         {
-          justifyContent: slice.facts.length <= 4 ? "center" : "flex-start",
+          justifyContent: slice.facts.length < 3 ? "center" : "flex-start",
           alignItems: "center",
           flexWrap: "wrap",
           mx: [null, null, null, "22", "28"],
           flexDir: ["column", null, null, "row"],
-          gap: [null, null, null, "12"],
           children: slice.facts.map((fact) => /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
             import_boemly41.Flex,
             {
               flexDir: "column",
-              width: [
-                "var(--boemly-sizes-full)",
-                null,
-                null,
-                "calc((var(--boemly-sizes-full) - var(--boemly-space-24))/ 3 )"
-              ],
+              width: ["100%", null, null, "calc(100% / 3)"],
               mt: ["8", "8", "8", slice.facts.length > 3 ? "16" : "0"],
               children: [
                 /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
@@ -7466,7 +7458,7 @@ var import_react50 = require("react");
 var import_boemly54 = require("boemly");
 var import_image31 = __toESM(require("next/image"), 1);
 var import_embla_carousel_react = __toESM(require("embla-carousel-react"), 1);
-var import_core7 = require("@reactuses/core");
+var import_core6 = require("@reactuses/core");
 var import_embla_carousel_auto_scroll = __toESM(require("embla-carousel-auto-scroll"), 1);
 
 // src/slices/CarouselMarqueeBanner/styles.ts
@@ -7508,7 +7500,7 @@ var CarouselMarqueeBannerContent = ({
   slice
 }) => {
   const [primary50] = (0, import_boemly54.useToken)("colors", ["primary.50"]);
-  const { width: windowWidth } = (0, import_core7.useWindowSize)();
+  const { width: windowWidth } = (0, import_core6.useWindowSize)();
   const hasEnoughLogosForLoop = slice.logos.length >= 5;
   const LOOP_ARRAY_LENGTH = windowWidth > 2e3 ? 5 : 4;
   const logosToRender = hasEnoughLogosForLoop ? Array.from({ length: LOOP_ARRAY_LENGTH }, () => slice.logos).flat() : slice.logos;