@anoki/fse-ui 1.0.0-beta1.21

package/dist/index.es126.js

@@ -0,0 +1,113 @@
+import { j as o } from "./index.es216.js";
+import { Section as l } from "./index.es48.js";
+import { clsx as f } from "./index.es218.js";
+import './sections/Services/Services.css';/* empty css            */
+import { useMemo as j } from "react";
+import { l as a } from "./index.es220.js";
+import { Col as m } from "./index.es10.js";
+import { ArrowLink as v } from "./index.es37.js";
+import { CardCategory as g } from "./index.es27.js";
+const e = {
+  LayoutOne: "LayoutOne",
+  LayoutTwo: "LayoutTwo",
+  LayoutThree: "LayoutThree",
+  LayoutFour: "LayoutFour"
+}, _ = ({
+  title: i,
+  description: y,
+  goToLabel: L,
+  href: p,
+  asLink: h = "a",
+  items: s,
+  layout: n = e.LayoutOne,
+  className: x
+}) => {
+  const d = ((r) => {
+    switch (r) {
+      case e.LayoutOne:
+        return "ui-service-items-layout-one";
+      case e.LayoutTwo:
+        return "ui-service-items-layout-two";
+      case e.LayoutThree:
+        return "ui-service-items-layout-three";
+      case e.LayoutFour:
+        return "ui-service-items-layout-four";
+      default:
+        return "";
+    }
+  })(n), t = j(() => {
+    switch (n) {
+      /**
+       * In this layout, we remove the image from all items.
+       */
+      case e.LayoutOne:
+        return s.map((r) => ({
+          ...a.omit(r, ["image"])
+        }));
+      /**
+       * In this layout, we remove the image from all items except the second one.
+       */
+      case e.LayoutTwo:
+        return s.map((r, u) => {
+          const c = u !== 1;
+          return {
+            ...a.omit(r, c ? ["image"] : [])
+          };
+        });
+      /**
+       * In this layout, we remove the image from all items.
+       */
+      case e.LayoutThree:
+        return s.map((r) => ({
+          ...a.omit(r, ["image"])
+        }));
+      /**
+       * In this layout, we remove the image from all items.
+       */
+      case e.LayoutFour:
+        return s.map((r, u) => {
+          const c = u !== 0;
+          return {
+            ...a.omit(r, c ? ["image"] : [])
+          };
+        });
+      default:
+        return s;
+    }
+  }, [s, n]);
+  return /* @__PURE__ */ o.jsxs(l, { className: f("base-col ui-service-items-section", x), children: [
+    /* @__PURE__ */ o.jsxs(m, { className: "ui-service-items-sectirron-content", children: [
+      /* @__PURE__ */ o.jsxs("div", { className: "ui-service-items-section-title", children: [
+        /* @__PURE__ */ o.jsx(l.Title, { fs: "2", mdFs: "2", as: "h3", color: "slate-20", children: i }),
+        L && p && /* @__PURE__ */ o.jsx(v, { href: p, asLink: h, fs: "7", children: L.toUpperCase() })
+      ] }),
+      y && /* @__PURE__ */ o.jsx(l.Description, { children: y })
+    ] }),
+    /* @__PURE__ */ o.jsx(
+      "ul",
+      {
+        role: "list",
+        "aria-label": `Lista di ${i}`,
+        className: `list-style-none ${d}`,
+        children: t == null ? void 0 : t.map((r) => /* @__PURE__ */ o.jsx("li", { children: /* @__PURE__ */ o.jsx(
+          g,
+          {
+            title: r == null ? void 0 : r.name,
+            description: r == null ? void 0 : r.description,
+            image: r == null ? void 0 : r.image,
+            href: (r == null ? void 0 : r.link) || (r == null ? void 0 : r.externalLink),
+            showIcon: r == null ? void 0 : r.externalLink,
+            asLink: h,
+            isExternal: r == null ? void 0 : r.externalLink
+          },
+          r._id
+        ) }, r._id))
+      }
+    )
+  ] });
+};
+export {
+  e as SERVICES_LAYOUTS,
+  _ as Services
+};
+//# sourceMappingURL=index.es126.js.map

package/dist/index.es126.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es126.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.es127.js

