@anoki/fse-ui 1.0.419 → 1.0.422

package/dist/index.es95.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es95.js","sources":["../src/icons/Close/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { IconProps } from \"@/types/icons.ts\";\nimport { createColorClasses } from \"@/theme/colors\";\n\nexport const Close = ({\n  width = 24,\n  height = 24,\n  className,\n  color,\n  onClick,\n}: IconProps) => {\n  const classes = createColorClasses({ color });\n\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={width}\n      height={height}\n      fill=\"currentColor\"\n      viewBox=\"0 0 24 24\"\n      className={clsx(className, classes)}\n      aria-hidden=\"true\" // this is a decorative icon, so we should hide it from screen readers\n      onClick={onClick}\n    >\n      <path d=\"m12.7 12 6.7 6.6-.8.8-6.6-6.7-6.6 6.7-.8-.8 6.7-6.6-6.7-6.6.8-.8 6.6 6.7 6.6-6.7.8.8z\"></path>\n    </svg>\n  );\n};\n"],"names":["Close","width","height","className","color","onClick","classes","createColorClasses","jsx","clsx"],"mappings":";;;AAIO,MAAMA,IAAQ,CAAC;AAAA,EACpB,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AACF,MAAiB;AACf,QAAMC,IAAUC,EAAmB,EAAE,OAAAH,GAAO;AAG1C,SAAAI,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAAP;AAAA,MACA,QAAAC;AAAA,MACA,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,WAAWO,EAAKN,GAAWG,CAAO;AAAA,MAClC,eAAY;AAAA,MACZ,SAAAD;AAAA,MAEA,UAAAG,gBAAAA,EAAAA,IAAC,QAAK,EAAA,GAAE,wFAAwF,CAAA;AAAA,IAAA;AAAA,EAClG;AAEJ;"}
+{"version":3,"file":"index.es95.js","sources":["../src/sections/Services/index.tsx"],"sourcesContent":["import { Section } from \"@/components/ui/Section\";\nimport { ArrowLink, CardCategory, Col } from \"@/components\";\nimport clsx from \"clsx\";\nimport \"./Services.scss\";\nimport { ComponentType, ReactNode, useMemo } from \"react\";\nimport { omit } from \"lodash\";\n\nexport const SERVICES_LAYOUTS = {\n  LayoutOne: \"LayoutOne\",\n  LayoutTwo: \"LayoutTwo\",\n  LayoutThree: \"LayoutThree\",\n  LayoutFour: \"LayoutFour\",\n} as const;\n\ntype ServicesLayout = (typeof SERVICES_LAYOUTS)[keyof typeof SERVICES_LAYOUTS];\n\nexport type ServicesProps = {\n  title: ReactNode;\n  description?: ReactNode;\n  goToLabel?: string;\n  href?: string;\n  asLink?: \"a\" | ComponentType<any>;\n  items: any[];\n  layout?: ServicesLayout;\n  className?: string;\n};\n\nexport const Services = ({\n  title,\n  description,\n  goToLabel,\n  href,\n  asLink = \"a\",\n  items,\n  layout = SERVICES_LAYOUTS.LayoutOne,\n  className,\n}: ServicesProps) => {\n  const getLayoutClassName = (l: ServicesLayout) => {\n    switch (l) {\n      case SERVICES_LAYOUTS.LayoutOne:\n        return \"ui-service-items-layout-one\";\n      case SERVICES_LAYOUTS.LayoutTwo:\n        return \"ui-service-items-layout-two\";\n      case SERVICES_LAYOUTS.LayoutThree:\n        return \"ui-service-items-layout-three\";\n      case SERVICES_LAYOUTS.LayoutFour:\n        return \"ui-service-items-layout-four\";\n      default:\n        return \"\";\n    }\n  };\n\n  const layoutClassName = getLayoutClassName(layout);\n\n  const itemsNormalized = useMemo(() => {\n    switch (layout) {\n      /**\n       * In this layout, we remove the image from all items.\n       */\n      case SERVICES_LAYOUTS.LayoutOne:\n        return items.map((item) => {\n          return {\n            ...omit(item, [\"image\"]),\n          };\n        });\n      /**\n       * In this layout, we remove the image from all items except the second one.\n       */\n      case SERVICES_LAYOUTS.LayoutTwo:\n        return items.map((item, index) => {\n          const removeImage = index !== 1;\n          return {\n            ...omit(item, removeImage ? [\"image\"] : []),\n          };\n        });\n      /**\n       * In this layout, we remove the image from all items.\n       */\n      case SERVICES_LAYOUTS.LayoutThree:\n        return items.map((item) => {\n          return {\n            ...omit(item, [\"image\"]),\n          };\n        });\n      /**\n       * In this layout, we remove the image from all items.\n       */\n      case SERVICES_LAYOUTS.LayoutFour:\n        return items.map((item, index) => {\n          const removeImage = index !== 0;\n\n          return {\n            ...omit(item, removeImage ? [\"image\"] : []),\n          };\n        });\n      default:\n        return items;\n    }\n  }, [items, layout]);\n\n  return (\n    <Section className={clsx(\"base-col ui-service-items-section\", className)}>\n      <Col className=\"ui-service-items-sectirron-content\">\n        <div className=\"ui-service-items-section-title\">\n          <Section.Title fs={\"2\"} mdFs={\"2\"} as={\"h3\"} color={\"slate-20\"}>\n            {title}\n          </Section.Title>\n          {goToLabel && href && (\n            <ArrowLink href={href} asLink={asLink} fs=\"7\">\n              {goToLabel.toUpperCase()}\n            </ArrowLink>\n          )}\n        </div>\n        {description && (\n          <Section.Description>{description}</Section.Description>\n        )}\n      </Col>\n      <ul\n        role=\"list\"\n        aria-label={`Lista di ${title}`}\n        className={`list-style-none ${layoutClassName}`}\n      >\n        {itemsNormalized?.map((item) => {\n          return (\n            <li key={item._id}>\n              <CardCategory\n                key={item._id}\n                title={item?.name}\n                description={item?.description}\n                image={item?.image}\n                href={item?.link || item?.externalLink}\n                showIcon={item?.externalLink}\n                asLink={asLink}\n                isExternal={item?.externalLink}\n              />\n            </li>\n          );\n        })}\n      </ul>\n    </Section>\n  );\n};\n"],"names":["SERVICES_LAYOUTS","Services","title","description","goToLabel","href","asLink","items","layout","className","layoutClassName","l","itemsNormalized","useMemo","item","omit","index","removeImage","Section","clsx","jsxs","Col","jsx","ArrowLink","CardCategory"],"mappings":"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"}

