@anoki/fse-ui 1.0.0-beta1.48.29 → 1.0.0-beta1.48.30

package/dist/index.cjs96.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/ActionBanner/ActionBanner.css');const e=require("./index.cjs243.js");;/* empty css              */const m=require("./index.cjs42.js"),i=require("./index.cjs28.js"),d=require("./index.cjs192.js"),a=require("./index.cjs99.js"),x=require("./index.cjs158.js");var l=(n=>(n.DEFAULT="default",n.OUTLINE="outline",n.SIMPLE="simple",n))(l||{});const p=({title:n,description:u,variant:j="default",withIcon:E=!1,link:r,firstAction:t,secondAction:s})=>e.jsxRuntimeExports.jsxs("div",{className:`action-banner action-banner-${j}`,children:[e.jsxRuntimeExports.jsx("div",{className:"banner-head",children:e.jsxRuntimeExports.jsx("div",{className:"banner-title",children:n})}),e.jsxRuntimeExports.jsxs("div",{className:"banner-body",children:[E&&e.jsxRuntimeExports.jsx("div",{className:"banner-icon",children:e.jsxRuntimeExports.jsx(d.Shape,{})}),e.jsxRuntimeExports.jsx("span",{className:"banner-description",children:u})]}),e.jsxRuntimeExports.jsxs("div",{className:"banner-actions",children:[r&&(r==null?void 0:r.title)&&(r.isExternal?e.jsxRuntimeExports.jsx(a.Link,{title:r.title,src:r.link,icon:x.ExternalLink,external:!0}):e.jsxRuntimeExports.jsx(m.ArrowLink,{asLink:"a",children:r.title,href:r.link,isExternal:r.isExternal})),t&&(t==null?void 0:t.title)&&(t.isExternal?e.jsxRuntimeExports.jsx(a.Link,{title:t.title,src:t.link,icon:x.ExternalLink,decoration:"ui-footer-logo-link",transform:"none",external:!0}):e.jsxRuntimeExports.jsx(i.Button,{variant:"secondary",className:"left-button",asLink:"a",href:t.link,isExternal:t.isExternal,children:t.title})),s&&(s==null?void 0:s.title)&&(s.isExternal?e.jsxRuntimeExports.jsx(a.Link,{title:s.title,src:s.link,icon:x.ExternalLink,transform:"none",external:!0}):e.jsxRuntimeExports.jsx(i.Button,{asLink:"a",href:s.link,border:"primary",isExternal:s.isExternal,children:s.title}))]})]});exports.ActionBanner=p;exports.ActionBannerVariantEnum=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/ActionBanner/ActionBanner.css');const e=require("./index.cjs243.js");;/* empty css              */const p=require("./index.cjs42.js"),l=require("./index.cjs28.js"),o=require("./index.cjs192.js"),i=require("./index.cjs124.js"),a=require("./index.cjs99.js"),x=require("./index.cjs158.js");var u=(t=>(t.DEFAULT="default",t.OUTLINE="outline",t.SIMPLE="simple",t))(u||{});const d=({title:t,description:E,variant:j="default",withIcon:m=!1,link:r,firstAction:n,secondAction:s})=>e.jsxRuntimeExports.jsxs("div",{className:`action-banner action-banner-${j}`,children:[e.jsxRuntimeExports.jsx("div",{className:"banner-head",children:e.jsxRuntimeExports.jsx("div",{className:"banner-title",children:t})}),e.jsxRuntimeExports.jsxs("div",{className:"banner-body",children:[m&&e.jsxRuntimeExports.jsx("div",{className:"banner-icon",children:e.jsxRuntimeExports.jsx(o.Shape,{})}),e.jsxRuntimeExports.jsx("span",{className:"banner-description",children:E})]}),e.jsxRuntimeExports.jsxs("div",{className:"banner-actions",children:[r&&(r==null?void 0:r.title)&&(r.linkType===i.LinkTypeEnum.EXTERNAL?e.jsxRuntimeExports.jsx(a.Link,{title:r.title,src:r.link,icon:x.ExternalLink,external:!0}):e.jsxRuntimeExports.jsx(p.ArrowLink,{asLink:"a",children:r.title,href:r.link,isExternal:!1})),n&&(n==null?void 0:n.title)&&(n.linkType===i.LinkTypeEnum.EXTERNAL?e.jsxRuntimeExports.jsx(a.Link,{title:n.title,src:n.link,icon:x.ExternalLink,decoration:"ui-footer-logo-link",transform:"none",external:!0}):e.jsxRuntimeExports.jsx(l.Button,{variant:"secondary",className:"left-button",asLink:"a",href:n.link,isExternal:!1,children:n.title})),s&&(s==null?void 0:s.title)&&(s.linkType===i.LinkTypeEnum.EXTERNAL?e.jsxRuntimeExports.jsx(a.Link,{title:s.title,src:s.link,icon:x.ExternalLink,transform:"none",external:!0}):e.jsxRuntimeExports.jsx(l.Button,{asLink:"a",href:s.link,border:"primary",isExternal:!1,children:s.title}))]})]});exports.ActionBanner=d;exports.ActionBannerVariantEnum=u;
 //# sourceMappingURL=index.cjs96.js.map