@@ -0,0 +1,53 @@
+import { j as r } from "./index.es216.js";
+import { Section as c } from "./index.es48.js";
+import { clsx as u } from "./index.es218.js";
+import './sections/SuggestedServices/SuggestedServices.css';/* empty css            */
+import { CardService as p } from "./index.es30.js";
+import { Col as x } from "./index.es10.js";
+import { ArrowLink as g } from "./index.es37.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",
+        {
+          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 {
+  C as SuggestedServices
+};
+//# sourceMappingURL=index.es127.js.map

package/dist/index.es127.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es127.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;"}

package/dist/index.es128.js

@@ -0,0 +1,45 @@
+import { j as i } from "./index.es216.js";
+import './sections/Documents/Documents.css';/* empty css            */
+import { CardFile as a } from "./index.es95.js";
+import { Section as e } from "./index.es48.js";
+const x = ({
+  title: r,
+  description: c,
+  items: o = [],
+  colorTitle: l = "primary",
+  fontSizeTitle: n = "2"
+}) => /* @__PURE__ */ i.jsxs(e, { className: "ui-document-section", children: [
+  /* @__PURE__ */ i.jsx("div", { className: "ui-document-items-section-title", children: /* @__PURE__ */ i.jsx(
+    e.Title,
+    {
+      fs: n,
+      mdFs: "2",
+      as: "h3",
+      color: l,
+      children: r
+    }
+  ) }),
+  c && /* @__PURE__ */ i.jsx(e.Description, { className: "ui-document-section-description mb-x40", children: c }),
+  /* @__PURE__ */ i.jsx(
+    "ul",
+    {
+      role: "list",
+      "aria-label": `Lista di ${r}`,
+      className: "list-style-none ui-document-items-layout",
+      children: o == null ? void 0 : o.map((s, t) => /* @__PURE__ */ i.jsx("li", { children: /* @__PURE__ */ i.jsx(
+        a,
+        {
+          action: s == null ? void 0 : s.action,
+          issued_at: s.issued_at,
+          title: s.title,
+          file: s.file,
+          description: s.description
+        }
+      ) }, t))
+    }
+  )
+] });
+export {
+  x as Documents
+};
+//# sourceMappingURL=index.es128.js.map

package/dist/index.es128.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es128.js","sources":["../src/sections/Documents/index.tsx"],"sourcesContent":["import { CardFile, CardFileProps, Section } from \"@/components\";\nimport \"./Documents.scss\";\nimport { TypographyKeys } from \"@theme/typography.ts\";\nimport { ColorKeys } from \"@theme/colors.ts\";\nimport { ReactNode } from \"react\";\n\ntype Props = {\n  title?: string;\n  description?: string | ReactNode;\n  items: CardFileProps[];\n  colorTitle?: ColorKeys;\n  fontSizeTitle?: TypographyKeys;\n};\n\nexport const Documents = ({\n  title,\n  description,\n  items = [],\n  colorTitle = \"primary\",\n  fontSizeTitle = \"2\",\n}: Props) => {\n  return (\n    <Section className=\"ui-document-section\">\n      <div className=\"ui-document-items-section-title\">\n        <Section.Title\n          fs={fontSizeTitle}\n          mdFs={\"2\"}\n          as={\"h3\"}\n          color={colorTitle}\n        >\n          {title}\n        </Section.Title>\n      </div>\n      {description && (\n        <Section.Description className=\"ui-document-section-description mb-x40\">\n          {description}\n        </Section.Description>\n      )}\n      <ul\n        role=\"list\"\n        aria-label={`Lista di ${title}`}\n        className={`list-style-none ui-document-items-layout`}\n      >\n        {items?.map((item, index) => {\n          return (\n            <li key={index}>\n              <CardFile\n                action={item?.action}\n                issued_at={item.issued_at}\n                title={item.title}\n                file={item.file}\n                description={item.description}\n              />\n            </li>\n          );\n        })}\n      </ul>\n    </Section>\n  );\n};\n"],"names":["Documents","title","description","items","colorTitle","fontSizeTitle","jsxs","Section","jsx","item","index","CardFile"],"mappings":";;;;AAcO,MAAMA,IAAY,CAAC;AAAA,EACxB,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC,IAAQ,CAAC;AAAA,EACT,YAAAC,IAAa;AAAA,EACb,eAAAC,IAAgB;AAClB,MAEIC,gBAAAA,EAAA,KAACC,GAAQ,EAAA,WAAU,uBACjB,UAAA;AAAA,EAACC,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,mCACb,UAAAA,gBAAAA,EAAA;AAAA,IAACD,EAAQ;AAAA,IAAR;AAAA,MACC,IAAIF;AAAA,MACJ,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,OAAOD;AAAA,MAEN,UAAAH;AAAA,IAAA;AAAA,EAAA,GAEL;AAAA,EACCC,KACEM,gBAAAA,EAAAA,IAAAD,EAAQ,aAAR,EAAoB,WAAU,0CAC5B,UACHL,GAAA;AAAA,EAEFM,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAY,YAAYP,CAAK;AAAA,MAC7B,WAAW;AAAA,MAEV,UAAOE,KAAA,gBAAAA,EAAA,IAAI,CAACM,GAAMC,4BAEd,MACC,EAAA,UAAAF,gBAAAA,EAAA;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,QAAQF,KAAA,gBAAAA,EAAM;AAAA,UACd,WAAWA,EAAK;AAAA,UAChB,OAAOA,EAAK;AAAA,UACZ,MAAMA,EAAK;AAAA,UACX,aAAaA,EAAK;AAAA,QAAA;AAAA,WANbC,CAQT;AAAA,IAEH;AAAA,EAAA;AACH,GACF;"}

package/dist/index.es129.js

@@ -0,0 +1,22 @@
+import { j as s } from "./index.es216.js";
+import './sections/Tags/Tags.css';/* empty css            */
+import { TagsGroup as r } from "./index.es100.js";
+import { Section as t } from "./index.es48.js";
+const l = ({ title: o, items: i = [] }) => /* @__PURE__ */ s.jsxs(t, { className: "ui-tags-section", children: [
+  /* @__PURE__ */ s.jsx(
+    t.Title,
+    {
+      fs: "6",
+      mdFs: "6",
+      as: "h3",
+      color: "slate-28",
+      className: "ui-tags-items-section-title",
+      children: o
+    }
+  ),
+  /* @__PURE__ */ s.jsx(r, { topics: i })
+] });
+export {
+  l as Tags
+};
+//# sourceMappingURL=index.es129.js.map

package/dist/index.es129.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es129.js","sources":["../src/sections/Tags/index.tsx"],"sourcesContent":["import { Section, TagsGroup } from \"@/components\";\nimport \"./Tags.scss\";\n\ntype Props = {\n  title: string;\n  items: any[];\n};\n\nexport const Tags = ({ title, items = [] }: Props) => {\n  return (\n    <Section className=\"ui-tags-section\">\n      <Section.Title\n        fs={\"6\"}\n        mdFs={\"6\"}\n        as={\"h3\"}\n        color={\"slate-28\"}\n        className=\"ui-tags-items-section-title\"\n      >\n        {title}\n      </Section.Title>\n      <TagsGroup topics={items} />\n    </Section>\n  );\n};\n"],"names":["Tags","title","items","jsxs","Section","jsx","TagsGroup"],"mappings":";;;;AAQO,MAAMA,IAAO,CAAC,EAAE,OAAAC,GAAO,OAAAC,IAAQ,SAElCC,gBAAAA,EAAA,KAACC,GAAQ,EAAA,WAAU,mBACjB,UAAA;AAAA,EAAAC,gBAAAA,EAAA;AAAA,IAACD,EAAQ;AAAA,IAAR;AAAA,MACC,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,WAAU;AAAA,MAET,UAAAH;AAAA,IAAA;AAAA,EACH;AAAA,EACAI,gBAAAA,EAAAA,IAACC,GAAU,EAAA,QAAQJ,EAAO,CAAA;AAAA,GAC5B;"}

