@anoki/fse-ui 2.3.0-RC2 → 2.3.0-RC3

package/dist/index.es122.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es263.js";
 import { clsx as c } from "./index.es265.js";
-import { createColorClasses as y } from "./index.es338.js";
+import { createColorClasses as y } from "./index.es299.js";
 const n = ({
   width: e = 121,
   height: t = 121,

package/dist/index.es123.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es263.js";
 import { clsx as i } from "./index.es265.js";
-import { createColorClasses as t } from "./index.es338.js";
+import { createColorClasses as t } from "./index.es299.js";
 const x = ({
   width: m = 100,
   height: c = 100,

package/dist/index.es127.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es263.js";
 import { clsx as a } from "./index.es265.js";
-import { createColorClasses as v } from "./index.es338.js";
+import { createColorClasses as v } from "./index.es299.js";
 const x = ({
   width: r = 18,
   height: i = 18,

package/dist/index.es128.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es263.js";
 import { clsx as i } from "./index.es265.js";
-import { createColorClasses as n } from "./index.es338.js";
+import { createColorClasses as n } from "./index.es299.js";
 const p = ({
   width: C = 32,
   height: l = 32,

package/dist/index.es13.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es263.js";
 import { clsx as d } from "./index.es265.js";
-import { createColorClasses as m } from "./index.es338.js";
+import { createColorClasses as m } from "./index.es299.js";
 const p = ({
   width: e = 24,
   height: o = 24,

package/dist/index.es130.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es263.js";
 import { clsx as n } from "./index.es265.js";
-import { createColorClasses as d } from "./index.es338.js";
+import { createColorClasses as d } from "./index.es299.js";
 const u = ({
   width: e = 24,
   height: o = 24,

package/dist/index.es138.js

@@ -1,5 +1,5 @@
 import { j as C } from "./index.es263.js";
-import { createColorClasses as a } from "./index.es338.js";
+import { createColorClasses as a } from "./index.es299.js";
 import { clsx as d } from "./index.es265.js";
 const f = ({
   width: e = 24,

package/dist/index.es14.js

@@ -2,9 +2,9 @@ import { j as a } from "./index.es263.js";
 import { BaseModal as i } from "./index.es32.js";
 import { clsx as s } from "./index.es265.js";
 import './components/ui/AddNewModal/AddNewModal.css';/* empty css            */
-import { AddNewModalHeader as l } from "./index.es325.js";
-import { AddNewModalContent as p } from "./index.es326.js";
-import { AddNewModalFooter as n } from "./index.es327.js";
+import { AddNewModalHeader as l } from "./index.es326.js";
+import { AddNewModalContent as p } from "./index.es327.js";
+import { AddNewModalFooter as n } from "./index.es328.js";
 const o = ({
   open: r,
   overrideClassNames: e,

package/dist/index.es142.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es263.js";
 import { clsx as e } from "./index.es265.js";
-import { createColorClasses as x } from "./index.es338.js";
+import { createColorClasses as x } from "./index.es299.js";
 const n = ({
   width: t = 44,
   height: a = 44,

package/dist/index.es143.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es263.js";
 import { clsx as t } from "./index.es265.js";
-import { createColorClasses as M } from "./index.es338.js";
+import { createColorClasses as M } from "./index.es299.js";
 const o = ({
   width: v = 263,
   height: m = 40,

package/dist/index.es144.js

@@ -1,6 +1,6 @@
 import { j as C } from "./index.es263.js";
 import { clsx as t } from "./index.es265.js";
-import { createColorClasses as s } from "./index.es338.js";
+import { createColorClasses as s } from "./index.es299.js";
 const f = ({
   width: h = 137,
   height: V = 40,

package/dist/index.es145.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es263.js";
 import { clsx as i } from "./index.es265.js";
-import { createColorClasses as a } from "./index.es338.js";
+import { createColorClasses as a } from "./index.es299.js";
 const p = ({
   width: m = 118,
   height: h = 40,

package/dist/index.es146.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es263.js";
 import { clsx as z } from "./index.es265.js";
-import { createColorClasses as d } from "./index.es338.js";
+import { createColorClasses as d } from "./index.es299.js";
 const v = ({
   width: a = 101,
   height: c = 40,

package/dist/index.es147.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es263.js";
 import { clsx as p } from "./index.es265.js";
-import { createColorClasses as e } from "./index.es338.js";
+import { createColorClasses as e } from "./index.es299.js";
 const c = ({
   width: s = 44,
   height: t = 44,

package/dist/index.es148.js

@@ -1,6 +1,6 @@
 import { j as C } from "./index.es263.js";
 import { clsx as i } from "./index.es265.js";
-import { createColorClasses as r } from "./index.es338.js";
+import { createColorClasses as r } from "./index.es299.js";
 const a = ({
   width: H = 117,
   height: L = 40,

package/dist/index.es149.js

@@ -1,6 +1,6 @@
 import { j as C } from "./index.es263.js";
 import { clsx as d } from "./index.es265.js";
-import { createColorClasses as i } from "./index.es338.js";
+import { createColorClasses as i } from "./index.es299.js";
 const f = ({
   width: H = 262,
   height: l = 40,

package/dist/index.es150.js

@@ -1,6 +1,6 @@
 import { j as C } from "./index.es263.js";
 import { clsx as i } from "./index.es265.js";
-import { createColorClasses as H } from "./index.es338.js";
+import { createColorClasses as H } from "./index.es299.js";
 const f = ({
   width: l = 248,
   height: e = 40,

package/dist/index.es151.js

@@ -1,6 +1,6 @@
 import { j as C } from "./index.es263.js";
 import { clsx as v } from "./index.es265.js";
-import { createColorClasses as t } from "./index.es338.js";
+import { createColorClasses as t } from "./index.es299.js";
 const d = ({
   width: h = 181,
   height: V = 40,

package/dist/index.es152.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es263.js";
 import { useState as a } from "react";
-import { StepItemGenericAccordion as m } from "./index.es315.js";
+import { StepItemGenericAccordion as m } from "./index.es316.js";
 import './components/ui/Accordion/GenericAccordion/GenericAccordion.css';/* empty css            */
 import { SectionHeading as p } from "./index.es223.js";
 const S = ({

package/dist/index.es160.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es263.js";
 import { clsx as i } from "./index.es265.js";
-import { createColorClasses as n } from "./index.es338.js";
+import { createColorClasses as n } from "./index.es299.js";
 const h = ({
   width: o = 24,
   height: e = 24,

package/dist/index.es161.js

@@ -1,7 +1,7 @@
 import { j as r } from "./index.es263.js";
-import { HeaderMobile as l } from "./index.es304.js";
-import { HeaderDesktop as h } from "./index.es305.js";
-import { useMediaQuery as H } from "./index.es306.js";
+import { HeaderMobile as l } from "./index.es305.js";
+import { HeaderDesktop as h } from "./index.es306.js";
+import { useMediaQuery as H } from "./index.es307.js";
 import './components/navigations/Header/Header.css';/* empty css            */
 import { Lazio as n } from "./index.es179.js";
 import { Marche as u } from "./index.es187.js";

package/dist/index.es167.js

@@ -1,7 +1,7 @@
 import { j as r } from "./index.es263.js";
-import { useCopyToClipboardCurrentPage as a } from "./index.es336.js";
-import { fromISODateToDateFormatted as d } from "./index.es335.js";
-import { getFullNameInitials as $ } from "./index.es337.js";
+import { useCopyToClipboardCurrentPage as a } from "./index.es337.js";
+import { fromISODateToDateFormatted as d } from "./index.es336.js";
+import { getFullNameInitials as $ } from "./index.es338.js";
 import { splitInTwo as E } from "./index.es281.js";
 import { clsx as s } from "./index.es265.js";
 import { useMemo as t } from "react";

package/dist/index.es168.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es263.js";
 import { clsx as v } from "./index.es265.js";
-import { createColorClasses as i } from "./index.es338.js";
+import { createColorClasses as i } from "./index.es299.js";
 const p = ({
   width: e = 32,
   height: o = 32,

package/dist/index.es171.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es263.js";
 import { clsx as C } from "./index.es265.js";
-import { createColorClasses as f } from "./index.es338.js";
+import { createColorClasses as f } from "./index.es299.js";
 const p = ({
   width: l = 20,
   height: r = 20,

package/dist/index.es174.js

@@ -1,42 +1,42 @@
 import { j as a } from "./index.es263.js";
 import './components/ui/InfoPopup/InfoPopup.css';/* empty css            */
-import { clsx as c } from "./index.es265.js";
-import { Root as t, Trigger as g, Content as f, Close as j } from "./index.es448.js";
+import { clsx as t } from "./index.es265.js";
+import { Root as c, Trigger as g, Content as f, Close as j } from "./index.es448.js";
 import { Button as d } from "./index.es449.js";
 import { Info as u } from "./index.es171.js";
 import { Close as N } from "./index.es80.js";
 const W = ({
-  title: o = "Info",
-  description: r,
+  title: e = "Info",
+  description: l,
   width: s = "15.5rem",
-  className: m = "",
-  positionPopUp: i = "right",
-  onClickCloseBtn: e,
-  isOpen: n,
-  ariaLabel: l,
+  className: i = "",
+  positionPopUp: n = "right",
+  onClickCloseBtn: o,
+  isOpen: p,
+  ariaLabel: m,
   children: x
 }) => /* @__PURE__ */ a.jsxs(
-  t,
+  c,
   {
     defaultOpen: !1,
-    open: n,
-    onOpenChange: e,
+    open: p,
+    onOpenChange: o,
     modal: !1,
     children: [
-      /* @__PURE__ */ a.jsx(g, { className: "position-relative", children: /* @__PURE__ */ a.jsx(
+      /* @__PURE__ */ a.jsx(g, { className: "position-relative", onClick: (r) => r.stopPropagation(), children: /* @__PURE__ */ a.jsx(
         d,
         {
           className: "ui-popup-trigger-button",
-          "aria-label": l || o,
-          title: l || o,
+          "aria-label": m || e,
+          title: m || e,
           children: /* @__PURE__ */ a.jsx(u, { color: "primary" })
         }
       ) }),
       /* @__PURE__ */ a.jsxs(
         f,
         {
-          className: c(m, "dialog"),
-          side: i,
+          className: t(i, "dialog"),
+          side: n,
           tabIndex: -1,
           width: {
             initial: s,
@@ -65,20 +65,20 @@ const W = ({
           style: { width: s },
           children: [
             /* @__PURE__ */ a.jsxs("div", { className: "header", children: [
-              /* @__PURE__ */ a.jsx("h1", { id: "dialog-title", className: "title", children: o }),
+              /* @__PURE__ */ a.jsx("h1", { id: "dialog-title", className: "title", children: e }),
               /* @__PURE__ */ a.jsx(
                 j,
                 {
                   className: "closeButton",
                   "aria-label": "Close dialog",
-                  onClick: (p) => {
-                    p.stopPropagation(), e == null || e();
+                  onClick: (r) => {
+                    r.stopPropagation(), o == null || o();
                   },
                   children: /* @__PURE__ */ a.jsx(N, { className: "closeIcon", width: 34, height: 34 })
                 }
               )
             ] }),
-            r && /* @__PURE__ */ a.jsx("div", { id: "dialog-description", className: "content", children: r }),
+            l && /* @__PURE__ */ a.jsx("div", { id: "dialog-description", className: "content", children: l }),
             x
           ]
         }

package/dist/index.es174.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es174.js","sources":["../src/components/ui/InfoPopup/index.tsx"],"sourcesContent":["import { PropsWithChildren } from \"react\";\nimport \"./InfoPopup.scss\";\nimport { Close, Info } from \"@/icons\";\nimport { Button, Popover } from \"@radix-ui/themes\";\nimport clsx from \"clsx\";\nimport React from \"react\";\n\nexport type InfoPopupProps = PropsWithChildren<{\n  title: string;\n  description: string | React.ReactNode;\n  isOpen?: boolean;\n  onClickCloseBtn?: () => void;\n  className?: string;\n  positionPopUp?: \"right\" | \"top\" | \"bottom\" | \"left\" | undefined;\n  width?: string;\n  ariaLabel?: string;\n}>;\n\nexport const InfoPopup = ({\n  title = \"Info\",\n  description,\n  width = \"15.5rem\",\n  className = \"\",\n  positionPopUp = \"right\",\n  onClickCloseBtn,\n  isOpen,\n  ariaLabel,\n  children,\n}: InfoPopupProps) => {\n  return (\n    <Popover.Root\n      defaultOpen={false}\n      open={isOpen}\n      onOpenChange={onClickCloseBtn}\n      modal={false}\n    >\n      <Popover.Trigger className=\"position-relative\">\n        <Button\n          className=\"ui-popup-trigger-button\"\n          aria-label={ariaLabel || title}\n          title={ariaLabel || title}\n        >\n          <Info color=\"primary\" />\n        </Button>\n      </Popover.Trigger>\n      <Popover.Content\n        className={clsx(className, \"dialog\")}\n        side={positionPopUp}\n        tabIndex={-1}\n        width={{\n          initial: width,\n          sm: width,\n          xs: width,\n          lg: width,\n          md: width,\n          xl: width,\n        }}\n        maxWidth={{\n          initial: width,\n          sm: width,\n          xs: width,\n          lg: width,\n          md: width,\n          xl: width,\n        }}\n        minWidth={{\n          initial: width,\n          sm: width,\n          xs: width,\n          lg: width,\n          md: width,\n          xl: width,\n        }}\n        style={{ width: width }}\n      >\n        <div className=\"header\">\n          <h1 id=\"dialog-title\" className=\"title\">\n            {title}\n          </h1>\n\n          <Popover.Close\n            className=\"closeButton\"\n            aria-label=\"Close dialog\"\n            onClick={(e: any) => {\n              e.stopPropagation();\n              onClickCloseBtn?.();\n            }}\n          >\n            <Close className=\"closeIcon\" width={34} height={34} />\n          </Popover.Close>\n        </div>\n        {description && (\n          <div id=\"dialog-description\" className=\"content\">\n            {description}\n          </div>\n        )}\n        {children}\n      </Popover.Content>\n    </Popover.Root>\n  );\n};\n"],"names":["InfoPopup","title","description","width","className","positionPopUp","onClickCloseBtn","isOpen","ariaLabel","children","jsxs","Popover.Root","jsx","Popover.Trigger","Button","Info","Popover.Content","clsx","Popover.Close","e","Close"],"mappings":";;;;;;;AAkBO,MAAMA,IAAY,CAAC;AAAA,EACxB,OAAAC,IAAQ;AAAA,EACR,aAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,WAAAC,IAAY;AAAA,EACZ,eAAAC,IAAgB;AAAA,EAChB,iBAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AACF,MAEIC,gBAAAA,EAAAA;AAAAA,EAACC;AAAAA,EAAA;AAAA,IACC,aAAa;AAAA,IACb,MAAMJ;AAAA,IACN,cAAcD;AAAA,IACd,OAAO;AAAA,IAEP,UAAA;AAAA,MAAAM,gBAAAA,EAAAA,IAACC,GAAA,EAAgB,WAAU,qBACzB,UAAAD,gBAAAA,EAAAA;AAAAA,QAACE;AAAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,cAAYN,KAAaP;AAAA,UACzB,OAAOO,KAAaP;AAAA,UAEpB,UAAAW,gBAAAA,EAAAA,IAACG,GAAA,EAAK,OAAM,UAAA,CAAU;AAAA,QAAA;AAAA,MAAA,GAE1B;AAAA,MACAL,gBAAAA,EAAAA;AAAAA,QAACM;AAAAA,QAAA;AAAA,UACC,WAAWC,EAAKb,GAAW,QAAQ;AAAA,UACnC,MAAMC;AAAA,UACN,UAAU;AAAA,UACV,OAAO;AAAA,YACL,SAASF;AAAA,YACT,IAAIA;AAAA,YACJ,IAAIA;AAAA,YACJ,IAAIA;AAAA,YACJ,IAAIA;AAAA,YACJ,IAAIA;AAAA,UAAA;AAAA,UAEN,UAAU;AAAA,YACR,SAASA;AAAA,YACT,IAAIA;AAAA,YACJ,IAAIA;AAAA,YACJ,IAAIA;AAAA,YACJ,IAAIA;AAAA,YACJ,IAAIA;AAAA,UAAA;AAAA,UAEN,UAAU;AAAA,YACR,SAASA;AAAA,YACT,IAAIA;AAAA,YACJ,IAAIA;AAAA,YACJ,IAAIA;AAAA,YACJ,IAAIA;AAAA,YACJ,IAAIA;AAAA,UAAA;AAAA,UAEN,OAAO,EAAE,OAAAA,EAAA;AAAA,UAET,UAAA;AAAA,YAAAO,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,UACb,UAAA;AAAA,cAAAE,gBAAAA,MAAC,MAAA,EAAG,IAAG,gBAAe,WAAU,SAC7B,UAAAX,GACH;AAAA,cAEAW,gBAAAA,EAAAA;AAAAA,gBAACM;AAAAA,gBAAA;AAAA,kBACC,WAAU;AAAA,kBACV,cAAW;AAAA,kBACX,SAAS,CAACC,MAAW;AACnB,oBAAAA,EAAE,gBAAA,GACFb,KAAA,QAAAA;AAAA,kBACF;AAAA,kBAEA,gCAACc,GAAA,EAAM,WAAU,aAAY,OAAO,IAAI,QAAQ,GAAA,CAAI;AAAA,gBAAA;AAAA,cAAA;AAAA,YACtD,GACF;AAAA,YACClB,KACCU,gBAAAA,EAAAA,IAAC,OAAA,EAAI,IAAG,sBAAqB,WAAU,WACpC,UAAAV,GACH;AAAA,YAEDO;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"index.es174.js","sources":["../src/components/ui/InfoPopup/index.tsx"],"sourcesContent":["import { PropsWithChildren } from \"react\";\nimport \"./InfoPopup.scss\";\nimport { Close, Info } from \"@/icons\";\nimport { Button, Popover } from \"@radix-ui/themes\";\nimport clsx from \"clsx\";\nimport React from \"react\";\n\nexport type InfoPopupProps = PropsWithChildren<{\n  title: string;\n  description: string | React.ReactNode;\n  isOpen?: boolean;\n  onClickCloseBtn?: () => void;\n  className?: string;\n  positionPopUp?: \"right\" | \"top\" | \"bottom\" | \"left\" | undefined;\n  width?: string;\n  ariaLabel?: string;\n}>;\n\nexport const InfoPopup = ({\n  title = \"Info\",\n  description,\n  width = \"15.5rem\",\n  className = \"\",\n  positionPopUp = \"right\",\n  onClickCloseBtn,\n  isOpen,\n  ariaLabel,\n  children,\n}: InfoPopupProps) => {\n  return (\n    <Popover.Root\n      defaultOpen={false}\n      open={isOpen}\n      onOpenChange={onClickCloseBtn}\n      modal={false}\n    >\n      <Popover.Trigger className=\"position-relative\" onClick={(e: React.MouseEvent) => e.stopPropagation()}>\n        <Button\n          className=\"ui-popup-trigger-button\"\n          aria-label={ariaLabel || title}\n          title={ariaLabel || title}\n        >\n          <Info color=\"primary\" />\n        </Button>\n      </Popover.Trigger>\n      <Popover.Content\n        className={clsx(className, \"dialog\")}\n        side={positionPopUp}\n        tabIndex={-1}\n        width={{\n          initial: width,\n          sm: width,\n          xs: width,\n          lg: width,\n          md: width,\n          xl: width,\n        }}\n        maxWidth={{\n          initial: width,\n          sm: width,\n          xs: width,\n          lg: width,\n          md: width,\n          xl: width,\n        }}\n        minWidth={{\n          initial: width,\n          sm: width,\n          xs: width,\n          lg: width,\n          md: width,\n          xl: width,\n        }}\n        style={{ width: width }}\n      >\n        <div className=\"header\">\n          <h1 id=\"dialog-title\" className=\"title\">\n            {title}\n          </h1>\n\n          <Popover.Close\n            className=\"closeButton\"\n            aria-label=\"Close dialog\"\n            onClick={(e: any) => {\n              e.stopPropagation();\n              onClickCloseBtn?.();\n            }}\n          >\n            <Close className=\"closeIcon\" width={34} height={34} />\n          </Popover.Close>\n        </div>\n        {description && (\n          <div id=\"dialog-description\" className=\"content\">\n            {description}\n          </div>\n        )}\n        {children}\n      </Popover.Content>\n    </Popover.Root>\n  );\n};\n"],"names":["InfoPopup","title","description","width","className","positionPopUp","onClickCloseBtn","isOpen","ariaLabel","children","jsxs","Popover.Root","jsx","Popover.Trigger","e","Button","Info","Popover.Content","clsx","Popover.Close","Close"],"mappings":";;;;;;;AAkBO,MAAMA,IAAY,CAAC;AAAA,EACxB,OAAAC,IAAQ;AAAA,EACR,aAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,WAAAC,IAAY;AAAA,EACZ,eAAAC,IAAgB;AAAA,EAChB,iBAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AACF,MAEIC,gBAAAA,EAAAA;AAAAA,EAACC;AAAAA,EAAA;AAAA,IACC,aAAa;AAAA,IACb,MAAMJ;AAAA,IACN,cAAcD;AAAA,IACd,OAAO;AAAA,IAEP,UAAA;AAAA,MAAAM,gBAAAA,EAAAA,IAACC,GAAA,EAAgB,WAAU,qBAAoB,SAAS,CAACC,MAAwBA,EAAE,gBAAA,GACjF,UAAAF,gBAAAA,EAAAA;AAAAA,QAACG;AAAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,cAAYP,KAAaP;AAAA,UACzB,OAAOO,KAAaP;AAAA,UAEpB,UAAAW,gBAAAA,EAAAA,IAACI,GAAA,EAAK,OAAM,UAAA,CAAU;AAAA,QAAA;AAAA,MAAA,GAE1B;AAAA,MACAN,gBAAAA,EAAAA;AAAAA,QAACO;AAAAA,QAAA;AAAA,UACC,WAAWC,EAAKd,GAAW,QAAQ;AAAA,UACnC,MAAMC;AAAA,UACN,UAAU;AAAA,UACV,OAAO;AAAA,YACL,SAASF;AAAA,YACT,IAAIA;AAAA,YACJ,IAAIA;AAAA,YACJ,IAAIA;AAAA,YACJ,IAAIA;AAAA,YACJ,IAAIA;AAAA,UAAA;AAAA,UAEN,UAAU;AAAA,YACR,SAASA;AAAA,YACT,IAAIA;AAAA,YACJ,IAAIA;AAAA,YACJ,IAAIA;AAAA,YACJ,IAAIA;AAAA,YACJ,IAAIA;AAAA,UAAA;AAAA,UAEN,UAAU;AAAA,YACR,SAASA;AAAA,YACT,IAAIA;AAAA,YACJ,IAAIA;AAAA,YACJ,IAAIA;AAAA,YACJ,IAAIA;AAAA,YACJ,IAAIA;AAAA,UAAA;AAAA,UAEN,OAAO,EAAE,OAAAA,EAAA;AAAA,UAET,UAAA;AAAA,YAAAO,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,UACb,UAAA;AAAA,cAAAE,gBAAAA,MAAC,MAAA,EAAG,IAAG,gBAAe,WAAU,SAC7B,UAAAX,GACH;AAAA,cAEAW,gBAAAA,EAAAA;AAAAA,gBAACO;AAAAA,gBAAA;AAAA,kBACC,WAAU;AAAA,kBACV,cAAW;AAAA,kBACX,SAAS,CAACL,MAAW;AACnB,oBAAAA,EAAE,gBAAA,GACFR,KAAA,QAAAA;AAAA,kBACF;AAAA,kBAEA,gCAACc,GAAA,EAAM,WAAU,aAAY,OAAO,IAAI,QAAQ,GAAA,CAAI;AAAA,gBAAA;AAAA,cAAA;AAAA,YACtD,GACF;AAAA,YACClB,KACCU,gBAAAA,EAAAA,IAAC,OAAA,EAAI,IAAG,sBAAqB,WAAU,WACpC,UAAAV,GACH;AAAA,YAEDO;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAAA;"}

package/dist/index.es179.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es263.js";
 import { clsx as v } from "./index.es265.js";
-import { createColorClasses as t } from "./index.es338.js";
+import { createColorClasses as t } from "./index.es299.js";
 const u = ({
   width: c = 75,
   height: d = 75,

package/dist/index.es18.js

@@ -1,5 +1,5 @@
 import { j as e } from "./index.es263.js";
-import { Root as n, Portal as c, Overlay as m, Content as x, Title as h, Description as d, Cancel as p } from "./index.es331.js";
+import { Root as n, Portal as c, Overlay as m, Content as x, Title as h, Description as d, Cancel as p } from "./index.es332.js";
 import './components/ui/AlertDialogUI/AlertDialogUI.css';/* empty css            */
 import { ErrorExagon as j } from "./index.es126.js";
 import { CheckCircle as u } from "./index.es71.js";

package/dist/index.es187.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es263.js";
 import { clsx as t } from "./index.es265.js";
-import { createColorClasses as i } from "./index.es338.js";
+import { createColorClasses as i } from "./index.es299.js";
 const d = ({
   width: s = 75,
   height: c = 75,

package/dist/index.es188.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es263.js";
 import { clsx as r } from "./index.es265.js";
-import { createColorClasses as m } from "./index.es338.js";
+import { createColorClasses as m } from "./index.es299.js";
 const c = ({
   width: i = 24,
   height: o = 24,

package/dist/index.es19.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es263.js";
 import { clsx as i } from "./index.es265.js";
-import { createColorClasses as m } from "./index.es338.js";
+import { createColorClasses as m } from "./index.es299.js";
 const c = ({
   width: o = 24,
   height: l = 24,

package/dist/index.es191.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es263.js";
 import { clsx as v } from "./index.es265.js";
-import { createColorClasses as d } from "./index.es338.js";
+import { createColorClasses as d } from "./index.es299.js";
 const M = ({
   width: e = 32,
   height: a = 32,

package/dist/index.es192.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es263.js";
 import { clsx as m } from "./index.es265.js";
-import { createColorClasses as n } from "./index.es338.js";
+import { createColorClasses as n } from "./index.es299.js";
 const x = ({
   width: e = 24,
   height: l = 24,

package/dist/index.es195.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es263.js";
 import { clsx as c } from "./index.es265.js";
-import { createColorClasses as h } from "./index.es338.js";
+import { createColorClasses as h } from "./index.es299.js";
 const d = ({
   width: t = 24,
   height: e = 32,

package/dist/index.es196.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es263.js";
 import { clsx as a } from "./index.es265.js";
-import { createColorClasses as n } from "./index.es338.js";
+import { createColorClasses as n } from "./index.es299.js";
 const d = ({
   width: s = 24,
   height: e = 24,

package/dist/index.es20.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es263.js";
 import { clsx as f } from "./index.es265.js";
-import { createColorClasses as n } from "./index.es338.js";
+import { createColorClasses as n } from "./index.es299.js";
 const w = ({
   width: o = 24,
   height: l = 24,

package/dist/index.es201.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es263.js";
 import { clsx as d } from "./index.es265.js";
-import { createColorClasses as n } from "./index.es338.js";
+import { createColorClasses as n } from "./index.es299.js";
 const h = ({
   width: a = 32,
   height: e = 32,

package/dist/index.es202.js

@@ -5,7 +5,7 @@ import { ArrowLink as h } from "./index.es21.js";
 import { Button as b } from "./index.es36.js";
 import { Col as j } from "./index.es82.js";
 import './components/ui/OperatorCardDocument/OperatorCardDocument.css';/* empty css            */
-import { F as w } from "./index.es319.js";
+import { F as w } from "./index.es320.js";
 import { Row as N } from "./index.es214.js";
 import { Divider as g } from "./index.es104.js";
 import { Download as v } from "./index.es117.js";

package/dist/index.es203.js

@@ -4,7 +4,7 @@ import { Row as r } from "./index.es214.js";
 import { Col as a } from "./index.es82.js";
 import { clsx as k } from "./index.es265.js";
 import { ActionIconText as A } from "./index.es9.js";
-import { F as y } from "./index.es319.js";
+import { F as y } from "./index.es320.js";
 import { Download as I } from "./index.es117.js";
 import { ArrowDown as C } from "./index.es19.js";
 const M = (t) => {

package/dist/index.es206.js

@@ -1,6 +1,6 @@
 import { j as C } from "./index.es263.js";
 import { clsx as a } from "./index.es265.js";
-import { createColorClasses as n } from "./index.es338.js";
+import { createColorClasses as n } from "./index.es299.js";
 const x = ({
   width: s = 32,
   height: e = 32,

package/dist/index.es207.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es263.js";
 import { clsx as h } from "./index.es265.js";
-import { createColorClasses as x } from "./index.es338.js";
+import { createColorClasses as x } from "./index.es299.js";
 import { useId as d } from "react";
 const u = ({
   width: e = 73,

package/dist/index.es209.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es263.js";
 import { clsx as a } from "./index.es265.js";
-import { createColorClasses as n } from "./index.es338.js";
+import { createColorClasses as n } from "./index.es299.js";
 const d = ({
   width: l = 32,
   height: s = 32,

package/dist/index.es211.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es263.js";
 import { clsx as n } from "./index.es265.js";
-import { createColorClasses as m } from "./index.es338.js";
+import { createColorClasses as m } from "./index.es299.js";
 const f = ({
   width: l = 24,
   height: o = 24,

package/dist/index.es213.js

@@ -1,78 +1,80 @@
 import { j as e } from "./index.es263.js";
-import o, { useMemo as E } from "react";
+import o, { useMemo as N } from "react";
 import './sections/RichText/RichText.css';/* empty css            */
-import { HTML as m } from "./index.es159.js";
-import { clsx as u } from "./index.es265.js";
+import { HTML as u } from "./index.es159.js";
+import { clsx as d } from "./index.es265.js";
 import { Section as c } from "./index.es223.js";
-import { Col as N } from "./index.es82.js";
-const F = ({
+import { Col as R } from "./index.es82.js";
+const _ = ({
   title: i,
   description: t,
-  fontSize: d = "2",
-  mdFontSize: f = "2",
-  classNameTitle: h,
-  additionalClass: g,
-  children: x,
+  fontSize: f = "2",
+  mdFontSize: h = "2",
+  classNameTitle: g,
+  classNameDescription: a,
+  additionalClass: x,
+  children: p,
   maxLines: r = void 0,
-  useShowToggle: p = !0
+  useShowToggle: j = !0
 }) => {
-  const [s, j] = o.useState(
+  const [s, v] = o.useState(
     typeof r == "number"
-  ), [a, v] = o.useState(!1), l = o.useRef(null), b = () => {
-    j(!s);
+  ), [m, b] = o.useState(!1), l = o.useRef(null), w = () => {
+    v(!s);
   };
   o.useLayoutEffect(() => {
     const n = () => {
       if (l.current) {
-        const { scrollHeight: y, clientHeight: S } = l.current;
-        v(y > S);
+        const { scrollHeight: S, clientHeight: E } = l.current;
+        b(S > E);
       }
     };
     return n(), window.addEventListener("resize", n), () => window.removeEventListener("resize", n);
   }, [t, r]);
-  const w = E(() => t ? typeof t == "string" && o.isValidElement(t) || !r ? m(t.toString(), "div") : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+  const y = N(() => t ? typeof t == "string" && o.isValidElement(t) || !r ? u(t.toString(), "div") : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(
       "div",
       {
         ref: l,
-        className: u(
+        className: d(
           "rich-text-body",
-          s && "rich-text-body--clamped"
+          s && "rich-text-body--clamped",
+          a
         ),
         style: { "--max-lines": r },
-        children: m(t.toString(), "div")
+        children: u(t.toString(), "div")
       }
     ),
-    p && a && /* @__PURE__ */ e.jsxs(
+    j && m && /* @__PURE__ */ e.jsxs(
       "a",
       {
         "aria-label": "Mostra altro",
         className: "toggle-clamped-btn",
-        onClick: b,
+        onClick: w,
         children: [
           "Mostra ",
           s ? "altro" : "meno"
         ]
       }
     )
-  ] }) : null, [t, s, r, a]);
-  return /* @__PURE__ */ e.jsxs(c, { className: u("base-col ui-rich-text-section", g), children: [
-    /* @__PURE__ */ e.jsxs(N, { className: "ui-rich-text-content", children: [
+  ] }) : null, [t, s, r, m]);
+  return /* @__PURE__ */ e.jsxs(c, { className: d("base-col ui-rich-text-section", x), children: [
+    /* @__PURE__ */ e.jsxs(R, { className: "ui-rich-text-content", children: [
       i && /* @__PURE__ */ e.jsx(
         c.Title,
         {
-          fs: d,
-          mdFs: f,
-          className: h,
+          fs: f,
+          mdFs: h,
+          className: g,
           children: i
         }
       ),
-      /* @__PURE__ */ e.jsx(c.Description, { children: w })
+      /* @__PURE__ */ e.jsx(c.Description, { className: a, children: y })
     ] }),
-    x
+    p
   ] });
 };
 export {
-  F as RichText
+  _ as RichText
 };
 //# sourceMappingURL=index.es213.js.map