@websolutespa/bom-mixer-ui 0.0.1

package/dist/chunk-U4CLZOPI.mjs

@@ -0,0 +1,232 @@
+import {
+  require_is_error,
+  require_link,
+  require_router,
+  require_router_context
+} from "./chunk-DBOW5IIN.mjs";
+import {
+  __commonJS,
+  __objRest,
+  __require,
+  __spreadProps,
+  __spreadValues,
+  __toESM,
+  require_interop_require_default
+} from "./chunk-4GP5DTTM.mjs";
+
+// ../../../../node_modules/next/dist/client/with-router.js
+var require_with_router = __commonJS({
+  "../../../../node_modules/next/dist/client/with-router.js"(exports, module) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", {
+      value: true
+    });
+    exports.default = withRouter;
+    var _interop_require_default = require_interop_require_default().default;
+    var _react = _interop_require_default(__require("react"));
+    var _router = require_router2();
+    function withRouter(ComposedComponent) {
+      function WithRouterWrapper(props) {
+        return /* @__PURE__ */ _react.default.createElement(ComposedComponent, Object.assign({
+          router: (0, _router).useRouter()
+        }, props));
+      }
+      WithRouterWrapper.getInitialProps = ComposedComponent.getInitialProps;
+      WithRouterWrapper.origGetInitialProps = ComposedComponent.origGetInitialProps;
+      if (process.env.NODE_ENV !== "production") {
+        const name = ComposedComponent.displayName || ComposedComponent.name || "Unknown";
+        WithRouterWrapper.displayName = `withRouter(${name})`;
+      }
+      return WithRouterWrapper;
+    }
+    if ((typeof exports.default === "function" || typeof exports.default === "object" && exports.default !== null) && typeof exports.default.__esModule === "undefined") {
+      Object.defineProperty(exports.default, "__esModule", { value: true });
+      Object.assign(exports.default, exports);
+      module.exports = exports.default;
+    }
+  }
+});
+
+// ../../../../node_modules/next/dist/client/router.js
+var require_router2 = __commonJS({
+  "../../../../node_modules/next/dist/client/router.js"(exports, module) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", {
+      value: true
+    });
+    Object.defineProperty(exports, "Router", {
+      enumerable: true,
+      get: function() {
+        return _router.default;
+      }
+    });
+    Object.defineProperty(exports, "withRouter", {
+      enumerable: true,
+      get: function() {
+        return _withRouter.default;
+      }
+    });
+    exports.useRouter = useRouter2;
+    exports.createRouter = createRouter;
+    exports.makePublicRouterInstance = makePublicRouterInstance;
+    exports.default = void 0;
+    var _interop_require_default = require_interop_require_default().default;
+    var _react = _interop_require_default(__require("react"));
+    var _router = _interop_require_default(require_router());
+    var _routerContext = require_router_context();
+    var _isError = _interop_require_default(require_is_error());
+    var _withRouter = _interop_require_default(require_with_router());
+    var singletonRouter = {
+      router: null,
+      readyCallbacks: [],
+      ready(cb) {
+        if (this.router)
+          return cb();
+        if (typeof window !== "undefined") {
+          this.readyCallbacks.push(cb);
+        }
+      }
+    };
+    var urlPropertyFields = [
+      "pathname",
+      "route",
+      "query",
+      "asPath",
+      "components",
+      "isFallback",
+      "basePath",
+      "locale",
+      "locales",
+      "defaultLocale",
+      "isReady",
+      "isPreview",
+      "isLocaleDomain",
+      "domainLocales"
+    ];
+    var routerEvents = [
+      "routeChangeStart",
+      "beforeHistoryChange",
+      "routeChangeComplete",
+      "routeChangeError",
+      "hashChangeStart",
+      "hashChangeComplete"
+    ];
+    var coreMethodFields = [
+      "push",
+      "replace",
+      "reload",
+      "back",
+      "prefetch",
+      "beforePopState"
+    ];
+    Object.defineProperty(singletonRouter, "events", {
+      get() {
+        return _router.default.events;
+      }
+    });
+    function getRouter() {
+      if (!singletonRouter.router) {
+        const message = 'No router instance found.\nYou should only use "next/router" on the client side of your app.\n';
+        throw new Error(message);
+      }
+      return singletonRouter.router;
+    }
+    urlPropertyFields.forEach((field) => {
+      Object.defineProperty(singletonRouter, field, {
+        get() {
+          const router = getRouter();
+          return router[field];
+        }
+      });
+    });
+    coreMethodFields.forEach((field) => {
+      singletonRouter[field] = (...args) => {
+        const router = getRouter();
+        return router[field](...args);
+      };
+    });
+    routerEvents.forEach((event) => {
+      singletonRouter.ready(() => {
+        _router.default.events.on(event, (...args) => {
+          const eventField = `on${event.charAt(0).toUpperCase()}${event.substring(1)}`;
+          const _singletonRouter = singletonRouter;
+          if (_singletonRouter[eventField]) {
+            try {
+              _singletonRouter[eventField](...args);
+            } catch (err) {
+              console.error(`Error when running the Router event: ${eventField}`);
+              console.error((0, _isError).default(err) ? `${err.message}
+${err.stack}` : err + "");
+            }
+          }
+        });
+      });
+    });
+    var _default = singletonRouter;
+    exports.default = _default;
+    function useRouter2() {
+      return _react.default.useContext(_routerContext.RouterContext);
+    }
+    function createRouter(...args) {
+      singletonRouter.router = new _router.default(...args);
+      singletonRouter.readyCallbacks.forEach((cb) => cb());
+      singletonRouter.readyCallbacks = [];
+      return singletonRouter.router;
+    }
+    function makePublicRouterInstance(router) {
+      const scopedRouter = router;
+      const instance = {};
+      for (const property of urlPropertyFields) {
+        if (typeof scopedRouter[property] === "object") {
+          instance[property] = Object.assign(Array.isArray(scopedRouter[property]) ? [] : {}, scopedRouter[property]);
+          continue;
+        }
+        instance[property] = scopedRouter[property];
+      }
+      instance.events = _router.default.events;
+      coreMethodFields.forEach((field) => {
+        instance[field] = (...args) => {
+          return scopedRouter[field](...args);
+        };
+      });
+      return instance;
+    }
+    if ((typeof exports.default === "function" || typeof exports.default === "object" && exports.default !== null) && typeof exports.default.__esModule === "undefined") {
+      Object.defineProperty(exports.default, "__esModule", { value: true });
+      Object.assign(exports.default, exports);
+      module.exports = exports.default;
+    }
+  }
+});
+
+// ../../../../node_modules/next/router.js
+var require_router3 = __commonJS({
+  "../../../../node_modules/next/router.js"(exports, module) {
+    module.exports = require_router2();
+  }
+});
+
+// src/components/nav-link/nav-link.tsx
+var import_link = __toESM(require_link());
+var import_router = __toESM(require_router3());
+import { usePage } from "@websolutespa/bom-mixer-hooks";
+import React, { Children } from "react";
+import { jsx } from "react/jsx-runtime";
+var NavLink = (_a) => {
+  var _b = _a, { children, activeClassName = "active" } = _b, props = __objRest(_b, ["children", "activeClassName"]);
+  const child = Children.only(children);
+  const childClassName = child.props.className || "";
+  const { href } = usePage();
+  const router = (0, import_router.useRouter)();
+  const pathname = href || router.pathname;
+  const isActive = pathname && (pathname === props.href || pathname === props.as);
+  const className = isActive ? `${childClassName} ${activeClassName}`.trim() : childClassName;
+  return /* @__PURE__ */ jsx(import_link.default, __spreadProps(__spreadValues({}, props), { children: isActive ? React.cloneElement(children, {
+    className: className || null
+  }) : children }));
+};
+
+export {
+  require_router3 as require_router,
+  NavLink
+};