package/dist/index.es13.js

@@ -0,0 +1,95 @@
+import { j as s } from "./index.es216.js";
+import './components/ui/SearchService/SearchService.css';/* empty css            */
+import { clsx as n } from "./index.es218.js";
+import { useState as h } from "react";
+import { Close as v } from "./index.es138.js";
+import { Col as C } from "./index.es10.js";
+import { Button as N } from "./index.es26.js";
+const F = ({
+  btnText: u,
+  helperText: d,
+  value: p,
+  items: x,
+  setValue: f
+}) => {
+  const [r, o] = h(p), [m, i] = h([]), g = (e) => {
+    const t = e.target.value;
+    if (o(t), t.length >= 3) {
+      const a = x.filter(
+        (c) => [c.name].some(
+          (l) => l == null ? void 0 : l.toLowerCase().includes(t.toLowerCase())
+        )
+      );
+      i(a);
+    } else
+      i([]);
+  }, b = (e) => {
+    o(e.name), i([]);
+  }, j = (e, t) => {
+    if (!t) return e;
+    const a = e.toLowerCase().indexOf(t.toLowerCase());
+    if (a === -1) return e;
+    const c = e.slice(0, a), l = e.slice(a, a + t.length), w = e.slice(a + t.length);
+    return /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+      c,
+      /* @__PURE__ */ s.jsx("span", { className: "text-primary fw-bold", children: l }),
+      w
+    ] });
+  };
+  return /* @__PURE__ */ s.jsxs("div", { className: n("ui-search", "br-x4 bg-border-secondary w-full"), children: [
+    /* @__PURE__ */ s.jsxs("div", { className: "position-relative", children: [
+      /* @__PURE__ */ s.jsx(
+        "input",
+        {
+          id: "search",
+          type: "search",
+          className: n(
+            "ui-search-input",
+            "fs-6 md-fs-custom text-slate-20 br-x4 w-full pl-x24"
+          ),
+          placeholder: d,
+          "aria-label": "Barra di ricerca",
+          value: r,
+          onChange: g
+        }
+      ),
+      r && r.length >= 3 && /* @__PURE__ */ s.jsx(
+        v,
+        {
+          className: "ui-clean-button",
+          onClick: () => {
+            o(""), i([]);
+          }
+        }
+      )
+    ] }),
+    m.length > 0 && /* @__PURE__ */ s.jsx("div", { className: "ui-wrap-list-item-search shadow position-absolute p-x24", children: /* @__PURE__ */ s.jsx(
+      C,
+      {
+        gap: "x24",
+        fw: "regular",
+        text: "secondary",
+        fs: "6",
+        className: "ui-list-item-search overflow-y-auto",
+        children: m.map((e, t) => /* @__PURE__ */ s.jsx("div", { onClick: () => b(e), children: j(e.name, r || "") }, t))
+      }
+    ) }),
+    /* @__PURE__ */ s.jsx("div", { className: n("ui-div-btn"), children: /* @__PURE__ */ s.jsx(
+      N,
+      {
+        className: n(
+          "ui-btn-search",
+          "bg-primary text-white fs-7 md-fs-6 fw-semibold br-x4"
+        ),
+        onClick: () => {
+          i([]), f(r ?? "");
+        },
+        children: u
+      }
+    ) })
+  ] });
+};
+export {
+  F as SearchService
+};
+//# sourceMappingURL=index.es13.js.map

package/dist/index.es13.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es13.js","sources":["../src/components/ui/SearchService/index.tsx"],"sourcesContent":["import \"./SearchService.scss\";\nimport clsx from \"clsx\";\nimport { ChangeEvent, useState } from \"react\";\nimport { Button, Col } from \"@/components\";\nimport { Close } from \"@/icons\";\nimport { Service } from \"@anoki/fse-common\";\n\nexport type SearchServiceProps = {\n  btnText: string;\n  helperText: string;\n  value: string;\n  items: Service[];\n  setValue: (value: string) => void;\n};\n\nexport const SearchService = ({\n  btnText,\n  helperText,\n  value,\n  items,\n  setValue,\n}: SearchServiceProps) => {\n  const [valueInput, setValueInput] = useState<string | undefined>(value);\n  const [filteredItems, setFilteredItems] = useState<Service[]>([]);\n\n  const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n    const inputValue = e.target.value;\n    setValueInput(inputValue);\n\n    if (inputValue.length >= 3) {\n      const results = items.filter((item) =>\n        [item.name].some((field) =>\n          field?.toLowerCase().includes(inputValue.toLowerCase()),\n        ),\n      );\n      setFilteredItems(results);\n    } else {\n      setFilteredItems([]);\n    }\n  };\n\n  const handleSelectItem = (item: Service) => {\n    setValueInput(item.name);\n    setFilteredItems([]);\n  };\n\n  const highlightMatch = (text: string, query: string) => {\n    if (!query) return text;\n\n    const index = text.toLowerCase().indexOf(query.toLowerCase());\n    if (index === -1) return text;\n\n    const beforeMatch = text.slice(0, index);\n    const match = text.slice(index, index + query.length);\n    const afterMatch = text.slice(index + query.length);\n\n    return (\n      <>\n        {beforeMatch}\n        <span className={\"text-primary fw-bold\"}>{match}</span>\n        {afterMatch}\n      </>\n    );\n  };\n\n  return (\n    <div className={clsx(\"ui-search\", \"br-x4 bg-border-secondary w-full\")}>\n      <div className={\"position-relative\"}>\n        <input\n          id=\"search\"\n          type=\"search\"\n          className={clsx(\n            \"ui-search-input\",\n            \"fs-6 md-fs-custom text-slate-20 br-x4 w-full pl-x24\",\n          )}\n          placeholder={helperText}\n          aria-label=\"Barra di ricerca\"\n          value={valueInput}\n          onChange={handleInputChange}\n        />\n        {valueInput && valueInput.length >= 3 && (\n          <Close\n            className={\"ui-clean-button\"}\n            onClick={() => {\n              setValueInput(\"\");\n              setFilteredItems([]);\n            }}\n          />\n        )}\n      </div>\n      {filteredItems.length > 0 && (\n        <div className=\"ui-wrap-list-item-search shadow position-absolute p-x24\">\n          <Col\n            gap={\"x24\"}\n            fw={\"regular\"}\n            text={\"secondary\"}\n            fs={\"6\"}\n            className=\"ui-list-item-search overflow-y-auto\"\n          >\n            {filteredItems.map((item, index) => (\n              <div key={index} onClick={() => handleSelectItem(item)}>\n                {highlightMatch(item.name, valueInput || \"\")}\n              </div>\n            ))}\n          </Col>\n        </div>\n      )}\n      <div className={clsx(\"ui-div-btn\")}>\n        <Button\n          className={clsx(\n            \"ui-btn-search\",\n            \"bg-primary text-white fs-7 md-fs-6 fw-semibold br-x4\",\n          )}\n          onClick={() => {\n            setFilteredItems([]);\n            setValue(valueInput ?? \"\");\n          }}\n        >\n          {btnText}\n        </Button>\n      </div>\n    </div>\n  );\n};\n"],"names":["SearchService","btnText","helperText","value","items","setValue","valueInput","setValueInput","useState","filteredItems","setFilteredItems","handleInputChange","inputValue","results","item","field","handleSelectItem","highlightMatch","text","query","index","beforeMatch","match","afterMatch","jsxs","Fragment","jsx","clsx","Close","Col","Button"],"mappings":"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"}

