@anoki/fse-ui 1.0.716 → 1.0.717

package/dist/index.cjs481.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function n(t,[e,a]){return Math.min(a,Math.max(e,t))}exports.clamp=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index.cjs479.js");function i(e){return typeof e=="object"&&Object.keys(e).some(t=>o.breakpoints.includes(t))}exports.isResponsiveObject=i;
 //# sourceMappingURL=index.cjs481.js.map

package/dist/index.cjs481.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs481.js","sources":["../node_modules/@radix-ui/number/dist/index.mjs"],"sourcesContent":["// packages/core/number/src/number.ts\nfunction clamp(value, [min, max]) {\n  return Math.min(max, Math.max(min, value));\n}\nexport {\n  clamp\n};\n//# sourceMappingURL=index.mjs.map\n"],"names":["clamp","value","min","max"],"mappings":"gFACA,SAASA,EAAMC,EAAO,CAACC,EAAKC,CAAG,EAAG,CAChC,OAAO,KAAK,IAAIA,EAAK,KAAK,IAAID,EAAKD,CAAK,CAAC,CAC3C","x_google_ignoreList":[0]}
+{"version":3,"file":"index.cjs481.js","sources":["../node_modules/@radix-ui/themes/dist/esm/helpers/is-responsive-object.js"],"sourcesContent":["import{breakpoints as o}from\"../props/prop-def.js\";function i(e){return typeof e==\"object\"&&Object.keys(e).some(s=>o.includes(s))}export{i as isResponsiveObject};\n//# sourceMappingURL=is-responsive-object.js.map\n"],"names":["s","o"],"mappings":"qHAAmD,SAAS,EAAE,EAAE,CAAC,OAAO,OAAO,GAAG,UAAU,OAAO,KAAK,CAAC,EAAE,KAAKA,GAAGC,EAAC,YAAC,SAASD,CAAC,CAAC,CAAC","x_google_ignoreList":[0]}

package/dist/index.cjs482.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./index.cjs483.js");e.__require();
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function n(t,[e,a]){return Math.min(a,Math.max(e,t))}exports.clamp=n;
 //# sourceMappingURL=index.cjs482.js.map

package/dist/index.cjs482.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs482.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"index.cjs482.js","sources":["../node_modules/@radix-ui/number/dist/index.mjs"],"sourcesContent":["// packages/core/number/src/number.ts\nfunction clamp(value, [min, max]) {\n  return Math.min(max, Math.max(min, value));\n}\nexport {\n  clamp\n};\n//# sourceMappingURL=index.mjs.map\n"],"names":["clamp","value","min","max"],"mappings":"gFACA,SAASA,EAAMC,EAAO,CAACC,EAAKC,CAAG,EAAG,CAChC,OAAO,KAAK,IAAIA,EAAK,KAAK,IAAID,EAAKD,CAAK,CAAC,CAC3C","x_google_ignoreList":[0]}