package/dist/chunk-UGZQFVRQ.mjs

@@ -0,0 +1,29 @@
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-B5WDQW62.mjs";
+
+// src/components/nav-link/nav-link.tsx
+import { usePage } from "@websolutespa/bom-mixer-hooks";
+import Link from "next/link";
+import { useRouter } from "next/router";
+import React, { Children } from "react";
+import { jsx } from "react/jsx-runtime";
+var NavLink = (_a) => {
+  var _b = _a, { children, activeClassName = "active" } = _b, props = __objRest(_b, ["children", "activeClassName"]);
+  const child = Children.only(children);
+  const childClassName = child.props.className || "";
+  const { href } = usePage();
+  const router = useRouter();
+  const pathname = href || router.pathname;
+  const isActive = pathname && (pathname === props.href || pathname === props.as);
+  const className = isActive ? `${childClassName} ${activeClassName}`.trim() : childClassName;
+  return /* @__PURE__ */ jsx(Link, __spreadProps(__spreadValues({}, props), { children: isActive ? React.cloneElement(children, {
+    className: className || null
+  }) : children }));
+};
+
+export {
+  NavLink
+};

package/dist/chunk-VTNTTQXM.mjs

@@ -0,0 +1,54 @@
+import {
+  CssButtonCircle,
+  CssButtonDefault,
+  CssButtonGhost,
+  CssButtonLink,
+  CssButtonNav,
+  CssButtonOutline,
+  CssButtonPrimary,
+  CssButtonSecondary,
+  CssButtonToggle,
+  CssButtonUnderline,
+  CssDefault
+} from "./chunk-2NOCZCBX.mjs";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues,
+  getCssResponsive,
+  getVariant
+} from "./chunk-4GP5DTTM.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-W346ZVLC.mjs

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