package/dist/index.es130.js

@@ -0,0 +1,14 @@
+import { j as e } from "./index.es216.js";
+import i from "./index.es227.js";
+import o from "./index.es228.js";
+const c = (t, n = void 0) => {
+  const r = i.sanitize(t).replace(
+    /^<([a-z][a-z0-9]*)([^>]*)>(.*)<\/\1>$/i,
+    "$3"
+  );
+  return /* @__PURE__ */ e.jsx(o, { dangerouslySetInnerHTML: { __html: r }, as: n });
+};
+export {
+  c as HTMLBalancer
+};
+//# sourceMappingURL=index.es130.js.map

package/dist/index.es130.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es130.js","sources":["../src/sections/HTMLBalancer/index.tsx"],"sourcesContent":["import DOMPurify from \"isomorphic-dompurify\";\nimport Balancer from \"react-wrap-balancer\";\n\nexport const HTMLBalancer = (\n  html: string,\n  as: string | undefined = undefined,\n) => {\n  const sanitized = DOMPurify.sanitize(html);\n  const innerContent = sanitized.replace(\n    /^<([a-z][a-z0-9]*)([^>]*)>(.*)<\\/\\1>$/i,\n    \"$3\",\n  );\n  return (\n    <Balancer dangerouslySetInnerHTML={{ __html: innerContent }} as={as} />\n  );\n};\n"],"names":["HTMLBalancer","html","as","innerContent","DOMPurify","Balancer"],"mappings":";;;AAGO,MAAMA,IAAe,CAC1BC,GACAC,IAAyB,WACtB;AAEH,QAAMC,IADYC,EAAU,SAASH,CAAI,EACV;AAAA,IAC7B;AAAA,IACA;AAAA,EACF;AACA,+BACGI,GAAS,EAAA,yBAAyB,EAAE,QAAQF,EAAA,GAAgB,IAAAD,GAAQ;AAEzE;"}

package/dist/index.es131.js

@@ -0,0 +1,34 @@
+import { j as s } from "./index.es216.js";
+import './sections/Insights/Insights.css';/* empty css            */
+import { CardPreview as o } from "./index.es112.js";
+import { Section as e } from "./index.es48.js";
+const d = ({
+  title: t,
+  items: i = [],
+  colorTitle: r = "slate-20",
+  showBackgroundRectangle: l = !0
+}) => /* @__PURE__ */ s.jsxs(e, { className: "ui-insights-section", children: [
+  l && /* @__PURE__ */ s.jsx("div", { className: "ui-insights-background-rectangle" }),
+  /* @__PURE__ */ s.jsx("div", { className: "ui-insights-items-section-title", children: /* @__PURE__ */ s.jsx(
+    e.Title,
+    {
+      className: "ui-insights-items-section-title",
+      as: "h3",
+      color: r,
+      children: t
+    }
+  ) }),
+  /* @__PURE__ */ s.jsx(
+    "ul",
+    {
+      role: "list",
+      "aria-label": `Lista di ${t}`,
+      className: "list-style-none ui-insights-items-layout",
+      children: i == null ? void 0 : i.map((n, a) => /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx(o, { ...n }) }, a))
+    }
+  )
+] });
+export {
+  d as Insights
+};
+//# sourceMappingURL=index.es131.js.map