package/dist/index.es96.js

@@ -1,36 +1,53 @@
-import { j as s } from "./index.es154.js";
-import { clsx as l } from "./index.es155.js";
-import { createColorClasses as a } from "./index.es156.js";
-const p = ({
-  width: o = 114,
-  height: r = 115,
-  className: t,
-  color: e
-}) => {
-  const i = a({ color: e });
-  return /* @__PURE__ */ s.jsx(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      width: o,
-      height: r,
-      viewBox: "0 0 114 115",
-      fill: "none",
-      className: l(t, i),
-      "aria-hidden": "true",
-      children: /* @__PURE__ */ s.jsx(
-        "path",
+import { j as r } from "./index.es161.js";
+import { Section as c } from "./index.es46.js";
+import { clsx as u } from "./index.es163.js";
+import './sections/SuggestedServices/SuggestedServices.css';/* empty css            */
+import { CardService as p } from "./index.es29.js";
+import { Col as x } from "./index.es10.js";
+import { ArrowLink as g } from "./index.es35.js";
+const C = ({
+  title: o,
+  description: l,
+  goToLabel: i,
+  href: n,
+  asLink: a = "a",
+  items: e,
+  className: d
+}) => /* @__PURE__ */ r.jsxs(
+  c,
+  {
+    className: u("base-col ui-suggested-services-section", d),
+    children: [
+      /* @__PURE__ */ r.jsxs(x, { className: "ui-suggested-services-sectirron-content", children: [
+        /* @__PURE__ */ r.jsxs("div", { className: "ui-suggested-services-section-title", children: [
+          /* @__PURE__ */ r.jsx(c.Description, { color: "slate-14", className: "fw-regular fs-3", children: o }),
+          i && n && /* @__PURE__ */ r.jsx(g, { href: n, asLink: a, fs: "7", children: i.toUpperCase() })
+        ] }),
+        l && /* @__PURE__ */ r.jsx(c.Description, { children: l })
+      ] }),
+      /* @__PURE__ */ r.jsx(
+        "ul",
         {
-          stroke: "#fff",
-          strokeWidth: "20",
-          d: "M104 57.5c0 26.316-21.125 47.5-47 47.5S10 83.816 10 57.5 31.125 10 57 10s47 21.184 47 47.5Z",
-          opacity: "0.3"
+          role: "list",
+          "aria-label": `Lista di ${o}`,
+          className: "list-style-none ui-suggested-services-layout",
+          children: e == null ? void 0 : e.map((s, t) => /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx(
+            p,
+            {
+              title: s == null ? void 0 : s.name,
+              href: (s == null ? void 0 : s.link) || (s == null ? void 0 : s.externalLink),
+              iconType: t === 1 ? "icon2" : t === 2 ? "icon3" : "icon1",
+              titleTag: "h3",
+              asLink: a
+            },
+            s._id
+          ) }, s._id))
         }
       )
-    }
-  );
-};
+    ]
+  }
+);
 export {
-  p as Ellipse
+  C as SuggestedServices
 };
 //# sourceMappingURL=index.es96.js.map

