@websolutespa/bom-mixer-ui 0.0.1

package/dist/chunk-56QPQUHL.mjs

@@ -0,0 +1,87 @@
+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/sections/products-detail-related/products-detail-related.tsx
+import { getClassNames } from "@websolutespa/bom-mixer-core";
+import dynamic from "next/dynamic";
+
+// src/sections/products-detail-related/products-detail-related-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 ProductsDetailRelatedCard = (_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/sections/products-detail-related/products-detail-related.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var ProductsDetailRelated = ({ id, item }) => {
+  const classNames = getClassNames(item.schema);
+  if (!item) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx2(Section, { id, 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(ProductsDetailRelatedCard, { item: related }) }, r)) })
+  ] }) });
+};
+var ProductsDetailRelatedExport = {
+  "products-detail-related": dynamic(() => Promise.resolve().then(() => require_products_detail_related()).then(
+    (module) => module.ProductsDetailRelated
+  ))
+};
+
+export {
+  ProductsDetailRelated,
+  ProductsDetailRelatedExport
+};

package/dist/chunk-5HED55DH.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/sections/shop-detail-related/shop-detail-related.tsx
+var import_dynamic = __toESM(require_dynamic());
+import { getClassNames } from "@websolutespa/bom-mixer-core";
+
+// src/sections/shop-detail-related/shop-detail-related-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 ShopDetailRelatedCard = (_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: 1, 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: "8", dangerouslySetInnerHTML: { __html: item.title || "untitled" } }) }) }) })
+  ] }));
+};
+
+// src/sections/shop-detail-related/shop-detail-related.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var ShopDetailRelated = ({ id, item }) => {
+  const classNames = getClassNames(item.schema);
+  return /* @__PURE__ */ jsx2(Section, { id, className: classNames, padding: "6rem 0", children: /* @__PURE__ */ jsxs2(Container.Fluid, { 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, md: 3, justifyContent: "center", children: /* @__PURE__ */ jsx2(ShopDetailRelatedCard, { item: related }) }, r)) })
+  ] }) });
+};
+var ShopDetailRelatedExport = {
+  "shop-detail-related": (0, import_dynamic.default)(() => Promise.resolve().then(() => require_shop_detail_related()).then(
+    (module) => module.ShopDetailRelated
+  ))
+};
+
+export {
+  ShopDetailRelated,
+  ShopDetailRelatedExport
+};

package/dist/chunk-5JVP5WNM.mjs