package/dist/index.es131.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es131.js","sources":["../src/sections/Insights/index.tsx"],"sourcesContent":["import { CardPreviewProps, CardPreview, Section } from \"@/components\";\nimport { ColorKeys } from \"@/theme/colors\";\nimport \"./Insights.scss\";\n\ntype Props = {\n  title: string;\n  items: CardPreviewProps[];\n  colorTitle?: ColorKeys;\n  showBackgroundRectangle?: boolean;\n};\n\nexport const Insights = ({\n  title,\n  items = [],\n  colorTitle = \"slate-20\",\n  showBackgroundRectangle = true,\n}: Props) => {\n  return (\n    <Section className=\"ui-insights-section\">\n      {showBackgroundRectangle && (\n        <div className=\"ui-insights-background-rectangle\"></div>\n      )}\n      <div className=\"ui-insights-items-section-title\">\n        <Section.Title\n          className=\"ui-insights-items-section-title\"\n          as={\"h3\"}\n          color={colorTitle}\n        >\n          {title}\n        </Section.Title>\n      </div>\n      <ul\n        role=\"list\"\n        aria-label={`Lista di ${title}`}\n        className={`list-style-none ui-insights-items-layout`}\n      >\n        {items?.map((item, index) => {\n          return (\n            <li key={index}>\n              <CardPreview {...item} />\n            </li>\n          );\n        })}\n      </ul>\n    </Section>\n  );\n};\n"],"names":["Insights","title","items","colorTitle","showBackgroundRectangle","jsxs","Section","jsx","item","index","CardPreview"],"mappings":";;;;AAWO,MAAMA,IAAW,CAAC;AAAA,EACvB,OAAAC;AAAA,EACA,OAAAC,IAAQ,CAAC;AAAA,EACT,YAAAC,IAAa;AAAA,EACb,yBAAAC,IAA0B;AAC5B,MAEIC,gBAAAA,EAAA,KAACC,GAAQ,EAAA,WAAU,uBAChB,UAAA;AAAA,EACCF,KAAAG,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,mCAAmC,CAAA;AAAA,EAEpDA,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,mCACb,UAAAA,gBAAAA,EAAA;AAAA,IAACD,EAAQ;AAAA,IAAR;AAAA,MACC,WAAU;AAAA,MACV,IAAI;AAAA,MACJ,OAAOH;AAAA,MAEN,UAAAF;AAAA,IAAA;AAAA,EAAA,GAEL;AAAA,EACAM,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAY,YAAYN,CAAK;AAAA,MAC7B,WAAW;AAAA,MAEV,UAAOC,KAAA,gBAAAA,EAAA,IAAI,CAACM,GAAMC,4BAEd,MACC,EAAA,UAAAF,gBAAAA,EAAA,IAACG,KAAa,GAAGF,EAAA,CAAM,KADhBC,CAET;AAAA,IAEH;AAAA,EAAA;AACH,GACF;"}

package/dist/index.es132.js

@@ -0,0 +1,94 @@
+import { j as s } from "./index.es216.js";
+import { clsx as c } from "./index.es218.js";
+import './sections/ImagesDescription/ImagesDescription.css';/* empty css            */
+import { Section as l } from "./index.es48.js";
+const _ = {
+  // Layout FULL (1 colonna)
+  FULL_1_1: "FULL_1_1",
+  FULL_4_3: "FULL_4_3",
+  FULL_16_9: "FULL_16_9",
+  FULL_21_9: "FULL_21_9",
+  FULL_32_9: "FULL_32_9",
+  // Layout TWO_COL (2 colonne)
+  TWO_COL_1_1: "TWO_COL_1_1",
+  TWO_COL_4_3: "TWO_COL_4_3",
+  TWO_COL_16_9: "TWO_COL_16_9",
+  TWO_COL_21_9: "TWO_COL_21_9",
+  TWO_COL_32_9: "TWO_COL_32_9",
+  // Layout THREE_COL (3 colonne)
+  THREE_COL_1_1: "THREE_COL_1_1",
+  THREE_COL_4_3: "THREE_COL_4_3",
+  THREE_COL_16_9: "THREE_COL_16_9",
+  THREE_COL_21_9: "THREE_COL_21_9",
+  THREE_COL_32_9: "THREE_COL_32_9"
+}, d = ({
+  title: i,
+  items: t = [],
+  layout: a = _.FULL_1_1,
+  className: r
+}) => {
+  const o = ((e) => {
+    switch (e) {
+      // Layout FULL (1 colonna)
+      case _.FULL_1_1:
+        return "images-description-layout-full-1-1";
+      case _.FULL_4_3:
+        return "images-description-layout-full-4-3";
+      case _.FULL_16_9:
+        return "images-description-layout-full-16-9";
+      case _.FULL_21_9:
+        return "images-description-layout-full-21-9";
+      case _.FULL_32_9:
+        return "images-description-layout-full-32-9";
+      // Layout TWO_COL (2 colonne)
+      case _.TWO_COL_1_1:
+        return "images-description-layout-two-col-1-1";
+      case _.TWO_COL_4_3:
+        return "images-description-layout-two-col-4-3";
+      case _.TWO_COL_16_9:
+        return "images-description-layout-two-col-16-9";
+      case _.TWO_COL_21_9:
+        return "images-description-layout-two-col-21-9";
+      case _.TWO_COL_32_9:
+        return "images-description-layout-two-col-32-9";
+      // Layout THREE_COL (3 colonne)
+      case _.THREE_COL_1_1:
+        return "images-description-layout-three-col-1-1";
+      case _.THREE_COL_4_3:
+        return "images-description-layout-three-col-4-3";
+      case _.THREE_COL_16_9:
+        return "images-description-layout-three-col-16-9";
+      case _.THREE_COL_21_9:
+        return "images-description-layout-three-col-21-9";
+      case _.THREE_COL_32_9:
+        return "images-description-layout-three-col-32-9";
+      default:
+        return "";
+    }
+  })(a);
+  return /* @__PURE__ */ s.jsx(l, { className: c("base-col images-description-section", r), children: /* @__PURE__ */ s.jsx(
+    "ul",
+    {
+      role: "list",
+      "aria-label": `Raccolta di ${i}`,
+      className: `list-style-none ${o}`,
+      children: t == null ? void 0 : t.map((e) => /* @__PURE__ */ s.jsxs("li", { className: "images-description-item", children: [
+        /* @__PURE__ */ s.jsx("div", { className: "images-description-item-image-container", children: /* @__PURE__ */ s.jsx(
+          "img",
+          {
+            src: e.image.src,
+            alt: e.image.alt,
+            title: e.image.title,
+            className: "images-description-item-image"
+          }
+        ) }),
+        /* @__PURE__ */ s.jsx("div", { className: "images-description-item-content", children: /* @__PURE__ */ s.jsx("p", { className: "images-description-item-description text-slate-28 fs-9", children: e.description }) })
+      ] }, e._id))
+    }
+  ) });
+};
+export {
+  _ as IMAGES_DESCRIPTION_LAYOUTS,
+  d as ImagesDescription
+};
+//# sourceMappingURL=index.es132.js.map