package/dist/chunk-XAXJC3FV.mjs

@@ -0,0 +1,36 @@
+import {
+  Flex
+} from "./chunk-OAAW3SV6.mjs";
+import {
+  Grid
+} from "./chunk-PFPUP4FL.mjs";
+import {
+  Container,
+  Section,
+  Text
+} from "./chunk-GGXSEAD2.mjs";
+
+// src/lazy/text-aside-1/text-aside-1.tsx
+import { getClassNames } from "@websolutespa/bom-mixer-core";
+import dynamic from "next/dynamic";
+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": dynamic(() => Promise.resolve().then(() => require_text_aside_1()).then(
+    (module) => module.TextAside1
+  ))
+};
+
+export {
+  TextAside1,
+  TextAside1Export
+};

package/dist/chunk-Y2QTR7KM.mjs

@@ -0,0 +1,55 @@
+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/lazy/sizes-colors-1/sizes-colors-1.tsx
+var import_dynamic = __toESM(require_dynamic());
+import { getClassNames } from "@websolutespa/bom-mixer-core";
+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": (0, import_dynamic.default)(() => Promise.resolve().then(() => require_sizes_colors_1()).then(
+    (module) => module.SizesColors1
+  ))
+};
+
+export {
+  SizesColors1,
+  SizesColors1Export
+};

package/dist/chunk-ZBPDMEV4.mjs