@@ -0,0 +1,109 @@
+import {
+  Card
+} from "./chunk-LEHIZSHR.mjs";
+import {
+  Flex
+} from "./chunk-OAAW3SV6.mjs";
+import {
+  Button
+} from "./chunk-A7SAZJPB.mjs";
+import {
+  Media
+} from "./chunk-GNG6WR62.mjs";
+import {
+  Container,
+  Section,
+  Text
+} from "./chunk-GGXSEAD2.mjs";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-B5WDQW62.mjs";
+
+// src/sections/magazine-related/magazine-related.tsx
+import { getClassNames } from "@websolutespa/bom-mixer-core";
+import dynamic from "next/dynamic";
+import styled from "styled-components";
+import { Swiper, SwiperSlide } from "swiper/react";
+
+// src/sections/magazine-search/magazine-search-card.tsx
+import { useDateTimeFormat } from "@websolutespa/bom-mixer-hooks";
+import Link from "next/link";
+import { jsx, jsxs } from "react/jsx-runtime";
+var MagazineSearchCard = (_a) => {
+  var _b = _a, { item, fixedRatio = false } = _b, props = __objRest(_b, ["item", "fixedRatio"]);
+  const dateTimeFormat = useDateTimeFormat({
+    year: "numeric",
+    month: "short",
+    day: "numeric"
+  });
+  return /* @__PURE__ */ jsxs(Card, __spreadProps(__spreadValues({}, props), { hoverable: true, width: "100%", children: [
+    /* @__PURE__ */ jsx(Link, { href: item.href, passHref: true, children: /* @__PURE__ */ jsx(Media, { as: "a", aspectRatio: fixedRatio ? 400 / 472 : void 0, marginBottom: "2rem", item: item.media }) }),
+    /* @__PURE__ */ jsx(Card.Content, { children: /* @__PURE__ */ jsxs(Flex.Row, { alignItems: "flex-start", gap: "2rem", children: [
+      /* @__PURE__ */ jsx(Text, { flex: "100px", size: "10", children: dateTimeFormat(item.date) }),
+      /* @__PURE__ */ jsxs(Flex.Col, { flex: "calc(100% - 100px)", alignItems: "flex-start", gap: "1rem", children: [
+        /* @__PURE__ */ jsx(Text, { size: "6", lineHeight: "1.2", dangerouslySetInnerHTML: { __html: item.title || "untitled" } }),
+        /* @__PURE__ */ jsx(Button, { variant: "nav", children: /* @__PURE__ */ jsx(Text, { size: "9", textTransform: "uppercase", children: "View More" }) })
+      ] })
+    ] }) })
+  ] }));
+};
+
+// src/sections/magazine-related/magazine-related.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var StyledSection = styled(Section)`
+  .swiper-slide {
+    overflow: hidden;
+    width: 400px;
+
+    @media (max-width: 767px) {
+      width: calc(100% - 40px);
+    }
+  }
+`;
+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 MagazineRelated = (_a) => {
+  var _b = _a, { item } = _b, props = __objRest(_b, ["item"]);
+  if (!item) {
+    return null;
+  }
+  const items = item.items;
+  const classNames = getClassNames(item.schema);
+  return /* @__PURE__ */ jsxs2(StyledSection, { className: classNames, padding: "7rem 0", children: [
+    /* @__PURE__ */ jsx2(Container, { textAlign: "center", children: item.title && /* @__PURE__ */ jsx2(Text, { size: "3", marginBottom: "4rem", children: item.title }) }),
+    items && /* @__PURE__ */ jsx2(Swiper, __spreadProps(__spreadValues({}, props), { spaceBetween: 60, slidesPerView: "auto", centeredSlides: true, style: { width: "100%" }, children: items.map((item2, i) => /* @__PURE__ */ jsx2(SwiperSlide, { virtualIndex: i, children: /* @__PURE__ */ jsx2(MagazineSearchCard, { fixedRatio: true, item: item2 }) }, i)) }))
+  ] });
+};
+var MagazineRelatedExport = {
+  "magazine-related": dynamic(() => Promise.resolve().then(() => require_magazine_related()).then(
+    (module) => module.MagazineRelated
+  ))
+};
+
+export {
+  MagazineSearchCard,
+  MagazineRelated,
+  MagazineRelatedExport
+};

package/dist/chunk-5OIM36YU.mjs

@@ -0,0 +1,43 @@
+import {
+  Flex
+} from "./chunk-OAAW3SV6.mjs";
+import {
+  Grid
+} from "./chunk-PFPUP4FL.mjs";
+import {
+  Media
+} from "./chunk-GNG6WR62.mjs";
+import {
+  Container,
+  Section,
+  Text
+} from "./chunk-GGXSEAD2.mjs";
+
+// src/lazy/text-media-1/text-media-1.tsx
+import { getClassNames } from "@websolutespa/bom-mixer-core";
+import dynamic from "next/dynamic";
+import { jsx, jsxs } from "react/jsx-runtime";
+var TextMedia1 = ({ item }) => {
+  const classNames = getClassNames(item.schema);
+  return /* @__PURE__ */ jsx(Section, { className: classNames, padding: "6rem 0", children: /* @__PURE__ */ jsx(Container.Fluid, { children: /* @__PURE__ */ jsxs(Grid.Row, { rowGap: "3rem", children: [
+    /* @__PURE__ */ jsx(Grid, { sm: 6, justifyContent: "center", children: /* @__PURE__ */ jsxs(Flex.Col, { gap: "3rem", children: [
+      item.title && /* @__PURE__ */ jsx(Text, { size: "3", dangerouslySetInnerHTML: { __html: item.title } }),
+      item.abstract && /* @__PURE__ */ jsx(Text, { size: "6", dangerouslySetInnerHTML: { __html: item.abstract } }),
+      item.description && /* @__PURE__ */ jsx(Text, { size: "7", dangerouslySetInnerHTML: { __html: item.description } })
+    ] }) }),
+    /* @__PURE__ */ jsxs(Grid, { sm: 6, justifyContent: "center", children: [
+      /* @__PURE__ */ jsx(Media, { aspectRatio: 880 / 1120, item: item.media }),
+      item.media.alt && /* @__PURE__ */ jsx(Text, { size: "8", marginTop: "1rem", children: item.media.alt })
+    ] })
+  ] }) }) });
+};
+var TextMedia1Export = {
+  "text-media-1": dynamic(() => Promise.resolve().then(() => require_text_media_1()).then(
+    (module) => module.TextMedia1
+  ))
+};
+
+export {
+  TextMedia1,
+  TextMedia1Export
+};