@websolutespa/bom-mixer-ui 0.0.1

package/dist/chunk-6RQBZFNK.mjs

@@ -0,0 +1,13 @@
+import {
+  getCssResponsive
+} from "./chunk-B5WDQW62.mjs";
+
+// src/components/box/box.tsx
+import styled from "styled-components";
+var Box = styled.div`
+  ${(props) => getCssResponsive(props)}
+`;
+
+export {
+  Box
+};

package/dist/chunk-74GX2GU5.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/sections/shop-detail-related/shop-detail-related.tsx
+import { getClassNames } from "@websolutespa/bom-mixer-core";
+import dynamic from "next/dynamic";
+
+// src/sections/shop-detail-related/shop-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 ShopDetailRelatedCard = (_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: 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": dynamic(() => Promise.resolve().then(() => require_shop_detail_related()).then(
+    (module) => module.ShopDetailRelated
+  ))
+};
+
+export {
+  ShopDetailRelated,
+  ShopDetailRelatedExport
+};

package/dist/chunk-A5PJ35ED.mjs

@@ -0,0 +1,30 @@
+import {
+  Media
+} from "./chunk-GNG6WR62.mjs";
+import {
+  Container,
+  Section,
+  Text
+} from "./chunk-GGXSEAD2.mjs";
+
+// src/lazy/media-full-2/media-full-2.tsx
+import { getClassNames } from "@websolutespa/bom-mixer-core";
+import dynamic from "next/dynamic";
+import { jsx, jsxs } from "react/jsx-runtime";
+var MediaFull2 = ({ item }) => {
+  const classNames = getClassNames(item.schema);
+  return /* @__PURE__ */ jsx(Section, { className: classNames, padding: "6rem 0", children: /* @__PURE__ */ jsxs(Container.Fluid, { children: [
+    /* @__PURE__ */ jsx(Media, { aspectRatio: 16 / 10, item: item.media }),
+    item.media.alt && /* @__PURE__ */ jsx(Text, { size: "8", marginTop: "1rem", children: item.media.alt })
+  ] }) });
+};
+var MediaFull2Export = {
+  "media-full-2": dynamic(() => Promise.resolve().then(() => require_media_full_2()).then(
+    (module) => module.MediaFull2
+  ))
+};
+
+export {
+  MediaFull2,
+  MediaFull2Export
+};

package/dist/chunk-A7SAZJPB.mjs

@@ -0,0 +1,54 @@
+import {
+  CssButtonCircle,
+  CssButtonDefault,
+  CssButtonGhost,
+  CssButtonLink,
+  CssButtonNav,
+  CssButtonOutline,
+  CssButtonPrimary,
+  CssButtonSecondary,
+  CssButtonToggle,
+  CssButtonUnderline,
+  CssDefault
+} from "./chunk-GGXSEAD2.mjs";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues,
+  getCssResponsive,
+  getVariant
+} from "./chunk-B5WDQW62.mjs";
+
+// src/components/button/button.tsx
+import { getClassNames } from "@websolutespa/bom-mixer-core";
+import { forwardRef } from "react";
+import styled, { css } from "styled-components";
+import { jsx } from "react/jsx-runtime";
+var variants = {
+  default: CssButtonDefault,
+  primary: CssButtonPrimary,
+  secondary: CssButtonSecondary,
+  outline: CssButtonOutline,
+  ghost: CssButtonGhost,
+  link: CssButtonLink,
+  underline: CssButtonUnderline,
+  nav: CssButtonNav,
+  circle: CssButtonCircle,
+  toggle: CssButtonToggle
+};
+var StyledButton = styled.div`
+  ${CssDefault}
+  ${(props) => getVariant(variants, props.variant)}
+  ${(props) => css`font-size: var(--button-size-${props.size || "md"});`}
+  ${(props) => getCssResponsive(props)}
+`;
+var Button = forwardRef((_a, ref) => {
+  var _b = _a, { children, className, as = "button", type = "button" } = _b, props = __objRest(_b, ["children", "className", "as", "type"]);
+  const classNames = getClassNames("button", className, { disabled: props.disabled });
+  return /* @__PURE__ */ jsx(StyledButton, __spreadProps(__spreadValues({ className: classNames, ref, as, type }, props), { children }));
+});
+Button.displayName = "Button";
+
+export {
+  Button
+};

package/dist/chunk-AWRVGAMB.mjs

