@websolutespa/bom-mixer-ui 0.0.1

package/dist/chunk-LV3AK64L.mjs

@@ -0,0 +1,37 @@
+import {
+  Grid
+} from "./chunk-LSXKWZBB.mjs";
+import {
+  Media
+} from "./chunk-TNJCCH5V.mjs";
+import {
+  Container,
+  Section,
+  Text
+} from "./chunk-2NOCZCBX.mjs";
+import {
+  __toESM,
+  require_dynamic
+} from "./chunk-4GP5DTTM.mjs";
+
+// src/lazy/media-media-1/media-media-1.tsx
+var import_dynamic = __toESM(require_dynamic());
+import { getClassNames } from "@websolutespa/bom-mixer-core";
+import { jsx, jsxs } from "react/jsx-runtime";
+var MediaMedia1 = ({ item }) => {
+  const classNames = getClassNames(item.schema);
+  return /* @__PURE__ */ jsx(Section, { className: classNames, padding: "6rem 0", children: /* @__PURE__ */ jsx(Container.Fluid, { children: /* @__PURE__ */ jsx(Grid.Row, { rowGap: "3rem", children: item.medias.map((media, i) => /* @__PURE__ */ jsxs(Grid, { sm: 6, justifyContent: "center", children: [
+    /* @__PURE__ */ jsx(Media, { item: media }),
+    media.alt && /* @__PURE__ */ jsx(Text, { size: "8", marginTop: "1rem", children: media.alt })
+  ] }, i)) }) }) });
+};
+var MediaMedia1Export = {
+  "media-media-1": (0, import_dynamic.default)(() => Promise.resolve().then(() => require_media_media_1()).then(
+    (module) => module.MediaMedia1
+  ))
+};
+
+export {
+  MediaMedia1,
+  MediaMedia1Export
+};

package/dist/chunk-MU4CJBV7.mjs