package/dist/index.cjs96.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs96.js","sources":["../src/components/ui/ActionBanner/index.tsx"],"sourcesContent":["import React from \"react\";\nimport \"./ActionBanner.scss\";\nimport { ExternalLink, Shape } from \"@/icons\";\nimport { GetValues, Link } from \"@anoki/fse-common/dist\";\nimport { ArrowLink } from \"../ArrowLink\";\nimport { Button } from \"../Button\";\nimport { Link as LinkComponent } from \"@/components\";\n\nexport enum ActionBannerVariantEnum {\n  DEFAULT = \"default\",\n  OUTLINE = \"outline\",\n  SIMPLE = \"simple\",\n}\n\nexport type ActionBannerVariantTypes = GetValues<\n  typeof ActionBannerVariantEnum\n>;\n\ninterface ActionBannerProps {\n  title: string;\n  description: string;\n  variant?: ActionBannerVariantTypes;\n  link?: Link;\n  withIcon?: boolean;\n  firstAction?: Link;\n  secondAction?: Link;\n}\n\nexport const ActionBanner: React.FC<ActionBannerProps> = ({\n  title,\n  description,\n  variant = \"default\",\n  withIcon = false,\n  link,\n  firstAction,\n  secondAction,\n}) => {\n  return (\n    <div className={`action-banner action-banner-${variant}`}>\n      <div className=\"banner-head\">\n        <div className=\"banner-title\">{title}</div>\n      </div>\n      <div className=\"banner-body\">\n        {withIcon && (\n          <div className=\"banner-icon\">\n            <Shape />\n          </div>\n        )}\n        <span className=\"banner-description\">{description}</span>\n      </div>\n      <div className=\"banner-actions\">\n        {link && link?.title && (\n          link.isExternal ?\n            <LinkComponent\n              title={link.title}\n              src={link.link}\n              icon={ExternalLink}\n              external={true}\n            /> :\n            <ArrowLink asLink=\"a\" children={link.title} href={link.link} isExternal={link.isExternal} />\n        )}\n        {firstAction && firstAction?.title && (\n          firstAction.isExternal ?\n            <LinkComponent\n              title={firstAction.title}\n              src={firstAction.link}\n              icon={ExternalLink}\n              decoration=\"ui-footer-logo-link\"\n              transform=\"none\"\n              external={true}\n            /> :\n            <Button\n              variant=\"secondary\"\n              className=\"left-button\"\n              asLink=\"a\"\n              href={firstAction.link}\n              isExternal={firstAction.isExternal}\n            >\n              {firstAction.title}\n            </Button>\n        )}\n        {secondAction && secondAction?.title && (\n          secondAction.isExternal ?\n            <LinkComponent\n              title={secondAction.title}\n              src={secondAction.link}\n              icon={ExternalLink}\n              transform=\"none\"\n              external={true}\n            /> :\n            <Button\n              asLink=\"a\"\n              href={secondAction.link}\n              border=\"primary\"\n              isExternal={secondAction.isExternal}\n            >\n              {secondAction.title}\n            </Button>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"names":["ActionBannerVariantEnum","ActionBanner","title","description","variant","withIcon","link","firstAction","secondAction","jsxs","jsx","Shape","LinkComponent","ExternalLink","ArrowLink","Button"],"mappings":"gTAQY,IAAAA,GAAAA,IACVA,EAAA,QAAU,UACVA,EAAA,QAAU,UACVA,EAAA,OAAS,SAHCA,IAAAA,GAAA,CAAA,CAAA,EAoBL,MAAMC,EAA4C,CAAC,CACxD,MAAAC,EACA,YAAAC,EACA,QAAAC,EAAU,UACV,SAAAC,EAAW,GACX,KAAAC,EACA,YAAAC,EACA,aAAAC,CACF,IAEKC,EAAA,kBAAA,KAAA,MAAA,CAAI,UAAW,+BAA+BL,CAAO,GACpD,SAAA,CAACM,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,cACb,SAAAA,EAAA,kBAAA,IAAC,OAAI,UAAU,eAAgB,WAAM,CACvC,CAAA,EACAD,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,cACZ,SAAA,CAAAJ,2BACE,MAAI,CAAA,UAAU,cACb,SAAAK,wBAACC,EAAAA,OAAM,CAAA,EACT,EAEDD,EAAA,kBAAA,IAAA,OAAA,CAAK,UAAU,qBAAsB,SAAYP,CAAA,CAAA,CAAA,EACpD,EACAM,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,iBACZ,SAAA,CAAQH,IAAAA,GAAA,YAAAA,EAAM,SACbA,EAAK,WACHI,EAAA,kBAAA,IAACE,EAAA,KAAA,CACC,MAAON,EAAK,MACZ,IAAKA,EAAK,KACV,KAAMO,EAAA,aACN,SAAU,EAAA,CAAA,EAEZH,EAAAA,kBAAAA,IAACI,EAAAA,UAAU,CAAA,OAAO,IAAI,SAAUR,EAAK,MAAO,KAAMA,EAAK,KAAM,WAAYA,EAAK,UAAY,CAAA,GAE7FC,IAAeA,GAAA,YAAAA,EAAa,SAC3BA,EAAY,WACVG,EAAA,kBAAA,IAACE,EAAA,KAAA,CACC,MAAOL,EAAY,MACnB,IAAKA,EAAY,KACjB,KAAMM,EAAA,aACN,WAAW,sBACX,UAAU,OACV,SAAU,EAAA,CAAA,EAEZH,EAAA,kBAAA,IAACK,EAAA,OAAA,CACC,QAAQ,YACR,UAAU,cACV,OAAO,IACP,KAAMR,EAAY,KAClB,WAAYA,EAAY,WAEvB,SAAYA,EAAA,KAAA,CAAA,GAGlBC,IAAgBA,GAAA,YAAAA,EAAc,SAC7BA,EAAa,WACXE,EAAA,kBAAA,IAACE,EAAA,KAAA,CACC,MAAOJ,EAAa,MACpB,IAAKA,EAAa,KAClB,KAAMK,EAAA,aACN,UAAU,OACV,SAAU,EAAA,CAAA,EAEZH,EAAA,kBAAA,IAACK,EAAA,OAAA,CACC,OAAO,IACP,KAAMP,EAAa,KACnB,OAAO,UACP,WAAYA,EAAa,WAExB,SAAaA,EAAA,KAAA,CAChB,EAAA,CAEN,CAAA,CAAA,EACF"}
+{"version":3,"file":"index.cjs96.js","sources":["../src/components/ui/ActionBanner/index.tsx"],"sourcesContent":["import React from \"react\";\nimport \"./ActionBanner.scss\";\nimport { ExternalLink, Shape } from \"@/icons\";\nimport { GetValues, Link } from \"@anoki/fse-common/dist\";\nimport { ArrowLink } from \"../ArrowLink\";\nimport { Button } from \"../Button\";\nimport { Link as LinkComponent, LinkTypeEnum } from \"@/components\";\n\nexport enum ActionBannerVariantEnum {\n  DEFAULT = \"default\",\n  OUTLINE = \"outline\",\n  SIMPLE = \"simple\",\n}\n\nexport type ActionBannerVariantTypes = GetValues<\n  typeof ActionBannerVariantEnum\n>;\n\ntype WithLinkType<T> = Omit<Link, \"isExternal\"> & { linkType: T };\n\ninterface ActionBannerProps {\n  title: string;\n  description: string;\n  variant?: ActionBannerVariantTypes;\n  link?: WithLinkType<LinkTypeEnum>;\n  withIcon?: boolean;\n  firstAction?: WithLinkType<LinkTypeEnum>;\n  secondAction?: WithLinkType<LinkTypeEnum>;\n}\n\nexport const ActionBanner: React.FC<ActionBannerProps> = ({\n  title,\n  description,\n  variant = \"default\",\n  withIcon = false,\n  link,\n  firstAction,\n  secondAction,\n}) => {\n  return (\n    <div className={`action-banner action-banner-${variant}`}>\n      <div className=\"banner-head\">\n        <div className=\"banner-title\">{title}</div>\n      </div>\n      <div className=\"banner-body\">\n        {withIcon && (\n          <div className=\"banner-icon\">\n            <Shape />\n          </div>\n        )}\n        <span className=\"banner-description\">{description}</span>\n      </div>\n      <div className=\"banner-actions\">\n        {link &&\n          link?.title &&\n          (link.linkType === LinkTypeEnum.EXTERNAL ? (\n            <LinkComponent\n              title={link.title}\n              src={link.link}\n              icon={ExternalLink}\n              external={true}\n            />\n          ) : (\n            <ArrowLink\n              asLink=\"a\"\n              children={link.title}\n              href={link.link}\n              isExternal={false}\n            />\n          ))}\n        {firstAction &&\n          firstAction?.title &&\n          (firstAction.linkType === LinkTypeEnum.EXTERNAL ? (\n            <LinkComponent\n              title={firstAction.title}\n              src={firstAction.link}\n              icon={ExternalLink}\n              decoration=\"ui-footer-logo-link\"\n              transform=\"none\"\n              external={true}\n            />\n          ) : (\n            <Button\n              variant=\"secondary\"\n              className=\"left-button\"\n              asLink=\"a\"\n              href={firstAction.link}\n              isExternal={false}\n            >\n              {firstAction.title}\n            </Button>\n          ))}\n        {secondAction &&\n          secondAction?.title &&\n          (secondAction.linkType === LinkTypeEnum.EXTERNAL ? (\n            <LinkComponent\n              title={secondAction.title}\n              src={secondAction.link}\n              icon={ExternalLink}\n              transform=\"none\"\n              external={true}\n            />\n          ) : (\n            <Button\n              asLink=\"a\"\n              href={secondAction.link}\n              border=\"primary\"\n              isExternal={false}\n            >\n              {secondAction.title}\n            </Button>\n          ))}\n      </div>\n    </div>\n  );\n};\n"],"names":["ActionBannerVariantEnum","ActionBanner","title","description","variant","withIcon","link","firstAction","secondAction","jsxs","jsx","Shape","LinkTypeEnum","LinkComponent","ExternalLink","ArrowLink","Button"],"mappings":"+UAQY,IAAAA,GAAAA,IACVA,EAAA,QAAU,UACVA,EAAA,QAAU,UACVA,EAAA,OAAS,SAHCA,IAAAA,GAAA,CAAA,CAAA,EAsBL,MAAMC,EAA4C,CAAC,CACxD,MAAAC,EACA,YAAAC,EACA,QAAAC,EAAU,UACV,SAAAC,EAAW,GACX,KAAAC,EACA,YAAAC,EACA,aAAAC,CACF,IAEKC,EAAA,kBAAA,KAAA,MAAA,CAAI,UAAW,+BAA+BL,CAAO,GACpD,SAAA,CAACM,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,cACb,SAAAA,EAAA,kBAAA,IAAC,OAAI,UAAU,eAAgB,WAAM,CACvC,CAAA,EACAD,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,cACZ,SAAA,CAAAJ,2BACE,MAAI,CAAA,UAAU,cACb,SAAAK,wBAACC,EAAAA,OAAM,CAAA,EACT,EAEDD,EAAA,kBAAA,IAAA,OAAA,CAAK,UAAU,qBAAsB,SAAYP,CAAA,CAAA,CAAA,EACpD,EACAM,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,iBACZ,SAAA,CAAAH,IACCA,GAAA,YAAAA,EAAM,SACLA,EAAK,WAAaM,EAAAA,aAAa,SAC9BF,EAAA,kBAAA,IAACG,EAAA,KAAA,CACC,MAAOP,EAAK,MACZ,IAAKA,EAAK,KACV,KAAMQ,EAAA,aACN,SAAU,EAAA,CAAA,EAGZJ,EAAA,kBAAA,IAACK,EAAA,UAAA,CACC,OAAO,IACP,SAAUT,EAAK,MACf,KAAMA,EAAK,KACX,WAAY,EAAA,CAAA,GAGjBC,IACCA,GAAA,YAAAA,EAAa,SACZA,EAAY,WAAaK,EAAAA,aAAa,SACrCF,EAAA,kBAAA,IAACG,EAAA,KAAA,CACC,MAAON,EAAY,MACnB,IAAKA,EAAY,KACjB,KAAMO,EAAA,aACN,WAAW,sBACX,UAAU,OACV,SAAU,EAAA,CAAA,EAGZJ,EAAA,kBAAA,IAACM,EAAA,OAAA,CACC,QAAQ,YACR,UAAU,cACV,OAAO,IACP,KAAMT,EAAY,KAClB,WAAY,GAEX,SAAYA,EAAA,KAAA,CAAA,GAGlBC,IACCA,GAAA,YAAAA,EAAc,SACbA,EAAa,WAAaI,EAAAA,aAAa,SACtCF,EAAA,kBAAA,IAACG,EAAA,KAAA,CACC,MAAOL,EAAa,MACpB,IAAKA,EAAa,KAClB,KAAMM,EAAA,aACN,UAAU,OACV,SAAU,EAAA,CAAA,EAGZJ,EAAA,kBAAA,IAACM,EAAA,OAAA,CACC,OAAO,IACP,KAAMR,EAAa,KACnB,OAAO,UACP,WAAY,GAEX,SAAaA,EAAA,KAAA,CAChB,EAAA,CAEN,CAAA,CAAA,EACF"}