package/dist/index.es96.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es96.js","sources":["../src/icons/Ellipse/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { IconProps } from \"../../types/icons\";\nimport { createColorClasses } from \"@/theme/colors\";\n\nexport const Ellipse = ({\n  width = 114,\n  height = 115,\n  className,\n  color,\n}: IconProps) => {\n  const classes = createColorClasses({ color });\n\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={width}\n      height={height}\n      viewBox=\"0 0 114 115\"\n      fill=\"none\"\n      className={clsx(className, classes)}\n      aria-hidden=\"true\" // this is a decorative icon, so we should hide it from screen readers\n    >\n      <path\n        stroke=\"#fff\"\n        strokeWidth=\"20\"\n        d=\"M104 57.5c0 26.316-21.125 47.5-47 47.5S10 83.816 10 57.5 31.125 10 57 10s47 21.184 47 47.5Z\"\n        opacity=\"0.3\"\n      ></path>\n    </svg>\n  );\n};\n"],"names":["Ellipse","width","height","className","color","classes","createColorClasses","jsx","clsx"],"mappings":";;;AAIO,MAAMA,IAAU,CAAC;AAAA,EACtB,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,OAAAC;AACF,MAAiB;AACf,QAAMC,IAAUC,EAAmB,EAAE,OAAAF,GAAO;AAG1C,SAAAG,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAAN;AAAA,MACA,QAAAC;AAAA,MACA,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,WAAWM,EAAKL,GAAWE,CAAO;AAAA,MAClC,eAAY;AAAA,MAEZ,UAAAE,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,QAAO;AAAA,UACP,aAAY;AAAA,UACZ,GAAE;AAAA,UACF,SAAQ;AAAA,QAAA;AAAA,MAAA;AAAA,IACT;AAAA,EACH;AAEJ;"}
+{"version":3,"file":"index.es96.js","sources":["../src/sections/SuggestedServices/index.tsx"],"sourcesContent":["import { Section } from \"@/components/ui/Section\";\nimport { ArrowLink, CardService, Col } from \"@/components\";\nimport clsx from \"clsx\";\nimport \"./SuggestedServices.scss\";\nimport { ComponentType, ReactNode } from \"react\";\n\nexport type SuggestedServicesProps = {\n  title: ReactNode;\n  description?: ReactNode;\n  goToLabel?: string;\n  href?: string;\n  asLink?: \"a\" | ComponentType<any>;\n  items: any[];\n  className?: string;\n};\n\nexport const SuggestedServices = ({\n  title,\n  description,\n  goToLabel,\n  href,\n  asLink = \"a\",\n  items,\n  className,\n}: SuggestedServicesProps) => {\n  return (\n    <Section\n      className={clsx(\"base-col ui-suggested-services-section\", className)}\n    >\n      <Col className=\"ui-suggested-services-sectirron-content\">\n        <div className=\"ui-suggested-services-section-title\">\n          <Section.Description color={\"slate-14\"} className={\"fw-regular fs-3\"}>\n            {title}\n          </Section.Description>\n          {goToLabel && href && (\n            <ArrowLink href={href} asLink={asLink} fs=\"7\">\n              {goToLabel.toUpperCase()}\n            </ArrowLink>\n          )}\n        </div>\n        {description && (\n          <Section.Description>{description}</Section.Description>\n        )}\n      </Col>\n      <ul\n        role=\"list\"\n        aria-label={`Lista di ${title}`}\n        className={`list-style-none ui-suggested-services-layout`}\n      >\n        {items?.map((item, index) => {\n          return (\n            <li key={item._id}>\n              <CardService\n                key={item._id}\n                title={item?.name}\n                href={item?.link || item?.externalLink}\n                iconType={\n                  index === 1 ? \"icon2\" : index === 2 ? \"icon3\" : \"icon1\"\n                }\n                titleTag={\"h3\"}\n                asLink={asLink}\n              />\n            </li>\n          );\n        })}\n      </ul>\n    </Section>\n  );\n};\n"],"names":["SuggestedServices","title","description","goToLabel","href","asLink","items","className","jsxs","Section","clsx","Col","jsx","ArrowLink","item","index","CardService"],"mappings":";;;;;;;AAgBO,MAAMA,IAAoB,CAAC;AAAA,EAChC,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,OAAAC;AAAA,EACA,WAAAC;AACF,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAK,0CAA0CH,CAAS;AAAA,IAEnE,UAAA;AAAA,MAACC,gBAAAA,EAAAA,KAAAG,GAAA,EAAI,WAAU,2CACb,UAAA;AAAA,QAACH,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,uCACb,UAAA;AAAA,UAAAI,gBAAAA,MAACH,EAAQ,aAAR,EAAoB,OAAO,YAAY,WAAW,mBAChD,UACHR,GAAA;AAAA,UACCE,KAAaC,KACZQ,gBAAAA,MAACC,GAAU,EAAA,MAAAT,GAAY,QAAAC,GAAgB,IAAG,KACvC,UAAUF,EAAA,YAAA,EACb,CAAA;AAAA,QAAA,GAEJ;AAAA,QACCD,KACCU,gBAAAA,EAAA,IAACH,EAAQ,aAAR,EAAqB,UAAYP,EAAA,CAAA;AAAA,MAAA,GAEtC;AAAA,MACAU,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,cAAY,YAAYX,CAAK;AAAA,UAC7B,WAAW;AAAA,UAEV,UAAOK,KAAA,gBAAAA,EAAA,IAAI,CAACQ,GAAMC,4BAEd,MACC,EAAA,UAAAH,gBAAAA,EAAA;AAAA,YAACI;AAAA,YAAA;AAAA,cAEC,OAAOF,KAAA,gBAAAA,EAAM;AAAA,cACb,OAAMA,KAAA,gBAAAA,EAAM,UAAQA,KAAA,gBAAAA,EAAM;AAAA,cAC1B,UACEC,MAAU,IAAI,UAAUA,MAAU,IAAI,UAAU;AAAA,cAElD,UAAU;AAAA,cACV,QAAAV;AAAA,YAAA;AAAA,YAPKS,EAAK;AAAA,UAAA,EAQZ,GAVOA,EAAK,GAWd;AAAA,QAEH;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AACF;"}