@@ -0,0 +1,82 @@
+import {
+  Card
+} from "./chunk-ZBPDMEV4.mjs";
+import {
+  require_link
+} from "./chunk-DBOW5IIN.mjs";
+import {
+  Button
+} from "./chunk-VTNTTQXM.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/carousel-1/carousel-1.tsx
+var import_dynamic = __toESM(require_dynamic());
+var import_link = __toESM(require_link());
+import { getClassNames } from "@websolutespa/bom-mixer-core";
+import styled from "styled-components";
+import { Swiper, SwiperSlide } from "swiper/react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var StyledSection = styled(Section)`
+  .swiper-slide {
+    width: 60vw;
+    overflow: hidden;
+  }
+`;
+var StyledCard = styled(Card)`
+  .media>.image {
+    transform: scale(1.1);
+    transition: all ease-in-out 350ms 200ms;
+  }
+  .button {
+    opacity: 0;
+    transform: translateY(30%);
+  }
+  .button {
+    transition: all ease-out 350ms 200ms;
+  }
+  .swiper-slide-active & {
+    .media>.image {
+      transform: scale(1);
+    }
+    .button {
+      opacity: 1;
+      transform: translateY(0);
+    }
+  }
+`;
+var Carousel1 = (_a) => {
+  var _b = _a, { item } = _b, props = __objRest(_b, ["item"]);
+  const items = item.items;
+  const classNames = getClassNames(item.schema);
+  return /* @__PURE__ */ jsxs(StyledSection, { className: classNames, padding: "7rem 0", children: [
+    /* @__PURE__ */ jsx(Container, { textAlign: "center", children: item.title && /* @__PURE__ */ jsx(Text, { size: "2", marginBottom: "4rem", children: item.title }) }),
+    items && /* @__PURE__ */ jsx(Swiper, __spreadProps(__spreadValues({}, props), { spaceBetween: 60, slidesPerView: "auto", centeredSlides: true, style: { width: "100%" }, children: items.map((item2, i) => /* @__PURE__ */ jsx(SwiperSlide, { virtualIndex: i, style: { width: "60vw" }, children: /* @__PURE__ */ jsxs(StyledCard, { width: "60vw", hoverable: true, children: [
+      /* @__PURE__ */ jsx(import_link.default, { href: item2.href, passHref: true, children: /* @__PURE__ */ jsx(Media, { as: "a", aspectRatio: 16 / 9, item: item2.media }) }),
+      item2.title && /* @__PURE__ */ jsx(Card.Content, { children: /* @__PURE__ */ jsx(Button, { variant: "nav", children: /* @__PURE__ */ jsx(Text, { size: "8", marginTop: "1rem", dangerouslySetInnerHTML: { __html: item2.title } }) }) })
+    ] }) }, i)) }))
+  ] });
+};
+var Carousel1Export = {
+  "carousel-1": (0, import_dynamic.default)(() => Promise.resolve().then(() => require_carousel_1()).then(
+    (module) => module.Carousel1
+  ))
+};
+
+export {
+  Carousel1,
+  Carousel1Export
+};

package/dist/chunk-MW5M3AIG.mjs

@@ -0,0 +1,29 @@
+import {
+  Container,
+  Section,
+  Text
+} from "./chunk-GGXSEAD2.mjs";
+
+// src/lazy/not-found/not-found.tsx
+import dynamic from "next/dynamic";
+import { jsx, jsxs } from "react/jsx-runtime";
+var NotFound = ({ item }) => {
+  return /* @__PURE__ */ jsx(Section, { borderBottom: "1px solid var(--color-neutral-300)", children: /* @__PURE__ */ jsxs(Container, { textAlign: "center", children: [
+    /* @__PURE__ */ jsxs(Text, { size: "5", marginBottom: "1rem", children: [
+      "not found ",
+      item.schema
+    ] }),
+    item.title && /* @__PURE__ */ jsx(Text, { size: "3", marginBottom: "1rem", children: item.title }),
+    /* @__PURE__ */ jsx("code", { children: JSON.stringify(item, null, 2) })
+  ] }) });
+};
+var NotFoundExport = {
+  "not-found": dynamic(() => Promise.resolve().then(() => require_not_found()).then(
+    (module) => module.NotFound
+  ))
+};
+
+export {
+  NotFound,
+  NotFoundExport
+};

package/dist/chunk-MZ764V34.mjs

@@ -0,0 +1,33 @@
+import {
+  Grid
+} from "./chunk-PFPUP4FL.mjs";
+import {
+  Media
+} from "./chunk-GNG6WR62.mjs";
+import {
+  Container,
+  Section,
+  Text
+} from "./chunk-GGXSEAD2.mjs";
+
+// src/lazy/media-media-1/media-media-1.tsx
+import { getClassNames } from "@websolutespa/bom-mixer-core";
+import dynamic from "next/dynamic";
+import { jsx, jsxs } from "react/jsx-runtime";
+var MediaMedia1 = ({ item }) => {
+  const classNames = getClassNames(item.schema);
+  return /* @__PURE__ */ jsx(Section, { className: classNames, padding: "6rem 0", children: /* @__PURE__ */ jsx(Container.Fluid, { children: /* @__PURE__ */ jsx(Grid.Row, { rowGap: "3rem", children: item.medias.map((media, i) => /* @__PURE__ */ jsxs(Grid, { sm: 6, justifyContent: "center", children: [
+    /* @__PURE__ */ jsx(Media, { item: media }),
+    media.alt && /* @__PURE__ */ jsx(Text, { size: "8", marginTop: "1rem", children: media.alt })
+  ] }, i)) }) }) });
+};
+var MediaMedia1Export = {
+  "media-media-1": dynamic(() => Promise.resolve().then(() => require_media_media_1()).then(
+    (module) => module.MediaMedia1
+  ))
+};
+
+export {
+  MediaMedia1,
+  MediaMedia1Export
+};

package/dist/chunk-N5J24WJE.mjs

@@ -0,0 +1,22 @@
+import {
+  Media
+} from "./chunk-GNG6WR62.mjs";
+
+// src/lazy/media-full-1/media-full-1.tsx
+import { getClassNames } from "@websolutespa/bom-mixer-core";
+import dynamic from "next/dynamic";
+import { jsx } from "react/jsx-runtime";
+var MediaFull1 = ({ item }) => {
+  const classNames = getClassNames("media", item.schema);
+  return /* @__PURE__ */ jsx(Media, { className: classNames, aspectRatio: 16 / 10, item: item.media });
+};
+var MediaFull1Export = {
+  "media-full-1": dynamic(() => Promise.resolve().then(() => require_media_full_1()).then(
+    (module) => module.MediaFull1
+  ))
+};
+
+export {
+  MediaFull1,
+  MediaFull1Export
+};

package/dist/chunk-NLXIPXSN.mjs

@@ -0,0 +1,44 @@
+import {
+  NavLink
+} from "./chunk-UGZQFVRQ.mjs";
+import {
+  Flex
+} from "./chunk-OAAW3SV6.mjs";
+import {
+  Button
+} from "./chunk-A7SAZJPB.mjs";
+import {
+  Container,
+  Section,
+  Text
+} from "./chunk-GGXSEAD2.mjs";
+
+// src/lazy/download-1/download-1.tsx
+import { getClassNames } from "@websolutespa/bom-mixer-core";
+import { Lock } from "@websolutespa/bom-mixer-icons";
+import dynamic from "next/dynamic";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Download1 = ({ item }) => {
+  const classNames = getClassNames(item.schema);
+  return /* @__PURE__ */ jsx(Section, { className: classNames, padding: "6rem 0", children: /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsxs(Flex.Col, { children: [
+    item.title && /* @__PURE__ */ jsx(Text, { size: "3", marginBottom: "3rem", textAlign: "center", children: item.title }),
+    item.links && item.links.map((link, l) => /* @__PURE__ */ jsx(NavLink, { href: link.href, passHref: true, children: /* @__PURE__ */ jsx(Button, { as: "a", variant: "secondary", children: /* @__PURE__ */ jsxs(Flex.Row, { width: "100%", children: [
+      link.secure && /* @__PURE__ */ jsx(Lock, {}),
+      /* @__PURE__ */ jsx(Text, { flexGrow: 1, children: link.title }),
+      /* @__PURE__ */ jsxs(Text, { flexBasis: "20%", children: [
+        "Download ",
+        link.type
+      ] })
+    ] }) }) }, l))
+  ] }) }) });
+};
+var Download1Export = {
+  "download-1": dynamic(() => Promise.resolve().then(() => require_download_1()).then(
+    (module) => module.Download1
+  ))
+};
+
+export {
+  Download1,
+  Download1Export
+};

package/dist/chunk-NM3CSEJ3.mjs

@@ -0,0 +1,33 @@
+import {
+  Grid
+} from "./chunk-6HX6MNJA.mjs";
+import {
+  Media
+} from "./chunk-GNG6WR62.mjs";
+import {
+  Container,
+  Section,
+  Text
+} from "./chunk-GGXSEAD2.mjs";
+
+// src/lazy/media-media-1/media-media-1.tsx
+import { getClassNames } from "@websolutespa/bom-mixer-core";
+import dynamic from "next/dynamic";
+import { jsx, jsxs } from "react/jsx-runtime";
+var MediaMedia1 = ({ item }) => {
+  const classNames = getClassNames(item.schema);
+  return /* @__PURE__ */ jsx(Section, { className: classNames, padding: "6rem 0", children: /* @__PURE__ */ jsx(Container.Fluid, { children: /* @__PURE__ */ jsx(Grid.Row, { rowGap: "3rem", children: item.medias.map((media, i) => /* @__PURE__ */ jsxs(Grid, { sm: 6, justifyContent: "center", children: [
+    /* @__PURE__ */ jsx(Media, { item: media }),
+    media.alt && /* @__PURE__ */ jsx(Text, { size: "8", marginTop: "1rem", children: media.alt })
+  ] }, i)) }) }) });
+};
+var MediaMedia1Export = {
+  "media-media-1": dynamic(() => Promise.resolve().then(() => require_media_media_1()).then(
+    (module) => module.MediaMedia1
+  ))
+};
+
+export {
+  MediaMedia1,
+  MediaMedia1Export
+};

package/dist/chunk-NWHJ5ZAA.mjs

@@ -0,0 +1,27 @@
+import {
+  Box
+} from "./chunk-6RQBZFNK.mjs";
+import {
+  Container,
+  Section,
+  Text
+} from "./chunk-GGXSEAD2.mjs";
+
+// src/lazy/text-1/text-1.tsx
+import { getClassNames } from "@websolutespa/bom-mixer-core";
+import dynamic from "next/dynamic";
+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": dynamic(() => Promise.resolve().then(() => require_text_1()).then(
+    (module) => module.Text1
+  ))
+};
+
+export {
+  Text1,
+  Text1Export
+};

package/dist/chunk-OAAW3SV6.mjs

@@ -0,0 +1,199 @@
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues,
+  getCssResponsive
+} from "./chunk-B5WDQW62.mjs";
+
+// src/components/flex/flex-row.tsx
+import styled from "styled-components";
+var FlexRow = styled.div`
+  display: flex;
+  align-items: center;
+  // width: 100%;
+  // flex-wrap: wrap;
+  // margin: 0 auto;
+  gap: 0.5rem;
+  ${(props) => getCssResponsive(props)}
+`;
+
+// src/components/flex/flex.tsx
+import { withSchema } from "@websolutespa/bom-mixer-core";
+import styled5 from "styled-components";
+
+// src/components/flex/flex-col.tsx
+import styled2 from "styled-components";
+var FlexCol = styled2.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  // margin: 0 auto;
+  ${(props) => getCssResponsive(props)}
+`;
+
+// src/components/flex/flex-flow.tsx
+import { getClassNames } from "@websolutespa/bom-mixer-core";
+import React, { forwardRef, useEffect, useImperativeHandle } from "react";
+import styled3, { css } from "styled-components";
+import { jsx } from "react/jsx-runtime";
+function getFlexColumn(columns = 2) {
+  const cols = parseInt(columns.toString());
+  if (cols === 1) {
+    return "width: 100%;";
+  }
+  const calc = `calc(${100 / cols}% - (var(--grid-column-gap) * ${cols - 1} / ${cols}))`;
+  return `
+    flex: 1 0 ${calc};
+    max-width: ${calc};
+  `;
+}
+function getCssResponsiveColumn(props, defaultValue = {}) {
+  props = __spreadValues(__spreadValues({}, defaultValue), props);
+  const columnsProps = ["columns", "columnsSm", "columnsMd", "columnsLg", "columnsXl"];
+  let rules = "";
+  for (const [key, value] of Object.entries(props)) {
+    const rule = key.replace(/(.+?)(Sm|Md|Lg|Xl)?$/, function(m, g1, g2) {
+      const prop = g1;
+      if (columnsProps.includes(key)) {
+        const rule2 = getFlexColumn(value);
+        if (g2) {
+          const size = g2.toLowerCase();
+          return `@media(min-width: ${props.theme.mediaQuery[size]}px) {
+              ${rule2}
+            }`;
+        } else {
+          return rule2;
+        }
+      } else {
+        return "";
+      }
+    });
+    rules += rule + "\n";
+  }
+  return rules;
+}
+var StyledFlexFlow = styled3.div`
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  align-items: flex-start;
+  gap: var(--grid-column-gap);
+  ${(props) => css`
+    &>div {
+      position: relative;
+      ${getCssResponsiveColumn(props)}
+    }
+    ${getCssResponsive(props)}
+  `}
+`;
+var FlexFlow = forwardRef((_a, ref) => {
+  var _b = _a, { children, className, as = "div" } = _b, props = __objRest(_b, ["children", "className", "as"]);
+  const innerRef = React.createRef();
+  useImperativeHandle(ref, () => innerRef.current);
+  useEffect(() => {
+    if (!(window && window.addEventListener)) {
+      return;
+    }
+    if (!innerRef.current) {
+      return;
+    }
+    const element = innerRef.current;
+    const imagesLoaded = Array.from(element.querySelectorAll("img"));
+    if (imagesLoaded.length === 0) {
+      return;
+    }
+    imagesLoaded.forEach((image) => {
+      image.addEventListener("load", () => reposChildElements(element), {
+        once: true
+      });
+      image.addEventListener("error", () => reposChildElements(element), {
+        once: true
+      });
+    });
+    reposChildElements(element);
+    const onResize = () => {
+      reposChildElements(element);
+    };
+    window.addEventListener("resize", onResize);
+    return () => {
+      window.removeEventListener("resize", onResize);
+    };
+  }, [children]);
+  const classNames = getClassNames("flex-flow", className);
+  return /* @__PURE__ */ jsx(StyledFlexFlow, __spreadProps(__spreadValues({ className: classNames, ref: innerRef, as }, props), { children }));
+});
+FlexFlow.displayName = "FlexFlow";
+function reposChildElements(node) {
+  node.style.height = "";
+  const nodeRect = node.getBoundingClientRect();
+  const items = Array.prototype.slice.call(node.children);
+  items.forEach((x) => x.style.top = null);
+  const itemStyles = items.map((item) => getComputedStyle(item));
+  let itemRect = items[0].getBoundingClientRect();
+  let itemStyle = itemStyles[0];
+  const itemOuterWidth = itemRect.width + parseFloat(itemStyle.marginLeft) + parseFloat(itemStyle.marginRight);
+  const cols = Math.round(1 / (itemOuterWidth / nodeRect.width));
+  const heights = {};
+  items.forEach((item, i) => {
+    itemRect = item.getBoundingClientRect();
+    itemStyle = itemStyles[i];
+    const c = i % cols;
+    if (typeof heights[c] == "undefined") {
+      heights[c] = 0;
+    }
+    heights[c] += itemRect.height + parseFloat(itemStyle.marginBottom);
+    if (i - cols >= 0) {
+      const previousIndex = i - cols;
+      const previousItem = items[previousIndex];
+      const previousRect = previousItem.getBoundingClientRect();
+      const previousBottom = previousRect.bottom;
+      const top = itemRect.top - parseFloat(itemStyle.marginBottom);
+      item.style.top = `-${top - previousBottom}px`;
+    }
+  });
+  const maxHeight = Math.max(...Object.values(heights));
+  node.style.height = `${maxHeight}px`;
+}
+
+// src/components/flex/flex-responsive.tsx
+import styled4 from "styled-components";
+var FlexResponsive = styled4.div`
+  display: flex;
+  width: 100%;
+  margin: 0 auto;
+  gap: 0.5rem;
+
+  @media (max-width: 399.9px) {
+    flex-direction: column;
+    justify-content: stretch;
+  }
+
+  @media (min-width: 400px) {
+    flex-direction: row;
+    align-items: center;
+    flex-wrap: wrap;
+  }
+
+  ${(props) => getCssResponsive(props)}
+`;
+
+// src/components/flex/flex.tsx
+var FlexBase = styled5.div`
+  display: flex;
+  // flex-direction: column;
+  // justify-content: center;
+  align-items: center;
+  ${(props) => getCssResponsive(props)}
+`;
+var Flex = withSchema(FlexBase, {
+  Row: FlexRow,
+  Col: FlexCol,
+  Responsive: FlexResponsive,
+  Flow: FlexFlow,
+  displayName: "Flex"
+});
+
+export {
+  FlexRow,
+  Flex
+};

package/dist/chunk-OAVF6LFH.mjs

@@ -0,0 +1,58 @@
+import {
+  Box
+} from "./chunk-W346ZVLC.mjs";
+import {
+  Flex
+} from "./chunk-QXUK3J2W.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 {
+  __toESM,
+  require_dynamic
+} from "./chunk-4GP5DTTM.mjs";
+
+// src/sections/products-detail-size-color/products-detail-size-color.tsx
+var import_dynamic = __toESM(require_dynamic());
+import { getClassNames } from "@websolutespa/bom-mixer-core";
+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": (0, import_dynamic.default)(() => Promise.resolve().then(() => require_products_detail_size_color()).then(
+    (module) => ({ default: module.ProductsDetailSizeColor })
+  ))
+};
+
+export {
+  ProductsDetailSizeColor,
+  ProductsDetailSizeColorExport
+};