package/dist/index.cjs483.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("./index.cjs383.js");var h,E;function V(){if(E)return h;E=1;var L="Expected a function",O=NaN,G="[object Symbol]",M=/^\s+|\s+$/g,q=/^[-+]0x[0-9a-f]+$/i,C=/^0b[01]+$/i,N=/^0o[0-7]+$/i,R=parseInt,W=typeof g.commonjsGlobal=="object"&&g.commonjsGlobal&&g.commonjsGlobal.Object===Object&&g.commonjsGlobal,$=typeof self=="object"&&self&&self.Object===Object&&self,A=W||$||Function("return this")(),B=Object.prototype,F=B.toString,P=Math.max,H=Math.min,y=function(){return A.Date.now()};function D(e,r,i){var a,u,l,c,t,f,s=0,S=!1,d=!1,p=!0;if(typeof e!="function")throw new TypeError(L);r=I(r)||0,j(i)&&(S=!!i.leading,d="maxWait"in i,l=d?P(I(i.maxWait)||0,r):l,p="trailing"in i?!!i.trailing:p);function v(n){var o=a,m=u;return a=u=void 0,s=n,c=e.apply(m,o),c}function z(n){return s=n,t=setTimeout(b,r),S?v(n):c}function J(n){var o=n-f,m=n-s,k=r-o;return d?H(k,l-m):k}function x(n){var o=n-f,m=n-s;return f===void 0||o>=r||o<0||d&&m>=l}function b(){var n=y();if(x(n))return _(n);t=setTimeout(b,J(n))}function _(n){return t=void 0,p&&a?v(n):(a=u=void 0,c)}function K(){t!==void 0&&clearTimeout(t),s=0,a=f=u=t=void 0}function Q(){return t===void 0?c:_(y())}function T(){var n=y(),o=x(n);if(a=arguments,u=this,f=n,o){if(t===void 0)return z(f);if(d)return t=setTimeout(b,r),v(f)}return t===void 0&&(t=setTimeout(b,r)),c}return T.cancel=K,T.flush=Q,T}function j(e){var r=typeof e;return!!e&&(r=="object"||r=="function")}function U(e){return!!e&&typeof e=="object"}function X(e){return typeof e=="symbol"||U(e)&&F.call(e)==G}function I(e){if(typeof e=="number")return e;if(X(e))return O;if(j(e)){var r=typeof e.valueOf=="function"?e.valueOf():e;e=j(r)?r+"":r}if(typeof e!="string")return e===0?e:+e;e=e.replace(M,"");var i=C.test(e);return i||N.test(e)?R(e.slice(2),i?2:8):q.test(e)?O:+e}return h=D,h}exports.__require=V;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("./index.cjs381.js");var h,E;function V(){if(E)return h;E=1;var L="Expected a function",O=NaN,G="[object Symbol]",M=/^\s+|\s+$/g,q=/^[-+]0x[0-9a-f]+$/i,C=/^0b[01]+$/i,N=/^0o[0-7]+$/i,R=parseInt,W=typeof g.commonjsGlobal=="object"&&g.commonjsGlobal&&g.commonjsGlobal.Object===Object&&g.commonjsGlobal,$=typeof self=="object"&&self&&self.Object===Object&&self,A=W||$||Function("return this")(),B=Object.prototype,F=B.toString,P=Math.max,H=Math.min,y=function(){return A.Date.now()};function D(e,r,i){var a,u,l,c,t,f,s=0,S=!1,d=!1,p=!0;if(typeof e!="function")throw new TypeError(L);r=I(r)||0,j(i)&&(S=!!i.leading,d="maxWait"in i,l=d?P(I(i.maxWait)||0,r):l,p="trailing"in i?!!i.trailing:p);function v(n){var o=a,m=u;return a=u=void 0,s=n,c=e.apply(m,o),c}function z(n){return s=n,t=setTimeout(b,r),S?v(n):c}function J(n){var o=n-f,m=n-s,k=r-o;return d?H(k,l-m):k}function x(n){var o=n-f,m=n-s;return f===void 0||o>=r||o<0||d&&m>=l}function b(){var n=y();if(x(n))return _(n);t=setTimeout(b,J(n))}function _(n){return t=void 0,p&&a?v(n):(a=u=void 0,c)}function K(){t!==void 0&&clearTimeout(t),s=0,a=f=u=t=void 0}function Q(){return t===void 0?c:_(y())}function T(){var n=y(),o=x(n);if(a=arguments,u=this,f=n,o){if(t===void 0)return z(f);if(d)return t=setTimeout(b,r),v(f)}return t===void 0&&(t=setTimeout(b,r)),c}return T.cancel=K,T.flush=Q,T}function j(e){var r=typeof e;return!!e&&(r=="object"||r=="function")}function U(e){return!!e&&typeof e=="object"}function X(e){return typeof e=="symbol"||U(e)&&F.call(e)==G}function I(e){if(typeof e=="number")return e;if(X(e))return O;if(j(e)){var r=typeof e.valueOf=="function"?e.valueOf():e;e=j(r)?r+"":r}if(typeof e!="string")return e===0?e:+e;e=e.replace(M,"");var i=C.test(e);return i||N.test(e)?R(e.slice(2),i?2:8):q.test(e)?O:+e}return h=D,h}exports.__require=V;
 //# sourceMappingURL=index.cjs483.js.map

package/dist/index.cjs57.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index.cjs212.js"),i=require("./index.cjs229.js"),x=require("./index.cjs214.js"),u=({initials:e,bg:t,textColor:r,size:n="2",className:o})=>{const c=i.createColorClasses({bg:t,text:r}),a={1:"w-x64 h-x64 fs-5",2:"w-x48 h-x48 fs-6",3:"w-x32 h-x32 fs-7"},l=x.clsx("rounded-full base-row justify-content-center align-items-center p-x4",a[n],c,o);return s.jsxRuntimeExports.jsx("div",{className:l,"aria-hidden":"true",children:s.jsxRuntimeExports.jsx("span",{className:"fw-semibold",children:e})})};exports.Avatar=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index.cjs212.js"),i=require("./index.cjs227.js"),x=require("./index.cjs214.js"),u=({initials:e,bg:t,textColor:r,size:n="2",className:o})=>{const c=i.createColorClasses({bg:t,text:r}),a={1:"w-x64 h-x64 fs-5",2:"w-x48 h-x48 fs-6",3:"w-x32 h-x32 fs-7"},l=x.clsx("rounded-full base-row justify-content-center align-items-center p-x4",a[n],c,o);return s.jsxRuntimeExports.jsx("div",{className:l,"aria-hidden":"true",children:s.jsxRuntimeExports.jsx("span",{className:"fw-semibold",children:e})})};exports.Avatar=u;
 //# sourceMappingURL=index.cjs57.js.map