package/dist/index.es132.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es132.js","sources":["../src/sections/ImagesDescription/index.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport clsx from \"clsx\";\nimport { Section } from \"../../components\";\nimport \"./ImagesDescription.scss\";\n\nexport const IMAGES_DESCRIPTION_LAYOUTS = {\n  // Layout FULL (1 colonna)\n  FULL_1_1: \"FULL_1_1\",\n  FULL_4_3: \"FULL_4_3\",\n  FULL_16_9: \"FULL_16_9\",\n  FULL_21_9: \"FULL_21_9\",\n  FULL_32_9: \"FULL_32_9\",\n  // Layout TWO_COL (2 colonne)\n  TWO_COL_1_1: \"TWO_COL_1_1\",\n  TWO_COL_4_3: \"TWO_COL_4_3\",\n  TWO_COL_16_9: \"TWO_COL_16_9\",\n  TWO_COL_21_9: \"TWO_COL_21_9\",\n  TWO_COL_32_9: \"TWO_COL_32_9\",\n  // Layout THREE_COL (3 colonne)\n  THREE_COL_1_1: \"THREE_COL_1_1\",\n  THREE_COL_4_3: \"THREE_COL_4_3\",\n  THREE_COL_16_9: \"THREE_COL_16_9\",\n  THREE_COL_21_9: \"THREE_COL_21_9\",\n  THREE_COL_32_9: \"THREE_COL_32_9\",\n} as const;\n\nexport type ImagesDescriptionLayout =\n  (typeof IMAGES_DESCRIPTION_LAYOUTS)[keyof typeof IMAGES_DESCRIPTION_LAYOUTS];\n\nexport interface ImageDescriptionItem {\n  _id: string;\n  image: {\n    src: string;\n    alt: string;\n    title?: string;\n  };\n  description: string;\n}\n\nexport interface ImagesDescriptionProps {\n  title: ReactNode;\n  items: ImageDescriptionItem[];\n  layout?: ImagesDescriptionLayout;\n  className?: string;\n}\n\nexport const ImagesDescription = ({\n  title,\n  items = [],\n  layout = IMAGES_DESCRIPTION_LAYOUTS.FULL_1_1,\n  className,\n}: ImagesDescriptionProps) => {\n  const getLayoutClassName = (l: ImagesDescriptionLayout) => {\n    switch (l) {\n      // Layout FULL (1 colonna)\n      case IMAGES_DESCRIPTION_LAYOUTS.FULL_1_1:\n        return \"images-description-layout-full-1-1\";\n      case IMAGES_DESCRIPTION_LAYOUTS.FULL_4_3:\n        return \"images-description-layout-full-4-3\";\n      case IMAGES_DESCRIPTION_LAYOUTS.FULL_16_9:\n        return \"images-description-layout-full-16-9\";\n      case IMAGES_DESCRIPTION_LAYOUTS.FULL_21_9:\n        return \"images-description-layout-full-21-9\";\n      case IMAGES_DESCRIPTION_LAYOUTS.FULL_32_9:\n        return \"images-description-layout-full-32-9\";\n\n      // Layout TWO_COL (2 colonne)\n      case IMAGES_DESCRIPTION_LAYOUTS.TWO_COL_1_1:\n        return \"images-description-layout-two-col-1-1\";\n      case IMAGES_DESCRIPTION_LAYOUTS.TWO_COL_4_3:\n        return \"images-description-layout-two-col-4-3\";\n      case IMAGES_DESCRIPTION_LAYOUTS.TWO_COL_16_9:\n        return \"images-description-layout-two-col-16-9\";\n      case IMAGES_DESCRIPTION_LAYOUTS.TWO_COL_21_9:\n        return \"images-description-layout-two-col-21-9\";\n      case IMAGES_DESCRIPTION_LAYOUTS.TWO_COL_32_9:\n        return \"images-description-layout-two-col-32-9\";\n\n      // Layout THREE_COL (3 colonne)\n      case IMAGES_DESCRIPTION_LAYOUTS.THREE_COL_1_1:\n        return \"images-description-layout-three-col-1-1\";\n      case IMAGES_DESCRIPTION_LAYOUTS.THREE_COL_4_3:\n        return \"images-description-layout-three-col-4-3\";\n      case IMAGES_DESCRIPTION_LAYOUTS.THREE_COL_16_9:\n        return \"images-description-layout-three-col-16-9\";\n      case IMAGES_DESCRIPTION_LAYOUTS.THREE_COL_21_9:\n        return \"images-description-layout-three-col-21-9\";\n      case IMAGES_DESCRIPTION_LAYOUTS.THREE_COL_32_9:\n        return \"images-description-layout-three-col-32-9\";\n\n      default:\n        return \"\";\n    }\n  };\n\n  /* const isFullLayout = layout.startsWith(\"FULL_\");\n  const isThreeColLayout = layout.startsWith(\"THREE_COL_\");\n\n  const limitedItems = isFullLayout\n    ? items.slice(0, 1)\n    : isThreeColLayout\n      ? items.slice(0, 3)\n      : items.slice(0, 2); */\n\n  const layoutClassName = getLayoutClassName(layout);\n\n  return (\n    <Section className={clsx(\"base-col images-description-section\", className)}>\n      <ul\n        role=\"list\"\n        aria-label={`Raccolta di ${title}`}\n        className={`list-style-none ${layoutClassName}`}\n      >\n        {items?.map((item) => (\n          <li key={item._id} className=\"images-description-item\">\n            <div className=\"images-description-item-image-container\">\n              <img\n                src={item.image.src}\n                alt={item.image.alt}\n                title={item.image.title}\n                className=\"images-description-item-image\"\n              />\n            </div>\n            <div className=\"images-description-item-content\">\n              <p className=\"images-description-item-description text-slate-28 fs-9\">\n                {item.description}\n              </p>\n            </div>\n          </li>\n        ))}\n      </ul>\n    </Section>\n  );\n};\n"],"names":["IMAGES_DESCRIPTION_LAYOUTS","ImagesDescription","title","items","layout","className","layoutClassName","l","Section","clsx","jsx","item","jsxs"],"mappings":";;;;AAKO,MAAMA,IAA6B;AAAA;AAAA,EAExC,UAAU;AAAA,EACV,UAAU;AAAA,EACV,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA;AAAA,EAEX,aAAa;AAAA,EACb,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA;AAAA,EAEd,eAAe;AAAA,EACf,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,gBAAgB;AAClB,GAsBaC,IAAoB,CAAC;AAAA,EAChC,OAAAC;AAAA,EACA,OAAAC,IAAQ,CAAC;AAAA,EACT,QAAAC,IAASJ,EAA2B;AAAA,EACpC,WAAAK;AACF,MAA8B;AAqDtB,QAAAC,KApDqB,CAACC,MAA+B;AACzD,YAAQA,GAAG;AAAA;AAAA,MAET,KAAKP,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA;AAAA,MAGT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA;AAAA,MAGT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MAET;AACS,eAAA;AAAA,IAAA;AAAA,EAEb,GAW2CI,CAAM;AAEjD,+BACGI,GAAQ,EAAA,WAAWC,EAAK,uCAAuCJ,CAAS,GACvE,UAAAK,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAY,eAAeR,CAAK;AAAA,MAChC,WAAW,mBAAmBI,CAAe;AAAA,MAE5C,iCAAO,IAAI,CAACK,MACVC,gBAAAA,OAAA,MAAA,EAAkB,WAAU,2BAC3B,UAAA;AAAA,QAACF,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,2CACb,UAAAA,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAKC,EAAK,MAAM;AAAA,YAChB,KAAKA,EAAK,MAAM;AAAA,YAChB,OAAOA,EAAK,MAAM;AAAA,YAClB,WAAU;AAAA,UAAA;AAAA,QAAA,GAEd;AAAA,QACAD,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,mCACb,UAAAA,gBAAAA,EAAA,IAAC,OAAE,WAAU,0DACV,UAAKC,EAAA,YACR,CAAA,EACF,CAAA;AAAA,MAAA,EAbO,GAAAA,EAAK,GAcd;AAAA,IACD;AAAA,EAAA,GAEL;AAEJ;"}