@@ -0,0 +1,122 @@
+import {
+  Background
+} from "./chunk-2NOCZCBX.mjs";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues,
+  getAspectResponsive,
+  getCssResponsive,
+  getVariant,
+  hasChildOfType
+} from "./chunk-4GP5DTTM.mjs";
+
+// src/components/card/card-content.tsx
+import styled from "styled-components";
+var CardContent = styled.div`
+  position: relative;
+  ${(props) => getCssResponsive(props)}
+`;
+
+// src/components/card/card-footer.tsx
+import styled2 from "styled-components";
+var CardFooter = styled2.div`
+  flex: 0 0 4em;
+  position: relative;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  border-top: 1px solid var(--color-neutral-100);
+  ${(props) => getCssResponsive(props)}
+`;
+
+// src/components/card/card.tsx
+import { getClassNames, withSchema } from "@websolutespa/bom-mixer-core";
+import { forwardRef } from "react";
+import styled3, { css } from "styled-components";
+import { jsx } from "react/jsx-runtime";
+var variants = {
+  default: css`
+`,
+  alfa: css`
+  border: 1px solid var(--color-neutral-200);
+  border-radius: 0.5em;
+  // box-shadow: var(--card-shadow);
+`,
+  beta: css`
+  background: var(--color-neutral-200);
+  // border-radius: 2px;
+`,
+  gamma: css`
+  border: 1px solid var(--color-neutral-200);
+  border-radius: 20px;
+  box-shadow: var(--card-shadow);
+`,
+  delta: css`
+  border: 1px solid var(--color-neutral-200);
+  border-radius: 20px;
+  box-shadow: var(--card-shadow);
+`
+};
+var StyledCard = styled3.div`
+  display: flex;
+  flex-direction: column;
+  // margin: 0 0 40px 0;
+
+  ${(props) => getVariant(variants, props.variant)}
+  ${(props) => getCssResponsive(props)}
+  ${(props) => getAspectResponsive(props)};
+  ${(props) => props.hoverable ? css`
+    cursor: pointer;
+    .media {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      overflow: hidden;
+      &>:not(.media-info) {
+        transition: ease-in-out 200ms;
+        transition-property: transform, opacity;
+      }
+    }
+    &:hover {
+      .media {
+        &>:not(.media-info) {
+          transform: scale(1.05);
+        }
+      }
+      .button {
+        &:after {
+          transform: scale(1, 1);
+        }
+      }
+    }
+  ` : ""}
+  ${(props) => hasBackground(props) ? css`
+    color: var(--color-neutral-100);
+    position: relative;
+
+    &>:not(.background) {
+      position: relative;
+    }
+  ` : ""}
+`;
+var CardBase = forwardRef((_a, ref) => {
+  var _b = _a, { children, className, as = "div" } = _b, props = __objRest(_b, ["children", "className", "as"]);
+  const classNames = getClassNames("card", className);
+  return /* @__PURE__ */ jsx(StyledCard, __spreadProps(__spreadValues({ className: classNames, ref, as }, props), { children }));
+});
+CardBase.displayName = "Card";
+var Card = withSchema(CardBase, {
+  Background,
+  Content: CardContent,
+  Footer: CardFooter
+});
+function hasBackground(props) {
+  return hasChildOfType(props.children, Background);
+}
+
+export {
+  CardContent,
+  CardFooter,
+  Card
+};

package/dist/chunk-ZFNJUDPN.mjs

@@ -0,0 +1,43 @@
+import {
+  Flex
+} from "./chunk-OAAW3SV6.mjs";
+import {
+  Grid
+} from "./chunk-6HX6MNJA.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
+};

package/dist/download-1-FRTTCFSC.mjs

@@ -0,0 +1,14 @@
+import {
+  Download1,
+  Download1Export
+} from "./chunk-DC3AZYXP.mjs";
+import "./chunk-U4CLZOPI.mjs";
+import "./chunk-QXUK3J2W.mjs";
+import "./chunk-DBOW5IIN.mjs";
+import "./chunk-VTNTTQXM.mjs";
+import "./chunk-2NOCZCBX.mjs";
+import "./chunk-4GP5DTTM.mjs";
+export {
+  Download1,
+  Download1Export
+};

package/dist/download-1-HFDPW6PG.mjs

@@ -0,0 +1,13 @@
+import {
+  Download1,
+  Download1Export
+} from "./chunk-NLXIPXSN.mjs";
+import "./chunk-UGZQFVRQ.mjs";
+import "./chunk-OAAW3SV6.mjs";
+import "./chunk-A7SAZJPB.mjs";
+import "./chunk-GGXSEAD2.mjs";
+import "./chunk-B5WDQW62.mjs";
+export {
+  Download1,
+  Download1Export
+};