package/dist/index.cjs6.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/Container/Container.css');const l=require("./index.cjs212.js"),m=require("./index.cjs214.js"),p=require("react"),g=require("./index.cjs227.js");;/* empty css              */const x=({as:s,children:n,className:t,display:r,justifyContent:c,alignItems:i,flexWrap:o,...e})=>{const a=s||"div",u=p.useMemo(()=>[...g.createSpacingClasses(e)].join(" "),[e]);return l.jsxRuntimeExports.jsx(a,{className:m.clsx("ui-container",t,u),style:{display:r,justifyContent:c,alignItems:i,flexWrap:o},children:n})};exports.Container=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/Container/Container.css');const l=require("./index.cjs212.js"),m=require("./index.cjs214.js"),p=require("react"),g=require("./index.cjs228.js");;/* empty css              */const x=({as:s,children:n,className:t,display:r,justifyContent:c,alignItems:i,flexWrap:o,...e})=>{const a=s||"div",u=p.useMemo(()=>[...g.createSpacingClasses(e)].join(" "),[e]);return l.jsxRuntimeExports.jsx(a,{className:m.clsx("ui-container",t,u),style:{display:r,justifyContent:c,alignItems:i,flexWrap:o},children:n})};exports.Container=x;
 //# sourceMappingURL=index.cjs6.js.map

package/dist/index.cjs7.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index.cjs212.js"),o=require("react"),a=require("./index.cjs214.js"),u=require("./index.cjs227.js"),l=({as:e,className:n,style:t,...s})=>{const r=e||"div",c=o.useMemo(()=>[...u.createSpacingClasses(s)].join(" "),[s]);return i.jsxRuntimeExports.jsx(r,{className:a.clsx("base-grid",n,c),style:{...t},...s})};exports.GridContainer=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index.cjs212.js"),o=require("react"),a=require("./index.cjs214.js"),u=require("./index.cjs228.js"),l=({as:e,className:n,style:t,...s})=>{const r=e||"div",c=o.useMemo(()=>[...u.createSpacingClasses(s)].join(" "),[s]);return i.jsxRuntimeExports.jsx(r,{className:a.clsx("base-grid",n,c),style:{...t},...s})};exports.GridContainer=l;
 //# sourceMappingURL=index.cjs7.js.map

package/dist/index.cjs8.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("./index.cjs212.js"),s=require("react"),x=require("./index.cjs214.js"),C=require("./index.cjs227.js"),j=({as:a,className:l,style:u,md:t,sm:e,xs:c,...o})=>{const m=a||"div",n=s.useMemo(()=>`col-grid-md-${t??"3"}`,[t]),r=s.useMemo(()=>e?`col-grid-sm-${e??"6"}`:"",[e]),i=s.useMemo(()=>`col-grid-${c??"12"}`,[c]),d=s.useMemo(()=>{const g=C.createSpacingClasses(o);return[i,r,n,...g].join(" ")},[n,o,r,i]);return p.jsxRuntimeExports.jsx(m,{className:x.clsx(l,d),style:{...u},...o})};exports.GridItem=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("./index.cjs212.js"),s=require("react"),x=require("./index.cjs214.js"),C=require("./index.cjs228.js"),j=({as:a,className:l,style:u,md:t,sm:e,xs:c,...o})=>{const m=a||"div",n=s.useMemo(()=>`col-grid-md-${t??"3"}`,[t]),r=s.useMemo(()=>e?`col-grid-sm-${e??"6"}`:"",[e]),i=s.useMemo(()=>`col-grid-${c??"12"}`,[c]),d=s.useMemo(()=>{const g=C.createSpacingClasses(o);return[i,r,n,...g].join(" ")},[n,o,r,i]);return p.jsxRuntimeExports.jsx(m,{className:x.clsx(l,d),style:{...u},...o})};exports.GridItem=j;
 //# sourceMappingURL=index.cjs8.js.map

package/dist/index.cjs9.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("./index.cjs212.js"),m=require("react"),q=require("./index.cjs214.js"),x=require("./index.cjs227.js"),j=require("./index.cjs229.js"),R=require("./index.cjs230.js"),b=({as:e,className:o,display:c,justifyContent:r,alignItems:t,flexWrap:n,style:a,ref:l,...s})=>{const i=e||"div",u=m.useMemo(()=>{const p=x.createSpacingClasses(s),y=j.createColorClasses(s),g=R.createTypographyClasses(s);return[...p,...y,...g].join(" ")},[s]);return C.jsxRuntimeExports.jsx(i,{ref:l,className:q.clsx("base-row",o,u),style:{display:c,justifyContent:r,alignItems:t,flexWrap:n,...a},...s})};exports.Row=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("./index.cjs212.js"),m=require("react"),q=require("./index.cjs214.js"),x=require("./index.cjs228.js"),j=require("./index.cjs227.js"),R=require("./index.cjs230.js"),b=({as:e,className:o,display:c,justifyContent:r,alignItems:t,flexWrap:n,style:a,ref:l,...s})=>{const i=e||"div",u=m.useMemo(()=>{const p=x.createSpacingClasses(s),y=j.createColorClasses(s),g=R.createTypographyClasses(s);return[...p,...y,...g].join(" ")},[s]);return C.jsxRuntimeExports.jsx(i,{ref:l,className:q.clsx("base-row",o,u),style:{display:c,justifyContent:r,alignItems:t,flexWrap:n,...a},...s})};exports.Row=b;
 //# sourceMappingURL=index.cjs9.js.map

