@anoki/fse-ui 1.0.418 → 1.0.419

package/dist/index.es25.js

@@ -1,6 +1,6 @@
-import { j as s } from "./index.es154.js";
-import { createColorClasses as d } from "./index.es165.js";
-import { clsx as w } from "./index.es156.js";
+import { j as o } from "./index.es154.js";
+import { createColorClasses as a } from "./index.es156.js";
+import { clsx as w } from "./index.es155.js";
 import './components/ui/Button/Button.css';/* empty css            */
 import { Spinner as B } from "./index.es127.js";
 const R = ({
@@ -9,69 +9,69 @@ const R = ({
   bg: m = "primary",
   textColor: p = "white",
   border: i = "white",
-  size: c = "3",
-  className: l,
-  disabled: r,
-  loading: o,
-  onClick: b,
-  type: f = "button",
-  form: j = "",
-  asLink: x,
-  href: C,
-  target: S = void 0,
-  rel: y = void 0,
-  ...n
+  size: f = "3",
+  className: c,
+  disabled: n,
+  loading: s,
+  onClick: l,
+  type: b = "button",
+  form: d = "",
+  asLink: r,
+  href: j,
+  target: C = void 0,
+  rel: S = void 0,
+  ...u
 }) => {
-  const N = t ? "" : d({
+  const y = t ? "" : a({
     bg: m,
     text: p,
     border: i
-  }), u = w(
+  }), x = w(
     "ui-button",
     {
       2: "fs-6 py-x12 px-x24",
       3: "fs-7 py-x12 px-x24",
       4: "fs-6 py-x4 px-x8"
-    }[c],
+    }[f],
     // Apply variant class if provided
     t && `ui-button-${t}`,
     // Otherwise use traditional classes
-    !t && N,
+    !t && y,
     {
-      "ui-button-disabled": r || o
+      "ui-button-disabled": n || s
     },
     {
-      "ui-button-loading": o
+      "ui-button-loading": s
     },
-    l,
+    c,
     "fw-bold"
   );
-  if (x) {
-    const a = x;
-    return /* @__PURE__ */ s.jsx(
-      a,
+  if (r) {
+    const N = r;
+    return /* @__PURE__ */ o.jsx(
+      N,
       {
-        target: S,
-        rel: y,
-        href: C,
-        className: u,
-        ...n,
+        target: C,
+        rel: S,
+        href: j,
+        className: x,
+        ...u,
         children: e
       }
     );
   }
-  return /* @__PURE__ */ s.jsxs(
+  return /* @__PURE__ */ o.jsxs(
     "button",
     {
-      type: f,
-      form: j,
-      className: u,
-      onClick: b,
-      disabled: r || o,
-      ...n,
+      type: b,
+      form: d,
+      className: x,
+      onClick: l,
+      disabled: n || s,
+      ...u,
       children: [
         e,
-        o ? /* @__PURE__ */ s.jsx(B, {}) : null
+        s ? /* @__PURE__ */ o.jsx(B, {}) : null
       ]
     }
   );

package/dist/index.es25.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es25.js","sources":["../src/components/ui/Button/index.tsx"],"sourcesContent":["// src/components/ui/Button/index.tsx\r\nimport { ColorKeys, createColorClasses } from \"@/theme/colors\";\r\nimport clsx from \"clsx\";\r\nimport \"./Button.scss\";\r\nimport { Spinner } from \"@/icons\";\r\n\r\ntype ButtonSize = \"2\" | \"3\" | \"4\";\r\ntype ButtonVariant = \"primary\" | \"secondary\";\r\n\r\ntype BaseButtonProps = {\r\n  children: React.ReactNode;\r\n  variant?: ButtonVariant;\r\n  bg?: ColorKeys;\r\n  textColor?: ColorKeys;\r\n  border?: ColorKeys;\r\n  size?: ButtonSize;\r\n  className?: string;\r\n  disabled?: boolean;\r\n  loading?: boolean;\r\n  form?: string;\r\n  rel?: string;\r\n  target?: string;\r\n};\r\n\r\ntype ButtonAsButtonProps = BaseButtonProps & {\r\n  onClick?: () => void;\r\n  type?: \"button\" | \"submit\" | \"reset\";\r\n  asLink?: never;\r\n  href?: never;\r\n};\r\n\r\ntype ButtonAsLinkProps = BaseButtonProps & {\r\n  href: string;\r\n  onClick?: never;\r\n  type?: never;\r\n  asLink?: \"a\" | React.ComponentType<any>;\r\n};\r\n\r\ntype ButtonProps = ButtonAsButtonProps | ButtonAsLinkProps;\r\n\r\nexport const Button = ({\r\n  children,\r\n  variant,\r\n  bg = \"primary\",\r\n  textColor = \"white\",\r\n  border = \"white\",\r\n  size = \"3\",\r\n  className,\r\n  disabled,\r\n  loading,\r\n  onClick,\r\n  type = \"button\",\r\n  form = \"\",\r\n  asLink,\r\n  href,\r\n  target = undefined,\r\n  rel = undefined,\r\n  ...props\r\n}: ButtonProps) => {\r\n  // Only apply color classes if no variant is specified\r\n  const colorClasses = !variant\r\n    ? createColorClasses({\r\n        bg,\r\n        text: textColor,\r\n        border,\r\n      })\r\n    : \"\";\r\n\r\n  const BTN_SIZES = {\r\n    \"2\": \"fs-6 py-x12 px-x24\",\r\n    \"3\": \"fs-7 py-x12 px-x24\",\r\n    \"4\": \"fs-6 py-x4 px-x8\",\r\n  };\r\n\r\n  const baseClasses = clsx(\r\n    \"ui-button\",\r\n    BTN_SIZES[size],\r\n    // Apply variant class if provided\r\n    variant && `ui-button-${variant}`,\r\n    // Otherwise use traditional classes\r\n    !variant && colorClasses,\r\n    {\r\n      \"ui-button-disabled\": disabled || loading,\r\n    },\r\n    {\r\n      \"ui-button-loading\": loading,\r\n    },\r\n    className,\r\n    \"fw-bold\",\r\n  );\r\n\r\n  if (asLink) {\r\n    const LinkComponent = asLink;\r\n    return (\r\n      <LinkComponent\r\n        target={target}\r\n        rel={rel}\r\n        href={href}\r\n        className={baseClasses}\r\n        {...props}\r\n      >\r\n        {children}\r\n      </LinkComponent>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <button\r\n      type={type}\r\n      form={form}\r\n      className={baseClasses}\r\n      onClick={onClick}\r\n      disabled={disabled || loading}\r\n      {...props}\r\n    >\r\n      {children}\r\n      {loading ? <Spinner /> : null}\r\n    </button>\r\n  );\r\n};\r\n"],"names":["Button","children","variant","bg","textColor","border","size","className","disabled","loading","onClick","type","form","asLink","href","target","rel","props","colorClasses","createColorClasses","baseClasses","clsx","LinkComponent","jsx","jsxs","Spinner"],"mappings":";;;;;AAwCO,MAAMA,IAAS,CAAC;AAAA,EACrB,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,IAAAC,IAAK;AAAA,EACL,WAAAC,IAAY;AAAA,EACZ,QAAAC,IAAS;AAAA,EACT,MAAAC,IAAO;AAAA,EACP,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,MAAAC,IAAO;AAAA,EACP,QAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,KAAAC,IAAM;AAAA,EACN,GAAGC;AACL,MAAmB;AAEX,QAAAC,IAAgBhB,IAMlB,KALAiB,EAAmB;AAAA,IACjB,IAAAhB;AAAA,IACA,MAAMC;AAAA,IACN,QAAAC;AAAA,EACD,CAAA,GASCe,IAAcC;AAAA,IAClB;AAAA,IAPgB;AAAA,MAChB,GAAK;AAAA,MACL,GAAK;AAAA,MACL,GAAK;AAAA,IACP,EAIYf,CAAI;AAAA;AAAA,IAEdJ,KAAW,aAAaA,CAAO;AAAA;AAAA,IAE/B,CAACA,KAAWgB;AAAA,IACZ;AAAA,MACE,sBAAsBV,KAAYC;AAAA,IACpC;AAAA,IACA;AAAA,MACE,qBAAqBA;AAAA,IACvB;AAAA,IACAF;AAAA,IACA;AAAA,EACF;AAEA,MAAIM,GAAQ;AACV,UAAMS,IAAgBT;AAEpB,WAAAU,gBAAAA,EAAA;AAAA,MAACD;AAAA,MAAA;AAAA,QACC,QAAAP;AAAA,QACA,KAAAC;AAAA,QACA,MAAAF;AAAA,QACA,WAAWM;AAAA,QACV,GAAGH;AAAA,QAEH,UAAAhB;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAKF,SAAAuB,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAAb;AAAA,MACA,MAAAC;AAAA,MACA,WAAWQ;AAAA,MACX,SAAAV;AAAA,MACA,UAAUF,KAAYC;AAAA,MACrB,GAAGQ;AAAA,MAEH,UAAA;AAAA,QAAAhB;AAAA,QACAQ,IAAWc,gBAAAA,EAAA,IAAAE,GAAA,CAAA,CAAQ,IAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EAC3B;AAEJ;"}
+{"version":3,"file":"index.es25.js","sources":["../src/components/ui/Button/index.tsx"],"sourcesContent":["// src/components/ui/Button/index.tsx\nimport { ColorKeys, createColorClasses } from \"@/theme/colors\";\nimport clsx from \"clsx\";\nimport \"./Button.scss\";\nimport { Spinner } from \"@/icons\";\n\ntype ButtonSize = \"2\" | \"3\" | \"4\";\ntype ButtonVariant = \"primary\" | \"secondary\";\n\ntype BaseButtonProps = {\n  children: React.ReactNode;\n  variant?: ButtonVariant;\n  bg?: ColorKeys;\n  textColor?: ColorKeys;\n  border?: ColorKeys;\n  size?: ButtonSize;\n  className?: string;\n  disabled?: boolean;\n  loading?: boolean;\n  form?: string;\n  rel?: string;\n  target?: string;\n};\n\ntype ButtonAsButtonProps = BaseButtonProps & {\n  onClick?: () => void;\n  type?: \"button\" | \"submit\" | \"reset\";\n  asLink?: never;\n  href?: never;\n};\n\ntype ButtonAsLinkProps = BaseButtonProps & {\n  href: string;\n  onClick?: never;\n  type?: never;\n  asLink?: \"a\" | React.ComponentType<any>;\n};\n\ntype ButtonProps = ButtonAsButtonProps | ButtonAsLinkProps;\n\nexport const Button = ({\n  children,\n  variant,\n  bg = \"primary\",\n  textColor = \"white\",\n  border = \"white\",\n  size = \"3\",\n  className,\n  disabled,\n  loading,\n  onClick,\n  type = \"button\",\n  form = \"\",\n  asLink,\n  href,\n  target = undefined,\n  rel = undefined,\n  ...props\n}: ButtonProps) => {\n  // Only apply color classes if no variant is specified\n  const colorClasses = !variant\n    ? createColorClasses({\n        bg,\n        text: textColor,\n        border,\n      })\n    : \"\";\n\n  const BTN_SIZES = {\n    \"2\": \"fs-6 py-x12 px-x24\",\n    \"3\": \"fs-7 py-x12 px-x24\",\n    \"4\": \"fs-6 py-x4 px-x8\",\n  };\n\n  const baseClasses = clsx(\n    \"ui-button\",\n    BTN_SIZES[size],\n    // Apply variant class if provided\n    variant && `ui-button-${variant}`,\n    // Otherwise use traditional classes\n    !variant && colorClasses,\n    {\n      \"ui-button-disabled\": disabled || loading,\n    },\n    {\n      \"ui-button-loading\": loading,\n    },\n    className,\n    \"fw-bold\",\n  );\n\n  if (asLink) {\n    const LinkComponent = asLink;\n    return (\n      <LinkComponent\n        target={target}\n        rel={rel}\n        href={href}\n        className={baseClasses}\n        {...props}\n      >\n        {children}\n      </LinkComponent>\n    );\n  }\n\n  return (\n    <button\n      type={type}\n      form={form}\n      className={baseClasses}\n      onClick={onClick}\n      disabled={disabled || loading}\n      {...props}\n    >\n      {children}\n      {loading ? <Spinner /> : null}\n    </button>\n  );\n};\n"],"names":["Button","children","variant","bg","textColor","border","size","className","disabled","loading","onClick","type","form","asLink","href","target","rel","props","colorClasses","createColorClasses","baseClasses","clsx","LinkComponent","jsx","jsxs","Spinner"],"mappings":";;;;;AAwCO,MAAMA,IAAS,CAAC;AAAA,EACrB,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,IAAAC,IAAK;AAAA,EACL,WAAAC,IAAY;AAAA,EACZ,QAAAC,IAAS;AAAA,EACT,MAAAC,IAAO;AAAA,EACP,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,MAAAC,IAAO;AAAA,EACP,QAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,KAAAC,IAAM;AAAA,EACN,GAAGC;AACL,MAAmB;AAEX,QAAAC,IAAgBhB,IAMlB,KALAiB,EAAmB;AAAA,IACjB,IAAAhB;AAAA,IACA,MAAMC;AAAA,IACN,QAAAC;AAAA,EACD,CAAA,GASCe,IAAcC;AAAA,IAClB;AAAA,IAPgB;AAAA,MAChB,GAAK;AAAA,MACL,GAAK;AAAA,MACL,GAAK;AAAA,IACP,EAIYf,CAAI;AAAA;AAAA,IAEdJ,KAAW,aAAaA,CAAO;AAAA;AAAA,IAE/B,CAACA,KAAWgB;AAAA,IACZ;AAAA,MACE,sBAAsBV,KAAYC;AAAA,IACpC;AAAA,IACA;AAAA,MACE,qBAAqBA;AAAA,IACvB;AAAA,IACAF;AAAA,IACA;AAAA,EACF;AAEA,MAAIM,GAAQ;AACV,UAAMS,IAAgBT;AAEpB,WAAAU,gBAAAA,EAAA;AAAA,MAACD;AAAA,MAAA;AAAA,QACC,QAAAP;AAAA,QACA,KAAAC;AAAA,QACA,MAAAF;AAAA,QACA,WAAWM;AAAA,QACV,GAAGH;AAAA,QAEH,UAAAhB;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAKF,SAAAuB,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAAb;AAAA,MACA,MAAAC;AAAA,MACA,WAAWQ;AAAA,MACX,SAAAV;AAAA,MACA,UAAUF,KAAYC;AAAA,MACrB,GAAGQ;AAAA,MAEH,UAAA;AAAA,QAAAhB;AAAA,QACAQ,IAAWc,gBAAAA,EAAA,IAAAE,GAAA,CAAA,CAAQ,IAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EAC3B;AAEJ;"}

package/dist/index.es26.js

@@ -1,37 +1,37 @@
 import { j as s } from "./index.es154.js";
-import { clsx as c } from "./index.es156.js";
+import { clsx as n } from "./index.es155.js";
 import { ArrowLink as y } from "./index.es35.js";
 import './components/ui/CardCategory/CardCategory.css';/* empty css            */
 import { ExternalLink as N } from "./index.es93.js";
-import { Col as v } from "./index.es10.js";
-import { Row as C } from "./index.es9.js";
+import { Col as C } from "./index.es10.js";
+import { Row as k } from "./index.es9.js";
 const q = ({
   image: r,
-  title: a,
-  titleTag: d = "h3",
-  href: n,
+  title: d,
+  titleTag: a = "h3",
+  href: c,
   description: i,
   description2: p,
   isExternal: t = !1,
   showIcon: x = !1,
   goToLabel: e,
-  asLink: h = "a",
-  asImage: f = "img",
-  className: u,
+  asLink: f = "a",
+  asImage: u = "img",
+  className: h,
   classNameTitle: o,
   classNameDescription: j,
   handleOnClick: l
 }) => {
-  const m = f, w = h;
+  const m = u, w = f;
   return /* @__PURE__ */ s.jsxs(
     w,
     {
-      className: c(
+      className: n(
         "ui-card-category shadow br-x4 bg-white",
-        u,
+        h,
         l && "cursor-pointer"
       ),
-      href: n,
+      href: c,
       target: t ? "_blank" : void 0,
       rel: t ? "noreferrer noopener" : void 0,
       onClick: l ?? void 0,
@@ -45,23 +45,23 @@ const q = ({
           }
         ) }),
         /* @__PURE__ */ s.jsxs(
-          v,
+          C,
           {
-            className: c(
+            className: n(
               r != null && r.src ? "ui-card-category-content-with-image ui-mt-negative" : "ui-card-category-content",
               "gap-x8 br-x4 bg-white"
             ),
             children: [
-              /* @__PURE__ */ s.jsxs(C, { alignItems: "center", justifyContent: "space-between", gap: "x4", children: [
+              /* @__PURE__ */ s.jsxs(k, { alignItems: "center", justifyContent: "space-between", gap: "x4", children: [
                 /* @__PURE__ */ s.jsxs(
-                  d,
+                  a,
                   {
-                    className: c(
+                    className: n(
                       "flex-1 cursor-pointer hover-underline",
                       o || "text-primary fs-5 md-fs-custom-2"
                     ),
                     children: [
-                      a,
+                      d,
                       t && /* @__PURE__ */ s.jsx("span", { className: "visually-hidden", children: "(si apre in una nuova finestra)" })
                     ]
                   }
@@ -76,14 +76,14 @@ const q = ({
                   }
                 ) })
               ] }),
-              /* @__PURE__ */ s.jsxs("div", { className: c(j), children: [
+              /* @__PURE__ */ s.jsxs("div", { className: n(j), children: [
                 /* @__PURE__ */ s.jsx("p", { className: "fs-6 md-fs-custom fw-regular text-slate-28", children: i }),
                 /* @__PURE__ */ s.jsx("p", { className: "fs-6 md-fs-custom fw-regular text-slate-28", children: p })
               ] })
             ]
           }
         ),
-        e && n && /* @__PURE__ */ s.jsx("footer", { className: "ui-card-category-footer bg-white", children: /* @__PURE__ */ s.jsx(y, { href: n ?? "#", isExternal: t, children: e == null ? void 0 : e.toUpperCase() }) })
+        e && c && /* @__PURE__ */ s.jsx("footer", { className: "ui-card-category-footer bg-white", children: /* @__PURE__ */ s.jsx(y, { href: c ?? "#", isExternal: t, children: e == null ? void 0 : e.toUpperCase() }) })
       ]
     }
   );

package/dist/index.es26.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es26.js","sources":["../src/components/ui/CardCategory/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport { ExternalLink } from \"@/icons\";\r\nimport { ArrowLink } from \"@/components/ui/ArrowLink\";\r\nimport \"./CardCategory.scss\";\r\nimport { Col, Row } from \"@/components\";\r\nimport { ComponentType, MouseEvent } from \"react\";\r\n\r\ntype Image = {\r\n  alt: string;\r\n  src: string;\r\n  title: string;\r\n};\r\n\r\ntype HeadingLevel = \"h2\" | \"h3\" | \"h4\";\r\n\r\ntype CardCategoryProps = {\r\n  image?: Image;\r\n  title: string;\r\n  titleTag?: HeadingLevel;\r\n  href?: string;\r\n  description?: string;\r\n  description2?: string;\r\n  isExternal?: boolean;\r\n  showIcon?: boolean;\r\n  goToLabel?: string;\r\n  asImage?: \"img\";\r\n  asLink?: \"a\" | ComponentType<any>;\r\n  className?: string;\r\n  classNameTitle?: string;\r\n  classNameDescription?: string;\r\n  handleOnClick?: (e: MouseEvent<HTMLAnchorElement>) => void;\r\n};\r\n\r\nexport const CardCategory = ({\r\n  image,\r\n  title,\r\n  titleTag: TitleTag = \"h3\",\r\n  href,\r\n  description,\r\n  description2,\r\n  isExternal = false,\r\n  showIcon = false,\r\n  goToLabel,\r\n  asLink = \"a\",\r\n  asImage = \"img\",\r\n  className,\r\n  classNameTitle,\r\n  classNameDescription,\r\n  handleOnClick,\r\n}: CardCategoryProps) => {\r\n  const ImageComponent = asImage;\r\n  const LinkComponent = asLink;\r\n  return (\r\n    <LinkComponent\r\n      className={clsx(\r\n        \"ui-card-category shadow br-x4 bg-white\",\r\n        className,\r\n        handleOnClick && \"cursor-pointer\",\r\n      )}\r\n      href={href}\r\n      target={isExternal ? \"_blank\" : undefined}\r\n      rel={isExternal ? \"noreferrer noopener\" : undefined}\r\n      onClick={handleOnClick ?? undefined}\r\n    >\r\n      {image?.src && (\r\n        <header className=\"ui-card-category-header\">\r\n          <ImageComponent\r\n            src={image?.src}\r\n            alt={image?.alt}\r\n            title={image?.title}\r\n          />\r\n        </header>\r\n      )}\r\n\r\n      <Col\r\n        className={clsx(\r\n          image?.src\r\n            ? \"ui-card-category-content-with-image ui-mt-negative\"\r\n            : \"ui-card-category-content\",\r\n          \"gap-x8 br-x4 bg-white\",\r\n        )}\r\n      >\r\n        <Row alignItems={\"center\"} justifyContent={\"space-between\"} gap={\"x4\"}>\r\n          <TitleTag\r\n            className={clsx(\r\n              \"flex-1 cursor-pointer hover-underline\",\r\n              classNameTitle ? classNameTitle : \"text-primary fs-5 md-fs-custom-2\",\r\n            )}\r\n          >\r\n            {title}\r\n            {isExternal && (\r\n              <span className=\"visually-hidden\">\r\n                (si apre in una nuova finestra)\r\n              </span>\r\n            )}\r\n          </TitleTag>\r\n\r\n          {showIcon && (\r\n            <span>\r\n              <ExternalLink\r\n                width={24}\r\n                height={24}\r\n                color=\"primary\"\r\n                className=\"ui-external-link\"\r\n              />\r\n            </span>\r\n          )}\r\n        </Row>\r\n        <div className={clsx(classNameDescription)}>\r\n          <p className=\"fs-6 md-fs-custom fw-regular text-slate-28\">\r\n            {description}\r\n          </p>\r\n          <p className=\"fs-6 md-fs-custom fw-regular text-slate-28\">\r\n            {description2}\r\n          </p>\r\n        </div>\r\n      </Col>\r\n      {goToLabel && href && (\r\n        <footer className=\"ui-card-category-footer bg-white\">\r\n          <ArrowLink href={href ?? \"#\"} isExternal={isExternal}>\r\n            {goToLabel?.toUpperCase()}\r\n          </ArrowLink>\r\n        </footer>\r\n      )}\r\n    </LinkComponent>\r\n  );\r\n};\r\n"],"names":["CardCategory","image","title","TitleTag","href","description","description2","isExternal","showIcon","goToLabel","asLink","asImage","className","classNameTitle","classNameDescription","handleOnClick","ImageComponent","LinkComponent","jsxs","clsx","jsx","Col","Row","ExternalLink","ArrowLink"],"mappings":";;;;;;;AAiCO,MAAMA,IAAe,CAAC;AAAA,EAC3B,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAUC,IAAW;AAAA,EACrB,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,UAAAC,IAAW;AAAA,EACX,WAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,SAAAC,IAAU;AAAA,EACV,WAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,eAAAC;AACF,MAAyB;AACvB,QAAMC,IAAiBL,GACjBM,IAAgBP;AAEpB,SAAAQ,gBAAAA,EAAA;AAAA,IAACD;AAAA,IAAA;AAAA,MACC,WAAWE;AAAA,QACT;AAAA,QACAP;AAAA,QACAG,KAAiB;AAAA,MACnB;AAAA,MACA,MAAAX;AAAA,MACA,QAAQG,IAAa,WAAW;AAAA,MAChC,KAAKA,IAAa,wBAAwB;AAAA,MAC1C,SAASQ,KAAiB;AAAA,MAEzB,UAAA;AAAA,SAAAd,KAAA,gBAAAA,EAAO,QACNmB,gBAAAA,MAAC,UAAO,EAAA,WAAU,2BAChB,UAAAA,gBAAAA,EAAA;AAAA,UAACJ;AAAA,UAAA;AAAA,YACC,KAAKf,KAAA,gBAAAA,EAAO;AAAA,YACZ,KAAKA,KAAA,gBAAAA,EAAO;AAAA,YACZ,OAAOA,KAAA,gBAAAA,EAAO;AAAA,UAAA;AAAA,QAAA,GAElB;AAAA,QAGFiB,gBAAAA,EAAA;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,WAAWF;AAAA,cACTlB,KAAA,QAAAA,EAAO,MACH,uDACA;AAAA,cACJ;AAAA,YACF;AAAA,YAEA,UAAA;AAAA,cAAAiB,gBAAAA,OAACI,KAAI,YAAY,UAAU,gBAAgB,iBAAiB,KAAK,MAC/D,UAAA;AAAA,gBAAAJ,gBAAAA,EAAA;AAAA,kBAACf;AAAA,kBAAA;AAAA,oBACC,WAAWgB;AAAA,sBACT;AAAA,sBACAN,KAAkC;AAAA,oBACpC;AAAA,oBAEC,UAAA;AAAA,sBAAAX;AAAA,sBACAK,KACCa,gBAAAA,EAAA,IAAC,QAAK,EAAA,WAAU,mBAAkB,UAElC,kCAAA,CAAA;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBAEJ;AAAA,gBAECZ,2BACE,QACC,EAAA,UAAAY,gBAAAA,EAAA;AAAA,kBAACG;AAAA,kBAAA;AAAA,oBACC,OAAO;AAAA,oBACP,QAAQ;AAAA,oBACR,OAAM;AAAA,oBACN,WAAU;AAAA,kBAAA;AAAA,gBAAA,EAEd,CAAA;AAAA,cAAA,GAEJ;AAAA,cACCL,gBAAAA,EAAA,KAAA,OAAA,EAAI,WAAWC,EAAKL,CAAoB,GACvC,UAAA;AAAA,gBAACM,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAU,8CACV,UACHf,GAAA;AAAA,gBACCe,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAU,8CACV,UACHd,EAAA,CAAA;AAAA,cAAA,EACF,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,QACCG,KAAaL,KACXgB,gBAAAA,EAAAA,IAAA,UAAA,EAAO,WAAU,oCAChB,UAAAA,gBAAAA,MAACI,GAAU,EAAA,MAAMpB,KAAQ,KAAK,YAAAG,GAC3B,UAAWE,KAAA,gBAAAA,EAAA,eACd,EACF,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}
+{"version":3,"file":"index.es26.js","sources":["../src/components/ui/CardCategory/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { ExternalLink } from \"@/icons\";\nimport { ArrowLink } from \"@/components/ui/ArrowLink\";\nimport \"./CardCategory.scss\";\nimport { Col, Row } from \"@/components\";\nimport { ComponentType, MouseEvent } from \"react\";\n\ntype Image = {\n  alt: string;\n  src: string;\n  title: string;\n};\n\ntype HeadingLevel = \"h2\" | \"h3\" | \"h4\";\n\ntype CardCategoryProps = {\n  image?: Image;\n  title: string;\n  titleTag?: HeadingLevel;\n  href?: string;\n  description?: string;\n  description2?: string;\n  isExternal?: boolean;\n  showIcon?: boolean;\n  goToLabel?: string;\n  asImage?: \"img\";\n  asLink?: \"a\" | ComponentType<any>;\n  className?: string;\n  classNameTitle?: string;\n  classNameDescription?: string;\n  handleOnClick?: (e: MouseEvent<HTMLAnchorElement>) => void;\n};\n\nexport const CardCategory = ({\n  image,\n  title,\n  titleTag: TitleTag = \"h3\",\n  href,\n  description,\n  description2,\n  isExternal = false,\n  showIcon = false,\n  goToLabel,\n  asLink = \"a\",\n  asImage = \"img\",\n  className,\n  classNameTitle,\n  classNameDescription,\n  handleOnClick,\n}: CardCategoryProps) => {\n  const ImageComponent = asImage;\n  const LinkComponent = asLink;\n  return (\n    <LinkComponent\n      className={clsx(\n        \"ui-card-category shadow br-x4 bg-white\",\n        className,\n        handleOnClick && \"cursor-pointer\",\n      )}\n      href={href}\n      target={isExternal ? \"_blank\" : undefined}\n      rel={isExternal ? \"noreferrer noopener\" : undefined}\n      onClick={handleOnClick ?? undefined}\n    >\n      {image?.src && (\n        <header className=\"ui-card-category-header\">\n          <ImageComponent\n            src={image?.src}\n            alt={image?.alt}\n            title={image?.title}\n          />\n        </header>\n      )}\n\n      <Col\n        className={clsx(\n          image?.src\n            ? \"ui-card-category-content-with-image ui-mt-negative\"\n            : \"ui-card-category-content\",\n          \"gap-x8 br-x4 bg-white\",\n        )}\n      >\n        <Row alignItems={\"center\"} justifyContent={\"space-between\"} gap={\"x4\"}>\n          <TitleTag\n            className={clsx(\n              \"flex-1 cursor-pointer hover-underline\",\n              classNameTitle ? classNameTitle : \"text-primary fs-5 md-fs-custom-2\",\n            )}\n          >\n            {title}\n            {isExternal && (\n              <span className=\"visually-hidden\">\n                (si apre in una nuova finestra)\n              </span>\n            )}\n          </TitleTag>\n\n          {showIcon && (\n            <span>\n              <ExternalLink\n                width={24}\n                height={24}\n                color=\"primary\"\n                className=\"ui-external-link\"\n              />\n            </span>\n          )}\n        </Row>\n        <div className={clsx(classNameDescription)}>\n          <p className=\"fs-6 md-fs-custom fw-regular text-slate-28\">\n            {description}\n          </p>\n          <p className=\"fs-6 md-fs-custom fw-regular text-slate-28\">\n            {description2}\n          </p>\n        </div>\n      </Col>\n      {goToLabel && href && (\n        <footer className=\"ui-card-category-footer bg-white\">\n          <ArrowLink href={href ?? \"#\"} isExternal={isExternal}>\n            {goToLabel?.toUpperCase()}\n          </ArrowLink>\n        </footer>\n      )}\n    </LinkComponent>\n  );\n};\n"],"names":["CardCategory","image","title","TitleTag","href","description","description2","isExternal","showIcon","goToLabel","asLink","asImage","className","classNameTitle","classNameDescription","handleOnClick","ImageComponent","LinkComponent","jsxs","clsx","jsx","Col","Row","ExternalLink","ArrowLink"],"mappings":";;;;;;;AAiCO,MAAMA,IAAe,CAAC;AAAA,EAC3B,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAUC,IAAW;AAAA,EACrB,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,UAAAC,IAAW;AAAA,EACX,WAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,SAAAC,IAAU;AAAA,EACV,WAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,eAAAC;AACF,MAAyB;AACvB,QAAMC,IAAiBL,GACjBM,IAAgBP;AAEpB,SAAAQ,gBAAAA,EAAA;AAAA,IAACD;AAAA,IAAA;AAAA,MACC,WAAWE;AAAA,QACT;AAAA,QACAP;AAAA,QACAG,KAAiB;AAAA,MACnB;AAAA,MACA,MAAAX;AAAA,MACA,QAAQG,IAAa,WAAW;AAAA,MAChC,KAAKA,IAAa,wBAAwB;AAAA,MAC1C,SAASQ,KAAiB;AAAA,MAEzB,UAAA;AAAA,SAAAd,KAAA,gBAAAA,EAAO,QACNmB,gBAAAA,MAAC,UAAO,EAAA,WAAU,2BAChB,UAAAA,gBAAAA,EAAA;AAAA,UAACJ;AAAA,UAAA;AAAA,YACC,KAAKf,KAAA,gBAAAA,EAAO;AAAA,YACZ,KAAKA,KAAA,gBAAAA,EAAO;AAAA,YACZ,OAAOA,KAAA,gBAAAA,EAAO;AAAA,UAAA;AAAA,QAAA,GAElB;AAAA,QAGFiB,gBAAAA,EAAA;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,WAAWF;AAAA,cACTlB,KAAA,QAAAA,EAAO,MACH,uDACA;AAAA,cACJ;AAAA,YACF;AAAA,YAEA,UAAA;AAAA,cAAAiB,gBAAAA,OAACI,KAAI,YAAY,UAAU,gBAAgB,iBAAiB,KAAK,MAC/D,UAAA;AAAA,gBAAAJ,gBAAAA,EAAA;AAAA,kBAACf;AAAA,kBAAA;AAAA,oBACC,WAAWgB;AAAA,sBACT;AAAA,sBACAN,KAAkC;AAAA,oBACpC;AAAA,oBAEC,UAAA;AAAA,sBAAAX;AAAA,sBACAK,KACCa,gBAAAA,EAAA,IAAC,QAAK,EAAA,WAAU,mBAAkB,UAElC,kCAAA,CAAA;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBAEJ;AAAA,gBAECZ,2BACE,QACC,EAAA,UAAAY,gBAAAA,EAAA;AAAA,kBAACG;AAAA,kBAAA;AAAA,oBACC,OAAO;AAAA,oBACP,QAAQ;AAAA,oBACR,OAAM;AAAA,oBACN,WAAU;AAAA,kBAAA;AAAA,gBAAA,EAEd,CAAA;AAAA,cAAA,GAEJ;AAAA,cACCL,gBAAAA,EAAA,KAAA,OAAA,EAAI,WAAWC,EAAKL,CAAoB,GACvC,UAAA;AAAA,gBAACM,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAU,8CACV,UACHf,GAAA;AAAA,gBACCe,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAU,8CACV,UACHd,EAAA,CAAA;AAAA,cAAA,EACF,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,QACCG,KAAaL,KACXgB,gBAAAA,EAAAA,IAAA,UAAA,EAAO,WAAU,oCAChB,UAAAA,gBAAAA,MAACI,GAAU,EAAA,MAAMpB,KAAQ,KAAK,YAAAG,GAC3B,UAAWE,KAAA,gBAAAA,EAAA,eACd,EACF,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}

package/dist/index.es266.js

@@ -1,4 +1,4 @@
-import { __exports as e } from "./index.es306.js";
+import { __exports as t } from "./index.es268.js";
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -8,29 +8,29 @@ import { __exports as e } from "./index.es306.js";
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var s;
-function a() {
-  if (s) return e;
-  s = 1;
-  var i = Symbol.for("react.transitional.element"), _ = Symbol.for("react.fragment");
-  function o(l, r, t) {
-    var u = null;
-    if (t !== void 0 && (u = "" + t), r.key !== void 0 && (u = "" + r.key), "key" in r) {
-      t = {};
-      for (var n in r)
-        n !== "key" && (t[n] = r[n]);
-    } else t = r;
-    return r = t.ref, {
-      $$typeof: i,
-      type: l,
-      key: u,
+var i;
+function R() {
+  if (i) return t;
+  i = 1;
+  var d = Symbol.for("react.transitional.element"), o = Symbol.for("react.fragment");
+  function s(_, r, e) {
+    var n = null;
+    if (e !== void 0 && (n = "" + e), r.key !== void 0 && (n = "" + r.key), "key" in r) {
+      e = {};
+      for (var u in r)
+        u !== "key" && (e[u] = r[u]);
+    } else e = r;
+    return r = e.ref, {
+      $$typeof: d,
+      type: _,
+      key: n,
       ref: r !== void 0 ? r : null,
-      props: t
+      props: e
     };
   }
-  return e.Fragment = _, e.jsx = o, e.jsxs = o, e;
+  return t.Fragment = o, t.jsx = s, t.jsxs = s, t;
 }
 export {
-  a as __require
+  R as __require
 };
 //# sourceMappingURL=index.es266.js.map