@websolutespa/bom-mixer-ui 0.0.1

package/dist/chunk-GNG6WR62.mjs

@@ -0,0 +1,220 @@
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues,
+  getAspectResponsive,
+  getCssResponsive
+} from "./chunk-B5WDQW62.mjs";
+
+// src/components/media/media-image.tsx
+import { getClassNames } from "@websolutespa/bom-mixer-core";
+import styled from "styled-components";
+import { jsx } from "react/jsx-runtime";
+var StyledMediaImage = styled.img`
+  max-width: 100%;
+  // height: auto;
+  user-select: none;
+`;
+var MediaImage = (_a) => {
+  var _b = _a, { alt = "", className, type } = _b, props = __objRest(_b, ["alt", "className", "type"]);
+  const classNames = getClassNames(className, "image", { "image-svg": isSVG(props.src) });
+  const imageProps = getImageProps(props);
+  return /* @__PURE__ */ jsx(StyledMediaImage, __spreadValues({ className: classNames, alt, loading: "lazy" }, imageProps));
+};
+function getImageProps(_a) {
+  var _b = _a, { src } = _b, props = __objRest(_b, ["src"]);
+  const ratio = props.width && props.height ? parseInt(props.width.toString()) / parseInt(props.height.toString()) : 0;
+  const sizes = [640, 828, 1080, 1200, 1920];
+  return __spreadValues({
+    src: getImageSrc(src, ratio, sizes[0]),
+    srcSet: getImageSrcset(src, ratio, sizes),
+    sizes: ratio !== 0 ? getImageSizes(sizes) : "100vw"
+  }, props);
+}
+function getImageSrc(src, ratio, width, quality = 75) {
+  if (isSVG(src)) {
+    return src;
+  }
+  return ratio !== 0 ? `/_next/image?url=${encodeURIComponent(src)}&w=${width}&h=${width / ratio}&q=${quality}` : `/_next/image?url=${encodeURIComponent(src)}&w=${width}&q=${quality}`;
+}
+function getImageSrcset(src, ratio, widths, quality = 75) {
+  if (isSVG(src)) {
+    return void 0;
+  }
+  return widths.map((width) => getImageSrc(src, ratio, width, quality) + ` ${width}w`).join(", ");
+}
+function getImageSizes(widths) {
+  return widths.map((width, i) => `${i < widths.length - 1 ? `(max-width: ${width}px) ` : ""}${width}px`).join(", ");
+}
+function isSVG(src) {
+  return src.indexOf(".svg") !== -1;
+}
+
+// src/components/media/media.tsx
+import { getClassNames as getClassNames2, withSchema } from "@websolutespa/bom-mixer-core";
+import { forwardRef } from "react";
+import styled2, { css } from "styled-components";
+
+// src/components/media-gallery/media-gallery-context.tsx
+import { createContext, useContext } from "react";
+var MediaGalleryContext = createContext({});
+function useMediaGalleryContext() {
+  return useContext(MediaGalleryContext);
+}
+
+// src/components/media/media.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var StyledMediaInfo = styled2.div`
+  position: absolute;
+  display: flex;
+  flex-direction: column;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 1;
+  color: var(--color-neutral-100);
+
+  ${(props) => getCssResponsive(props)}
+`;
+var MediaInfo = (_a) => {
+  var _b = _a, { children, className } = _b, props = __objRest(_b, ["children", "className"]);
+  const classNames = getClassNames2(className, "media-info");
+  return /* @__PURE__ */ jsx2(StyledMediaInfo, __spreadProps(__spreadValues({ className: classNames }, props), { children }));
+};
+var StyledMedia = styled2.div`
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  // color: var(--color-neutral-100);
+
+  ${(props) => getCssResponsive(props)}
+
+  &>:not(.media-info) {
+    width: 100%;
+    height: 100%;
+  }
+
+  &>.image:not(.image-svg),
+  &>video,
+  &>.video {
+    object-fit: cover;
+    background: var(--color-neutral-200);
+  }
+
+  &>svg {
+    height: 100%;
+  }
+
+  &.media--gallery {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    overflow: hidden;
+    cursor: pointer;
+
+    &>:not(.media-info) {
+      transition: ease-in-out 200ms;
+      transition-property: transform, opacity;
+    }
+
+    &:hover {
+      &>:not(.media-info) {
+        transform: scale(1.05);
+      }
+    }
+  }
+
+  ${(props) => props.circle ? css`
+      aspect-ratio: 1;
+      overflow: hidden;
+      border-radius: 50%;
+      &>* {
+        top: 0;
+        left: 0;
+        height: 100%;
+      }
+    ` : ""};
+
+    ${(props) => props.rounded ? css`
+      overflow: hidden;
+      border-radius: var(--border-radius);
+    ` : ""};
+
+  ${(props) => getAspectResponsive(props, props.circle ? { aspectRatio: 1 } : void 0)};
+
+  ${(props) => props.overlay ? css`
+    position: relative;
+
+    &:after {
+      content: '';
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      ${typeof props.overlay === "number" ? css`background: rgba(0,0,0,${props.overlay})` : css`background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.1) 15.9%, rgba(0, 0, 0, 0) 41.67%, rgba(0, 0, 0, 0.1) 61.79%, rgba(0, 0, 0, 0.6) 100%)`};
+    }
+  ` : ""}
+`;
+var MediaBase = forwardRef((_a, ref) => {
+  var _b = _a, { children, item, onClick, className, as = "div" } = _b, props = __objRest(_b, ["children", "item", "onClick", "className", "as"]);
+  const { id, open } = useMediaGalleryContext();
+  const classNames = getClassNames2(className, "media", { "media--gallery": id });
+  const mediaChildren = item && !children ? getMediaItems(item, {
+    aspectRatio: props.aspectRatio,
+    eager: props.eager,
+    galleryId: id,
+    open
+  }) : children;
+  return /* @__PURE__ */ jsx2(StyledMedia, __spreadProps(__spreadValues({ className: classNames, ref, as }, props), { children: mediaChildren }));
+});
+MediaBase.displayName = "Media";
+var Media = withSchema(MediaBase, {
+  Info: MediaInfo
+});
+function getMediaItems(itemOrItems, options = {}) {
+  const items = (Array.isArray(itemOrItems) ? itemOrItems : [itemOrItems]).map((x) => {
+    if (typeof x["media"] === "object") {
+      x = x["media"];
+    }
+    if (typeof x.url === "string") {
+      x.src = x.url;
+    }
+    return x;
+  });
+  const hasGallery = options.galleryId != null && typeof options.open === "function";
+  const getMediaItemProps = (media) => {
+    const props = {};
+    if (hasGallery) {
+      props["data-gallery"] = JSON.stringify({ galleryId: options.galleryId, media });
+      props.onClick = (event) => {
+        if (options.open) {
+          options.open(media);
+        }
+      };
+    }
+    if (media.type === "image") {
+      const aspectRatio = typeof options.aspectRatio === "string" ? parseFloat(options.aspectRatio) : options.aspectRatio;
+      if (aspectRatio != null) {
+        props.width = 800;
+        props.height = 800 / aspectRatio;
+      }
+      if (options.eager) {
+        props.loading = "eager";
+      }
+    }
+    return props;
+  };
+  return items.map(
+    (media, m) => media.type === "video" ? /* @__PURE__ */ jsx2("video", __spreadProps(__spreadValues({ playsInline: true, autoPlay: true, muted: true, loop: true }, getMediaItemProps(media)), { children: /* @__PURE__ */ jsx2("source", { src: media.src, type: "video/mp4" }) }), m) : /* @__PURE__ */ jsx2(MediaImage, __spreadValues(__spreadProps(__spreadValues({}, media), { alt: media.alt, draggable: false }), getMediaItemProps(media)), m)
+  );
+}
+
+export {
+  MediaGalleryContext,
+  MediaImage,
+  Media
+};

package/dist/chunk-GZ4XU7KO.mjs

@@ -0,0 +1,84 @@
+import {
+  Card
+} from "./chunk-LEHIZSHR.mjs";
+import {
+  Flex
+} from "./chunk-OAAW3SV6.mjs";
+import {
+  Button
+} from "./chunk-A7SAZJPB.mjs";
+import {
+  Grid
+} from "./chunk-PFPUP4FL.mjs";
+import {
+  Media
+} from "./chunk-GNG6WR62.mjs";
+import {
+  Container,
+  Section,
+  Text
+} from "./chunk-GGXSEAD2.mjs";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-B5WDQW62.mjs";
+
+// src/lazy/related-1/related-1.tsx
+import { getClassNames } from "@websolutespa/bom-mixer-core";
+import dynamic from "next/dynamic";
+
+// src/lazy/related-1/related-1-card.tsx
+import Link from "next/link";
+import styled from "styled-components";
+import { jsx, jsxs } from "react/jsx-runtime";
+var StyledCard = styled(Card)`
+  .media{
+    .image {
+      position: absolute;
+      top: 0;
+      right: 0;
+      bottom: 0;
+      left: 0;
+      object-fit: cover;
+
+      &:not(:first-child) {
+        opacity: 0!important;
+      }
+    }
+  }
+  &:hover {
+    .media {
+      .image:nth-child(2) {
+          opacity: 1!important;
+      }
+    }
+  }
+`;
+var Related1Card = (_a) => {
+  var _b = _a, { item } = _b, props = __objRest(_b, ["item"]);
+  return /* @__PURE__ */ jsxs(StyledCard, __spreadProps(__spreadValues({}, props), { hoverable: true, children: [
+    /* @__PURE__ */ jsx(Link, { href: item.href, passHref: true, children: /* @__PURE__ */ jsx(Media, { as: "a", aspectRatio: 880 / 550, borderRadius: "0.4rem", marginBottom: "1.5rem", item: item.media }) }),
+    /* @__PURE__ */ jsx(Card.Content, { children: /* @__PURE__ */ jsx(Flex.Row, { justifyContent: "space-between", children: /* @__PURE__ */ jsx(Button, { variant: "nav", children: /* @__PURE__ */ jsx(Text, { size: "6", dangerouslySetInnerHTML: { __html: item.title || "untitled" } }) }) }) })
+  ] }));
+};
+
+// src/lazy/related-1/related-1.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var Related1 = ({ item }) => {
+  const classNames = getClassNames(item.schema);
+  return /* @__PURE__ */ jsx2(Section, { className: classNames, padding: "6rem 0", children: /* @__PURE__ */ jsxs2(Container, { children: [
+    item.title && /* @__PURE__ */ jsx2(Text, { size: "3", textAlign: "center", marginBottom: "4rem", dangerouslySetInnerHTML: { __html: item.title } }),
+    /* @__PURE__ */ jsx2(Grid.Row, { rowGap: "3rem", children: item.items && item.items.map((related, r) => /* @__PURE__ */ jsx2(Grid, { sm: 6, justifyContent: "center", children: /* @__PURE__ */ jsx2(Related1Card, { item: related }) }, r)) })
+  ] }) });
+};
+var Related1Export = {
+  "related-1": dynamic(() => Promise.resolve().then(() => require_related_1()).then(
+    (module) => module.Related1
+  ))
+};
+
+export {
+  Related1,
+  Related1Export
+};

package/dist/chunk-HCSER4UQ.mjs

@@ -0,0 +1,31 @@
+import {
+  Box
+} from "./chunk-W346ZVLC.mjs";
+import {
+  Container,
+  Section,
+  Text
+} from "./chunk-2NOCZCBX.mjs";
+import {
+  __toESM,
+  require_dynamic
+} from "./chunk-4GP5DTTM.mjs";
+
+// src/lazy/text-1/text-1.tsx
+var import_dynamic = __toESM(require_dynamic());
+import { getClassNames } from "@websolutespa/bom-mixer-core";
+import { jsx } from "react/jsx-runtime";
+var Text1 = ({ item }) => {
+  const classNames = getClassNames(item.schema);
+  return /* @__PURE__ */ jsx(Section, { className: classNames, padding: "6rem 0", children: /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsx(Box, { maxWidth: "800px", margin: "0 auto", children: item.description && /* @__PURE__ */ jsx(Text, { size: "5", lineHeight: "2", dangerouslySetInnerHTML: { __html: item.description } }) }) }) });
+};
+var Text1Export = {
+  "text-1": (0, import_dynamic.default)(() => Promise.resolve().then(() => require_text_1()).then(
+    (module) => module.Text1
+  ))
+};
+
+export {
+  Text1,
+  Text1Export
+};

package/dist/chunk-IF5CE4SD.mjs

@@ -0,0 +1,89 @@
+import {
+  Card
+} from "./chunk-ZBPDMEV4.mjs";
+import {
+  Flex
+} from "./chunk-QXUK3J2W.mjs";
+import {
+  require_link
+} from "./chunk-DBOW5IIN.mjs";
+import {
+  Button
+} from "./chunk-VTNTTQXM.mjs";
+import {
+  Grid
+} from "./chunk-LSXKWZBB.mjs";
+import {
+  Media
+} from "./chunk-TNJCCH5V.mjs";
+import {
+  Container,
+  Section,
+  Text
+} from "./chunk-2NOCZCBX.mjs";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues,
+  __toESM,
+  require_dynamic
+} from "./chunk-4GP5DTTM.mjs";
+
+// src/lazy/related-1/related-1.tsx
+var import_dynamic = __toESM(require_dynamic());
+import { getClassNames } from "@websolutespa/bom-mixer-core";
+
+// src/lazy/related-1/related-1-card.tsx
+var import_link = __toESM(require_link());
+import styled from "styled-components";
+import { jsx, jsxs } from "react/jsx-runtime";
+var StyledCard = styled(Card)`
+  .media{
+    .image {
+      position: absolute;
+      top: 0;
+      right: 0;
+      bottom: 0;
+      left: 0;
+      object-fit: cover;
+
+      &:not(:first-child) {
+        opacity: 0!important;
+      }
+    }
+  }
+  &:hover {
+    .media {
+      .image:nth-child(2) {
+          opacity: 1!important;
+      }
+    }
+  }
+`;
+var Related1Card = (_a) => {
+  var _b = _a, { item } = _b, props = __objRest(_b, ["item"]);
+  return /* @__PURE__ */ jsxs(StyledCard, __spreadProps(__spreadValues({}, props), { hoverable: true, children: [
+    /* @__PURE__ */ jsx(import_link.default, { href: item.href, passHref: true, children: /* @__PURE__ */ jsx(Media, { as: "a", aspectRatio: 880 / 550, borderRadius: "0.4rem", marginBottom: "1.5rem", item: item.media }) }),
+    /* @__PURE__ */ jsx(Card.Content, { children: /* @__PURE__ */ jsx(Flex.Row, { justifyContent: "space-between", children: /* @__PURE__ */ jsx(Button, { variant: "nav", children: /* @__PURE__ */ jsx(Text, { size: "6", dangerouslySetInnerHTML: { __html: item.title || "untitled" } }) }) }) })
+  ] }));
+};
+
+// src/lazy/related-1/related-1.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var Related1 = ({ item }) => {
+  const classNames = getClassNames(item.schema);
+  return /* @__PURE__ */ jsx2(Section, { className: classNames, padding: "6rem 0", children: /* @__PURE__ */ jsxs2(Container, { children: [
+    item.title && /* @__PURE__ */ jsx2(Text, { size: "3", textAlign: "center", marginBottom: "4rem", dangerouslySetInnerHTML: { __html: item.title } }),
+    /* @__PURE__ */ jsx2(Grid.Row, { rowGap: "3rem", children: item.items && item.items.map((related, r) => /* @__PURE__ */ jsx2(Grid, { sm: 6, justifyContent: "center", children: /* @__PURE__ */ jsx2(Related1Card, { item: related }) }, r)) })
+  ] }) });
+};
+var Related1Export = {
+  "related-1": (0, import_dynamic.default)(() => Promise.resolve().then(() => require_related_1()).then(
+    (module) => module.Related1
+  ))
+};
+
+export {
+  Related1,
+  Related1Export
+};

package/dist/chunk-IG66RP7S.mjs

@@ -0,0 +1,54 @@
+import {
+  Box
+} from "./chunk-6RQBZFNK.mjs";
+import {
+  Flex
+} from "./chunk-OAAW3SV6.mjs";
+import {
+  Button
+} from "./chunk-A7SAZJPB.mjs";
+import {
+  Grid
+} from "./chunk-PFPUP4FL.mjs";
+import {
+  Media
+} from "./chunk-GNG6WR62.mjs";
+import {
+  Container,
+  Section,
+  Text
+} from "./chunk-GGXSEAD2.mjs";
+
+// src/sections/products-detail-size-color/products-detail-size-color.tsx
+import { getClassNames } from "@websolutespa/bom-mixer-core";
+import dynamic from "next/dynamic";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ProductsDetailSizeColor = ({ id, item }) => {
+  const classNames = getClassNames(item.schema);
+  if (!item) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(Section, { id, className: classNames, padding: "6rem 0", children: /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsxs(Grid.Row, { rowGap: "3rem", children: [
+    /* @__PURE__ */ jsx(Grid, { sm: 6, justifyContent: "center", children: /* @__PURE__ */ jsxs(Flex.Col, { children: [
+      item.title && /* @__PURE__ */ jsx(Text, { size: "3", marginBottom: "3rem", children: item.title }),
+      item.list && item.list.map((item2, i) => /* @__PURE__ */ jsxs(Flex.Row, { padding: "2rem 0", borderBottom: "2px solid var(--color-neutral-900)", children: [
+        /* @__PURE__ */ jsx(Text, { flexBasis: "20%", dangerouslySetInnerHTML: { __html: item2.title } }),
+        /* @__PURE__ */ jsx(Text, { dangerouslySetInnerHTML: { __html: item2.abstract } })
+      ] }, i))
+    ] }) }),
+    /* @__PURE__ */ jsxs(Grid, { sm: 6, alignItems: "center", justifyContent: "center", gap: "2rem", children: [
+      /* @__PURE__ */ jsx(Box, { width: "100%", maxWidth: "300px", children: /* @__PURE__ */ jsx(Media, { aspectRatio: 1, item: item.medias }) }),
+      /* @__PURE__ */ jsx(Button, { variant: "outline", children: "Vedi tutti i colori" })
+    ] })
+  ] }) }) });
+};
+var ProductsDetailSizeColorExport = {
+  "products-detail-size-color": dynamic(() => Promise.resolve().then(() => require_products_detail_size_color()).then(
+    (module) => ({ default: module.ProductsDetailSizeColor })
+  ))
+};
+
+export {
+  ProductsDetailSizeColor,
+  ProductsDetailSizeColorExport
+};

package/dist/chunk-IK736OHT.mjs

@@ -0,0 +1,31 @@
+import {
+  Box
+} from "./chunk-W346ZVLC.mjs";
+import {
+  Container,
+  Section,
+  Text
+} from "./chunk-2NOCZCBX.mjs";
+import {
+  __toESM,
+  require_dynamic
+} from "./chunk-4GP5DTTM.mjs";
+
+// src/lazy/text-text-1/text-text-1.tsx
+var import_dynamic = __toESM(require_dynamic());
+import { getClassNames } from "@websolutespa/bom-mixer-core";
+import { jsx } from "react/jsx-runtime";
+var TextText1 = ({ item }) => {
+  const classNames = getClassNames(item.schema);
+  return /* @__PURE__ */ jsx(Section, { className: classNames, padding: "6rem 0", children: /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsx(Box, { columnCount: 1, columnCountSm: 2, columnGap: "var(--grid-column-gap)", children: item.description && /* @__PURE__ */ jsx(Text, { size: "8", lineHeight: "2", dangerouslySetInnerHTML: { __html: item.description } }) }) }) });
+};
+var TextText1Export = {
+  "text-text-1": (0, import_dynamic.default)(() => Promise.resolve().then(() => require_text_text_1()).then(
+    (module) => module.TextText1
+  ))
+};
+
+export {
+  TextText1,
+  TextText1Export
+};

package/dist/chunk-IZQZVLFR.mjs

@@ -0,0 +1,84 @@
+import {
+  Card
+} from "./chunk-LEHIZSHR.mjs";
+import {
+  Flex
+} from "./chunk-OAAW3SV6.mjs";
+import {
+  Button
+} from "./chunk-A7SAZJPB.mjs";
+import {
+  Grid
+} from "./chunk-6HX6MNJA.mjs";
+import {
+  Media
+} from "./chunk-GNG6WR62.mjs";
+import {
+  Container,
+  Section,
+  Text
+} from "./chunk-GGXSEAD2.mjs";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-B5WDQW62.mjs";
+
+// src/lazy/related-1/related-1.tsx
+import { getClassNames } from "@websolutespa/bom-mixer-core";
+import dynamic from "next/dynamic";
+
+// src/lazy/related-1/related-1-card.tsx
+import Link from "next/link";
+import styled from "styled-components";
+import { jsx, jsxs } from "react/jsx-runtime";
+var StyledCard = styled(Card)`
+  .media{
+    .image {
+      position: absolute;
+      top: 0;
+      right: 0;
+      bottom: 0;
+      left: 0;
+      object-fit: cover;
+
+      &:not(:first-child) {
+        opacity: 0!important;
+      }
+    }
+  }
+  &:hover {
+    .media {
+      .image:nth-child(2) {
+          opacity: 1!important;
+      }
+    }
+  }
+`;
+var Related1Card = (_a) => {
+  var _b = _a, { item } = _b, props = __objRest(_b, ["item"]);
+  return /* @__PURE__ */ jsxs(StyledCard, __spreadProps(__spreadValues({}, props), { hoverable: true, children: [
+    /* @__PURE__ */ jsx(Link, { href: item.href, passHref: true, children: /* @__PURE__ */ jsx(Media, { as: "a", aspectRatio: 880 / 550, borderRadius: "0.4rem", marginBottom: "1.5rem", item: item.media }) }),
+    /* @__PURE__ */ jsx(Card.Content, { children: /* @__PURE__ */ jsx(Flex.Row, { justifyContent: "space-between", children: /* @__PURE__ */ jsx(Button, { variant: "nav", children: /* @__PURE__ */ jsx(Text, { size: "6", dangerouslySetInnerHTML: { __html: item.title || "untitled" } }) }) }) })
+  ] }));
+};
+
+// src/lazy/related-1/related-1.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var Related1 = ({ item }) => {
+  const classNames = getClassNames(item.schema);
+  return /* @__PURE__ */ jsx2(Section, { className: classNames, padding: "6rem 0", children: /* @__PURE__ */ jsxs2(Container, { children: [
+    item.title && /* @__PURE__ */ jsx2(Text, { size: "3", textAlign: "center", marginBottom: "4rem", dangerouslySetInnerHTML: { __html: item.title } }),
+    /* @__PURE__ */ jsx2(Grid.Row, { rowGap: "3rem", children: item.items && item.items.map((related, r) => /* @__PURE__ */ jsx2(Grid, { sm: 6, justifyContent: "center", children: /* @__PURE__ */ jsx2(Related1Card, { item: related }) }, r)) })
+  ] }) });
+};
+var Related1Export = {
+  "related-1": dynamic(() => Promise.resolve().then(() => require_related_1()).then(
+    (module) => module.Related1
+  ))
+};
+
+export {
+  Related1,
+  Related1Export
+};

package/dist/chunk-J7LSTFGB.mjs

@@ -0,0 +1,51 @@
+import {
+  Box
+} from "./chunk-6RQBZFNK.mjs";
+import {
+  Flex
+} from "./chunk-OAAW3SV6.mjs";
+import {
+  Button
+} from "./chunk-A7SAZJPB.mjs";
+import {
+  Grid
+} from "./chunk-PFPUP4FL.mjs";
+import {
+  Media
+} from "./chunk-GNG6WR62.mjs";
+import {
+  Container,
+  Section,
+  Text
+} from "./chunk-GGXSEAD2.mjs";
+
+// src/lazy/sizes-colors-1/sizes-colors-1.tsx
+import { getClassNames } from "@websolutespa/bom-mixer-core";
+import dynamic from "next/dynamic";
+import { jsx, jsxs } from "react/jsx-runtime";
+var SizesColors1 = ({ item }) => {
+  const classNames = getClassNames(item.schema);
+  return /* @__PURE__ */ jsx(Section, { className: classNames, padding: "6rem 0", children: /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsxs(Grid.Row, { rowGap: "3rem", children: [
+    /* @__PURE__ */ jsx(Grid, { sm: 6, justifyContent: "center", children: /* @__PURE__ */ jsxs(Flex.Col, { children: [
+      item.title && /* @__PURE__ */ jsx(Text, { size: "3", marginBottom: "3rem", children: item.title }),
+      item.list.map((item2, i) => /* @__PURE__ */ jsxs(Flex.Row, { padding: "2rem 0", borderBottom: "2px solid var(--color-neutral-900)", children: [
+        /* @__PURE__ */ jsx(Text, { flexBasis: "20%", dangerouslySetInnerHTML: { __html: item2.title } }),
+        /* @__PURE__ */ jsx(Text, { dangerouslySetInnerHTML: { __html: item2.abstract } })
+      ] }, i))
+    ] }) }),
+    /* @__PURE__ */ jsxs(Grid, { sm: 6, alignItems: "center", justifyContent: "center", gap: "2rem", children: [
+      /* @__PURE__ */ jsx(Box, { width: "100%", maxWidth: "300px", children: /* @__PURE__ */ jsx(Media, { aspectRatio: 1, item: item.medias }) }),
+      /* @__PURE__ */ jsx(Button, { variant: "outline", children: "Vedi tutti i colori" })
+    ] })
+  ] }) }) });
+};
+var SizesColors1Export = {
+  "sizes-colors-1": dynamic(() => Promise.resolve().then(() => require_sizes_colors_1()).then(
+    (module) => module.SizesColors1
+  ))
+};
+
+export {
+  SizesColors1,
+  SizesColors1Export
+};

package/dist/chunk-JQPC4MHB.mjs

@@ -0,0 +1,40 @@
+import {
+  Flex
+} from "./chunk-QXUK3J2W.mjs";
+import {
+  Grid
+} from "./chunk-LSXKWZBB.mjs";
+import {
+  Container,
+  Section,
+  Text
+} from "./chunk-2NOCZCBX.mjs";
+import {
+  __toESM,
+  require_dynamic
+} from "./chunk-4GP5DTTM.mjs";
+
+// src/lazy/text-aside-1/text-aside-1.tsx
+var import_dynamic = __toESM(require_dynamic());
+import { getClassNames } from "@websolutespa/bom-mixer-core";
+import { jsx, jsxs } from "react/jsx-runtime";
+var TextAside1 = ({ item }) => {
+  const classNames = getClassNames(item.schema);
+  return /* @__PURE__ */ jsx(Section, { className: classNames, padding: "6rem 0", children: /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsxs(Grid.Row, { rowGap: "3rem", children: [
+    /* @__PURE__ */ jsx(Grid, { sm: 8, children: /* @__PURE__ */ jsx(Text, { size: "8", lineHeight: "2", dangerouslySetInnerHTML: { __html: item.description } }) }),
+    /* @__PURE__ */ jsx(Grid, { sm: 4, children: /* @__PURE__ */ jsx(Flex.Col, { gap: "3rem", children: item.aside.map((aside, a) => /* @__PURE__ */ jsxs(Flex.Col, { gap: "1rem", children: [
+      /* @__PURE__ */ jsx(Text, { size: "6", children: aside.title }),
+      /* @__PURE__ */ jsx(Flex.Col, { gap: "0.5rem", children: aside.items.map((text, t) => /* @__PURE__ */ jsx(Text, { size: "8", children: text }, t)) })
+    ] }, a)) }) })
+  ] }) }) });
+};
+var TextAside1Export = {
+  "text-aside-1": (0, import_dynamic.default)(() => Promise.resolve().then(() => require_text_aside_1()).then(
+    (module) => module.TextAside1
+  ))
+};
+
+export {
+  TextAside1,
+  TextAside1Export
+};