package/dist/index.es10.js

@@ -1,8 +1,8 @@
 import { j as f } from "./index.es212.js";
 import { useMemo as x } from "react";
 import { clsx as y } from "./index.es214.js";
-import { createSpacingClasses as g } from "./index.es227.js";
-import { createColorClasses as j } from "./index.es229.js";
+import { createSpacingClasses as g } from "./index.es228.js";
+import { createColorClasses as j } from "./index.es227.js";
 import { createTypographyClasses as u } from "./index.es230.js";
 const M = ({
   as: o,

package/dist/index.es120.js

@@ -1,41 +1,42 @@
 import { j as e } from "./index.es212.js";
 import './sections/WhatDoYouNeed/WhatDoYouNeed.css';/* empty css            */
-import { Section as r } from "./index.es47.js";
-import { Col as m } from "./index.es10.js";
+import { clsx as m } from "./index.es214.js";
+import { Section as o } from "./index.es47.js";
+import { Col as h } from "./index.es10.js";
 import { Button as u } from "./index.es25.js";
-const y = ({
+const g = ({
   title: t,
-  description: a,
-  links: o,
+  description: i,
+  links: r,
   asLink: n = "a",
   showBlueBackground: l = !1
-}) => /* @__PURE__ */ e.jsxs(r, { className: `base-col ui-what-do-you-need-section ${l ? "blue-background" : ""}`, children: [
-  /* @__PURE__ */ e.jsxs(m, { className: "ui-what-do-you-need-content", children: [
-    /* @__PURE__ */ e.jsx(r.Title, { fs: "2", children: t }),
-    a && /* @__PURE__ */ e.jsx(r.Description, { children: a })
+}) => /* @__PURE__ */ e.jsxs(o, { className: `base-col ui-what-do-you-need-section ${l ? "blue-background" : ""}`, children: [
+  /* @__PURE__ */ e.jsxs(h, { className: "ui-what-do-you-need-content", children: [
+    /* @__PURE__ */ e.jsx(o.Title, { fs: "2", children: t }),
+    i && /* @__PURE__ */ e.jsx(o.Description, { children: i })
   ] }),
   /* @__PURE__ */ e.jsx(
     "ul",
     {
       role: "list",
       "aria-label": `Lista di ${t}`,
-      className: "list-style-none ui-what-do-you-need-links",
-      children: o == null ? void 0 : o.map(({ link: i, title: d, isNewTab: s }, c) => /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx(
+      className: m("list-style-none ui-what-do-you-need-links", r.length < 4 ? "row" : "grid"),
+      children: r == null ? void 0 : r.map(({ link: a, title: d, isNewTab: s }, c) => /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx(
         u,
         {
           asLink: n,
-          href: i,
+          href: a,
           size: "2",
           variant: c > 0 ? "secondary" : "primary",
           target: s ? "_blank" : void 0,
           rel: s ? "noopener noreferrer" : void 0,
           children: d
         }
-      ) }, i))
+      ) }, a))
     }
   )
 ] });
 export {
-  y as WhatDoYouNeed
+  g as WhatDoYouNeed
 };
 //# sourceMappingURL=index.es120.js.map

package/dist/index.es120.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es120.js","sources":["../src/sections/WhatDoYouNeed/index.tsx"],"sourcesContent":["import { Button, Col, Section } from \"@/components\";\nimport { SectionLink } from \"@anoki/fse-common\";\nimport \"./WhatDoYouNeed.scss\";\nimport { ComponentType, PropsWithChildren, ReactNode } from \"react\";\n\ntype WhatDoYouNeedProps = PropsWithChildren<{\n  title: ReactNode;\n  description?: ReactNode;\n  links: EnhancedSectionLink[];\n  asLink?: \"a\" | ComponentType<any>;\n  showBlueBackground?: boolean;\n}>;\n\ntype EnhancedSectionLink = SectionLink & {\n  isNewTab?: boolean;\n};\n\nexport const WhatDoYouNeed = ({\n  title,\n  description,\n  links,\n  asLink = \"a\",\n  showBlueBackground = false,\n}: WhatDoYouNeedProps) => {\n  return (\n    <Section className={`base-col ui-what-do-you-need-section ${showBlueBackground ? \"blue-background\" : \"\"}`}>\n      <Col className=\"ui-what-do-you-need-content\">\n        <Section.Title fs=\"2\">{title}</Section.Title>\n        {description && (\n          <Section.Description>{description}</Section.Description>\n        )}\n      </Col>\n      <ul\n        role=\"list\"\n        aria-label={`Lista di ${title}`}\n        className=\"list-style-none ui-what-do-you-need-links\"\n      >\n        {links?.map(({ link, title, isNewTab }, index) => (\n          <li key={link}>\n            <Button\n              asLink={asLink}\n              href={link}\n              size=\"2\"\n              variant={index > 0 ? \"secondary\" : \"primary\"}\n              // textColor={index > 0 ? \"primary\" : undefined}\n              // bg={index > 0 ? \"white\" : undefined}\n              // className={index > 0 ? \"br-color-primary\" : undefined}\n              target={isNewTab ? \"_blank\" : undefined}\n              rel={isNewTab ? \"noopener noreferrer\" : undefined}\n            >\n              {title}\n            </Button>\n          </li>\n        ))}\n      </ul>\n    </Section>\n  );\n};\n"],"names":["WhatDoYouNeed","title","description","links","asLink","showBlueBackground","Section","jsxs","Col","jsx","link","isNewTab","index","Button"],"mappings":";;;;;AAiBO,MAAMA,IAAgB,CAAC;AAAA,EAC5B,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,oBAAAC,IAAqB;AACvB,6BAEKC,GAAQ,EAAA,WAAW,wCAAwCD,IAAqB,oBAAoB,EAAE,IACrG,UAAA;AAAA,EAACE,gBAAAA,EAAAA,KAAAC,GAAA,EAAI,WAAU,+BACb,UAAA;AAAA,IAAAC,gBAAAA,EAAA,IAACH,EAAQ,OAAR,EAAc,IAAG,KAAK,UAAML,GAAA;AAAA,IAC5BC,KACCO,gBAAAA,EAAA,IAACH,EAAQ,aAAR,EAAqB,UAAYJ,EAAA,CAAA;AAAA,EAAA,GAEtC;AAAA,EACAO,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAY,YAAYR,CAAK;AAAA,MAC7B,WAAU;AAAA,MAET,UAAAE,KAAA,gBAAAA,EAAO,IAAI,CAAC,EAAE,MAAAO,GAAM,OAAAT,GAAO,UAAAU,EAAS,GAAGC,MACtCH,gBAAAA,EAAAA,IAAC,MACC,EAAA,UAAAA,gBAAAA,EAAA;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,QAAAT;AAAA,UACA,MAAMM;AAAA,UACN,MAAK;AAAA,UACL,SAASE,IAAQ,IAAI,cAAc;AAAA,UAInC,QAAQD,IAAW,WAAW;AAAA,UAC9B,KAAKA,IAAW,wBAAwB;AAAA,UAEvC,UAAAV;AAAAA,QAAA;AAAA,MACH,EAAA,GAbOS,CAcT;AAAA,IACD;AAAA,EAAA;AACH,GACF;"}
+{"version":3,"file":"index.es120.js","sources":["../src/sections/WhatDoYouNeed/index.tsx"],"sourcesContent":["import { Button, Col, Section } from \"@/components\";\nimport { SectionLink } from \"@anoki/fse-common\";\nimport \"./WhatDoYouNeed.scss\";\nimport { ComponentType, PropsWithChildren, ReactNode } from \"react\";\nimport clsx from \"clsx\";\n\ntype WhatDoYouNeedProps = PropsWithChildren<{\n  title: ReactNode;\n  description?: ReactNode;\n  links: EnhancedSectionLink[];\n  asLink?: \"a\" | ComponentType<any>;\n  showBlueBackground?: boolean;\n}>;\n\ntype EnhancedSectionLink = SectionLink & {\n  isNewTab?: boolean;\n};\n\nexport const WhatDoYouNeed = ({\n  title,\n  description,\n  links,\n  asLink = \"a\",\n  showBlueBackground = false,\n}: WhatDoYouNeedProps) => {\n  return (\n    <Section className={`base-col ui-what-do-you-need-section ${showBlueBackground ? \"blue-background\" : \"\"}`}>\n      <Col className=\"ui-what-do-you-need-content\">\n        <Section.Title fs=\"2\">{title}</Section.Title>\n        {description && (\n          <Section.Description>{description}</Section.Description>\n        )}\n      </Col>\n      <ul\n        role=\"list\"\n        aria-label={`Lista di ${title}`}\n        className={clsx(\"list-style-none ui-what-do-you-need-links\", links.length < 4 ? \"row\" : \"grid\")}\n      >\n        {links?.map(({ link, title, isNewTab }, index) => (\n          <li key={link}>\n            <Button\n              asLink={asLink}\n              href={link}\n              size=\"2\"\n              variant={index > 0 ? \"secondary\" : \"primary\"}\n              // textColor={index > 0 ? \"primary\" : undefined}\n              // bg={index > 0 ? \"white\" : undefined}\n              // className={index > 0 ? \"br-color-primary\" : undefined}\n              target={isNewTab ? \"_blank\" : undefined}\n              rel={isNewTab ? \"noopener noreferrer\" : undefined}\n            >\n              {title}\n            </Button>\n          </li>\n        ))}\n      </ul>\n    </Section>\n  );\n};\n"],"names":["WhatDoYouNeed","title","description","links","asLink","showBlueBackground","Section","jsxs","Col","jsx","clsx","link","isNewTab","index","Button"],"mappings":";;;;;;AAkBO,MAAMA,IAAgB,CAAC;AAAA,EAC5B,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,oBAAAC,IAAqB;AACvB,6BAEKC,GAAQ,EAAA,WAAW,wCAAwCD,IAAqB,oBAAoB,EAAE,IACrG,UAAA;AAAA,EAACE,gBAAAA,EAAAA,KAAAC,GAAA,EAAI,WAAU,+BACb,UAAA;AAAA,IAAAC,gBAAAA,EAAA,IAACH,EAAQ,OAAR,EAAc,IAAG,KAAK,UAAML,GAAA;AAAA,IAC5BC,KACCO,gBAAAA,EAAA,IAACH,EAAQ,aAAR,EAAqB,UAAYJ,EAAA,CAAA;AAAA,EAAA,GAEtC;AAAA,EACAO,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAY,YAAYR,CAAK;AAAA,MAC7B,WAAWS,EAAK,6CAA6CP,EAAM,SAAS,IAAI,QAAQ,MAAM;AAAA,MAE7F,UAAAA,KAAA,gBAAAA,EAAO,IAAI,CAAC,EAAE,MAAAQ,GAAM,OAAAV,GAAO,UAAAW,EAAS,GAAGC,MACtCJ,gBAAAA,EAAAA,IAAC,MACC,EAAA,UAAAA,gBAAAA,EAAA;AAAA,QAACK;AAAA,QAAA;AAAA,UACC,QAAAV;AAAA,UACA,MAAMO;AAAA,UACN,MAAK;AAAA,UACL,SAASE,IAAQ,IAAI,cAAc;AAAA,UAInC,QAAQD,IAAW,WAAW;AAAA,UAC9B,KAAKA,IAAW,wBAAwB;AAAA,UAEvC,UAAAX;AAAAA,QAAA;AAAA,MACH,EAAA,GAbOU,CAcT;AAAA,IACD;AAAA,EAAA;AACH,GACF;"}

package/dist/index.es130.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es212.js";
 import { clsx as t } from "./index.es214.js";
-import { createColorClasses as e } from "./index.es229.js";
+import { createColorClasses as e } from "./index.es227.js";
 const n = ({
   width: a = 24,
   height: r = 24,

package/dist/index.es131.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es212.js";
 import { clsx as a } from "./index.es214.js";
-import { createColorClasses as i } from "./index.es229.js";
+import { createColorClasses as i } from "./index.es227.js";
 const x = ({
   width: s = 24,
   height: o = 24,

package/dist/index.es132.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es212.js";
 import { clsx as l } from "./index.es214.js";
-import { createColorClasses as a } from "./index.es229.js";
+import { createColorClasses as a } from "./index.es227.js";
 const x = ({
   width: C = 32,
   height: s = 32,

package/dist/index.es133.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es212.js";
 import { clsx as a } from "./index.es214.js";
-import { createColorClasses as l } from "./index.es229.js";
+import { createColorClasses as l } from "./index.es227.js";
 const x = ({
   width: s = 24,
   height: o = 24,

package/dist/index.es134.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es212.js";
 import { clsx as a } from "./index.es214.js";
-import { createColorClasses as i } from "./index.es229.js";
+import { createColorClasses as i } from "./index.es227.js";
 const p = ({
   width: r = 24,
   height: o = 24,

package/dist/index.es135.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es212.js";
 import { clsx as l } from "./index.es214.js";
-import { createColorClasses as a } from "./index.es229.js";
+import { createColorClasses as a } from "./index.es227.js";
 const p = ({
   width: o = 114,
   height: r = 115,

package/dist/index.es136.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es212.js";
 import { clsx as l } from "./index.es214.js";
-import { createColorClasses as c } from "./index.es229.js";
+import { createColorClasses as c } from "./index.es227.js";
 const m = ({
   width: s = 121,
   height: e = 121,

package/dist/index.es137.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es212.js";
 import { clsx as t } from "./index.es214.js";
-import { createColorClasses as e } from "./index.es229.js";
+import { createColorClasses as e } from "./index.es227.js";
 const f = ({
   width: m = 100,
   height: a = 100,

package/dist/index.es138.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es212.js";
 import { clsx as s } from "./index.es214.js";
-import { createColorClasses as a } from "./index.es229.js";
+import { createColorClasses as a } from "./index.es227.js";
 const V = ({
   width: l = 263,
   height: h = 40,

package/dist/index.es139.js

@@ -1,6 +1,6 @@
 import { j as q } from "./index.es212.js";
 import { clsx as M } from "./index.es214.js";
-import { createColorClasses as t } from "./index.es229.js";
+import { createColorClasses as t } from "./index.es227.js";
 const i = ({
   width: v = 137,
   height: h = 40,

package/dist/index.es140.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es212.js";
 import { clsx as s } from "./index.es214.js";
-import { createColorClasses as r } from "./index.es229.js";
+import { createColorClasses as r } from "./index.es227.js";
 const a = ({
   width: v = 118,
   height: m = 40,

package/dist/index.es141.js

@@ -1,6 +1,6 @@
 import { j as h } from "./index.es212.js";
 import { clsx as c } from "./index.es214.js";
-import { createColorClasses as r } from "./index.es229.js";
+import { createColorClasses as r } from "./index.es227.js";
 const v = ({
   width: l = 44,
   height: s = 44,

package/dist/index.es142.js

@@ -1,6 +1,6 @@
 import { j as q } from "./index.es212.js";
 import { clsx as t } from "./index.es214.js";
-import { createColorClasses as s } from "./index.es229.js";
+import { createColorClasses as s } from "./index.es227.js";
 const x = ({
   width: l = 101,
   height: a = 40,

package/dist/index.es143.js

@@ -1,6 +1,6 @@
 import { j as q } from "./index.es212.js";
 import { clsx as M } from "./index.es214.js";
-import { createColorClasses as c } from "./index.es229.js";
+import { createColorClasses as c } from "./index.es227.js";
 const V = ({
   width: h = 181,
   height: v = 40,

package/dist/index.es144.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es212.js";
 import { clsx as s } from "./index.es214.js";
-import { createColorClasses as f } from "./index.es229.js";
+import { createColorClasses as f } from "./index.es227.js";
 const n = ({
   width: e = 75,
   height: c = 75,

package/dist/index.es145.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es212.js";
 import { clsx as o } from "./index.es214.js";
-import { createColorClasses as t } from "./index.es229.js";
+import { createColorClasses as t } from "./index.es227.js";
 const m = ({
   width: a = 75,
   height: s = 75,

package/dist/index.es146.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es212.js";
 import { clsx as i } from "./index.es214.js";
-import { createColorClasses as a } from "./index.es229.js";
+import { createColorClasses as a } from "./index.es227.js";
 const x = ({
   width: s = 24,
   height: o = 24,

package/dist/index.es147.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es212.js";
 import { clsx as i } from "./index.es214.js";
-import { createColorClasses as a } from "./index.es229.js";
+import { createColorClasses as a } from "./index.es227.js";
 const x = ({
   width: s = 24,
   height: o = 24,

package/dist/index.es148.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es212.js";
 import { clsx as c } from "./index.es214.js";
-import { createColorClasses as h } from "./index.es229.js";
+import { createColorClasses as h } from "./index.es227.js";
 const n = ({
   width: s = 32,
   height: o = 32,

package/dist/index.es149.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es212.js";
 import { clsx as l } from "./index.es214.js";
-import { createColorClasses as r } from "./index.es229.js";
+import { createColorClasses as r } from "./index.es227.js";
 const d = ({
   width: a = 32,
   height: h = 32,

package/dist/index.es150.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es212.js";
 import { clsx as r } from "./index.es214.js";
-import { createColorClasses as t } from "./index.es229.js";
+import { createColorClasses as t } from "./index.es227.js";
 const m = ({
   width: l = 32,
   height: c = 32,

package/dist/index.es151.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es212.js";
 import { clsx as m } from "./index.es214.js";
-import { createColorClasses as d } from "./index.es229.js";
+import { createColorClasses as d } from "./index.es227.js";
 const n = ({
   width: l = 32,
   height: h = 32,

package/dist/index.es152.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es212.js";
 import { clsx as t } from "./index.es214.js";
-import { createColorClasses as v } from "./index.es229.js";
+import { createColorClasses as v } from "./index.es227.js";
 const m = ({
   width: l = 32,
   height: e = 32,

package/dist/index.es156.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es212.js";
 import { clsx as t } from "./index.es214.js";
-import { createColorClasses as i } from "./index.es229.js";
+import { createColorClasses as i } from "./index.es227.js";
 const n = ({
   width: o = 32,
   height: a = 32,

package/dist/index.es157.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es212.js";
 import { clsx as t } from "./index.es214.js";
-import { createColorClasses as c } from "./index.es229.js";
+import { createColorClasses as c } from "./index.es227.js";
 const d = ({
   width: l = 32,
   height: s = 32,

package/dist/index.es158.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es212.js";
 import { clsx as a } from "./index.es214.js";
-import { createColorClasses as m } from "./index.es229.js";
+import { createColorClasses as m } from "./index.es227.js";
 const d = ({
   width: l = 24,
   height: e = 24,

package/dist/index.es160.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es212.js";
 import { clsx as t } from "./index.es214.js";
-import { createColorClasses as c } from "./index.es229.js";
+import { createColorClasses as c } from "./index.es227.js";
 const x = ({
   width: r = 32,
   height: s = 32,

package/dist/index.es161.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es212.js";
 import { clsx as a } from "./index.es214.js";
-import { createColorClasses as i } from "./index.es229.js";
+import { createColorClasses as i } from "./index.es227.js";
 const d = ({
   width: l = 24,
   height: s = 24,

package/dist/index.es162.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es212.js";
 import { clsx as a } from "./index.es214.js";
-import { createColorClasses as m } from "./index.es229.js";
+import { createColorClasses as m } from "./index.es227.js";
 const d = ({
   width: o = 24,
   height: r = 24,

package/dist/index.es163.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es212.js";
 import { clsx as i } from "./index.es214.js";
-import { createColorClasses as a } from "./index.es229.js";
+import { createColorClasses as a } from "./index.es227.js";
 const c = ({
   width: r = 24,
   height: s = 24,

package/dist/index.es164.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es212.js";
 import { clsx as r } from "./index.es214.js";
-import { createColorClasses as i } from "./index.es229.js";
+import { createColorClasses as i } from "./index.es227.js";
 const h = ({
   width: l = 24,
   height: o = 24,

package/dist/index.es165.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es212.js";
 import { clsx as l } from "./index.es214.js";
-import { createColorClasses as i } from "./index.es229.js";
+import { createColorClasses as i } from "./index.es227.js";
 const a = ({
   width: r = 24,
   height: t = 24,

package/dist/index.es166.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es212.js";
 import { clsx as i } from "./index.es214.js";
-import { createColorClasses as m } from "./index.es229.js";
+import { createColorClasses as m } from "./index.es227.js";
 const p = ({
   width: r = 16,
   height: s = 29,

package/dist/index.es167.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es212.js";
 import { clsx as c } from "./index.es214.js";
-import { createColorClasses as i } from "./index.es229.js";
+import { createColorClasses as i } from "./index.es227.js";
 const d = ({
   width: r = 24,
   height: e = 24,

package/dist/index.es168.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es212.js";
 import { clsx as l } from "./index.es214.js";
-import { createColorClasses as x } from "./index.es229.js";
+import { createColorClasses as x } from "./index.es227.js";
 const m = ({
   width: s = 24,
   height: t = 32,

package/dist/index.es170.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es212.js";
 import { clsx as l } from "./index.es214.js";
-import { createColorClasses as i } from "./index.es229.js";
+import { createColorClasses as i } from "./index.es227.js";
 const x = ({
   width: s = 24,
   height: t = 24,

package/dist/index.es171.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es212.js";
 import { clsx as i } from "./index.es214.js";
-import { createColorClasses as c } from "./index.es229.js";
+import { createColorClasses as c } from "./index.es227.js";
 const f = ({
   width: s = 13,
   height: o = 9,

package/dist/index.es172.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es212.js";
 import { clsx as i } from "./index.es214.js";
-import { createColorClasses as c } from "./index.es229.js";
+import { createColorClasses as c } from "./index.es227.js";
 const f = ({
   width: s = 13,
   height: o = 9,

package/dist/index.es173.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es212.js";
 import { clsx as a } from "./index.es214.js";
-import { createColorClasses as i } from "./index.es229.js";
+import { createColorClasses as i } from "./index.es227.js";
 const d = ({
   width: o = 20,
   height: r = 20,

package/dist/index.es174.js

@@ -1,6 +1,6 @@
 import { j as C } from "./index.es212.js";
 import { clsx as l } from "./index.es214.js";
-import { createColorClasses as i } from "./index.es229.js";
+import { createColorClasses as i } from "./index.es227.js";
 const L = ({
   width: o = 24,
   height: e = 24,

package/dist/index.es175.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es212.js";
 import { clsx as i } from "./index.es214.js";
-import { createColorClasses as a } from "./index.es229.js";
+import { createColorClasses as a } from "./index.es227.js";
 const d = ({
   width: r = 24,
   height: e = 24,

package/dist/index.es176.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es212.js";
 import { clsx as a } from "./index.es214.js";
-import { createColorClasses as i } from "./index.es229.js";
+import { createColorClasses as i } from "./index.es227.js";
 const p = ({
   width: s = 24,
   height: o = 24,

package/dist/index.es178.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es212.js";
 import { clsx as t } from "./index.es214.js";
-import { createColorClasses as i } from "./index.es229.js";
+import { createColorClasses as i } from "./index.es227.js";
 const c = ({
   width: r = 24,
   height: e = 24,

package/dist/index.es179.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es212.js";
 import { clsx as t } from "./index.es214.js";
-import { createColorClasses as i } from "./index.es229.js";
+import { createColorClasses as i } from "./index.es227.js";
 const p = ({
   width: e = 24,
   height: l = 24,

package/dist/index.es180.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es212.js";
 import { clsx as m } from "./index.es214.js";
-import { createColorClasses as a } from "./index.es229.js";
+import { createColorClasses as a } from "./index.es227.js";
 const p = ({
   width: e = 36,
   height: s = 36,

package/dist/index.es181.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es212.js";
 import { clsx as l } from "./index.es214.js";
-import { createColorClasses as m } from "./index.es229.js";
+import { createColorClasses as m } from "./index.es227.js";
 const v = ({
   width: c = 24,
   height: e = 24,

package/dist/index.es182.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es212.js";
 import { clsx as a } from "./index.es214.js";
-import { createColorClasses as m } from "./index.es229.js";
+import { createColorClasses as m } from "./index.es227.js";
 const c = ({
   width: e = 24,
   height: s = 24,

package/dist/index.es183.js

@@ -1,6 +1,6 @@
 import { j as C } from "./index.es212.js";
 import { clsx as t } from "./index.es214.js";
-import { createColorClasses as i } from "./index.es229.js";
+import { createColorClasses as i } from "./index.es227.js";
 const m = ({
   width: e = 32,
   height: s = 32,