@anoki/fse-ui 1.0.0-beta1.48.4 → 1.0.0-beta1.48.40

package/dist/index.es134.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es134.js","sources":["../src/components/ui/AggregationItemCard/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport { ComponentType, ReactNode, MouseEvent } from \"react\";\r\nimport { Col } from \"../Col\";\r\nimport { Row } from \"../Row\";\r\nimport { File } from \"@/icons\";\r\nimport \"./AggregationItemCard.scss\";\r\nimport { Tag, TagProps } from \"../Tags\";\r\n\r\ntype Image = {\r\n  alt: string;\r\n  src: string;\r\n  title: string;\r\n};\r\n\r\ntype HeadingLevel = \"h2\" | \"h3\" | \"h4\";\r\n\r\ntype AggregationItemCardProps = {\r\n  category?: {\r\n    type: string;\r\n    published_at: string;\r\n  };\r\n  tags?: Array<TagProps>;\r\n  totalTags?: number;\r\n  image?: Image;\r\n  title: string;\r\n  titleTag?: HeadingLevel;\r\n  href?: string;\r\n  description?: string | ReactNode;\r\n  description2?: string;\r\n  isExternal?: boolean;\r\n  asImage?: \"img\";\r\n  asLink?: \"a\" | ComponentType<any>;\r\n  className?: string;\r\n  classNameTitle?: string;\r\n  handleOnClick?: (e: MouseEvent<HTMLAnchorElement>) => void;\r\n};\r\n\r\nexport const AggregationItemCard = ({\r\n  category,\r\n  tags = [],\r\n  totalTags = 2,\r\n  image,\r\n  title,\r\n  titleTag: TitleTag = \"h3\",\r\n  href,\r\n  isExternal = false,\r\n  asImage = \"img\",\r\n  className,\r\n  handleOnClick,\r\n}: AggregationItemCardProps) => {\r\n  const ImageComponent = asImage;\r\n  return (\r\n    <div\r\n      className={clsx(\r\n        \"ui-aggregation-item-card shadow br-x4 bg-white\",\r\n        className,\r\n        handleOnClick && \"cursor-pointer\",\r\n      )}\r\n    >\r\n      <div className=\"category-header text-muted\">\r\n        <Row gap=\"x4\" alignItems=\"center\" className=\"p-x0 m-x0\">\r\n          {category && (\r\n            <File\r\n              fillColor={image?.src ? \"#fff\" : \"#5C6F82\"}\r\n              width={30}\r\n              height={30}\r\n            />\r\n          )}\r\n          {category?.type ?? \" \"}\r\n        </Row>\r\n        <p className=\"date text-muted \">{category?.published_at ?? \" \"}</p>\r\n      </div>\r\n\r\n      {image?.src && (\r\n        <header className=\"image\">\r\n          <ImageComponent\r\n            src={image?.src}\r\n            alt={image?.alt}\r\n            title={image?.title}\r\n          />\r\n          <div className=\"backdrop\"></div>\r\n        </header>\r\n      )}\r\n      <Col className=\"content-container gap-x16\">\r\n        <Row alignItems={\"center\"} justifyContent={\"space-between\"} gap={\"x4\"}>\r\n          <a\r\n            className=\"text-decoration-none\"\r\n            href={href}\r\n            target={isExternal ? \"_blank\" : undefined}\r\n            rel={isExternal ? \"noreferrer noopener\" : undefined}\r\n            onClick={handleOnClick ?? undefined}\r\n          >\r\n            <TitleTag\r\n              className={clsx(\r\n                \"title\",\r\n                \"cursor-pointer hover-underline\",\r\n                \"text-primary fs-5 md-fs-custom-2\",\r\n              )}\r\n            >\r\n              {title}\r\n            </TitleTag>\r\n          </a>\r\n        </Row>\r\n      </Col>\r\n      <Col className=\"content-container gap-x16\">\r\n        <Row\r\n          className=\"topics-container\"\r\n          gap=\"x16\"\r\n          flexWrap=\"wrap\"\r\n          alignItems=\"flex-start\"\r\n        >\r\n          {tags.slice(0, totalTags).map((topic, index) => (\r\n            <Tag key={index} {...topic} />\r\n          ))}\r\n        </Row>\r\n      </Col>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["AggregationItemCard","category","tags","totalTags","image","title","TitleTag","href","isExternal","asImage","className","handleOnClick","ImageComponent","jsxs","clsx","Row","jsx","File","Col","topic","index","Tag"],"mappings":";;;;;;;AAqCO,MAAMA,IAAsB,CAAC;AAAA,EAClC,UAAAC;AAAA,EACA,MAAAC,IAAO,CAAC;AAAA,EACR,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAUC,IAAW;AAAA,EACrB,MAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,SAAAC,IAAU;AAAA,EACV,WAAAC;AAAA,EACA,eAAAC;AACF,MAAgC;AAC9B,QAAMC,IAAiBH;AAErB,SAAAI,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAJ;AAAA,QACAC,KAAiB;AAAA,MACnB;AAAA,MAEA,UAAA;AAAA,QAACE,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,8BACb,UAAA;AAAA,UAAAA,gBAAAA,OAACE,KAAI,KAAI,MAAK,YAAW,UAAS,WAAU,aACzC,UAAA;AAAA,YACCd,KAAAe,gBAAAA,EAAA;AAAA,cAACC;AAAA,cAAA;AAAA,gBACC,WAAWb,KAAA,QAAAA,EAAO,MAAM,SAAS;AAAA,gBACjC,OAAO;AAAA,gBACP,QAAQ;AAAA,cAAA;AAAA,YACV;AAAA,aAEDH,KAAA,gBAAAA,EAAU,SAAQ;AAAA,UAAA,GACrB;AAAA,gCACC,KAAE,EAAA,WAAU,oBAAoB,WAAAA,KAAA,gBAAAA,EAAU,iBAAgB,IAAI,CAAA;AAAA,QAAA,GACjE;AAAA,SAECG,KAAA,gBAAAA,EAAO,QACLS,gBAAAA,OAAA,UAAA,EAAO,WAAU,SAChB,UAAA;AAAA,UAAAG,gBAAAA,EAAA;AAAA,YAACJ;AAAA,YAAA;AAAA,cACC,KAAKR,KAAA,gBAAAA,EAAO;AAAA,cACZ,KAAKA,KAAA,gBAAAA,EAAO;AAAA,cACZ,OAAOA,KAAA,gBAAAA,EAAO;AAAA,YAAA;AAAA,UAChB;AAAA,UACAY,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,WAAW,CAAA;AAAA,QAAA,GAC5B;AAAA,QAEFA,gBAAAA,EAAA,IAACE,GAAI,EAAA,WAAU,6BACb,UAAAF,gBAAAA,EAAAA,IAACD,GAAI,EAAA,YAAY,UAAU,gBAAgB,iBAAiB,KAAK,MAC/D,UAAAC,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,MAAAT;AAAA,YACA,QAAQC,IAAa,WAAW;AAAA,YAChC,KAAKA,IAAa,wBAAwB;AAAA,YAC1C,SAASG,KAAiB;AAAA,YAE1B,UAAAK,gBAAAA,EAAA;AAAA,cAACV;AAAA,cAAA;AAAA,gBACC,WAAWQ;AAAA,kBACT;AAAA,kBACA;AAAA,kBACA;AAAA,gBACF;AAAA,gBAEC,UAAAT;AAAA,cAAA;AAAA,YAAA;AAAA,UACH;AAAA,WAEJ,EACF,CAAA;AAAA,QACAW,gBAAAA,EAAAA,IAACE,GAAI,EAAA,WAAU,6BACb,UAAAF,gBAAAA,EAAA;AAAA,UAACD;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,KAAI;AAAA,YACJ,UAAS;AAAA,YACT,YAAW;AAAA,YAEV,UAAKb,EAAA,MAAM,GAAGC,CAAS,EAAE,IAAI,CAACgB,GAAOC,MACnCJ,gBAAAA,EAAA,IAAAK,GAAA,EAAiB,GAAGF,EAAA,GAAXC,CAAkB,CAC7B;AAAA,UAAA;AAAA,QAAA,EAEL,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"index.es134.js","sources":["../src/components/ui/AggregationItemCard/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport { ComponentType, ReactNode, MouseEvent } from \"react\";\r\nimport { Col } from \"../Col\";\r\nimport { Row } from \"../Row\";\r\nimport { File } from \"@/icons\";\r\nimport \"./AggregationItemCard.scss\";\r\nimport { Tag, TagProps } from \"../Tags\";\r\nimport { HeadingLevel } from \"@/types\";\r\n\r\ntype Image = {\r\n  alt: string;\r\n  src: string;\r\n  title: string;\r\n};\r\n\r\ntype AggregationItemCardProps = {\r\n  category?: {\r\n    type: string;\r\n    published_at: string;\r\n  };\r\n  tags?: Array<TagProps>;\r\n  totalTags?: number;\r\n  image?: Image;\r\n  title: string;\r\n  titleTag?: HeadingLevel;\r\n  href?: string;\r\n  description?: string | ReactNode;\r\n  description2?: string;\r\n  isExternal?: boolean;\r\n  asImage?: \"img\";\r\n  asLink?: \"a\" | ComponentType<any>;\r\n  className?: string;\r\n  classNameTitle?: string;\r\n  handleOnClick?: (e: MouseEvent<HTMLAnchorElement>) => void;\r\n};\r\n\r\nexport const AggregationItemCard = ({\r\n  category,\r\n  tags = [],\r\n  totalTags = 2,\r\n  image,\r\n  title,\r\n  titleTag: TitleTag = \"h1\",\r\n  href,\r\n  isExternal = false,\r\n  asImage = \"img\",\r\n  className,\r\n  handleOnClick,\r\n}: AggregationItemCardProps) => {\r\n  const ImageComponent = asImage;\r\n  return (\r\n    <div\r\n      className={clsx(\r\n        \"ui-aggregation-item-card shadow br-x4 bg-white\",\r\n        className,\r\n        handleOnClick && \"cursor-pointer\",\r\n      )}\r\n    >\r\n      <div className=\"category-header text-muted\">\r\n        <Row gap=\"x4\" alignItems=\"center\" className=\"p-x0 m-x0\">\r\n          {category && (\r\n            <File\r\n              fillColor={image?.src ? \"#fff\" : \"#5C6F82\"}\r\n              width={30}\r\n              height={30}\r\n            />\r\n          )}\r\n          {category?.type ?? \" \"}\r\n        </Row>\r\n        <p className=\"date text-muted \">{category?.published_at ?? \" \"}</p>\r\n      </div>\r\n\r\n      {image?.src && (\r\n        <header className=\"image\">\r\n          <ImageComponent\r\n            src={image?.src}\r\n            alt={image?.alt}\r\n            title={image?.title}\r\n          />\r\n          <div className=\"backdrop\"></div>\r\n        </header>\r\n      )}\r\n      <Col className=\"content-container gap-x16\">\r\n        <Row alignItems={\"center\"} justifyContent={\"space-between\"} gap={\"x4\"}>\r\n          <a\r\n            className=\"text-decoration-none\"\r\n            href={href}\r\n            target={isExternal ? \"_blank\" : undefined}\r\n            rel={isExternal ? \"noreferrer noopener\" : undefined}\r\n            onClick={handleOnClick ?? undefined}\r\n          >\r\n            <TitleTag\r\n              className={clsx(\r\n                \"title\",\r\n                \"cursor-pointer hover-underline\",\r\n                \"text-primary fs-5 md-fs-custom-2\",\r\n              )}\r\n            >\r\n              {title}\r\n            </TitleTag>\r\n          </a>\r\n        </Row>\r\n      </Col>\r\n      <Col className=\"content-container gap-x16\">\r\n        <Row\r\n          className=\"topics-container\"\r\n          gap=\"x16\"\r\n          flexWrap=\"wrap\"\r\n          alignItems=\"flex-start\"\r\n        >\r\n          {tags.slice(0, totalTags).map((topic, index) => (\r\n            <Tag key={index} {...topic} />\r\n          ))}\r\n        </Row>\r\n      </Col>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["AggregationItemCard","category","tags","totalTags","image","title","TitleTag","href","isExternal","asImage","className","handleOnClick","ImageComponent","jsxs","clsx","Row","jsx","File","Col","topic","index","Tag"],"mappings":";;;;;;;AAoCO,MAAMA,IAAsB,CAAC;AAAA,EAClC,UAAAC;AAAA,EACA,MAAAC,IAAO,CAAC;AAAA,EACR,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAUC,IAAW;AAAA,EACrB,MAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,SAAAC,IAAU;AAAA,EACV,WAAAC;AAAA,EACA,eAAAC;AACF,MAAgC;AAC9B,QAAMC,IAAiBH;AAErB,SAAAI,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAJ;AAAA,QACAC,KAAiB;AAAA,MACnB;AAAA,MAEA,UAAA;AAAA,QAACE,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,8BACb,UAAA;AAAA,UAAAA,gBAAAA,OAACE,KAAI,KAAI,MAAK,YAAW,UAAS,WAAU,aACzC,UAAA;AAAA,YACCd,KAAAe,gBAAAA,EAAA;AAAA,cAACC;AAAA,cAAA;AAAA,gBACC,WAAWb,KAAA,QAAAA,EAAO,MAAM,SAAS;AAAA,gBACjC,OAAO;AAAA,gBACP,QAAQ;AAAA,cAAA;AAAA,YACV;AAAA,aAEDH,KAAA,gBAAAA,EAAU,SAAQ;AAAA,UAAA,GACrB;AAAA,gCACC,KAAE,EAAA,WAAU,oBAAoB,WAAAA,KAAA,gBAAAA,EAAU,iBAAgB,IAAI,CAAA;AAAA,QAAA,GACjE;AAAA,SAECG,KAAA,gBAAAA,EAAO,QACLS,gBAAAA,OAAA,UAAA,EAAO,WAAU,SAChB,UAAA;AAAA,UAAAG,gBAAAA,EAAA;AAAA,YAACJ;AAAA,YAAA;AAAA,cACC,KAAKR,KAAA,gBAAAA,EAAO;AAAA,cACZ,KAAKA,KAAA,gBAAAA,EAAO;AAAA,cACZ,OAAOA,KAAA,gBAAAA,EAAO;AAAA,YAAA;AAAA,UAChB;AAAA,UACAY,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,WAAW,CAAA;AAAA,QAAA,GAC5B;AAAA,QAEFA,gBAAAA,EAAA,IAACE,GAAI,EAAA,WAAU,6BACb,UAAAF,gBAAAA,EAAAA,IAACD,GAAI,EAAA,YAAY,UAAU,gBAAgB,iBAAiB,KAAK,MAC/D,UAAAC,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,MAAAT;AAAA,YACA,QAAQC,IAAa,WAAW;AAAA,YAChC,KAAKA,IAAa,wBAAwB;AAAA,YAC1C,SAASG,KAAiB;AAAA,YAE1B,UAAAK,gBAAAA,EAAA;AAAA,cAACV;AAAA,cAAA;AAAA,gBACC,WAAWQ;AAAA,kBACT;AAAA,kBACA;AAAA,kBACA;AAAA,gBACF;AAAA,gBAEC,UAAAT;AAAA,cAAA;AAAA,YAAA;AAAA,UACH;AAAA,WAEJ,EACF,CAAA;AAAA,QACAW,gBAAAA,EAAAA,IAACE,GAAI,EAAA,WAAU,6BACb,UAAAF,gBAAAA,EAAA;AAAA,UAACD;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,KAAI;AAAA,YACJ,UAAS;AAAA,YACT,YAAW;AAAA,YAEV,UAAKb,EAAA,MAAM,GAAGC,CAAS,EAAE,IAAI,CAACgB,GAAOC,MACnCJ,gBAAAA,EAAA,IAAAK,GAAA,EAAiB,GAAGF,EAAA,GAAXC,CAAkB,CAC7B;AAAA,UAAA;AAAA,QAAA,EAEL,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/index.es135.js

@@ -1,12 +1,12 @@
-import { j as e } from "./index.es243.js";
+import { j as e } from "./index.es244.js";
 import './components/ui/CommunicationSeach/CommunicationSearch.css';/* empty css            */
-import { clsx as o } from "./index.es244.js";
-import { useState as C, useCallback as y, useMemo as v } from "react";
-import { Spinner as F } from "./index.es195.js";
-import { Close as k } from "./index.es160.js";
-import { Col as M } from "./index.es10.js";
-import { Button as S } from "./index.es28.js";
-const T = ({
+import { clsx as l } from "./index.es246.js";
+import { useState as C, useCallback as y, useMemo as v, Fragment as F } from "react";
+import { Spinner as k } from "./index.es196.js";
+import { Close as M } from "./index.es161.js";
+import { Col as S } from "./index.es10.js";
+import { Button as B } from "./index.es28.js";
+const V = ({
   btnText: p,
   helperText: x = "Cosa vuoi approfondire?",
   value: n,
@@ -16,11 +16,11 @@ const T = ({
   setValue: g,
   setSelectedElement: j
 }) => {
-  const [h, l] = C(!1), m = (s) => {
+  const [h, o] = C(!1), m = (s) => {
     const t = s.target.value;
     g(t);
   }, b = (s) => {
-    j(s), l(!1);
+    j(s), o(!1);
   }, N = y((s, t) => {
     if (!t) return s;
     const a = s.toLowerCase().indexOf(t.toLowerCase());
@@ -35,23 +35,23 @@ const T = ({
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: o(
+      className: l(
         "ui-communication-search",
         "br-x4 bg-border-secondary w-full"
       ),
       onBlur: () => {
         setTimeout(() => {
-          l(!1);
+          o(!1);
         }, 150);
       },
       children: [
-        /* @__PURE__ */ e.jsxs("div", { className: "position-relative", children: [
+        /* @__PURE__ */ e.jsxs("div", { className: "position-relative w-full", children: [
           /* @__PURE__ */ e.jsx(
             "input",
             {
               id: "search",
               type: "search",
-              className: o(
+              className: l(
                 "ui-communication-search-input",
                 "fs-6 md-fs-custom text-slate-20 br-x4 w-full pl-x24"
               ),
@@ -59,12 +59,12 @@ const T = ({
               "aria-label": "Barra di ricerca",
               value: n,
               onChange: m,
-              onFocus: () => l(!0)
+              onFocus: () => o(!0)
             }
           ),
-          u && /* @__PURE__ */ e.jsx(F, { className: "ui-loading-spinner" }),
+          u && /* @__PURE__ */ e.jsx(k, { className: "ui-loading-spinner" }),
           n && n.length >= 3 && /* @__PURE__ */ e.jsx(
-            k,
+            M,
             {
               className: "ui-clean-button",
               onClick: () => {
@@ -76,11 +76,11 @@ const T = ({
         /* @__PURE__ */ e.jsx(
           "div",
           {
-            className: o("ui-wrap-list-item-search shadow position-absolute", {
+            className: l("ui-wrap-list-item-search shadow position-absolute", {
               "py-x24": d
             }),
             children: /* @__PURE__ */ e.jsx(
-              M,
+              S,
               {
                 gap: "x24",
                 fw: "regular",
@@ -91,23 +91,20 @@ const T = ({
                   r.map(
                     (s, t) => {
                       var a;
-                      return (a = s.items) != null && a.length ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-                        " ",
-                        /* @__PURE__ */ e.jsxs("div", { children: [
-                          /* @__PURE__ */ e.jsx("h4", { className: "category-title fw-semibold text-dark fs-6 mb-x8 px-x24", children: s.category }),
-                          /* @__PURE__ */ e.jsx("ul", { className: "list-unstyled", children: s.items.map((i) => /* @__PURE__ */ e.jsx(
-                            "li",
-                            {
-                              onClick: (c) => {
-                                c.stopPropagation(), c.preventDefault(), b(i);
-                              },
-                              className: "cursor-pointer py-x8 px-x24",
-                              children: N(i.name, n || "")
+                      return (a = s.items) != null && a.length ? /* @__PURE__ */ e.jsx(F, { children: /* @__PURE__ */ e.jsxs("div", { children: [
+                        /* @__PURE__ */ e.jsx("h4", { className: "category-title fw-semibold text-dark fs-6 mb-x8 px-x24", children: s.category }),
+                        /* @__PURE__ */ e.jsx("ul", { className: "list-unstyled", children: s.items.map((i) => /* @__PURE__ */ e.jsx(
+                          "li",
+                          {
+                            onClick: (c) => {
+                              c.stopPropagation(), c.preventDefault(), b(i);
                             },
-                            i.id
-                          )) })
-                        ] }, t)
-                      ] }) : /* @__PURE__ */ e.jsx(e.Fragment, {});
+                            className: "cursor-pointer py-x8 px-x24",
+                            children: N(i.name, n || "")
+                          },
+                          i.id
+                        )) })
+                      ] }) }, t) : /* @__PURE__ */ e.jsx(e.Fragment, {});
                     }
                   ),
                   !u && r.every((s) => s.items.length === 0) ? /* @__PURE__ */ e.jsx("p", { className: " px-x24 fs-6", children: f }) : ""
@@ -116,15 +113,15 @@ const T = ({
             )
           }
         ),
-        /* @__PURE__ */ e.jsx("div", { className: o("ui-div-btn"), children: /* @__PURE__ */ e.jsx(
-          S,
+        /* @__PURE__ */ e.jsx("div", { className: l("ui-div-btn"), children: /* @__PURE__ */ e.jsx(
+          B,
           {
-            className: o(
+            className: l(
               "ui-btn-search",
               "bg-primary text-white fs-7 md-fs-6 fw-semibold br-x4"
             ),
             onClick: () => {
-              m({ target: { value: n } }), l(!0);
+              m({ target: { value: n } }), o(!0);
             },
             children: p
           }
@@ -134,6 +131,6 @@ const T = ({
   );
 };
 export {
-  T as CommunicationSearch
+  V as CommunicationSearch
 };
 //# sourceMappingURL=index.es135.js.map

package/dist/index.es135.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es135.js","sources":["../src/components/ui/CommunicationSeach/index.tsx"],"sourcesContent":["import \"./CommunicationSearch.scss\";\r\nimport clsx from \"clsx\";\r\nimport { ChangeEvent, useCallback, useMemo, useState } from \"react\";\r\nimport { Button, Col } from \"@/components\";\r\nimport { Close, Spinner } from \"@/icons\";\r\nimport { Service } from \"@anoki/fse-common\";\r\n\r\nexport type Suggestion = {\r\n  category: string;\r\n  items: Service[];\r\n};\r\n\r\nexport type CommunicationSearchProps = {\r\n  btnText: string;\r\n  helperText?: string;\r\n  value: string;\r\n  items: Suggestion[];\r\n  loading?: boolean;\r\n  emptyLabel?: string;\r\n  setValue: (value: string) => void;\r\n  setSelectedElement: (value: Service) => void;\r\n};\r\n\r\nexport const CommunicationSearch = ({\r\n  btnText,\r\n  helperText = \"Cosa vuoi approfondire?\",\r\n  value,\r\n  loading,\r\n  items,\r\n  emptyLabel = \"Nessun risultato disponibile\",\r\n  setValue,\r\n  setSelectedElement,\r\n}: CommunicationSearchProps) => {\r\n  const [focus, setFocus] = useState(false);\r\n\r\n  const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\r\n    const inputValue = e.target.value;\r\n    setValue(inputValue);\r\n  };\r\n\r\n  const handleSelectItem = (item: Service) => {\r\n    setSelectedElement(item);\r\n    setFocus(false);\r\n  };\r\n\r\n  const highlightMatch = useCallback((text: string, query: string) => {\r\n    if (!query) return text;\r\n\r\n    const index = text.toLowerCase().indexOf(query.toLowerCase());\r\n    if (index === -1) return text;\r\n\r\n    const beforeMatch = text.slice(0, index);\r\n    const match = text.slice(index, index + query.length);\r\n    const afterMatch = text.slice(index + query.length);\r\n\r\n    return (\r\n      <>\r\n        {beforeMatch}\r\n        <span className={\"text-primary fw-bold\"}>{match}</span>\r\n        {afterMatch}\r\n      </>\r\n    );\r\n  }, []);\r\n\r\n  const showMenu = useMemo(() => {\r\n    if (focus) {\r\n      return true;\r\n    }\r\n\r\n    if (value.length >= 3 && items?.length > 0) {\r\n      return true;\r\n    }\r\n\r\n    return focus;\r\n  }, [focus, items?.length, value.length]);\r\n\r\n  return (\r\n    <div\r\n      className={clsx(\r\n        \"ui-communication-search\",\r\n        \"br-x4 bg-border-secondary w-full\",\r\n      )}\r\n      onBlur={() => {\r\n        setTimeout(() => {\r\n          setFocus(false);\r\n        }, 150);\r\n      }}\r\n    >\r\n      <div className={\"position-relative\"}>\r\n        <input\r\n          id=\"search\"\r\n          type=\"search\"\r\n          className={clsx(\r\n            \"ui-communication-search-input\",\r\n            \"fs-6 md-fs-custom text-slate-20 br-x4 w-full pl-x24\",\r\n          )}\r\n          placeholder={helperText}\r\n          aria-label=\"Barra di ricerca\"\r\n          value={value}\r\n          onChange={handleInputChange}\r\n          onFocus={() => setFocus(true)}\r\n        />\r\n        {loading && <Spinner className=\"ui-loading-spinner\" />}\r\n        {value && value.length >= 3 && (\r\n          <Close\r\n            className={\"ui-clean-button\"}\r\n            onClick={() => {\r\n              handleInputChange({ target: { value: \"\" } } as any);\r\n            }}\r\n          />\r\n        )}\r\n      </div>\r\n\r\n      <div\r\n        className={clsx(\"ui-wrap-list-item-search shadow position-absolute\", {\r\n          \"py-x24\": showMenu,\r\n        })}\r\n      >\r\n        <Col\r\n          gap=\"x24\"\r\n          fw=\"regular\"\r\n          text=\"secondary\"\r\n          fs=\"6\"\r\n          className=\"ui-list-item-search overflow-y-auto\"\r\n        >\r\n          {showMenu && (\r\n            <>\r\n              {items.map((group, index) =>\r\n                group.items?.length ? (\r\n                  <>\r\n                    {\" \"}\r\n                    <div key={index}>\r\n                      <h4 className=\"category-title fw-semibold text-dark fs-6 mb-x8 px-x24\">\r\n                        {group.category}\r\n                      </h4>\r\n                      <ul className=\"list-unstyled\">\r\n                        {group.items.map((item) => (\r\n                          <li\r\n                            key={item.id}\r\n                            onClick={(e) => {\r\n                              e.stopPropagation();\r\n                              e.preventDefault();\r\n\r\n                              handleSelectItem(item);\r\n                            }}\r\n                            className=\"cursor-pointer py-x8 px-x24\"\r\n                          >\r\n                            {highlightMatch(item.name, value || \"\")}\r\n                          </li>\r\n                        ))}\r\n                      </ul>\r\n                    </div>\r\n                  </>\r\n                ) : (\r\n                  <></>\r\n                ),\r\n              )}\r\n\r\n              {!loading &&\r\n              items.every((suggestion) => suggestion.items.length === 0) ? (\r\n                <p className=\" px-x24 fs-6\">{emptyLabel}</p>\r\n              ) : (\r\n                \"\"\r\n              )}\r\n            </>\r\n          )}\r\n        </Col>\r\n      </div>\r\n\r\n      <div className={clsx(\"ui-div-btn\")}>\r\n        <Button\r\n          className={clsx(\r\n            \"ui-btn-search\",\r\n            \"bg-primary text-white fs-7 md-fs-6 fw-semibold br-x4\",\r\n          )}\r\n          onClick={() => {\r\n            handleInputChange({ target: { value } } as any);\r\n            setFocus(true);\r\n          }}\r\n        >\r\n          {btnText}\r\n        </Button>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["CommunicationSearch","btnText","helperText","value","loading","items","emptyLabel","setValue","setSelectedElement","focus","setFocus","useState","handleInputChange","e","inputValue","handleSelectItem","item","highlightMatch","useCallback","text","query","index","beforeMatch","match","afterMatch","jsxs","Fragment","jsx","showMenu","useMemo","clsx","Spinner","Close","Col","group","_a","suggestion","Button"],"mappings":";;;;;;;;AAuBO,MAAMA,IAAsB,CAAC;AAAA,EAClC,SAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,UAAAC;AAAA,EACA,oBAAAC;AACF,MAAgC;AAC9B,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAS,EAAK,GAElCC,IAAoB,CAACC,MAAqC;AACxD,UAAAC,IAAaD,EAAE,OAAO;AAC5B,IAAAN,EAASO,CAAU;AAAA,EACrB,GAEMC,IAAmB,CAACC,MAAkB;AAC1C,IAAAR,EAAmBQ,CAAI,GACvBN,EAAS,EAAK;AAAA,EAChB,GAEMO,IAAiBC,EAAY,CAACC,GAAcC,MAAkB;AAC9D,QAAA,CAACA,EAAc,QAAAD;AAEnB,UAAME,IAAQF,EAAK,YAAA,EAAc,QAAQC,EAAM,aAAa;AACxD,QAAAC,MAAU,GAAW,QAAAF;AAEzB,UAAMG,IAAcH,EAAK,MAAM,GAAGE,CAAK,GACjCE,IAAQJ,EAAK,MAAME,GAAOA,IAAQD,EAAM,MAAM,GAC9CI,IAAaL,EAAK,MAAME,IAAQD,EAAM,MAAM;AAElD,WAEKK,gBAAAA,EAAA,KAAAC,YAAA,EAAA,UAAA;AAAA,MAAAJ;AAAA,MACAK,gBAAAA,EAAA,IAAA,QAAA,EAAK,WAAW,wBAAyB,UAAMJ,GAAA;AAAA,MAC/CC;AAAA,IAAA,GACH;AAAA,EAEJ,GAAG,EAAE,GAECI,IAAWC,EAAQ,MACnBpB,KAIAN,EAAM,UAAU,MAAKE,KAAA,gBAAAA,EAAO,UAAS,IAChC,KAGFI,GACN,CAACA,GAAOJ,KAAA,gBAAAA,EAAO,QAAQF,EAAM,MAAM,CAAC;AAGrC,SAAAsB,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWK;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACA,QAAQ,MAAM;AACZ,mBAAW,MAAM;AACf,UAAApB,EAAS,EAAK;AAAA,WACb,GAAG;AAAA,MACR;AAAA,MAEA,UAAA;AAAA,QAACe,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAW,qBACd,UAAA;AAAA,UAAAE,gBAAAA,EAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAG;AAAA,cACH,MAAK;AAAA,cACL,WAAWG;AAAA,gBACT;AAAA,gBACA;AAAA,cACF;AAAA,cACA,aAAa5B;AAAA,cACb,cAAW;AAAA,cACX,OAAAC;AAAA,cACA,UAAUS;AAAA,cACV,SAAS,MAAMF,EAAS,EAAI;AAAA,YAAA;AAAA,UAC9B;AAAA,UACCN,KAAWuB,gBAAAA,EAAAA,IAACI,GAAQ,EAAA,WAAU,qBAAqB,CAAA;AAAA,UACnD5B,KAASA,EAAM,UAAU,KACxBwB,gBAAAA,EAAA;AAAA,YAACK;AAAA,YAAA;AAAA,cACC,WAAW;AAAA,cACX,SAAS,MAAM;AACb,gBAAApB,EAAkB,EAAE,QAAQ,EAAE,OAAO,MAAa;AAAA,cAAA;AAAA,YACpD;AAAA,UAAA;AAAA,QACF,GAEJ;AAAA,QAEAe,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWG,EAAK,qDAAqD;AAAA,cACnE,UAAUF;AAAA,YAAA,CACX;AAAA,YAED,UAAAD,gBAAAA,EAAA;AAAA,cAACM;AAAA,cAAA;AAAA,gBACC,KAAI;AAAA,gBACJ,IAAG;AAAA,gBACH,MAAK;AAAA,gBACL,IAAG;AAAA,gBACH,WAAU;AAAA,gBAET,eAEIR,gBAAAA,EAAAA,KAAAC,EAAA,UAAA,EAAA,UAAA;AAAA,kBAAMrB,EAAA;AAAA,oBAAI,CAAC6B,GAAOb,MAAA;;AACjB,8BAAAc,IAAAD,EAAM,UAAN,QAAAC,EAAa,SAERV,gBAAAA,EAAA,KAAAC,YAAA,EAAA,UAAA;AAAA,wBAAA;AAAA,+CACA,OACC,EAAA,UAAA;AAAA,0BAAAC,gBAAAA,EAAA,IAAC,MAAG,EAAA,WAAU,0DACX,UAAAO,EAAM,UACT;AAAA,0BACAP,gBAAAA,EAAAA,IAAC,QAAG,WAAU,iBACX,YAAM,MAAM,IAAI,CAACX,MAChBW,gBAAAA,EAAA;AAAA,4BAAC;AAAA,4BAAA;AAAA,8BAEC,SAAS,CAACd,MAAM;AACd,gCAAAA,EAAE,gBAAgB,GAClBA,EAAE,eAAe,GAEjBE,EAAiBC,CAAI;AAAA,8BACvB;AAAA,8BACA,WAAU;AAAA,8BAET,UAAeC,EAAAD,EAAK,MAAMb,KAAS,EAAE;AAAA,4BAAA;AAAA,4BATjCa,EAAK;AAAA,0BAAA,CAWb,EACH,CAAA;AAAA,wBAAA,EAAA,GAnBQK,CAoBV;AAAA,sBAAA,GACF,IAEEM,gBAAAA,MAAAD,EAAAA,UAAA,CAAA,CAAA;AAAA;AAAA,kBAEN;AAAA,kBAEC,CAACtB,KACFC,EAAM,MAAM,CAAC+B,MAAeA,EAAW,MAAM,WAAW,CAAC,IACtDT,gBAAAA,EAAAA,IAAA,KAAA,EAAE,WAAU,gBAAgB,aAAW,IAExC;AAAA,gBAAA,EAEJ,CAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UAEJ;AAAA,QACF;AAAA,QAECA,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAWG,EAAK,YAAY,GAC/B,UAAAH,gBAAAA,EAAA;AAAA,UAACU;AAAA,UAAA;AAAA,YACC,WAAWP;AAAA,cACT;AAAA,cACA;AAAA,YACF;AAAA,YACA,SAAS,MAAM;AACb,cAAAlB,EAAkB,EAAE,QAAQ,EAAE,OAAAT,KAAgB,GAC9CO,EAAS,EAAI;AAAA,YACf;AAAA,YAEC,UAAAT;AAAA,UAAA;AAAA,QAAA,EAEL,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"index.es135.js","sources":["../src/components/ui/CommunicationSeach/index.tsx"],"sourcesContent":["import \"./CommunicationSearch.scss\";\r\nimport clsx from \"clsx\";\r\nimport { ChangeEvent, Fragment, useCallback, useMemo, useState } from \"react\";\r\nimport { Button, Col } from \"@/components\";\r\nimport { Close, Spinner } from \"@/icons\";\r\nimport { Service } from \"@anoki/fse-common\";\r\n\r\nexport type Suggestion = {\r\n  category: string;\r\n  items: Service[];\r\n};\r\n\r\nexport type CommunicationSearchProps = {\r\n  btnText: string;\r\n  helperText?: string;\r\n  value: string;\r\n  items: Suggestion[];\r\n  loading?: boolean;\r\n  emptyLabel?: string;\r\n  setValue: (value: string) => void;\r\n  setSelectedElement: (value: Service) => void;\r\n};\r\n\r\nexport const CommunicationSearch = ({\r\n  btnText,\r\n  helperText = \"Cosa vuoi approfondire?\",\r\n  value,\r\n  loading,\r\n  items,\r\n  emptyLabel = \"Nessun risultato disponibile\",\r\n  setValue,\r\n  setSelectedElement,\r\n}: CommunicationSearchProps) => {\r\n  const [focus, setFocus] = useState(false);\r\n\r\n  const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\r\n    const inputValue = e.target.value;\r\n    setValue(inputValue);\r\n  };\r\n\r\n  const handleSelectItem = (item: Service) => {\r\n    setSelectedElement(item);\r\n    setFocus(false);\r\n  };\r\n\r\n  const highlightMatch = useCallback((text: string, query: string) => {\r\n    if (!query) return text;\r\n\r\n    const index = text.toLowerCase().indexOf(query.toLowerCase());\r\n    if (index === -1) return text;\r\n\r\n    const beforeMatch = text.slice(0, index);\r\n    const match = text.slice(index, index + query.length);\r\n    const afterMatch = text.slice(index + query.length);\r\n\r\n    return (\r\n      <>\r\n        {beforeMatch}\r\n        <span className={\"text-primary fw-bold\"}>{match}</span>\r\n        {afterMatch}\r\n      </>\r\n    );\r\n  }, []);\r\n\r\n  const showMenu = useMemo(() => {\r\n    if (focus) {\r\n      return true;\r\n    }\r\n\r\n    if (value.length >= 3 && items?.length > 0) {\r\n      return true;\r\n    }\r\n\r\n    return focus;\r\n  }, [focus, items?.length, value.length]);\r\n\r\n  return (\r\n    <div\r\n      className={clsx(\r\n        \"ui-communication-search\",\r\n        \"br-x4 bg-border-secondary w-full\",\r\n      )}\r\n      onBlur={() => {\r\n        setTimeout(() => {\r\n          setFocus(false);\r\n        }, 150);\r\n      }}\r\n    >\r\n      <div className={\"position-relative w-full\"}>\r\n        <input\r\n          id=\"search\"\r\n          type=\"search\"\r\n          className={clsx(\r\n            \"ui-communication-search-input\",\r\n            \"fs-6 md-fs-custom text-slate-20 br-x4 w-full pl-x24\",\r\n          )}\r\n          placeholder={helperText}\r\n          aria-label=\"Barra di ricerca\"\r\n          value={value}\r\n          onChange={handleInputChange}\r\n          onFocus={() => setFocus(true)}\r\n        />\r\n        {loading && <Spinner className=\"ui-loading-spinner\" />}\r\n        {value && value.length >= 3 && (\r\n          <Close\r\n            className={\"ui-clean-button\"}\r\n            onClick={() => {\r\n              handleInputChange({ target: { value: \"\" } } as any);\r\n            }}\r\n          />\r\n        )}\r\n      </div>\r\n\r\n      <div\r\n        className={clsx(\"ui-wrap-list-item-search shadow position-absolute\", {\r\n          \"py-x24\": showMenu,\r\n        })}\r\n      >\r\n        <Col\r\n          gap=\"x24\"\r\n          fw=\"regular\"\r\n          text=\"secondary\"\r\n          fs=\"6\"\r\n          className=\"ui-list-item-search overflow-y-auto\"\r\n        >\r\n          {showMenu && (\r\n            <>\r\n              {items.map((group, index) =>\r\n                group.items?.length ? (\r\n                  <Fragment key={index}>\r\n                    <div>\r\n                      <h4 className=\"category-title fw-semibold text-dark fs-6 mb-x8 px-x24\">\r\n                        {group.category}\r\n                      </h4>\r\n                      <ul className=\"list-unstyled\">\r\n                        {group.items.map((item) => (\r\n                          <li\r\n                            key={item.id}\r\n                            onClick={(e) => {\r\n                              e.stopPropagation();\r\n                              e.preventDefault();\r\n\r\n                              handleSelectItem(item);\r\n                            }}\r\n                            className=\"cursor-pointer py-x8 px-x24\"\r\n                          >\r\n                            {highlightMatch(item.name, value || \"\")}\r\n                          </li>\r\n                        ))}\r\n                      </ul>\r\n                    </div>\r\n                  </Fragment>\r\n                ) : (\r\n                  <></>\r\n                ),\r\n              )}\r\n\r\n              {!loading &&\r\n              items.every((suggestion) => suggestion.items.length === 0) ? (\r\n                <p className=\" px-x24 fs-6\">{emptyLabel}</p>\r\n              ) : (\r\n                \"\"\r\n              )}\r\n            </>\r\n          )}\r\n        </Col>\r\n      </div>\r\n\r\n      <div className={clsx(\"ui-div-btn\")}>\r\n        <Button\r\n          className={clsx(\r\n            \"ui-btn-search\",\r\n            \"bg-primary text-white fs-7 md-fs-6 fw-semibold br-x4\",\r\n          )}\r\n          onClick={() => {\r\n            handleInputChange({ target: { value } } as any);\r\n            setFocus(true);\r\n          }}\r\n        >\r\n          {btnText}\r\n        </Button>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["CommunicationSearch","btnText","helperText","value","loading","items","emptyLabel","setValue","setSelectedElement","focus","setFocus","useState","handleInputChange","e","inputValue","handleSelectItem","item","highlightMatch","useCallback","text","query","index","beforeMatch","match","afterMatch","jsxs","Fragment","jsx","showMenu","useMemo","clsx","Spinner","Close","Col","group","_a","suggestion","Button"],"mappings":"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"}

package/dist/index.es136.js

@@ -1,7 +1,7 @@
-import { j as e } from "./index.es243.js";
+import { j as e } from "./index.es244.js";
 import { Col as a } from "./index.es10.js";
 import "./index.es.js";
-import { Divider as l } from "./index.es255.js";
+import { Divider as l } from "./index.es137.js";
 import './components/ui/CardBanner/CardBanner.css';/* empty css            */
 import { Row as x } from "./index.es9.js";
 import { ArrowLink as o } from "./index.es42.js";

package/dist/index.es137.js

@@ -1,53 +1,25 @@
-import { j as i } from "./index.es243.js";
-import { Section as s } from "./index.es54.js";
-import './sections/Login/Login.css';/* empty css            */
-import { EntryButton as g } from "./index.es43.js";
-import { Col as o } from "./index.es10.js";
-const N = ({
-  title: l,
-  description: e,
-  loginTitle: n,
-  loginDescription: r,
-  buttonLabel: t,
-  buttonAriaLabel: c,
-  buttonHref: a,
-  asImage: m = "img",
-  region: d = "marche",
-  authSrc: h = ""
+import { j as s } from "./index.es244.js";
+import { clsx as a } from "./index.es246.js";
+import { createColorClasses as e } from "./index.es274.js";
+import './components/ui/Divider/Divider.css';/* empty css            */
+const p = ({
+  direction: o = "horizontal",
+  bg: r = "white",
+  className: t
 }) => {
-  const x = m;
-  return console.log(d), /* @__PURE__ */ i.jsxs(s, { className: "base-col ui-login-section", children: [
-    /* @__PURE__ */ i.jsxs(o, { className: "ui-login-content", children: [
-      /* @__PURE__ */ i.jsx(s.Title, { fs: "1", className: "md-fs-0 ui-login-title", mdFs: "0", children: l }),
-      e && /* @__PURE__ */ i.jsx(s.Description, { className: "ui-login-description", children: e })
-    ] }),
-    /* @__PURE__ */ i.jsxs("div", { className: "bg-white shadow br-x4 ui-login-body", children: [
-      /* @__PURE__ */ i.jsxs(o, { gap: "x16", children: [
-        /* @__PURE__ */ i.jsx("h3", { className: "text-slate-20 fw-semibold fs-5 md-fs-4", children: n }),
-        /* @__PURE__ */ i.jsx(s.Description, { children: r }),
-        /* @__PURE__ */ i.jsx(
-          g,
-          {
-            ariaLabel: c,
-            href: a,
-            children: t
-          }
-        )
-      ] }),
-      /* @__PURE__ */ i.jsx("div", { className: "ui-login-body-img h-full", children: /* @__PURE__ */ i.jsx(
-        x,
-        {
-          src: h,
-          alt: "",
-          "aria-hidden": "true",
-          width: 246,
-          height: 746
-        }
-      ) })
-    ] })
-  ] });
+  const i = e({ bg: r });
+  return /* @__PURE__ */ s.jsx(
+    "div",
+    {
+      className: a(
+        o === "horizontal" ? "ui-horizontal" : "ui-vertical",
+        i,
+        t
+      )
+    }
+  );
 };
 export {
-  N as Login
+  p as Divider
 };
 //# sourceMappingURL=index.es137.js.map

package/dist/index.es137.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es137.js","sources":["../src/sections/Login/index.tsx"],"sourcesContent":["import { Section } from \"@/components/ui/Section\";\r\nimport { Col, EntryButton } from \"@/components\";\r\nimport \"./Login.scss\";\r\nimport { Config } from \"@/utils/config.ts\";\r\n\r\nexport type LoginProps = {\r\n  title: React.ReactNode;\r\n  description?: React.ReactNode;\r\n  loginTitle: string;\r\n  loginDescription: React.ReactNode;\r\n  buttonLabel: string;\r\n  buttonAriaLabel: string;\r\n  buttonHref: string;\r\n  asImage?: \"img\";\r\n  region?: Config[\"REGION\"];\r\n  authSrc?: string;\r\n};\r\n\r\nexport const Login = ({\r\n  title,\r\n  description,\r\n  loginTitle,\r\n  loginDescription,\r\n  buttonLabel,\r\n  buttonAriaLabel,\r\n  buttonHref,\r\n  asImage = \"img\",\r\n  region = \"marche\",\r\n  authSrc = \"\",\r\n}: LoginProps) => {\r\n  const ImageComponent = asImage;\r\n\r\n  console.log(region);\r\n\r\n  return (\r\n    <Section className=\"base-col ui-login-section\">\r\n      <Col className=\"ui-login-content\">\r\n        <Section.Title fs=\"1\" className=\"md-fs-0 ui-login-title\" mdFs=\"0\">\r\n          {title}\r\n        </Section.Title>\r\n        {description && (\r\n          <Section.Description className=\"ui-login-description\">\r\n            {description}\r\n          </Section.Description>\r\n        )}\r\n      </Col>\r\n      <div className=\"bg-white shadow br-x4 ui-login-body\">\r\n        <Col gap={\"x16\"}>\r\n          <h3 className=\"text-slate-20 fw-semibold fs-5 md-fs-4\">\r\n            {loginTitle}\r\n          </h3>\r\n          <Section.Description>{loginDescription}</Section.Description>\r\n          <EntryButton\r\n            // showIcon={region === \"marche\"}\r\n            ariaLabel={buttonAriaLabel}\r\n            href={buttonHref}\r\n          >\r\n            {buttonLabel}\r\n          </EntryButton>\r\n        </Col>\r\n\r\n        <div className=\"ui-login-body-img h-full\">\r\n          <ImageComponent\r\n            src={authSrc}\r\n            alt=\"\"\r\n            aria-hidden=\"true\"\r\n            width={246}\r\n            height={746}\r\n          />\r\n        </div>\r\n      </div>\r\n    </Section>\r\n  );\r\n};\r\n"],"names":["Login","title","description","loginTitle","loginDescription","buttonLabel","buttonAriaLabel","buttonHref","asImage","region","authSrc","ImageComponent","jsxs","Section","Col","jsx","EntryButton"],"mappings":";;;;;AAkBO,MAAMA,IAAQ,CAAC;AAAA,EACpB,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,QAAAC,IAAS;AAAA,EACT,SAAAC,IAAU;AACZ,MAAkB;AAChB,QAAMC,IAAiBH;AAEvB,iBAAQ,IAAIC,CAAM,GAGhBG,gBAAAA,EAAA,KAACC,GAAQ,EAAA,WAAU,6BACjB,UAAA;AAAA,IAACD,gBAAAA,EAAAA,KAAAE,GAAA,EAAI,WAAU,oBACb,UAAA;AAAA,MAACC,gBAAAA,EAAAA,IAAAF,EAAQ,OAAR,EAAc,IAAG,KAAI,WAAU,0BAAyB,MAAK,KAC3D,UACHZ,EAAA,CAAA;AAAA,MACCC,KACEa,gBAAAA,EAAAA,IAAAF,EAAQ,aAAR,EAAoB,WAAU,wBAC5B,UACHX,EAAA,CAAA;AAAA,IAAA,GAEJ;AAAA,IACAU,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,uCACb,UAAA;AAAA,MAACA,gBAAAA,EAAAA,KAAAE,GAAA,EAAI,KAAK,OACR,UAAA;AAAA,QAACC,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,0CACX,UACHZ,GAAA;AAAA,QACCY,gBAAAA,EAAAA,IAAAF,EAAQ,aAAR,EAAqB,UAAiBT,EAAA,CAAA;AAAA,QACvCW,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YAEC,WAAWV;AAAA,YACX,MAAMC;AAAA,YAEL,UAAAF;AAAA,UAAA;AAAA,QAAA;AAAA,MACH,GACF;AAAA,MAEAU,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,4BACb,UAAAA,gBAAAA,EAAA;AAAA,QAACJ;AAAA,QAAA;AAAA,UACC,KAAKD;AAAA,UACL,KAAI;AAAA,UACJ,eAAY;AAAA,UACZ,OAAO;AAAA,UACP,QAAQ;AAAA,QAAA;AAAA,MAAA,EAEZ,CAAA;AAAA,IAAA,EACF,CAAA;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"index.es137.js","sources":["../src/components/ui/Divider/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport { ColorProps, createColorClasses } from \"@/theme/colors\";\r\nimport \"./Divider.scss\";\r\n\r\ntype DividerProps = Pick<ColorProps, \"bg\"> & {\r\n  direction?: \"horizontal\" | \"vertical\";\r\n  className?: string;\r\n};\r\n\r\nexport const Divider = ({\r\n  direction = \"horizontal\",\r\n  bg = \"white\",\r\n  className,\r\n}: DividerProps) => {\r\n  const colorClass = createColorClasses({ bg });\r\n\r\n  return (\r\n    <div\r\n      className={clsx(\r\n        direction === \"horizontal\" ? \"ui-horizontal\" : \"ui-vertical\",\r\n        colorClass,\r\n        className,\r\n      )}\r\n    />\r\n  );\r\n};\r\n"],"names":["Divider","direction","bg","className","colorClass","createColorClasses","jsx","clsx"],"mappings":";;;;AASO,MAAMA,IAAU,CAAC;AAAA,EACtB,WAAAC,IAAY;AAAA,EACZ,IAAAC,IAAK;AAAA,EACL,WAAAC;AACF,MAAoB;AAClB,QAAMC,IAAaC,EAAmB,EAAE,IAAAH,GAAI;AAG1C,SAAAI,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACTN,MAAc,eAAe,kBAAkB;AAAA,QAC/CG;AAAA,QACAD;AAAA,MAAA;AAAA,IACF;AAAA,EACF;AAEJ;"}

package/dist/index.es138.js

@@ -1,92 +1,53 @@
-import { j as r } from "./index.es243.js";
-import { Section as l } from "./index.es54.js";
-import { clsx as v } from "./index.es244.js";
-import './sections/HomeServices/HomeServices.css';/* empty css            */
-import { useMemo as j } from "react";
-import { l as c } from "./index.es431.js";
-import { CardCategory as m } from "./index.es30.js";
-import { Col as g } from "./index.es10.js";
-import { ArrowLink as T } from "./index.es42.js";
-const e = {
-  LayoutOne: "LayoutOne",
-  LayoutTwo: "LayoutTwo",
-  LayoutThree: "LayoutThree",
-  LayoutFour: "LayoutFour"
-}, b = ({
-  title: i,
-  description: h,
-  goToLabel: p,
-  href: L,
-  asLink: y = "a",
-  items: a,
-  layout: n = e.LayoutOne,
-  className: x,
-  showBlueBackground: d = !1
+import { j as i } from "./index.es244.js";
+import { Section as s } from "./index.es54.js";
+import './sections/Login/Login.css';/* empty css            */
+import { EntryButton as g } from "./index.es43.js";
+import { Col as o } from "./index.es10.js";
+const N = ({
+  title: l,
+  description: e,
+  loginTitle: n,
+  loginDescription: r,
+  buttonLabel: t,
+  buttonAriaLabel: c,
+  buttonHref: a,
+  asImage: m = "img",
+  region: d = "marche",
+  authSrc: h = ""
 }) => {
-  const f = n === e.LayoutOne ? "ui-home-services-layout-one" : n === e.LayoutTwo ? "ui-home-services-layout-two" : n === e.LayoutThree ? "ui-home-services-layout-three" : n === e.LayoutFour ? "ui-home-services-layout-four" : "", t = j(() => {
-    switch (n) {
-      case e.LayoutOne:
-        return a.map((o, s) => {
-          const u = s !== 0;
-          return {
-            ...c.omit(o, u ? ["image"] : [])
-          };
-        });
-      case e.LayoutTwo:
-        return a.map((o) => ({
-          ...c.omit(o, [])
-        }));
-      case e.LayoutThree:
-        return a.map((o, s) => {
-          const u = s !== 0;
-          return {
-            ...c.omit(o, u ? ["image"] : [])
-          };
-        });
-      case e.LayoutFour:
-        return a.map((o, s) => {
-          const u = s !== 2;
-          return {
-            ...c.omit(o, u ? ["image"] : [])
-          };
-        });
-      default:
-        return a;
-    }
-  }, [a, n]);
-  return /* @__PURE__ */ r.jsxs(l, { className: v("base-col ui-home-services-section", x, d ? "blue-background" : ""), children: [
-    /* @__PURE__ */ r.jsxs(g, { className: "ui-home-services-section-content", children: [
-      /* @__PURE__ */ r.jsxs("div", { className: "ui-home-services-section-title", children: [
-        /* @__PURE__ */ r.jsx(l.Title, { fs: "2", children: i }),
-        p && L && /* @__PURE__ */ r.jsx(T, { href: L, asLink: y, fs: "7", children: p.toUpperCase() })
-      ] }),
-      h && /* @__PURE__ */ r.jsx(l.Description, { children: h })
+  const x = m;
+  return console.log(d), /* @__PURE__ */ i.jsxs(s, { className: "base-col ui-login-section", children: [
+    /* @__PURE__ */ i.jsxs(o, { className: "ui-login-content", children: [
+      /* @__PURE__ */ i.jsx(s.Title, { fs: "1", className: "md-fs-0 ui-login-title", mdFs: "0", children: l }),
+      e && /* @__PURE__ */ i.jsx(s.Description, { className: "ui-login-description", children: e })
     ] }),
-    /* @__PURE__ */ r.jsx(
-      "ul",
-      {
-        role: "list",
-        "aria-label": `Lista di ${i}`,
-        className: `list-style-none ${f}`,
-        children: t == null ? void 0 : t.map((o, s) => /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx(
-          m,
+    /* @__PURE__ */ i.jsxs("div", { className: "bg-white shadow br-x4 ui-login-body", children: [
+      /* @__PURE__ */ i.jsxs(o, { gap: "x16", children: [
+        /* @__PURE__ */ i.jsx("h3", { className: "text-slate-20 fw-semibold fs-5 md-fs-4", children: n }),
+        /* @__PURE__ */ i.jsx(s.Description, { children: r }),
+        /* @__PURE__ */ i.jsx(
+          g,
           {
-            title: o == null ? void 0 : o.name,
-            description: o == null ? void 0 : o.description,
-            image: o == null ? void 0 : o.image,
-            href: (o == null ? void 0 : o.link) || (o == null ? void 0 : o.externalLink),
-            showIcon: o == null ? void 0 : o.externalLink,
-            asLink: y,
-            isExternal: o == null ? void 0 : o.externalLink
-          },
-          o._id
-        ) }, s))
-      }
-    )
+            ariaLabel: c,
+            href: a,
+            children: t
+          }
+        )
+      ] }),
+      /* @__PURE__ */ i.jsx("div", { className: "ui-login-body-img h-full", children: /* @__PURE__ */ i.jsx(
+        x,
+        {
+          src: h,
+          alt: "",
+          "aria-hidden": "true",
+          width: 246,
+          height: 746
+        }
+      ) })
+    ] })
   ] });
 };
 export {
-  e as HOME_SERVICES_LAYOUTS,
-  b as HomeServices
+  N as Login
 };
 //# sourceMappingURL=index.es138.js.map

package/dist/index.es138.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es138.js","sources":["../src/sections/HomeServices/index.tsx"],"sourcesContent":["import { Section } from \"@/components/ui/Section\";\r\nimport { ArrowLink, CardCategory, Col } from \"@/components\";\r\nimport clsx from \"clsx\";\r\nimport \"./HomeServices.scss\";\r\nimport { ComponentType, ReactNode, useMemo } from \"react\";\r\nimport { omit } from \"lodash\";\r\n\r\nexport const HOME_SERVICES_LAYOUTS = {\r\n  LayoutOne: \"LayoutOne\",\r\n  LayoutTwo: \"LayoutTwo\",\r\n  LayoutThree: \"LayoutThree\",\r\n  LayoutFour: \"LayoutFour\",\r\n} as const;\r\n\r\ntype Layout =\r\n  (typeof HOME_SERVICES_LAYOUTS)[keyof typeof HOME_SERVICES_LAYOUTS];\r\n\r\nexport type AggregationItemsProps = {\r\n  title: ReactNode;\r\n  description?: ReactNode;\r\n  goToLabel?: string;\r\n  href?: string;\r\n  asLink?: \"a\" | ComponentType<any>;\r\n  items: any[];\r\n  layout?: Layout;\r\n  className?: string;\r\n  showBlueBackground?: boolean;\r\n};\r\n\r\nexport const HomeServices = ({\r\n  title,\r\n  description,\r\n  goToLabel,\r\n  href,\r\n  asLink = \"a\",\r\n  items,\r\n  layout = HOME_SERVICES_LAYOUTS.LayoutOne,\r\n  className,\r\n  showBlueBackground = false,\r\n}: AggregationItemsProps) => {\r\n  const layoutClassName =\r\n    layout === HOME_SERVICES_LAYOUTS.LayoutOne\r\n      ? \"ui-home-services-layout-one\"\r\n      : layout === HOME_SERVICES_LAYOUTS.LayoutTwo\r\n        ? \"ui-home-services-layout-two\"\r\n        : layout === HOME_SERVICES_LAYOUTS.LayoutThree\r\n        ? \"ui-home-services-layout-three\"\r\n        : layout === HOME_SERVICES_LAYOUTS.LayoutFour\r\n          ? \"ui-home-services-layout-four\"\r\n          : \"\";\r\n\r\n  const itemsNormalized = useMemo(() => {\r\n    switch (layout) {\r\n      case HOME_SERVICES_LAYOUTS.LayoutOne:\r\n        return items.map((item, index) => {\r\n          const removeImage = index !== 0;\r\n          return {\r\n            ...omit(item, removeImage ? [\"image\"] : []),\r\n          };\r\n        });\r\n      case HOME_SERVICES_LAYOUTS.LayoutTwo:\r\n        return items.map((item) => {\r\n          const removeImage = false;\r\n          return {\r\n            ...omit(item, removeImage ? [\"image\"] : []),\r\n          };\r\n        });\r\n      case HOME_SERVICES_LAYOUTS.LayoutThree:\r\n        return items.map((item, index) => {\r\n          const removeImage = index !== 0;\r\n          return {\r\n            ...omit(item, removeImage ? [\"image\"] : []),\r\n          };\r\n        });\r\n      case HOME_SERVICES_LAYOUTS.LayoutFour:\r\n        return items.map((item, index) => {\r\n          const removeImage = index !== 2;\r\n          return {\r\n            ...omit(item, removeImage ? [\"image\"] : []),\r\n          };\r\n        });\r\n      default:\r\n        return items;\r\n    }\r\n  }, [items, layout]);\r\n\r\n  return (\r\n    <Section className={clsx(\"base-col ui-home-services-section\", className, showBlueBackground ? \"blue-background\" : \"\")}>\r\n      <Col className=\"ui-home-services-section-content\">\r\n        <div className=\"ui-home-services-section-title\">\r\n          <Section.Title fs=\"2\">{title}</Section.Title>\r\n          {goToLabel && href && (\r\n            <ArrowLink href={href} asLink={asLink} fs=\"7\">\r\n              {goToLabel.toUpperCase()}\r\n            </ArrowLink>\r\n          )}\r\n        </div>\r\n        {description && (\r\n          <Section.Description>{description}</Section.Description>\r\n        )}\r\n      </Col>\r\n      <ul\r\n        role=\"list\"\r\n        aria-label={`Lista di ${title}`}\r\n        className={`list-style-none ${layoutClassName}`}\r\n      >\r\n        {itemsNormalized?.map((item, index) => {\r\n          return (\r\n            <li key={index}>\r\n              <CardCategory\r\n                key={item._id}\r\n                title={item?.name}\r\n                description={item?.description}\r\n                image={item?.image}\r\n                href={item?.link || item?.externalLink}\r\n                showIcon={item?.externalLink}\r\n                asLink={asLink}\r\n                isExternal={item?.externalLink}\r\n              />\r\n            </li>\r\n          );\r\n        })}\r\n      </ul>\r\n    </Section>\r\n  );\r\n};\r\n"],"names":["HOME_SERVICES_LAYOUTS","HomeServices","title","description","goToLabel","href","asLink","items","layout","className","showBlueBackground","layoutClassName","itemsNormalized","useMemo","item","index","removeImage","omit","jsxs","Section","clsx","Col","jsx","ArrowLink","CardCategory"],"mappings":"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"}
+{"version":3,"file":"index.es138.js","sources":["../src/sections/Login/index.tsx"],"sourcesContent":["import { Section } from \"@/components/ui/Section\";\r\nimport { Col, EntryButton } from \"@/components\";\r\nimport \"./Login.scss\";\r\nimport { Config } from \"@/utils/config.ts\";\r\n\r\nexport type LoginProps = {\r\n  title: React.ReactNode;\r\n  description?: React.ReactNode;\r\n  loginTitle: string;\r\n  loginDescription: React.ReactNode;\r\n  buttonLabel: string;\r\n  buttonAriaLabel: string;\r\n  buttonHref: string;\r\n  asImage?: \"img\";\r\n  region?: Config[\"REGION\"];\r\n  authSrc?: string;\r\n};\r\n\r\nexport const Login = ({\r\n  title,\r\n  description,\r\n  loginTitle,\r\n  loginDescription,\r\n  buttonLabel,\r\n  buttonAriaLabel,\r\n  buttonHref,\r\n  asImage = \"img\",\r\n  region = \"marche\",\r\n  authSrc = \"\",\r\n}: LoginProps) => {\r\n  const ImageComponent = asImage;\r\n\r\n  console.log(region);\r\n\r\n  return (\r\n    <Section className=\"base-col ui-login-section\">\r\n      <Col className=\"ui-login-content\">\r\n        <Section.Title fs=\"1\" className=\"md-fs-0 ui-login-title\" mdFs=\"0\">\r\n          {title}\r\n        </Section.Title>\r\n        {description && (\r\n          <Section.Description className=\"ui-login-description\">\r\n            {description}\r\n          </Section.Description>\r\n        )}\r\n      </Col>\r\n      <div className=\"bg-white shadow br-x4 ui-login-body\">\r\n        <Col gap={\"x16\"}>\r\n          <h3 className=\"text-slate-20 fw-semibold fs-5 md-fs-4\">\r\n            {loginTitle}\r\n          </h3>\r\n          <Section.Description>{loginDescription}</Section.Description>\r\n          <EntryButton\r\n            // showIcon={region === \"marche\"}\r\n            ariaLabel={buttonAriaLabel}\r\n            href={buttonHref}\r\n          >\r\n            {buttonLabel}\r\n          </EntryButton>\r\n        </Col>\r\n\r\n        <div className=\"ui-login-body-img h-full\">\r\n          <ImageComponent\r\n            src={authSrc}\r\n            alt=\"\"\r\n            aria-hidden=\"true\"\r\n            width={246}\r\n            height={746}\r\n          />\r\n        </div>\r\n      </div>\r\n    </Section>\r\n  );\r\n};\r\n"],"names":["Login","title","description","loginTitle","loginDescription","buttonLabel","buttonAriaLabel","buttonHref","asImage","region","authSrc","ImageComponent","jsxs","Section","Col","jsx","EntryButton"],"mappings":";;;;;AAkBO,MAAMA,IAAQ,CAAC;AAAA,EACpB,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,QAAAC,IAAS;AAAA,EACT,SAAAC,IAAU;AACZ,MAAkB;AAChB,QAAMC,IAAiBH;AAEvB,iBAAQ,IAAIC,CAAM,GAGhBG,gBAAAA,EAAA,KAACC,GAAQ,EAAA,WAAU,6BACjB,UAAA;AAAA,IAACD,gBAAAA,EAAAA,KAAAE,GAAA,EAAI,WAAU,oBACb,UAAA;AAAA,MAACC,gBAAAA,EAAAA,IAAAF,EAAQ,OAAR,EAAc,IAAG,KAAI,WAAU,0BAAyB,MAAK,KAC3D,UACHZ,EAAA,CAAA;AAAA,MACCC,KACEa,gBAAAA,EAAAA,IAAAF,EAAQ,aAAR,EAAoB,WAAU,wBAC5B,UACHX,EAAA,CAAA;AAAA,IAAA,GAEJ;AAAA,IACAU,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,uCACb,UAAA;AAAA,MAACA,gBAAAA,EAAAA,KAAAE,GAAA,EAAI,KAAK,OACR,UAAA;AAAA,QAACC,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,0CACX,UACHZ,GAAA;AAAA,QACCY,gBAAAA,EAAAA,IAAAF,EAAQ,aAAR,EAAqB,UAAiBT,EAAA,CAAA;AAAA,QACvCW,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YAEC,WAAWV;AAAA,YACX,MAAMC;AAAA,YAEL,UAAAF;AAAA,UAAA;AAAA,QAAA;AAAA,MACH,GACF;AAAA,MAEAU,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,4BACb,UAAAA,gBAAAA,EAAA;AAAA,QAACJ;AAAA,QAAA;AAAA,UACC,KAAKD;AAAA,UACL,KAAI;AAAA,UACJ,eAAY;AAAA,UACZ,OAAO;AAAA,UACP,QAAQ;AAAA,QAAA;AAAA,MAAA,EAEZ,CAAA;AAAA,IAAA,EACF,CAAA;AAAA,EAAA,GACF;AAEJ;"}