package/dist/index.d.ts

@@ -40,10 +40,10 @@ declare interface ActionBannerProps {
     title: string;
     description: string;
     variant?: ActionBannerVariantTypes;
-    link?: Link_2;
+    link?: WithLinkType<LinkTypeEnum>;
     withIcon?: boolean;
-    firstAction?: Link_2;
-    secondAction?: Link_2;
+    firstAction?: WithLinkType<LinkTypeEnum>;
+    secondAction?: WithLinkType<LinkTypeEnum>;
 }
 
 export declare enum ActionBannerVariantEnum {
@@ -2752,6 +2752,10 @@ declare type WhatDoYouNeedProps = PropsWithChildren<{
 
 export declare const Whatsapp: ({ className, height, width, decorative, ariaLabel, }: IconProps) => JSX.Element;
 
+declare type WithLinkType<T> = Omit<Link_2, "isExternal"> & {
+    linkType: T;
+};
+
 export declare const World: ({ width, height, className, color, decorative, ariaLabel, }: IconProps) => JSX.Element;
 
 export { }

package/dist/index.es10.js

@@ -1,8 +1,8 @@
 import { j as f } from "./index.es243.js";
 import { useMemo as x } from "react";
 import { clsx as y } from "./index.es245.js";
-import { createSpacingClasses as g } from "./index.es274.js";
-import { createColorClasses as j } from "./index.es273.js";
+import { createSpacingClasses as g } from "./index.es273.js";
+import { createColorClasses as j } from "./index.es275.js";
 import { createTypographyClasses as u } from "./index.es276.js";
 const M = ({
   as: o,

package/dist/index.es108.js

@@ -1,29 +1,29 @@
 import { j as e } from "./index.es243.js";
 import './components/ui/DelegateCard/DelegateCard.css';/* empty css            */
-import { useRef as b } from "react";
-import { Checkbox as g, CheckboxIndicator as C } from "./index.es305.js";
-import { Row as t } from "./index.es9.js";
-import { CheckIcon as N } from "./index.es212.js";
+import { useRef as g } from "react";
+import { Root as b, Indicator as N } from "./index.es305.js";
+import { Row as r } from "./index.es9.js";
+import { CheckIcon as C } from "./index.es212.js";
 import { Col as s } from "./index.es10.js";
 const U = ({
-  id: c,
-  isSelected: i,
-  title: x,
-  subtitle: d,
-  region: a,
-  relation: r,
+  id: i,
+  isSelected: a,
+  title: d,
+  subtitle: x,
+  region: c,
+  relation: t,
   isMe: l = !1,
   showRegion: o = !1,
-  setSelectedCard: h = () => {
+  setSelectedCard: m = () => {
   },
-  className: m,
-  labelRelation: f = "Relazione con il delegante",
+  className: f,
+  labelRelation: h = "Relazione con il delegante",
   labelRegion: p = "Regione di assistenza",
   labelRecord: j = "IL TUO FASCICOLO"
 }) => {
-  const w = b(null), u = (n) => n.charAt(0).toUpperCase() + n.slice(1);
+  const w = g(null), u = (n) => n.charAt(0).toUpperCase() + n.slice(1);
   return /* @__PURE__ */ e.jsxs(
-    t,
+    r,
     {
       br: "x4",
       p: "x24",
@@ -31,23 +31,23 @@ const U = ({
       bg: "white",
       text: "slate-20",
       ref: w,
-      className: `${m} ${i ? "ui-is-active" : ""} ui-card-delegate shadow cursor-pointer`,
+      className: `${f} ${a ? "ui-is-active" : ""} ui-card-delegate shadow cursor-pointer`,
       onClick: () => {
-        h(c);
+        m(i);
       },
       style: { width: "100%" },
       children: [
         /* @__PURE__ */ e.jsx("div", { className: "mt-x4", children: /* @__PURE__ */ e.jsx(
-          g,
+          b,
           {
-            id: c,
-            checked: i,
+            id: i,
+            checked: a,
             className: "ui-checkbox-filter",
-            children: /* @__PURE__ */ e.jsx(C, { children: /* @__PURE__ */ e.jsx(N, { width: 14, height: 14, color: "white" }) })
+            children: /* @__PURE__ */ e.jsx(N, { children: /* @__PURE__ */ e.jsx(C, { width: 14, height: 14, color: "white" }) })
           }
         ) }),
         /* @__PURE__ */ e.jsx(
-          t,
+          r,
           {
             alignItems: "flex-start",
             style: { width: "100%" },
@@ -57,24 +57,24 @@ const U = ({
                 s,
                 {
                   gap: "x4",
-                  pb: (l || !l && !r) && !o ? void 0 : "x16",
+                  pb: (l || !l && !t) && !o ? void 0 : "x16",
                   children: [
-                    /* @__PURE__ */ e.jsx("h3", { className: "flex-1 text-decoration-none fs-4 md-fs-3 fw-semibold", children: x }),
-                    /* @__PURE__ */ e.jsx("p", { className: "fs-6 fw-normal text-slate-28", children: d })
+                    /* @__PURE__ */ e.jsx("h3", { className: "flex-1 text-decoration-none fs-4 md-fs-3 fw-semibold", children: d }),
+                    /* @__PURE__ */ e.jsx("p", { className: "fs-6 fw-normal text-slate-28", children: x })
                   ]
                 }
               ),
               /* @__PURE__ */ e.jsxs(s, { gap: "x24", className: "delegate-row-responsive", children: [
-                !l && r && /* @__PURE__ */ e.jsxs(s, { gap: "x4", children: [
-                  /* @__PURE__ */ e.jsx("div", { className: "fw-bold", children: f }),
-                  /* @__PURE__ */ e.jsx("p", { children: r })
+                !l && t && /* @__PURE__ */ e.jsxs(s, { gap: "x4", children: [
+                  /* @__PURE__ */ e.jsx("div", { className: "fw-bold", children: h }),
+                  /* @__PURE__ */ e.jsx("p", { children: t })
                 ] }),
-                o && a && /* @__PURE__ */ e.jsxs(s, { pr: "x104", gap: "x4", children: [
+                o && c && /* @__PURE__ */ e.jsxs(s, { pr: "x104", gap: "x4", children: [
                   /* @__PURE__ */ e.jsx("div", { className: "fw-bold", children: p }),
-                  /* @__PURE__ */ e.jsx("p", { children: u(a) })
+                  /* @__PURE__ */ e.jsx("p", { children: u(c) })
                 ] })
               ] }),
-              l && /* @__PURE__ */ e.jsx(t, { className: "ui-fascicolo-label fs-7 fw-semibold", children: j })
+              l && /* @__PURE__ */ e.jsx(r, { className: "ui-fascicolo-label fs-7 fw-semibold", children: j })
             ] })
           }
         )

package/dist/index.es156.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es243.js";
 import { clsx as e } from "./index.es245.js";
-import { createColorClasses as z } from "./index.es273.js";
+import { createColorClasses as z } from "./index.es275.js";
 const M = ({
   width: r = 24,
   height: s = 24,

package/dist/index.es157.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es243.js";
 import { clsx as n } from "./index.es245.js";
-import { createColorClasses as m } from "./index.es273.js";
+import { createColorClasses as m } from "./index.es275.js";
 const p = ({
   width: s = 24,
   height: l = 24,

package/dist/index.es158.js

@@ -1,6 +1,6 @@
 import { j as C } from "./index.es243.js";
 import { clsx as i } from "./index.es245.js";
-import { createColorClasses as n } from "./index.es273.js";
+import { createColorClasses as n } from "./index.es275.js";
 const p = ({
   width: s = 32,
   height: o = 32,

package/dist/index.es159.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es243.js";
 import { clsx as i } from "./index.es245.js";
-import { createColorClasses as n } from "./index.es273.js";
+import { createColorClasses as n } from "./index.es275.js";
 const u = ({
   width: o = 24,
   height: e = 24,

package/dist/index.es160.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es243.js";
 import { clsx as n } from "./index.es245.js";
-import { createColorClasses as x } from "./index.es273.js";
+import { createColorClasses as x } from "./index.es275.js";
 const w = ({
   width: r = 24,
   height: l = 24,

package/dist/index.es161.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es243.js";
 import { clsx as p } from "./index.es245.js";
-import { createColorClasses as m } from "./index.es273.js";
+import { createColorClasses as m } from "./index.es275.js";
 const f = ({
   width: r = 114,
   height: t = 115,

package/dist/index.es162.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es243.js";
 import { clsx as c } from "./index.es245.js";
-import { createColorClasses as y } from "./index.es273.js";
+import { createColorClasses as y } from "./index.es275.js";
 const p = ({
   width: e = 121,
   height: t = 121,

package/dist/index.es163.js

@@ -1,6 +1,6 @@
 import { j as m } from "./index.es243.js";
 import { clsx as e } from "./index.es245.js";
-import { createColorClasses as i } from "./index.es273.js";
+import { createColorClasses as i } from "./index.es275.js";
 const x = ({
   width: a = 100,
   height: c = 100,

package/dist/index.es164.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es243.js";
 import { clsx as q } from "./index.es245.js";
-import { createColorClasses as M } from "./index.es273.js";
+import { createColorClasses as M } from "./index.es275.js";
 const i = ({
   width: h = 263,
   height: v = 40,

package/dist/index.es165.js

@@ -1,6 +1,6 @@
 import { j as q } from "./index.es243.js";
 import { clsx as s } from "./index.es245.js";
-import { createColorClasses as m } from "./index.es273.js";
+import { createColorClasses as m } from "./index.es275.js";
 const p = ({
   width: h = 137,
   height: a = 40,

package/dist/index.es166.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es243.js";
 import { clsx as i } from "./index.es245.js";
-import { createColorClasses as t } from "./index.es273.js";
+import { createColorClasses as t } from "./index.es275.js";
 const p = ({
   width: m = 118,
   height: h = 40,

package/dist/index.es167.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es243.js";
 import { clsx as r } from "./index.es245.js";
-import { createColorClasses as o } from "./index.es273.js";
+import { createColorClasses as o } from "./index.es275.js";
 const d = ({
   width: s = 44,
   height: a = 44,

package/dist/index.es168.js

@@ -1,6 +1,6 @@
 import { j as q } from "./index.es243.js";
 import { clsx as z } from "./index.es245.js";
-import { createColorClasses as d } from "./index.es273.js";
+import { createColorClasses as d } from "./index.es275.js";
 const v = ({
   width: a = 101,
   height: c = 40,

package/dist/index.es169.js

@@ -1,6 +1,6 @@
 import { j as q } from "./index.es243.js";
 import { clsx as m } from "./index.es245.js";
-import { createColorClasses as t } from "./index.es273.js";
+import { createColorClasses as t } from "./index.es275.js";
 const i = ({
   width: v = 181,
   height: l = 40,

package/dist/index.es170.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es243.js";
 import { clsx as o } from "./index.es245.js";
-import { createColorClasses as v } from "./index.es273.js";
+import { createColorClasses as v } from "./index.es275.js";
 const p = ({
   width: c = 75,
   height: d = 75,

package/dist/index.es171.js

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

package/dist/index.es172.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es243.js";
 import { clsx as n } from "./index.es245.js";
-import { createColorClasses as x } from "./index.es273.js";
+import { createColorClasses as x } from "./index.es275.js";
 const c = ({
   width: t = 24,
   height: e = 24,

package/dist/index.es173.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es243.js";
 import { clsx as m } from "./index.es245.js";
-import { createColorClasses as n } from "./index.es273.js";
+import { createColorClasses as n } from "./index.es275.js";
 const w = ({
   width: o = 24,
   height: l = 24,

package/dist/index.es174.js

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

package/dist/index.es175.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es243.js";
 import { clsx as V } from "./index.es245.js";
-import { createColorClasses as o } from "./index.es273.js";
+import { createColorClasses as o } from "./index.es275.js";
 const n = ({
   width: h = 32,
   height: v = 32,

package/dist/index.es176.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es243.js";
 import { clsx as t } from "./index.es245.js";
-import { createColorClasses as i } from "./index.es273.js";
+import { createColorClasses as i } from "./index.es275.js";
 const p = ({
   width: c = 32,
   height: v = 32,

package/dist/index.es177.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es243.js";
 import { clsx as c } from "./index.es245.js";
-import { createColorClasses as i } from "./index.es273.js";
+import { createColorClasses as i } from "./index.es275.js";
 const f = ({
   width: h = 32,
   height: v = 32,

package/dist/index.es178.js

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

package/dist/index.es182.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es243.js";
 import { clsx as h } from "./index.es245.js";
-import { createColorClasses as m } from "./index.es273.js";
+import { createColorClasses as m } from "./index.es275.js";
 const p = ({
   width: a = 32,
   height: r = 32,

package/dist/index.es183.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es243.js";
 import { clsx as i } from "./index.es245.js";
-import { createColorClasses as n } from "./index.es273.js";
+import { createColorClasses as n } from "./index.es275.js";
 const x = ({
   width: s = 32,
   height: o = 32,

package/dist/index.es184.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es243.js";
 import { clsx as n } from "./index.es245.js";
-import { createColorClasses as p } from "./index.es273.js";
+import { createColorClasses as p } from "./index.es275.js";
 const c = ({
   width: s = 24,
   height: e = 24,

package/dist/index.es186.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es243.js";
 import { clsx as t } from "./index.es245.js";
-import { createColorClasses as m } from "./index.es273.js";
+import { createColorClasses as m } from "./index.es275.js";
 const f = ({
   width: a = 32,
   height: e = 32,

package/dist/index.es187.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es243.js";
 import { clsx as m } from "./index.es245.js";
-import { createColorClasses as n } from "./index.es273.js";
+import { createColorClasses as n } from "./index.es275.js";
 const x = ({
   width: e = 24,
   height: o = 24,

package/dist/index.es188.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es243.js";
 import { clsx as m } from "./index.es245.js";
-import { createColorClasses as n } from "./index.es273.js";
+import { createColorClasses as n } from "./index.es275.js";
 const x = ({
   width: s = 24,
   height: e = 24,

package/dist/index.es189.js

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

package/dist/index.es190.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es243.js";
 import { clsx as o } from "./index.es245.js";
-import { createColorClasses as d } from "./index.es273.js";
+import { createColorClasses as d } from "./index.es275.js";
 const v = ({
   width: a = 24,
   height: r = 24,

package/dist/index.es191.js

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

package/dist/index.es192.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es243.js";
 import { clsx as m } from "./index.es245.js";
-import { createColorClasses as n } from "./index.es273.js";
+import { createColorClasses as n } from "./index.es275.js";
 const x = ({
   width: s = 16,
   height: l = 29,

package/dist/index.es193.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es243.js";
 import { clsx as a } from "./index.es245.js";
-import { createColorClasses as m } from "./index.es273.js";
+import { createColorClasses as m } from "./index.es275.js";
 const p = ({
   width: o = 40,
   height: r = 40,

package/dist/index.es194.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es243.js";
 import { clsx as c } from "./index.es245.js";
-import { createColorClasses as h } from "./index.es273.js";
+import { createColorClasses as h } from "./index.es275.js";
 const f = ({
   width: t = 24,
   height: e = 32,

package/dist/index.es196.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es243.js";
 import { clsx as m } from "./index.es245.js";
-import { createColorClasses as n } from "./index.es273.js";
+import { createColorClasses as n } from "./index.es275.js";
 const p = ({
   width: t = 24,
   height: r = 24,

package/dist/index.es197.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es243.js";
 import { clsx as m } from "./index.es245.js";
-import { createColorClasses as p } from "./index.es273.js";
+import { createColorClasses as p } from "./index.es275.js";
 const g = ({
   width: o = 13,
   height: e = 9,

package/dist/index.es198.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es243.js";
 import { clsx as m } from "./index.es245.js";
-import { createColorClasses as c } from "./index.es273.js";
+import { createColorClasses as c } from "./index.es275.js";
 const f = ({
   width: s = 13,
   height: e = 9,

package/dist/index.es199.js

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

package/dist/index.es200.js

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

package/dist/index.es201.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es243.js";
 import { clsx as m } from "./index.es245.js";
-import { createColorClasses as n } from "./index.es273.js";
+import { createColorClasses as n } from "./index.es275.js";
 const x = ({
   width: e = 24,
   height: s = 24,

package/dist/index.es202.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es243.js";
 import { clsx as m } from "./index.es245.js";
-import { createColorClasses as p } from "./index.es273.js";
+import { createColorClasses as p } from "./index.es275.js";
 const w = ({
   width: s = 24,
   height: t = 24,

package/dist/index.es205.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es243.js";
 import { clsx as m } from "./index.es245.js";
-import { createColorClasses as n } from "./index.es273.js";
+import { createColorClasses as n } from "./index.es275.js";
 const x = ({
   width: o = 24,
   height: r = 24,

package/dist/index.es206.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es243.js";
 import { clsx as m } from "./index.es245.js";
-import { createColorClasses as n } from "./index.es273.js";
+import { createColorClasses as n } from "./index.es275.js";
 const x = ({
   width: r = 24,
   height: e = 24,

package/dist/index.es207.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es243.js";
 import { clsx as i } from "./index.es245.js";
-import { createColorClasses as c } from "./index.es273.js";
+import { createColorClasses as c } from "./index.es275.js";
 const h = ({
   width: s = 36,
   height: l = 36,

package/dist/index.es208.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es243.js";
 import { clsx as t } from "./index.es245.js";
-import { createColorClasses as i } from "./index.es273.js";
+import { createColorClasses as i } from "./index.es275.js";
 const p = ({
   width: e = 24,
   height: l = 24,