package/dist/index.es133.js

@@ -0,0 +1,17 @@
+import { j as r } from "./index.es216.js";
+import { VerticalCardStepper as c } from "./index.es116.js";
+import { Section as e } from "./index.es48.js";
+const p = ({
+  title: s,
+  description: t,
+  steps: o,
+  type: i
+}) => /* @__PURE__ */ r.jsxs(e, { children: [
+  /* @__PURE__ */ r.jsx(e.Title, { color: "blue-48", fs: "2", mdFs: "1", className: "mb-x16", children: s }),
+  /* @__PURE__ */ r.jsx(e.Description, { color: "slate-14", fs: "6", className: "mb-x36", children: t }),
+  /* @__PURE__ */ r.jsx(c, { steps: o, type: i })
+] });
+export {
+  p as VerticalCardStepperSection
+};
+//# sourceMappingURL=index.es133.js.map

package/dist/index.es133.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es133.js","sources":["../src/sections/VerticalCardStepperSection/index.tsx"],"sourcesContent":["import { Section, Step, StepVariantEnum, VerticalCardStepper } from \"@/components\";\n\ntype Props = {\n  title: string;\n  description: string;\n  steps: Step[];\n  type: StepVariantEnum;\n};\n\nexport const VerticalCardStepperSection = ({\n  title,\n  description,\n  steps,\n  type,\n}: Props) => {\n  return (\n    <Section>\n      <Section.Title color=\"blue-48\" fs=\"2\" mdFs=\"1\" className=\"mb-x16\">\n        {title}\n      </Section.Title>\n      <Section.Description color=\"slate-14\" fs=\"6\" className=\"mb-x36\">\n        {description}\n      </Section.Description>\n\n      <VerticalCardStepper steps={steps} type={type} />\n    </Section>\n  );\n};\n"],"names":["VerticalCardStepperSection","title","description","steps","type","Section","jsx","VerticalCardStepper"],"mappings":";;;AASO,MAAMA,IAA6B,CAAC;AAAA,EACzC,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AACF,6BAEKC,GACC,EAAA,UAAA;AAAA,EAACC,gBAAAA,EAAAA,IAAAD,EAAQ,OAAR,EAAc,OAAM,WAAU,IAAG,KAAI,MAAK,KAAI,WAAU,UACtD,UACHJ,EAAA,CAAA;AAAA,EACAK,gBAAAA,EAAAA,IAACD,EAAQ,aAAR,EAAoB,OAAM,YAAW,IAAG,KAAI,WAAU,UACpD,UACHH,EAAA,CAAA;AAAA,EAEAI,gBAAAA,EAAAA,IAACC,GAAoB,EAAA,OAAAJ,GAAc,MAAAC,EAAY,CAAA;AAAA,GACjD;"}

package/dist/index.es134.js