@@ -0,0 +1,34 @@
+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-full-2/media-full-2.tsx
+var import_dynamic = __toESM(require_dynamic());
+import { getClassNames } from "@websolutespa/bom-mixer-core";
+import { jsx, jsxs } from "react/jsx-runtime";
+var MediaFull2 = ({ item }) => {
+  const classNames = getClassNames(item.schema);
+  return /* @__PURE__ */ jsx(Section, { className: classNames, padding: "6rem 0", children: /* @__PURE__ */ jsxs(Container.Fluid, { children: [
+    /* @__PURE__ */ jsx(Media, { aspectRatio: 16 / 10, item: item.media }),
+    item.media.alt && /* @__PURE__ */ jsx(Text, { size: "8", marginTop: "1rem", children: item.media.alt })
+  ] }) });
+};
+var MediaFull2Export = {
+  "media-full-2": (0, import_dynamic.default)(() => Promise.resolve().then(() => require_media_full_2()).then(
+    (module) => module.MediaFull2
+  ))
+};
+
+export {
+  MediaFull2,
+  MediaFull2Export
+};

package/dist/chunk-B5WDQW62.mjs

@@ -0,0 +1,469 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+
+// src/components/utils.ts
+import React from "react";
+import { css } from "styled-components";
+
+// src/components/css.ts
+var CssObj = {
+  "alignContent": "align-content",
+  "alignItems": "align-items",
+  "alignSelf": "align-self",
+  /*
+  "animation": "animation",
+  "animationDelay": "animation-delay",
+  "animationDirection": "animation-direction",
+  "animationDuration": "animation-duration",
+  "animationFillMode": "animation-fill-mode",
+  "animationIterationCount": "animation-iteration-count",
+  "animationName": "animation-name",
+  "animationPlayState": "animation-play-state",
+  "animationTimingFunction": "animation-timing-function",
+  */
+  "aspectRatio": "aspect-ratio",
+  /*
+  "backfaceVisibility": "backface-visibility",
+  */
+  "background": "background",
+  /*
+  "backgroundAttachment": "background-attachment",
+  "backgroundClip": "background-clip",
+  */
+  "backgroundColor": "background-color",
+  /*
+  "backgroundImage": "background-image",
+  "backgroundOrigin": "background-origin",
+  "backgroundPosition": "background-position",
+  "backgroundRepeat": "background-repeat",
+  "backgroundSize": "background-size",
+  */
+  "border": "border",
+  "borderBottom": "border-bottom",
+  /*
+  "borderBottomColor": "border-bottom-color",
+  "borderBottomLeftRadius": "border-bottom-left-radius",
+  "borderBottomRightRadius": "border-bottom-right-radius",
+  "borderBottomStyle": "border-bottom-style",
+  "borderBottomWidth": "border-bottom-width",
+  "borderCollapse": "border-collapse",
+  "borderColor": "border-color",
+  "borderImage": "border-image",
+  "borderImageOutset": "border-image-outset",
+  "borderImageRepeat": "border-image-repeat",
+  "borderImageSlice": "border-image-slice",
+  "borderImageSource": "border-image-source",
+  "borderImageWidth": "border-image-width",
+  */
+  "borderLeft": "border-left",
+  /*
+   "borderLeftColor": "border-left-color",
+   "borderLeftStyle": "border-left-style",
+   "borderLeftWidth": "border-left-width",
+   */
+  "borderRadius": "border-radius",
+  "borderRight": "border-right",
+  /*
+  "borderRightColor": "border-right-color",
+  "borderRightStyle": "border-right-style",
+  "borderRightWidth": "border-right-width",
+  "borderSpacing": "border-spacing",
+  "borderStyle": "border-style",
+  */
+  "borderTop": "border-top",
+  /*
+  "borderTopColor": "border-top-color",
+  "borderTopLeftRadius": "border-top-left-radius",
+  "borderTopRightRadius": "border-top-right-radius",
+  "borderTopStyle": "border-top-style",
+  "borderTopWidth": "border-top-width",
+  "borderWidth": "border-width",
+  */
+  "bottom": "bottom",
+  "boxShadow": "box-shadow",
+  /*
+  "boxSizing": "box-sizing",
+  "captionSide": "caption-side",
+  "clear": "clear",
+  */
+  "clip": "clip",
+  "color": "color",
+  "columnCount": "column-count",
+  "columnFill": "column-fill",
+  "columnGap": "column-gap",
+  "columnRule": "column-rule",
+  /*
+  "columnRuleColor": "column-rule-color",
+  "columnRuleStyle": "column-rule-style",
+  "columnRuleWidth": "column-rule-width",
+  */
+  "columnSpan": "column-span",
+  "columnWidth": "column-width",
+  "columns": "columns",
+  "content": "content",
+  /*
+  "counterIncrement": "counter-increment",
+  "counterReset": "counter-reset",
+  */
+  "cursor": "cursor",
+  "direction": "direction",
+  "display": "display",
+  /*
+  "emptyCells": "empty-cells",
+  */
+  "flex": "flex",
+  "flexBasis": "flex-basis",
+  "flexDirection": "flex-direction",
+  "flexFlow": "flex-flow",
+  "flexGrow": "flex-grow",
+  "flexShrink": "flex-shrink",
+  "flexWrap": "flex-wrap",
+  "float": "float",
+  /*
+  "font": "font",
+  "fontFamily": "font-family",
+  */
+  "fontSize": "font-size",
+  /*
+  "fontSizeAdjust": "font-size-adjust",
+  "fontStretch": "font-stretch",
+  "fontStyle": "font-style",
+  "fontVariant": "font-variant",
+  */
+  "fontWeight": "font-weight",
+  "gap": "gap",
+  "grid": "grid",
+  "gridAutoColumns": "grid-auto-columns",
+  "gridColumnEnd": "grid-column-end",
+  "gridColumnStart": "grid-column-start",
+  "gridTemplate": "grid-template",
+  "gridTemplateColumns": "grid-template-columns",
+  "height": "height",
+  "justifyContent": "justify-content",
+  "left": "left",
+  "letterSpacing": "letter-spacing",
+  "lineHeight": "line-height",
+  /*
+  "listStyle": "list-style",
+  "listStyleImage": "list-style-image",
+  "listStylePosition": "list-style-position",
+  "listStyleType": "list-style-type",
+  */
+  "margin": "margin",
+  "marginBottom": "margin-bottom",
+  "marginLeft": "margin-left",
+  "marginRight": "margin-right",
+  "marginTop": "margin-top",
+  "maxHeight": "max-height",
+  "maxWidth": "max-width",
+  "minHeight": "min-height",
+  "minWidth": "min-width",
+  "opacity": "opacity",
+  "order": "order",
+  "outline": "outline",
+  /*
+  "outlineColor": "outline-color",
+  "outlineOffset": "outline-offset",
+  "outlineStyle": "outline-style",
+  "outlineWidth": "outline-width",
+  */
+  "overflow": "overflow",
+  "overflowX": "overflow-x",
+  "overflowY": "overflow-y",
+  "padding": "padding",
+  "paddingBottom": "padding-bottom",
+  "paddingLeft": "padding-left",
+  "paddingRight": "padding-right",
+  "paddingTop": "padding-top",
+  /*
+  "pageBreakAfter": "page-break-after",
+  "pageBreakBefore": "page-break-before",
+  "pageBreakInside": "page-break-inside",
+  "perspective": "perspective",
+  "perspectiveOrigin": "perspective-origin",
+  */
+  "position": "position",
+  /*
+  "quotes": "quotes",
+  "resize": "resize",
+  */
+  "right": "right",
+  "rowGap": "row-gap",
+  /*
+  "tabSize": "tab-size",
+  "tableLayout": "table-layout",
+  */
+  "textAlign": "text-align",
+  /*
+  "textAlignLast": "text-align-last",
+  */
+  "textDecoration": "text-decoration",
+  /*
+  "textDecorationColor": "text-decoration-color",
+  "textDecorationLine": "text-decoration-line",
+  "textDecorationStyle": "text-decoration-style",
+  "textIndent": "text-indent",
+  "textJustify": "text-justify",
+  "textOverflow": "text-overflow",
+  "textShadow": "text-shadow",
+  */
+  "textTransform": "text-transform",
+  "top": "top",
+  "transform": "transform",
+  /*
+  "transformOrigin": "transform-origin",
+  "transformStyle": "transform-style",
+  */
+  "transition": "transition",
+  /*
+  "transitionDelay": "transition-delay",
+  "transitionDuration": "transition-duration",
+  "transitionProperty": "transition-property",
+  "transitionTimingFunction": "transition-timing-function",
+  "verticalAlign": "vertical-align",
+  */
+  "visibility": "visibility",
+  "whiteSpace": "white-space",
+  "width": "width",
+  /*
+  "wordBreak": "word-break",
+  "wordSpacing": "word-spacing",
+  "wordWrap": "word-wrap",
+  */
+  "zIndex": "z-index"
+};
+var CssMap = new Map(Object.entries(CssObj));
+
+// src/components/utils.ts
+var ObjectKeys = Object.keys;
+function getContainer(props, fluid) {
+  if (fluid) {
+    return `
+    max-width: calc(100% - var(--grid-column-gap) * 2);
+  `;
+  } else {
+    const theme = props.theme;
+    if (theme.maxWidth && theme.mediaQuery) {
+      return ObjectKeys(theme.mediaQuery).map((key) => {
+        const value = theme.mediaQuery[key];
+        return `
+@media(min-width: ${value}px) {
+  max-width: ${theme.container.maxWidth[key]};
+}
+`;
+      }).join("\n");
+    } else {
+      return "";
+    }
+  }
+}
+function getCssResponsive(props, defaultValue = {}) {
+  props = __spreadValues(__spreadValues({}, defaultValue), props);
+  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 (CssMap.has(prop)) {
+        const rule2 = `${CssMap.get(prop)}: ${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;
+}
+function getAspectResponsive(props, defaultValue = {}) {
+  props = __spreadValues(__spreadValues({}, defaultValue), props);
+  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 (prop === "aspectRatio") {
+        const rule2 = `
+          position: relative;
+          overflow: hidden;
+        `;
+        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;
+}
+function getGrid(props, defaultValue = {}) {
+  props = __spreadValues(__spreadValues({}, defaultValue), props);
+  return css`
+    ${props.columns ? css`
+      --grid-columns: ${props.columns};
+    ` : ""}
+    ${props.columnGap ? css`
+      --grid-column-gap: ${props.columnGap};
+    ` : ""}
+    ${props.rowGap ? css`
+      --grid-row-gap: ${props.rowGap};
+    ` : ""}
+    ${props.size ? css`
+      --grid-size: ${props.size};
+    ` : ""}
+    display: grid;
+    grid-template-columns: repeat(var(--grid-columns), var(--grid-size));
+    grid-column-gap: var(--grid-column-gap);
+    grid-row-gap: var(--grid-row-gap);
+  `;
+}
+function eachMedia(props, callback) {
+  const theme = props.theme;
+  if (theme.mediaQuery && typeof callback === "function") {
+    return ObjectKeys(theme.mediaQuery).map((key) => {
+      const value = theme.mediaQuery[key];
+      const rule = callback(key);
+      return rule ? `@media(min-width: ${value}px) { ${rule} }` : "";
+    }).join("\n");
+  } else {
+    return "";
+  }
+}
+function getVariant(variants, type) {
+  return type && variants[type] ? variants[type] || "" : "";
+}
+function isChildElement(parent, child) {
+  if (!parent || !child) {
+    return false;
+  }
+  let node = child;
+  while (node) {
+    if (node === parent) {
+      return true;
+    }
+    node = node.parentNode;
+  }
+  return false;
+}
+function mapChildsByType(children, type, mapMethod) {
+  return React.Children.map(children, (child) => {
+    if (!React.isValidElement(child)) {
+      return child;
+    }
+    if (child.type === type) {
+      return mapMethod(child);
+    } else if (child.props.children) {
+      child = React.cloneElement(child, __spreadProps(__spreadValues({}, child.props), {
+        children: mapChildsByType(child.props.children, type, mapMethod)
+      }));
+    }
+    return child;
+  });
+}
+function getChildsByType(children, type) {
+  const items = [];
+  const others = React.Children.map(children, (item) => {
+    if (!React.isValidElement(item)) {
+      return item;
+    }
+    if (item.type === type) {
+      items.push(item);
+      return null;
+    }
+    return item;
+  });
+  const childs = items.length > 0 ? items : void 0;
+  return [childs, others];
+}
+function hasChildOfType(children, type) {
+  const [foundChildren, otherChildren] = getChildsByType(children, type);
+  const hasChildOfType2 = foundChildren !== void 0;
+  return hasChildOfType2;
+}
+function hypenize(text) {
+  return text.replace(new RegExp("(?<![A-Z])[A-Z]|(?<![0-9]|^)[0-9]", "g"), (m) => "-" + m.toLowerCase());
+}
+function camelize(text) {
+  return text.replace(/(^[a-z])|-([a-z0-9])/gi, ($0, $1, $2) => $2 ? $2.toUpperCase() : $1.toUpperCase());
+}
+
+export {
+  __spreadValues,
+  __spreadProps,
+  __objRest,
+  __async,
+  ObjectKeys,
+  getContainer,
+  getCssResponsive,
+  getAspectResponsive,
+  getGrid,
+  eachMedia,
+  getVariant,
+  isChildElement,
+  mapChildsByType,
+  getChildsByType,
+  hasChildOfType,
+  hypenize,
+  camelize
+};