@anoki/fse-ui 2.4.0-SNAPSHOT3 → 2.5.0-SNAPSHOT

package/dist/index.es220.js

@@ -1,30 +1,31 @@
-import { j as e } from "./index.es279.js";
-import { Section as d, SectionHeading as h } from "./index.es229.js";
+import { j as a } from "./index.es279.js";
+import { Section as f, SectionHeading as h } from "./index.es229.js";
 import { clsx as v } from "./index.es281.js";
 import { l as t } from "./index.es282.js";
-import { useMemo as f } from "react";
-import { RichText as g } from "./index.es218.js";
+import { useMemo as g } from "react";
+import { RichText as j } from "./index.es218.js";
 import './sections/Services/Services.css';/* empty css            */
-import { Col as j } from "./index.es82.js";
-import { ArrowLink as w } from "./index.es21.js";
-import { CardCategory as F } from "./index.es42.js";
+import { Col as w } from "./index.es82.js";
+import { ArrowLink as F } from "./index.es21.js";
+import { CardCategory as T } from "./index.es42.js";
 const o = {
   LayoutOne: "LayoutOne",
   LayoutTwo: "LayoutTwo",
   LayoutThree: "LayoutThree",
   LayoutFour: "LayoutFour",
   LayoutFive: "LayoutFive"
-}, _ = ({
+}, A = ({
   title: i,
-  description: p,
+  description: x,
   goToLabel: l,
   href: y,
   asLink: L = "a",
-  items: a,
+  items: e,
   layout: n = o.LayoutOne,
-  className: m
+  className: m,
+  preserveImages: p = !1
 }) => {
-  const x = ((r) => {
+  const d = ((r) => {
     switch (r) {
       case o.LayoutOne:
         return "ui-service-items-layout-one";
@@ -39,20 +40,21 @@ const o = {
       default:
         return "";
     }
-  })(n), u = f(() => {
+  })(n), u = g(() => {
+    if (p) return e;
     switch (n) {
       /**
        * In this layout, we remove the image from all items.
        */
       case o.LayoutOne:
-        return a.map((r) => ({
+        return e.map((r) => ({
           ...t.omit(r, ["image"])
         }));
       /**
        * In this layout, we remove the image from all items except the second one.
        */
       case o.LayoutTwo:
-        return a.map((r, s) => {
+        return e.map((r, s) => {
           const c = s !== 1;
           return {
             ...t.omit(r, c ? ["image"] : [])
@@ -62,29 +64,29 @@ const o = {
        * In this layout, we remove the image from all items.
        */
       case o.LayoutThree:
-        return a.map((r) => ({
+        return e.map((r) => ({
           ...t.omit(r, ["image"])
         }));
       /**
        * In this layout, we remove the image from all items.
        */
       case o.LayoutFour:
-        return a.map((r, s) => {
+        return e.map((r, s) => {
           const c = s !== 0;
           return {
             ...t.omit(r, c ? ["image"] : [])
           };
         });
       case o.LayoutFive:
-        return a.map((r) => ({
+        return e.map((r) => ({
           ...t.omit(r, ["image"])
         }));
       default:
-        return a;
+        return e;
     }
-  }, [a, n]);
-  return /* @__PURE__ */ e.jsxs(d, { className: v("base-col ui-service-items-section", m), children: [
-    /* @__PURE__ */ e.jsx(j, { className: "ui-service-items-sectirron-content", children: /* @__PURE__ */ e.jsx(
+  }, [e, n, p]);
+  return /* @__PURE__ */ a.jsxs(f, { className: v("base-col ui-service-items-section", m), children: [
+    /* @__PURE__ */ a.jsx(w, { className: "ui-service-items-sectirron-content", children: /* @__PURE__ */ a.jsx(
       h,
       {
         fs: "3",
@@ -94,18 +96,18 @@ const o = {
         descriptionMarginBottom: "mb-x0",
         color: "slate-20",
         title: i,
-        description: /* @__PURE__ */ e.jsx(g, { description: p }),
-        children: l && y && /* @__PURE__ */ e.jsx(w, { href: y, asLink: L, fs: "7", children: l.toUpperCase() })
+        description: /* @__PURE__ */ a.jsx(j, { description: x }),
+        children: l && y && /* @__PURE__ */ a.jsx(F, { href: y, asLink: L, fs: "7", children: l.toUpperCase() })
       }
     ) }),
-    /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ a.jsx(
       "ul",
       {
         role: "list",
         "aria-label": `Lista di ${i}`,
-        className: `list-style-none ${x}`,
-        children: u == null ? void 0 : u.map((r, s) => /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx(
-          F,
+        className: `list-style-none ${d}`,
+        children: u == null ? void 0 : u.map((r, s) => /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
+          T,
           {
             title: r == null ? void 0 : r.name,
             description: r == null ? void 0 : r.description,
@@ -123,6 +125,6 @@ const o = {
 };
 export {
   o as SERVICES_LAYOUTS,
-  _ as Services
+  A as Services
 };
 //# sourceMappingURL=index.es220.js.map

package/dist/index.es220.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es220.js","sources":["../src/sections/Services/index.tsx"],"sourcesContent":["import { ArrowLink, CardCategory, Col } from \"@/components\";\nimport { Section, SectionHeading } from \"@/components/ui/Section\";\nimport clsx from \"clsx\";\nimport { omit } from \"lodash\";\nimport { ComponentType, ReactNode, useMemo } from \"react\";\nimport { RichText } from \"../RichText\";\nimport \"./Services.scss\";\n\nexport const SERVICES_LAYOUTS = {\n  LayoutOne: \"LayoutOne\",\n  LayoutTwo: \"LayoutTwo\",\n  LayoutThree: \"LayoutThree\",\n  LayoutFour: \"LayoutFour\",\n  LayoutFive: \"LayoutFive\",\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      case SERVICES_LAYOUTS.LayoutFive:\n        return \"ui-service-items-layout-five\";\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      case SERVICES_LAYOUTS.LayoutFive:\n        return items.map((item) => {\n          return {\n            ...omit(item, [\"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        <SectionHeading\n          fs={\"3\"}\n          mdFs={\"2\"}\n          className=\"ui-service-items-section-title\"\n          titleMarginBottom=\"mb-x0\"\n          descriptionMarginBottom=\"mb-x0\"\n          color={\"slate-20\"}\n          title={title}\n          description={<RichText description={description} />}\n        >\n          {goToLabel && href && (\n            <ArrowLink href={href} asLink={asLink} fs=\"7\">\n              {goToLabel.toUpperCase()}\n            </ArrowLink>\n          )}\n        </SectionHeading>\n      </Col>\n      <ul\n        role=\"list\"\n        aria-label={`Lista di ${title}`}\n        className={`list-style-none ${layoutClassName}`}\n      >\n        {itemsNormalized?.map((item, index) => {\n          return (\n            <li key={[item._id, index].join(\"-\")}>\n              <CardCategory\n                key={[item._id, index].join(\"-\")}\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","jsx","Col","SectionHeading","RichText","ArrowLink","CardCategory"],"mappings":";;;;;;;;;;AAQO,MAAMA,IAAmB;AAAA,EAC9B,WAAW;AAAA,EACX,WAAW;AAAA,EACX,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,YAAY;AACd,GAeaC,IAAW,CAAC;AAAA,EACvB,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,OAAAC;AAAA,EACA,QAAAC,IAASR,EAAiB;AAAA,EAC1B,WAAAS;AACF,MAAqB;AAkBnB,QAAMC,KAjBqB,CAACC,MAAsB;AAChD,YAAQA,GAAA;AAAA,MACN,KAAKX,EAAiB;AACpB,eAAO;AAAA,MACT,KAAKA,EAAiB;AACpB,eAAO;AAAA,MACT,KAAKA,EAAiB;AACpB,eAAO;AAAA,MACT,KAAKA,EAAiB;AACpB,eAAO;AAAA,MACT,KAAKA,EAAiB;AACpB,eAAO;AAAA,MACT;AACE,eAAO;AAAA,IAAA;AAAA,EAEb,GAE2CQ,CAAM,GAE3CI,IAAkBC,EAAQ,MAAM;AACpC,YAAQL,GAAA;AAAA;AAAA;AAAA;AAAA,MAIN,KAAKR,EAAiB;AACpB,eAAOO,EAAM,IAAI,CAACO,OACT;AAAA,UACL,GAAGC,EAAAA,KAAKD,GAAM,CAAC,OAAO,CAAC;AAAA,QAAA,EAE1B;AAAA;AAAA;AAAA;AAAA,MAIH,KAAKd,EAAiB;AACpB,eAAOO,EAAM,IAAI,CAACO,GAAME,MAAU;AAChC,gBAAMC,IAAcD,MAAU;AAC9B,iBAAO;AAAA,YACL,GAAGD,EAAAA,KAAKD,GAAMG,IAAc,CAAC,OAAO,IAAI,CAAA,CAAE;AAAA,UAAA;AAAA,QAE9C,CAAC;AAAA;AAAA;AAAA;AAAA,MAIH,KAAKjB,EAAiB;AACpB,eAAOO,EAAM,IAAI,CAACO,OACT;AAAA,UACL,GAAGC,EAAAA,KAAKD,GAAM,CAAC,OAAO,CAAC;AAAA,QAAA,EAE1B;AAAA;AAAA;AAAA;AAAA,MAIH,KAAKd,EAAiB;AACpB,eAAOO,EAAM,IAAI,CAACO,GAAME,MAAU;AAChC,gBAAMC,IAAcD,MAAU;AAE9B,iBAAO;AAAA,YACL,GAAGD,EAAAA,KAAKD,GAAMG,IAAc,CAAC,OAAO,IAAI,CAAA,CAAE;AAAA,UAAA;AAAA,QAE9C,CAAC;AAAA,MACH,KAAKjB,EAAiB;AACpB,eAAOO,EAAM,IAAI,CAACO,OACT;AAAA,UACL,GAAGC,EAAAA,KAAKD,GAAM,CAAC,OAAO,CAAC;AAAA,QAAA,EAE1B;AAAA,MACH;AACE,eAAOP;AAAA,IAAA;AAAA,EAEb,GAAG,CAACA,GAAOC,CAAM,CAAC;AAElB,gCACGU,GAAA,EAAQ,WAAWC,EAAK,qCAAqCV,CAAS,GACrE,UAAA;AAAA,IAAAW,gBAAAA,EAAAA,IAACC,GAAA,EAAI,WAAU,sCACb,UAAAD,gBAAAA,EAAAA;AAAAA,MAACE;AAAA,MAAA;AAAA,QACC,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,WAAU;AAAA,QACV,mBAAkB;AAAA,QAClB,yBAAwB;AAAA,QACxB,OAAO;AAAA,QACP,OAAApB;AAAA,QACA,aAAakB,gBAAAA,EAAAA,IAACG,GAAA,EAAS,aAAApB,EAAA,CAA0B;AAAA,QAEhD,UAAAC,KAAaC,KACZe,gBAAAA,EAAAA,IAACI,GAAA,EAAU,MAAAnB,GAAY,QAAAC,GAAgB,IAAG,KACvC,UAAAF,EAAU,YAAA,EAAY,CACzB;AAAA,MAAA;AAAA,IAAA,GAGN;AAAA,IACAgB,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAY,YAAYlB,CAAK;AAAA,QAC7B,WAAW,mBAAmBQ,CAAe;AAAA,QAE5C,UAAAE,KAAA,gBAAAA,EAAiB,IAAI,CAACE,GAAME,4BAExB,MAAA,EACC,UAAAI,gBAAAA,EAAAA;AAAAA,UAACK;AAAA,UAAA;AAAA,YAEC,OAAOX,KAAA,gBAAAA,EAAM;AAAA,YACb,aAAaA,KAAA,gBAAAA,EAAM;AAAA,YACnB,OAAOA,KAAA,gBAAAA,EAAM;AAAA,YACb,OAAMA,KAAA,gBAAAA,EAAM,UAAQA,KAAA,gBAAAA,EAAM;AAAA,YAC1B,UAAUA,KAAA,gBAAAA,EAAM;AAAA,YAChB,QAAAR;AAAA,YACA,YAAYQ,KAAA,gBAAAA,EAAM;AAAA,UAAA;AAAA,UAPb,CAACA,EAAK,KAAKE,CAAK,EAAE,KAAK,GAAG;AAAA,QAAA,EAQjC,GAVO,CAACF,EAAK,KAAKE,CAAK,EAAE,KAAK,GAAG,CAWnC;AAAA,MAEH;AAAA,IAAA;AAAA,EACH,GACF;AAEJ;"}
+{"version":3,"file":"index.es220.js","sources":["../src/sections/Services/index.tsx"],"sourcesContent":["import { ArrowLink, CardCategory, Col } from \"@/components\";\nimport { Section, SectionHeading } from \"@/components/ui/Section\";\nimport clsx from \"clsx\";\nimport { omit } from \"lodash\";\nimport { ComponentType, ReactNode, useMemo } from \"react\";\nimport { RichText } from \"../RichText\";\nimport \"./Services.scss\";\n\nexport const SERVICES_LAYOUTS = {\n  LayoutOne: \"LayoutOne\",\n  LayoutTwo: \"LayoutTwo\",\n  LayoutThree: \"LayoutThree\",\n  LayoutFour: \"LayoutFour\",\n  LayoutFive: \"LayoutFive\",\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  preserveImages?: boolean;\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  preserveImages = false,\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      case SERVICES_LAYOUTS.LayoutFive:\n        return \"ui-service-items-layout-five\";\n      default:\n        return \"\";\n    }\n  };\n\n  const layoutClassName = getLayoutClassName(layout);\n\n  const itemsNormalized = useMemo(() => {\n    if (preserveImages) return items;\n\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      case SERVICES_LAYOUTS.LayoutFive:\n        return items.map((item) => {\n          return {\n            ...omit(item, [\"image\"]),\n          };\n        });\n      default:\n        return items;\n    }\n  }, [items, layout, preserveImages]);\n\n  return (\n    <Section className={clsx(\"base-col ui-service-items-section\", className)}>\n      <Col className=\"ui-service-items-sectirron-content\">\n        <SectionHeading\n          fs={\"3\"}\n          mdFs={\"2\"}\n          className=\"ui-service-items-section-title\"\n          titleMarginBottom=\"mb-x0\"\n          descriptionMarginBottom=\"mb-x0\"\n          color={\"slate-20\"}\n          title={title}\n          description={<RichText description={description} />}\n        >\n          {goToLabel && href && (\n            <ArrowLink href={href} asLink={asLink} fs=\"7\">\n              {goToLabel.toUpperCase()}\n            </ArrowLink>\n          )}\n        </SectionHeading>\n      </Col>\n      <ul\n        role=\"list\"\n        aria-label={`Lista di ${title}`}\n        className={`list-style-none ${layoutClassName}`}\n      >\n        {itemsNormalized?.map((item, index) => {\n          return (\n            <li key={[item._id, index].join(\"-\")}>\n              <CardCategory\n                key={[item._id, index].join(\"-\")}\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","preserveImages","layoutClassName","l","itemsNormalized","useMemo","item","omit","index","removeImage","Section","clsx","jsx","Col","SectionHeading","RichText","ArrowLink","CardCategory"],"mappings":"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"}

package/dist/index.es224.js

@@ -1,76 +1,78 @@
-import { j as e } from "./index.es279.js";
+import { j as s } from "./index.es279.js";
 import './components/ui/SearchGenericV2/SearchGenericV2.css';/* empty css            */
-import { clsx as x } from "./index.es281.js";
-import { useState as L, useCallback as M, useMemo as f, Fragment as C } from "react";
+import { clsx as p } from "./index.es281.js";
+import { useState as L, useCallback as O, useMemo as x, Fragment as y } from "react";
 import { Spinner as D } from "./index.es235.js";
 import { Close as E } from "./index.es80.js";
-import { Col as O } from "./index.es82.js";
-import { Button as P } from "./index.es36.js";
-function U(g) {
+import { Col as P } from "./index.es82.js";
+import { Button as R } from "./index.es36.js";
+function W(g) {
   const {
-    btnText: S,
-    helperText: k = "Cosa vuoi approfondire?",
+    btnText: k,
+    helperText: T = "Cosa vuoi approfondire?",
     value: a,
     loading: c,
-    items: u,
-    emptyLabel: F = "Nessun risultato disponibile",
-    minCharsToShow: m = 3,
-    setValue: I,
-    setSelectedElement: T,
-    className: z,
-    dimensionStrategy: B = "fixed"
-  } = g, n = "mode" in g && g.mode === "flat" ? "flat" : "categorized", [w, d] = L(!1), v = (s) => {
-    I(s.target.value);
-  }, N = (s) => {
-    T(s), d(!1);
-  }, _ = M((s, l) => {
-    if (!l) return s;
-    const h = s.toLowerCase(), i = l.toLowerCase(), t = [];
+    items: m,
+    emptyLabel: S = "Nessun risultato disponibile",
+    minCharsToShow: d = 3,
+    setValue: F,
+    setSelectedElement: I,
+    className: B,
+    dimensionStrategy: M = "fixed",
+    closeMenuOnButtonClick: z = !1
+  } = g, n = "mode" in g && g.mode === "flat" ? "flat" : "categorized", [w, u] = L(!1), v = (e) => {
+    F(e.target.value);
+  }, N = (e) => {
+    I(e), u(!1);
+  }, _ = O((e, t) => {
+    if (!t) return e;
+    const h = e.toLowerCase(), i = t.toLowerCase(), l = [];
     let o = 0, r = h.indexOf(i);
     for (; r !== -1; )
-      r > o && t.push(s.slice(o, r)), t.push(
-        /* @__PURE__ */ e.jsx("span", { className: "text-primary fw-bold", children: s.slice(r, r + l.length) }, r)
-      ), o = r + l.length, r = h.indexOf(i, o);
-    return o < s.length && t.push(s.slice(o)), t.length > 0 ? /* @__PURE__ */ e.jsx(e.Fragment, { children: t }) : s;
-  }, []), p = f(
-    () => n === "flat" ? u : [],
-    [n, u]
-  ), j = f(
-    () => n === "categorized" ? u : [],
-    [n, u]
-  ), b = f(() => n === "flat" ? p.length === 0 : j.every((s) => s.items.length === 0), [n, p, j]), y = f(() => !w || a.length < m ? !1 : !(c && b), [w, a.length, m, c, b]);
-  return /* @__PURE__ */ e.jsxs(
+      r > o && l.push(e.slice(o, r)), l.push(
+        /* @__PURE__ */ s.jsx("span", { className: "text-primary fw-bold", children: e.slice(r, r + t.length) }, r)
+      ), o = r + t.length, r = h.indexOf(i, o);
+    return o < e.length && l.push(e.slice(o)), l.length > 0 ? /* @__PURE__ */ s.jsx(s.Fragment, { children: l }) : e;
+  }, []), f = x(
+    () => n === "flat" ? m : [],
+    [n, m]
+  ), j = x(
+    () => n === "categorized" ? m : [],
+    [n, m]
+  ), b = x(() => n === "flat" ? f.length === 0 : j.every((e) => e.items.length === 0), [n, f, j]), C = x(() => !w || a.length < d ? !1 : !(c && b), [w, a.length, d, c, b]);
+  return /* @__PURE__ */ s.jsxs(
     "div",
     {
-      className: x(
+      className: p(
         "ui-search-v2",
         "br-x4 bg-border-secondary w-full",
-        z,
-        { "ui-search-v2--auto": B === "auto" }
+        B,
+        { "ui-search-v2--auto": M === "auto" }
       ),
-      onBlur: () => {
-        setTimeout(() => d(!1), 150);
+      onBlur: (e) => {
+        e.relatedTarget && e.currentTarget.contains(e.relatedTarget) || setTimeout(() => u(!1), 150);
       },
       children: [
-        /* @__PURE__ */ e.jsxs("div", { className: "position-relative w-full", children: [
-          /* @__PURE__ */ e.jsx(
+        /* @__PURE__ */ s.jsxs("div", { className: "position-relative w-full", children: [
+          /* @__PURE__ */ s.jsx(
             "input",
             {
               type: "search",
-              className: x(
+              className: p(
                 "ui-search-v2__input",
                 "fs-6 md-fs-custom text-slate-20 br-x4 w-full pl-x24",
-                a && a.length >= m && "has-clear-icon"
+                a && a.length >= d && "has-clear-icon"
               ),
-              placeholder: k,
+              placeholder: T,
               "aria-label": "Barra di ricerca",
               value: a,
               onChange: v,
-              onFocus: () => d(!0)
+              onFocus: () => u(!0),
+              onClick: () => u(!0)
             }
           ),
-          c && /* @__PURE__ */ e.jsx(D, { className: "ui-search-v2__spinner" }),
-          a && a.length >= m && !c && /* @__PURE__ */ e.jsx(
+          c && /* @__PURE__ */ s.jsx(D, { className: "ui-search-v2__spinner" }),
+          a && a.length >= d && !c && /* @__PURE__ */ s.jsx(
             E,
             {
               className: "ui-search-v2__clear",
@@ -80,67 +82,67 @@ function U(g) {
             }
           )
         ] }),
-        /* @__PURE__ */ e.jsx(
+        /* @__PURE__ */ s.jsx(
           "div",
           {
-            className: x("ui-search-v2__dropdown shadow position-absolute", {
-              "py-x24": y
+            className: p("ui-search-v2__dropdown shadow position-absolute", {
+              "py-x24": C
             }),
-            children: /* @__PURE__ */ e.jsx(
-              O,
+            children: /* @__PURE__ */ s.jsx(
+              P,
               {
                 gap: "x24",
                 fw: "regular",
                 text: "secondary",
                 fs: "6",
                 className: "ui-search-v2__list overflow-y-auto",
-                children: y && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-                  n === "flat" ? p.length > 0 && /* @__PURE__ */ e.jsx("ul", { className: "list-unstyled", children: p.map((s) => /* @__PURE__ */ e.jsx(
+                children: C && /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+                  n === "flat" ? f.length > 0 && /* @__PURE__ */ s.jsx("ul", { className: "list-unstyled", children: f.map((e) => /* @__PURE__ */ s.jsx(
                     "li",
                     {
-                      onClick: (l) => {
-                        l.stopPropagation(), l.preventDefault(), N(s);
+                      onClick: (t) => {
+                        t.stopPropagation(), t.preventDefault(), N(e);
                       },
                       className: "cursor-pointer py-x8 px-x24",
-                      children: _(s.label, a || "")
+                      children: _(e.label, a || "")
                     },
-                    s.value
+                    e.value
                   )) }) : j.map(
-                    (s, l) => {
+                    (e, t) => {
                       var h;
-                      return (h = s.items) != null && h.length ? /* @__PURE__ */ e.jsx(C, { children: /* @__PURE__ */ e.jsxs("div", { children: [
-                        /* @__PURE__ */ e.jsx("h1", { className: "ui-search-v2__category 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(
+                      return (h = e.items) != null && h.length ? /* @__PURE__ */ s.jsx(y, { children: /* @__PURE__ */ s.jsxs("div", { children: [
+                        /* @__PURE__ */ s.jsx("h1", { className: "ui-search-v2__category fw-semibold text-dark fs-6 mb-x8 px-x24", children: e.category }),
+                        /* @__PURE__ */ s.jsx("ul", { className: "list-unstyled", children: e.items.map((i) => /* @__PURE__ */ s.jsx(
                           "li",
                           {
-                            onClick: (t) => {
-                              t.stopPropagation(), t.preventDefault(), N(i);
+                            onClick: (l) => {
+                              l.stopPropagation(), l.preventDefault(), N(i);
                             },
                             className: "cursor-pointer py-x8 px-x24",
                             children: _(i.label, a || "")
                           },
                           i.value
                         )) })
-                      ] }) }, l) : /* @__PURE__ */ e.jsx(C, {}, l);
+                      ] }) }, t) : /* @__PURE__ */ s.jsx(y, {}, t);
                     }
                   ),
-                  !c && b ? /* @__PURE__ */ e.jsx("p", { className: "px-x24 fs-6", children: F }) : ""
+                  !c && b ? /* @__PURE__ */ s.jsx("p", { className: "px-x24 fs-6", children: S }) : ""
                 ] })
               }
             )
           }
         ),
-        /* @__PURE__ */ e.jsx("div", { className: "ui-search-v2__btn-wrap", children: /* @__PURE__ */ e.jsx(
-          P,
+        /* @__PURE__ */ s.jsx("div", { className: "ui-search-v2__btn-wrap", children: /* @__PURE__ */ s.jsx(
+          R,
           {
-            className: x(
+            className: p(
               "ui-search-v2__btn",
               "bg-primary text-white fs-7 md-fs-6 fw-semibold br-x4"
             ),
             onClick: () => {
-              v({ target: { value: a } }), d(!0);
+              v({ target: { value: a } }), u(!z);
             },
-            children: S
+            children: k
           }
         ) })
       ]
@@ -148,6 +150,6 @@ function U(g) {
   );
 }
 export {
-  U as SearchGenericV2
+  W as SearchGenericV2
 };
 //# sourceMappingURL=index.es224.js.map

package/dist/index.es224.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es224.js","sources":["../src/components/ui/SearchGenericV2/index.tsx"],"sourcesContent":["import \"./SearchGenericV2.scss\";\nimport clsx from \"clsx\";\nimport {\n  ChangeEvent,\n  Fragment,\n  ReactNode,\n  useCallback,\n  useMemo,\n  useState,\n} from \"react\";\nimport { Button, Col } from \"@/components\";\nimport { Close, Spinner } from \"@/icons\";\n\nexport type SearchGenericV2Item<T = unknown> = {\n  value: string;\n  label: string;\n  originalData: T;\n};\n\nexport type SearchGenericV2Suggestion<T = unknown> = {\n  category: string;\n  items: SearchGenericV2Item<T>[];\n};\n\ntype SearchGenericV2BaseProps<T = unknown> = {\n  btnText: string;\n  helperText?: string;\n  value: string;\n  loading?: boolean;\n  emptyLabel?: string;\n  minCharsToShow?: number;\n  setValue: (value: string) => void;\n  setSelectedElement: (item: SearchGenericV2Item<T>) => void;\n  className?: string;\n  dimensionStrategy?: \"fixed\" | \"auto\";\n};\n\ntype SearchGenericV2CategorizedProps<T = unknown> =\n  SearchGenericV2BaseProps<T> & {\n    mode?: \"categorized\";\n    items: SearchGenericV2Suggestion<T>[];\n  };\n\ntype SearchGenericV2FlatProps<T = unknown> = SearchGenericV2BaseProps<T> & {\n  mode: \"flat\";\n  items: SearchGenericV2Item<T>[];\n};\n\nexport type SearchGenericV2Props<T = unknown> =\n  | SearchGenericV2CategorizedProps<T>\n  | SearchGenericV2FlatProps<T>;\n\nexport function SearchGenericV2<T = unknown>(props: SearchGenericV2Props<T>) {\n  const {\n    btnText,\n    helperText = \"Cosa vuoi approfondire?\",\n    value,\n    loading,\n    items,\n    emptyLabel = \"Nessun risultato disponibile\",\n    minCharsToShow = 3,\n    setValue,\n    setSelectedElement,\n    className,\n    dimensionStrategy = \"fixed\",\n  } = props;\n\n  const mode =\n    \"mode\" in props && props.mode === \"flat\" ? \"flat\" : \"categorized\";\n\n  const [focus, setFocus] = useState(false);\n\n  const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n    setValue(e.target.value);\n  };\n\n  const handleSelectItem = (item: SearchGenericV2Item<T>) => {\n    setSelectedElement(item);\n    setFocus(false);\n  };\n\n  const highlightMatch = useCallback((text: string, query: string) => {\n    if (!query) return text;\n\n    const lowerText = text.toLowerCase();\n    const lowerQuery = query.toLowerCase();\n    const parts: ReactNode[] = [];\n    let lastIndex = 0;\n    let index = lowerText.indexOf(lowerQuery);\n\n    while (index !== -1) {\n      if (index > lastIndex) {\n        parts.push(text.slice(lastIndex, index));\n      }\n      parts.push(\n        <span key={index} className=\"text-primary fw-bold\">\n          {text.slice(index, index + query.length)}\n        </span>,\n      );\n      lastIndex = index + query.length;\n      index = lowerText.indexOf(lowerQuery, lastIndex);\n    }\n\n    if (lastIndex < text.length) {\n      parts.push(text.slice(lastIndex));\n    }\n\n    return parts.length > 0 ? <>{parts}</> : text;\n  }, []);\n\n  const flatItems = useMemo(\n    () => (mode === \"flat\" ? (items as SearchGenericV2Item<T>[]) : []),\n    [mode, items],\n  );\n\n  const categorizedItems = useMemo(\n    () =>\n      mode === \"categorized\" ? (items as SearchGenericV2Suggestion<T>[]) : [],\n    [mode, items],\n  );\n\n  const hasNoResults = useMemo(() => {\n    if (mode === \"flat\") return flatItems.length === 0;\n    return categorizedItems.every((s) => s.items.length === 0);\n  }, [mode, flatItems, categorizedItems]);\n\n  const showMenu = useMemo(() => {\n    if (!focus) return false;\n    if (value.length < minCharsToShow) return false;\n    return !(loading && hasNoResults);\n  }, [focus, value.length, minCharsToShow, loading, hasNoResults]);\n\n  return (\n    <div\n      className={clsx(\n        \"ui-search-v2\",\n        \"br-x4 bg-border-secondary w-full\",\n        className,\n        { \"ui-search-v2--auto\": dimensionStrategy === \"auto\" },\n      )}\n      onBlur={() => {\n        setTimeout(() => setFocus(false), 150);\n      }}\n    >\n      <div className=\"position-relative w-full\">\n        <input\n          type=\"search\"\n          className={clsx(\n            \"ui-search-v2__input\",\n            \"fs-6 md-fs-custom text-slate-20 br-x4 w-full pl-x24\",\n            value && value.length >= minCharsToShow && \"has-clear-icon\",\n          )}\n          placeholder={helperText}\n          aria-label=\"Barra di ricerca\"\n          value={value}\n          onChange={handleInputChange}\n          onFocus={() => setFocus(true)}\n        />\n        {loading && <Spinner className=\"ui-search-v2__spinner\" />}\n        {value && value.length >= minCharsToShow && !loading && (\n          <Close\n            className=\"ui-search-v2__clear\"\n            onClick={() => {\n              handleInputChange({ target: { value: \"\" } } as any);\n            }}\n          />\n        )}\n      </div>\n\n      <div\n        className={clsx(\"ui-search-v2__dropdown shadow position-absolute\", {\n          \"py-x24\": showMenu,\n        })}\n      >\n        <Col\n          gap=\"x24\"\n          fw=\"regular\"\n          text=\"secondary\"\n          fs=\"6\"\n          className=\"ui-search-v2__list overflow-y-auto\"\n        >\n          {showMenu && (\n            <>\n              {mode === \"flat\"\n                ? flatItems.length > 0 && (\n                    <ul className=\"list-unstyled\">\n                      {flatItems.map((item) => (\n                        <li\n                          key={item.value}\n                          onClick={(e) => {\n                            e.stopPropagation();\n                            e.preventDefault();\n                            handleSelectItem(item);\n                          }}\n                          className=\"cursor-pointer py-x8 px-x24\"\n                        >\n                          {highlightMatch(item.label, value || \"\")}\n                        </li>\n                      ))}\n                    </ul>\n                  )\n                : categorizedItems.map((group, index) =>\n                    group.items?.length ? (\n                      <Fragment key={index}>\n                        <div>\n                          <h1 className=\"ui-search-v2__category fw-semibold text-dark fs-6 mb-x8 px-x24\">\n                            {group.category}\n                          </h1>\n                          <ul className=\"list-unstyled\">\n                            {group.items.map((item) => (\n                              <li\n                                key={item.value}\n                                onClick={(e) => {\n                                  e.stopPropagation();\n                                  e.preventDefault();\n                                  handleSelectItem(item);\n                                }}\n                                className=\"cursor-pointer py-x8 px-x24\"\n                              >\n                                {highlightMatch(item.label, value || \"\")}\n                              </li>\n                            ))}\n                          </ul>\n                        </div>\n                      </Fragment>\n                    ) : (\n                      <Fragment key={index} />\n                    ),\n                  )}\n\n              {!loading && hasNoResults ? (\n                <p className=\"px-x24 fs-6\">{emptyLabel}</p>\n              ) : (\n                \"\"\n              )}\n            </>\n          )}\n        </Col>\n      </div>\n\n      <div className=\"ui-search-v2__btn-wrap\">\n        <Button\n          className={clsx(\n            \"ui-search-v2__btn\",\n            \"bg-primary text-white fs-7 md-fs-6 fw-semibold br-x4\",\n          )}\n          onClick={() => {\n            handleInputChange({ target: { value } } as any);\n            setFocus(true);\n          }}\n        >\n          {btnText}\n        </Button>\n      </div>\n    </div>\n  );\n}\n"],"names":["SearchGenericV2","props","btnText","helperText","value","loading","items","emptyLabel","minCharsToShow","setValue","setSelectedElement","className","dimensionStrategy","mode","focus","setFocus","useState","handleInputChange","e","handleSelectItem","item","highlightMatch","useCallback","text","query","lowerText","lowerQuery","parts","lastIndex","index","jsx","Fragment","flatItems","useMemo","categorizedItems","hasNoResults","showMenu","jsxs","clsx","Spinner","Close","Col","group","_a","Button"],"mappings":"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"}
+{"version":3,"file":"index.es224.js","sources":["../src/components/ui/SearchGenericV2/index.tsx"],"sourcesContent":["import \"./SearchGenericV2.scss\";\nimport clsx from \"clsx\";\nimport {\n  ChangeEvent,\n  Fragment,\n  ReactNode,\n  useCallback,\n  useMemo,\n  useState,\n} from \"react\";\nimport { Button, Col } from \"@/components\";\nimport { Close, Spinner } from \"@/icons\";\n\nexport type SearchGenericV2Item<T = unknown> = {\n  value: string;\n  label: string;\n  originalData: T;\n};\n\nexport type SearchGenericV2Suggestion<T = unknown> = {\n  category: string;\n  items: SearchGenericV2Item<T>[];\n};\n\ntype SearchGenericV2BaseProps<T = unknown> = {\n  btnText: string;\n  helperText?: string;\n  value: string;\n  loading?: boolean;\n  emptyLabel?: string;\n  minCharsToShow?: number;\n  setValue: (value: string) => void;\n  setSelectedElement: (item: SearchGenericV2Item<T>) => void;\n  className?: string;\n  dimensionStrategy?: \"fixed\" | \"auto\";\n  closeMenuOnButtonClick?: boolean;\n};\n\ntype SearchGenericV2CategorizedProps<T = unknown> =\n  SearchGenericV2BaseProps<T> & {\n    mode?: \"categorized\";\n    items: SearchGenericV2Suggestion<T>[];\n  };\n\ntype SearchGenericV2FlatProps<T = unknown> = SearchGenericV2BaseProps<T> & {\n  mode: \"flat\";\n  items: SearchGenericV2Item<T>[];\n};\n\nexport type SearchGenericV2Props<T = unknown> =\n  | SearchGenericV2CategorizedProps<T>\n  | SearchGenericV2FlatProps<T>;\n\nexport function SearchGenericV2<T = unknown>(props: SearchGenericV2Props<T>) {\n  const {\n    btnText,\n    helperText = \"Cosa vuoi approfondire?\",\n    value,\n    loading,\n    items,\n    emptyLabel = \"Nessun risultato disponibile\",\n    minCharsToShow = 3,\n    setValue,\n    setSelectedElement,\n    className,\n    dimensionStrategy = \"fixed\",\n    closeMenuOnButtonClick = false,\n  } = props;\n\n  const mode =\n    \"mode\" in props && props.mode === \"flat\" ? \"flat\" : \"categorized\";\n\n  const [focus, setFocus] = useState(false);\n\n  const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n    setValue(e.target.value);\n  };\n\n  const handleSelectItem = (item: SearchGenericV2Item<T>) => {\n    setSelectedElement(item);\n    setFocus(false);\n  };\n\n  const highlightMatch = useCallback((text: string, query: string) => {\n    if (!query) return text;\n\n    const lowerText = text.toLowerCase();\n    const lowerQuery = query.toLowerCase();\n    const parts: ReactNode[] = [];\n    let lastIndex = 0;\n    let index = lowerText.indexOf(lowerQuery);\n\n    while (index !== -1) {\n      if (index > lastIndex) {\n        parts.push(text.slice(lastIndex, index));\n      }\n      parts.push(\n        <span key={index} className=\"text-primary fw-bold\">\n          {text.slice(index, index + query.length)}\n        </span>,\n      );\n      lastIndex = index + query.length;\n      index = lowerText.indexOf(lowerQuery, lastIndex);\n    }\n\n    if (lastIndex < text.length) {\n      parts.push(text.slice(lastIndex));\n    }\n\n    return parts.length > 0 ? <>{parts}</> : text;\n  }, []);\n\n  const flatItems = useMemo(\n    () => (mode === \"flat\" ? (items as SearchGenericV2Item<T>[]) : []),\n    [mode, items],\n  );\n\n  const categorizedItems = useMemo(\n    () =>\n      mode === \"categorized\" ? (items as SearchGenericV2Suggestion<T>[]) : [],\n    [mode, items],\n  );\n\n  const hasNoResults = useMemo(() => {\n    if (mode === \"flat\") return flatItems.length === 0;\n    return categorizedItems.every((s) => s.items.length === 0);\n  }, [mode, flatItems, categorizedItems]);\n\n  const showMenu = useMemo(() => {\n    if (!focus) return false;\n    if (value.length < minCharsToShow) return false;\n    return !(loading && hasNoResults);\n  }, [focus, value.length, minCharsToShow, loading, hasNoResults]);\n\n  return (\n    <div\n      className={clsx(\n        \"ui-search-v2\",\n        \"br-x4 bg-border-secondary w-full\",\n        className,\n        { \"ui-search-v2--auto\": dimensionStrategy === \"auto\" },\n      )}\n      onBlur={(event) => {\n        if (\n          event.relatedTarget &&\n          event.currentTarget.contains(event.relatedTarget)\n        ) {\n          return;\n        }\n\n        setTimeout(() => setFocus(false), 150);\n      }}\n    >\n      <div className=\"position-relative w-full\">\n        <input\n          type=\"search\"\n          className={clsx(\n            \"ui-search-v2__input\",\n            \"fs-6 md-fs-custom text-slate-20 br-x4 w-full pl-x24\",\n            value && value.length >= minCharsToShow && \"has-clear-icon\",\n          )}\n          placeholder={helperText}\n          aria-label=\"Barra di ricerca\"\n          value={value}\n          onChange={handleInputChange}\n          onFocus={() => setFocus(true)}\n          onClick={() => setFocus(true)}\n        />\n        {loading && <Spinner className=\"ui-search-v2__spinner\" />}\n        {value && value.length >= minCharsToShow && !loading && (\n          <Close\n            className=\"ui-search-v2__clear\"\n            onClick={() => {\n              handleInputChange({ target: { value: \"\" } } as any);\n            }}\n          />\n        )}\n      </div>\n\n      <div\n        className={clsx(\"ui-search-v2__dropdown shadow position-absolute\", {\n          \"py-x24\": showMenu,\n        })}\n      >\n        <Col\n          gap=\"x24\"\n          fw=\"regular\"\n          text=\"secondary\"\n          fs=\"6\"\n          className=\"ui-search-v2__list overflow-y-auto\"\n        >\n          {showMenu && (\n            <>\n              {mode === \"flat\"\n                ? flatItems.length > 0 && (\n                    <ul className=\"list-unstyled\">\n                      {flatItems.map((item) => (\n                        <li\n                          key={item.value}\n                          onClick={(e) => {\n                            e.stopPropagation();\n                            e.preventDefault();\n                            handleSelectItem(item);\n                          }}\n                          className=\"cursor-pointer py-x8 px-x24\"\n                        >\n                          {highlightMatch(item.label, value || \"\")}\n                        </li>\n                      ))}\n                    </ul>\n                  )\n                : categorizedItems.map((group, index) =>\n                    group.items?.length ? (\n                      <Fragment key={index}>\n                        <div>\n                          <h1 className=\"ui-search-v2__category fw-semibold text-dark fs-6 mb-x8 px-x24\">\n                            {group.category}\n                          </h1>\n                          <ul className=\"list-unstyled\">\n                            {group.items.map((item) => (\n                              <li\n                                key={item.value}\n                                onClick={(e) => {\n                                  e.stopPropagation();\n                                  e.preventDefault();\n                                  handleSelectItem(item);\n                                }}\n                                className=\"cursor-pointer py-x8 px-x24\"\n                              >\n                                {highlightMatch(item.label, value || \"\")}\n                              </li>\n                            ))}\n                          </ul>\n                        </div>\n                      </Fragment>\n                    ) : (\n                      <Fragment key={index} />\n                    ),\n                  )}\n\n              {!loading && hasNoResults ? (\n                <p className=\"px-x24 fs-6\">{emptyLabel}</p>\n              ) : (\n                \"\"\n              )}\n            </>\n          )}\n        </Col>\n      </div>\n\n      <div className=\"ui-search-v2__btn-wrap\">\n        <Button\n          className={clsx(\n            \"ui-search-v2__btn\",\n            \"bg-primary text-white fs-7 md-fs-6 fw-semibold br-x4\",\n          )}\n          onClick={() => {\n            handleInputChange({ target: { value } } as any);\n            setFocus(!closeMenuOnButtonClick);\n          }}\n        >\n          {btnText}\n        </Button>\n      </div>\n    </div>\n  );\n}\n"],"names":["SearchGenericV2","props","btnText","helperText","value","loading","items","emptyLabel","minCharsToShow","setValue","setSelectedElement","className","dimensionStrategy","closeMenuOnButtonClick","mode","focus","setFocus","useState","handleInputChange","handleSelectItem","item","highlightMatch","useCallback","text","query","lowerText","lowerQuery","parts","lastIndex","index","jsx","Fragment","flatItems","useMemo","categorizedItems","hasNoResults","s","showMenu","jsxs","clsx","event","Spinner","Close","Col","e","group","_a","Button"],"mappings":"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"}

package/dist/index.es282.js

@@ -1,4 +1,4 @@
-import { __require as r } from "./index.es517.js";
+import { __require as r } from "./index.es516.js";
 var a = r();
 export {
   a as l

package/dist/index.es290.js

@@ -1,4 +1,4 @@
-import e from "./index.es516.js";
+import e from "./index.es519.js";
 const r = (a, t) => e(a, {
   allowedTags: e.defaults.allowedTags.concat([
     "img",

package/dist/index.es329.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es279.js";
 import { clsx as a } from "./index.es281.js";
-import { StepArrow as d } from "./index.es632.js";
+import { StepArrow as d } from "./index.es625.js";
 const m = ({ title: t, badge: r, content: i, isOpen: s, onToggle: c }) => /* @__PURE__ */ e.jsxs("div", { className: a("step-item-generic-accordion", s && "isOpen"), children: [
   /* @__PURE__ */ e.jsxs(
     "button",

package/dist/index.es331.js

@@ -1,5 +1,5 @@
 import { useState as a, useCallback as l } from "react";
-import "./index.es532.js";
+import "./index.es534.js";
 function c() {
   const [t, o] = a(null), e = l(async (r) => {
     if (!(navigator != null && navigator.clipboard))

package/dist/index.es332.js

@@ -1,4 +1,4 @@
-import { __require as r } from "./index.es539.js";
+import { __require as r } from "./index.es541.js";
 var i = r();
 export {
   i as d

package/dist/index.es333.js

@@ -1,4 +1,4 @@
-import { __require as r } from "./index.es543.js";
+import { __require as r } from "./index.es545.js";
 var i = r();
 export {
   i as F

package/dist/index.es355.js

@@ -2,16 +2,16 @@ import * as s from "react";
 import { composeEventHandlers as p } from "./index.es537.js";
 import { useComposedRefs as R } from "./index.es536.js";
 import { createContext as B, createContextScope as H } from "./index.es535.js";
-import { useId as C } from "./index.es545.js";
-import { useControllableState as V } from "./index.es546.js";
-import { DismissableLayer as q } from "./index.es547.js";
-import { FocusScope as K } from "./index.es548.js";
-import { Portal as U } from "./index.es549.js";
+import { useId as C } from "./index.es552.js";
+import { useControllableState as V } from "./index.es547.js";
+import { DismissableLayer as q } from "./index.es553.js";
+import { FocusScope as K } from "./index.es554.js";
+import { Portal as U } from "./index.es555.js";
 import { Presence as _ } from "./index.es550.js";
 import { Primitive as m } from "./index.es551.js";
-import { useFocusGuards as Y } from "./index.es552.js";
-import Z from "./index.es553.js";
-import { hideOthers as z } from "./index.es554.js";
+import { useFocusGuards as Y } from "./index.es556.js";
+import Z from "./index.es557.js";
+import { hideOthers as z } from "./index.es558.js";
 import { createSlot as J } from "./index.es538.js";
 import { j as i } from "./index.es279.js";
 var v = "Dialog", [N, he] = H(v), [Q, u] = N(v), P = (e) => {

package/dist/index.es381.js

@@ -2,9 +2,9 @@ import * as c from "react";
 import { useComposedRefs as S } from "./index.es536.js";
 import { createContextScope as F } from "./index.es535.js";
 import { composeEventHandlers as j } from "./index.es537.js";
-import { useControllableState as L } from "./index.es546.js";
-import { usePrevious as O } from "./index.es561.js";
-import { useSize as H } from "./index.es562.js";
+import { useControllableState as L } from "./index.es547.js";
+import { usePrevious as O } from "./index.es548.js";
+import { useSize as H } from "./index.es549.js";
 import { Presence as z } from "./index.es550.js";
 import { Primitive as E } from "./index.es551.js";
 import { j as u } from "./index.es279.js";

package/dist/index.es405.js

@@ -1,6 +1,6 @@
 import { j as n } from "./index.es279.js";
 import { clsx as r } from "./index.es281.js";
-import './components/ui/DoctorConfirmModal/DoctorConfirmModalContent/DoctorConfirmModalContent.css';/* empty css            */
+import './components/ui/ConsentModal/ConsentModalContent/ConsentModalContent.css';/* empty css            */
 const i = ({
   overrideClassNames: o,
   children: t

package/dist/index.es420.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es279.js";
 import { clsx as m } from "./index.es281.js";
-import './components/ui/DoctorConfirmModal/DoctorConfirmModalContent/DoctorConfirmModalContent.css';/* empty css            */
+import './components/ui/ConsentModal/ConsentModalContent/ConsentModalContent.css';/* empty css            */
 const e = ({
   overrideClassNames: o,
   children: t

package/dist/index.es434.js

@@ -2,10 +2,10 @@ import * as p from "react";
 import { composeEventHandlers as m } from "./index.es537.js";
 import { composeRefs as E } from "./index.es536.js";
 import { createContextScope as S } from "./index.es535.js";
-import { useControllableState as P } from "./index.es546.js";
+import { useControllableState as P } from "./index.es547.js";
 import { Primitive as y } from "./index.es551.js";
-import { Root as O, Anchor as T, createMenuScope as v, Portal as j, Content as G, Group as k, Item as L, Label as K, CheckboxItem as U, RadioGroup as B, RadioItem as F, ItemIndicator as H, Separator as W, Arrow as $, SubTrigger as X, SubContent as q } from "./index.es574.js";
-import { useId as g } from "./index.es545.js";
+import { Root as O, Anchor as T, createMenuScope as v, Portal as j, Content as G, Group as k, Item as L, Label as K, CheckboxItem as U, RadioGroup as B, RadioItem as F, ItemIndicator as H, Separator as W, Arrow as $, SubTrigger as X, SubContent as q } from "./index.es618.js";
+import { useId as g } from "./index.es552.js";
 import { j as a } from "./index.es279.js";
 var f = "DropdownMenu", [z] = S(
   f,

package/dist/index.es442.js

@@ -1,4 +1,4 @@
-import { CardRoot as o } from "./index.es580.js";
+import { CardRoot as o } from "./index.es579.js";
 const r = {
   Root: o
 };