@@ -0,0 +1,28 @@
+import { j as c } from "./index.es216.js";
+import { clsx as t } from "./index.es218.js";
+import { createColorClasses as e } from "./index.es233.js";
+const n = ({
+  width: a = 24,
+  height: r = 24,
+  className: s,
+  color: m
+}) => {
+  const o = e({ color: m });
+  return /* @__PURE__ */ c.jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: a,
+      height: r,
+      fill: "currentColor",
+      viewBox: "0 0 16 16",
+      className: t(s, o),
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ c.jsx("path", { d: "M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8m7.5-6.923c-.67.204-1.335.82-1.887 1.855q-.215.403-.395.872c.705.157 1.472.257 2.282.287zM4.249 3.539q.214-.577.481-1.078a7 7 0 0 1 .597-.933A7 7 0 0 0 3.051 3.05q.544.277 1.198.49zM3.509 7.5c.036-1.07.188-2.087.436-3.008a9 9 0 0 1-1.565-.667A6.96 6.96 0 0 0 1.018 7.5zm1.4-2.741a12.3 12.3 0 0 0-.4 2.741H7.5V5.091c-.91-.03-1.783-.145-2.591-.332M8.5 5.09V7.5h2.99a12.3 12.3 0 0 0-.399-2.741c-.808.187-1.681.301-2.591.332zM4.51 8.5c.035.987.176 1.914.399 2.741A13.6 13.6 0 0 1 7.5 10.91V8.5zm3.99 0v2.409c.91.03 1.783.145 2.591.332.223-.827.364-1.754.4-2.741zm-3.282 3.696q.18.469.395.872c.552 1.035 1.218 1.65 1.887 1.855V11.91c-.81.03-1.577.13-2.282.287zm.11 2.276a7 7 0 0 1-.598-.933 9 9 0 0 1-.481-1.079 8.4 8.4 0 0 0-1.198.49 7 7 0 0 0 2.276 1.522zm-1.383-2.964A13.4 13.4 0 0 1 3.508 8.5h-2.49a6.96 6.96 0 0 0 1.362 3.675c.47-.258.995-.482 1.565-.667m6.728 2.964a7 7 0 0 0 2.275-1.521 8.4 8.4 0 0 0-1.197-.49 9 9 0 0 1-.481 1.078 7 7 0 0 1-.597.933M8.5 11.909v3.014c.67-.204 1.335-.82 1.887-1.855q.216-.403.395-.872A12.6 12.6 0 0 0 8.5 11.91zm3.555-.401c.57.185 1.095.409 1.565.667A6.96 6.96 0 0 0 14.982 8.5h-2.49a13.4 13.4 0 0 1-.437 3.008M14.982 7.5a6.96 6.96 0 0 0-1.362-3.675c-.47.258-.995.482-1.565.667.248.92.4 1.938.437 3.008zM11.27 2.461q.266.502.482 1.078a8.4 8.4 0 0 0 1.196-.49 7 7 0 0 0-2.275-1.52c.218.283.418.597.597.932m-.488 1.343a8 8 0 0 0-.395-.872C9.835 1.897 9.17 1.282 8.5 1.077V4.09c.81-.03 1.577-.13 2.282-.287z" })
+    }
+  );
+};
+export {
+  n as World
+};
+//# sourceMappingURL=index.es134.js.map

package/dist/index.es134.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es134.js","sources":["../src/icons/World/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { IconProps } from \"../../types/icons\";\nimport { createColorClasses } from \"@/theme/colors\";\n\nexport const World = ({\n  width = 24,\n  height = 24,\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      fill=\"currentColor\"\n      viewBox=\"0 0 16 16\"\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 d=\"M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8m7.5-6.923c-.67.204-1.335.82-1.887 1.855q-.215.403-.395.872c.705.157 1.472.257 2.282.287zM4.249 3.539q.214-.577.481-1.078a7 7 0 0 1 .597-.933A7 7 0 0 0 3.051 3.05q.544.277 1.198.49zM3.509 7.5c.036-1.07.188-2.087.436-3.008a9 9 0 0 1-1.565-.667A6.96 6.96 0 0 0 1.018 7.5zm1.4-2.741a12.3 12.3 0 0 0-.4 2.741H7.5V5.091c-.91-.03-1.783-.145-2.591-.332M8.5 5.09V7.5h2.99a12.3 12.3 0 0 0-.399-2.741c-.808.187-1.681.301-2.591.332zM4.51 8.5c.035.987.176 1.914.399 2.741A13.6 13.6 0 0 1 7.5 10.91V8.5zm3.99 0v2.409c.91.03 1.783.145 2.591.332.223-.827.364-1.754.4-2.741zm-3.282 3.696q.18.469.395.872c.552 1.035 1.218 1.65 1.887 1.855V11.91c-.81.03-1.577.13-2.282.287zm.11 2.276a7 7 0 0 1-.598-.933 9 9 0 0 1-.481-1.079 8.4 8.4 0 0 0-1.198.49 7 7 0 0 0 2.276 1.522zm-1.383-2.964A13.4 13.4 0 0 1 3.508 8.5h-2.49a6.96 6.96 0 0 0 1.362 3.675c.47-.258.995-.482 1.565-.667m6.728 2.964a7 7 0 0 0 2.275-1.521 8.4 8.4 0 0 0-1.197-.49 9 9 0 0 1-.481 1.078 7 7 0 0 1-.597.933M8.5 11.909v3.014c.67-.204 1.335-.82 1.887-1.855q.216-.403.395-.872A12.6 12.6 0 0 0 8.5 11.91zm3.555-.401c.57.185 1.095.409 1.565.667A6.96 6.96 0 0 0 14.982 8.5h-2.49a13.4 13.4 0 0 1-.437 3.008M14.982 7.5a6.96 6.96 0 0 0-1.362-3.675c-.47.258-.995.482-1.565.667.248.92.4 1.938.437 3.008zM11.27 2.461q.266.502.482 1.078a8.4 8.4 0 0 0 1.196-.49 7 7 0 0 0-2.275-1.52c.218.283.418.597.597.932m-.488 1.343a8 8 0 0 0-.395-.872C9.835 1.897 9.17 1.282 8.5 1.077V4.09c.81-.03 1.577-.13 2.282-.287z\" />\n    </svg>\n  );\n};\n"],"names":["World","width","height","className","color","classes","createColorClasses","jsx","clsx"],"mappings":";;;AAIO,MAAMA,IAAQ,CAAC;AAAA,EACpB,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,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,WAAWM,EAAKL,GAAWE,CAAO;AAAA,MAClC,eAAY;AAAA,MAEZ,UAAAE,gBAAAA,EAAAA,IAAC,QAAK,EAAA,GAAE,m8CAAm8C,CAAA;AAAA,IAAA;AAAA,EAC78C;AAEJ;"}