@anoki/fse-ui 1.0.0-beta1.50.21 → 1.0.0-beta1.50.22

package/dist/index.es412.js

@@ -1,20 +1,7 @@
-import { j as r } from "./index.es246.js";
-import { clsx as d } from "./index.es248.js";
-import './components/ui/AddNewModal/AddNewModalContent/AddNewModalContent.css';/* empty css            */
-const a = ({
-  overrideClassNames: o,
-  children: t
-}) => /* @__PURE__ */ r.jsx(
-  "div",
-  {
-    className: d(
-      "ui-add-new-modal-body ui-modal-content-scrollable",
-      o
-    ),
-    children: t
-  }
-);
+import { j as t } from "./index.es246.js";
+import './components/ui/AddNewModal/AddNewModalFooter/AddNewModalFooter.css';/* empty css            */
+const a = ({ children: o }) => /* @__PURE__ */ t.jsx("footer", { className: "ui-add-new-modal-footer bg-white shadow ui-modal-footer", children: o });
 export {
-  a as AddNewModalContent
+  a as AddNewModalFooter
 };
 //# sourceMappingURL=index.es412.js.map

package/dist/index.es412.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es412.js","sources":["../src/components/ui/AddNewModal/AddNewModalContent/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport \"./AddNewModalContent.scss\";\nimport { ReactNode } from \"react\";\n\ntype AddNewModalContentProps = {\n  overrideClassNames?: string;\n  children?: ReactNode;\n};\n\nexport const AddNewModalContent = ({\n  overrideClassNames,\n  children,\n}: AddNewModalContentProps) => {\n  return (\n    <div\n      className={clsx(\n        \"ui-add-new-modal-body ui-modal-content-scrollable\",\n        overrideClassNames,\n      )}\n    >\n      {children}\n    </div>\n  );\n};\n"],"names":["AddNewModalContent","overrideClassNames","children","jsx","clsx"],"mappings":";;;AASO,MAAMA,IAAqB,CAAC;AAAA,EACjC,oBAAAC;AAAA,EACA,UAAAC;AACF,MAEIC,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACAH;AAAA,IACF;AAAA,IAEC,UAAAC;AAAA,EAAA;AACH;"}
+{"version":3,"file":"index.es412.js","sources":["../src/components/ui/AddNewModal/AddNewModalFooter/index.tsx"],"sourcesContent":["import \"./AddNewModalFooter.scss\";\nimport { ReactNode } from \"react\";\n\ntype AddNewModalFooterProps = {\n  children?: ReactNode;\n};\n\nexport const AddNewModalFooter = ({ children }: AddNewModalFooterProps) => {\n  return (\n    <footer className=\"ui-add-new-modal-footer bg-white shadow ui-modal-footer\">\n      {children}\n    </footer>\n  );\n};\n"],"names":["AddNewModalFooter","children","jsx"],"mappings":";;AAOO,MAAMA,IAAoB,CAAC,EAAE,UAAAC,QAE/BC,gBAAAA,EAAAA,IAAA,UAAA,EAAO,WAAU,2DACf,UAAAD,EACH,CAAA;"}

package/dist/{index.es418.js → index.es417.js}

@@ -15,4 +15,4 @@ D.displayName = "ScrollArea";
 export {
   D as ScrollArea
 };
-//# sourceMappingURL=index.es418.js.map
+//# sourceMappingURL=index.es417.js.map

package/dist/{index.es418.js.map → index.es417.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index.es418.js","sources":["../node_modules/@radix-ui/themes/dist/esm/components/scroll-area.js"],"sourcesContent":["import*as r from\"react\";import s from\"classnames\";import{ScrollArea as e}from\"radix-ui\";import{scrollAreaPropDefs as o}from\"./scroll-area.props.js\";import{extractMarginProps as h}from\"../helpers/extract-margin-props.js\";import{getMarginStyles as w}from\"../helpers/get-margin-styles.js\";import{getResponsiveClassNames as m}from\"../helpers/get-responsive-styles.js\";import{getSubtree as C}from\"../helpers/get-subtree.js\";import{mergeStyles as z}from\"../helpers/merge-styles.js\";const c=r.forwardRef((n,S)=>{const{rest:f,...P}=h(n),[u,A]=w(P),{asChild:a,children:d,className:y,style:v,type:t,scrollHideDelay:N=t!==\"scroll\"?0:void 0,dir:V,size:i=o.size.default,radius:p=o.radius.default,scrollbars:l=o.scrollbars.default,...b}=f;return r.createElement(e.Root,{type:t,scrollHideDelay:N,className:s(\"rt-ScrollAreaRoot\",u,y),style:z(A,v),asChild:a},C({asChild:a,children:d},g=>r.createElement(r.Fragment,null,r.createElement(e.Viewport,{...b,ref:S,className:\"rt-ScrollAreaViewport\"},g),r.createElement(\"div\",{className:\"rt-ScrollAreaViewportFocusRing\"}),l!==\"vertical\"?r.createElement(e.Scrollbar,{\"data-radius\":p,orientation:\"horizontal\",className:s(\"rt-ScrollAreaScrollbar\",m({className:\"rt-r-size\",value:i,propValues:o.size.values}))},r.createElement(e.Thumb,{className:\"rt-ScrollAreaThumb\"})):null,l!==\"horizontal\"?r.createElement(e.Scrollbar,{\"data-radius\":p,orientation:\"vertical\",className:s(\"rt-ScrollAreaScrollbar\",m({className:\"rt-r-size\",value:i,propValues:o.size.values}))},r.createElement(e.Thumb,{className:\"rt-ScrollAreaThumb\"})):null,l===\"both\"?r.createElement(e.Corner,{className:\"rt-ScrollAreaCorner\"}):null)))});c.displayName=\"ScrollArea\";export{c as ScrollArea};\n//# sourceMappingURL=scroll-area.js.map\n"],"names":["c","r","n","S","f","P","h","u","A","w","a","d","y","v","t","N","V","i","o","p","l","b","e.Root","s","z","C","g","e.Viewport","e.Scrollbar","m","e.Thumb","e.Corner"],"mappings":";;;;;;;;;AAAie,MAACA,IAAEC,EAAE,WAAW,CAACC,GAAEC,MAAI;AAAC,QAAK,EAAC,MAAKC,GAAE,GAAGC,EAAC,IAAEC,EAAEJ,CAAC,GAAE,CAACK,GAAEC,CAAC,IAAEC,EAAEJ,CAAC,GAAE,EAAC,SAAQK,GAAE,UAASC,GAAE,WAAUC,GAAE,OAAMC,GAAE,MAAKC,GAAE,iBAAgBC,IAAED,MAAI,WAAS,IAAE,QAAO,KAAIE,GAAE,MAAKC,IAAEC,EAAE,KAAK,SAAQ,QAAOC,IAAED,EAAE,OAAO,SAAQ,YAAWE,IAAEF,EAAE,WAAW,SAAQ,GAAGG,EAAC,IAAEjB;AAAE,SAAOH,EAAE,cAAcqB,GAAO,EAAC,MAAKR,GAAE,iBAAgBC,GAAE,WAAUQ,EAAE,qBAAoBhB,GAAEK,CAAC,GAAE,OAAMY,EAAEhB,GAAEK,CAAC,GAAE,SAAQH,EAAC,GAAEe,EAAE,EAAC,SAAQf,GAAE,UAASC,EAAC,GAAEe,CAAAA,MAAGzB,EAAE,cAAcA,EAAE,UAAS,MAAKA,EAAE,cAAc0B,GAAW,EAAC,GAAGN,GAAE,KAAIlB,GAAE,WAAU,wBAAuB,GAAEuB,CAAC,GAAEzB,EAAE,cAAc,OAAM,EAAC,WAAU,iCAAgC,CAAC,GAAEmB,MAAI,aAAWnB,EAAE,cAAc2B,GAAY,EAAC,eAAcT,GAAE,aAAY,cAAa,WAAUI,EAAE,0BAAyBM,EAAE,EAAC,WAAU,aAAY,OAAMZ,GAAE,YAAWC,EAAE,KAAK,OAAM,CAAC,CAAC,EAAC,GAAEjB,EAAE,cAAc6B,GAAQ,EAAC,WAAU,qBAAoB,CAAC,CAAC,IAAE,MAAKV,MAAI,eAAanB,EAAE,cAAc2B,GAAY,EAAC,eAAcT,GAAE,aAAY,YAAW,WAAUI,EAAE,0BAAyBM,EAAE,EAAC,WAAU,aAAY,OAAMZ,GAAE,YAAWC,EAAE,KAAK,OAAM,CAAC,CAAC,EAAC,GAAEjB,EAAE,cAAc6B,GAAQ,EAAC,WAAU,qBAAoB,CAAC,CAAC,IAAE,MAAKV,MAAI,SAAOnB,EAAE,cAAc8B,GAAS,EAAC,WAAU,sBAAqB,CAAC,IAAE,IAAI,CAAC,CAAC;AAAC,CAAC;AAAE/B,EAAE,cAAY;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es417.js","sources":["../node_modules/@radix-ui/themes/dist/esm/components/scroll-area.js"],"sourcesContent":["import*as r from\"react\";import s from\"classnames\";import{ScrollArea as e}from\"radix-ui\";import{scrollAreaPropDefs as o}from\"./scroll-area.props.js\";import{extractMarginProps as h}from\"../helpers/extract-margin-props.js\";import{getMarginStyles as w}from\"../helpers/get-margin-styles.js\";import{getResponsiveClassNames as m}from\"../helpers/get-responsive-styles.js\";import{getSubtree as C}from\"../helpers/get-subtree.js\";import{mergeStyles as z}from\"../helpers/merge-styles.js\";const c=r.forwardRef((n,S)=>{const{rest:f,...P}=h(n),[u,A]=w(P),{asChild:a,children:d,className:y,style:v,type:t,scrollHideDelay:N=t!==\"scroll\"?0:void 0,dir:V,size:i=o.size.default,radius:p=o.radius.default,scrollbars:l=o.scrollbars.default,...b}=f;return r.createElement(e.Root,{type:t,scrollHideDelay:N,className:s(\"rt-ScrollAreaRoot\",u,y),style:z(A,v),asChild:a},C({asChild:a,children:d},g=>r.createElement(r.Fragment,null,r.createElement(e.Viewport,{...b,ref:S,className:\"rt-ScrollAreaViewport\"},g),r.createElement(\"div\",{className:\"rt-ScrollAreaViewportFocusRing\"}),l!==\"vertical\"?r.createElement(e.Scrollbar,{\"data-radius\":p,orientation:\"horizontal\",className:s(\"rt-ScrollAreaScrollbar\",m({className:\"rt-r-size\",value:i,propValues:o.size.values}))},r.createElement(e.Thumb,{className:\"rt-ScrollAreaThumb\"})):null,l!==\"horizontal\"?r.createElement(e.Scrollbar,{\"data-radius\":p,orientation:\"vertical\",className:s(\"rt-ScrollAreaScrollbar\",m({className:\"rt-r-size\",value:i,propValues:o.size.values}))},r.createElement(e.Thumb,{className:\"rt-ScrollAreaThumb\"})):null,l===\"both\"?r.createElement(e.Corner,{className:\"rt-ScrollAreaCorner\"}):null)))});c.displayName=\"ScrollArea\";export{c as ScrollArea};\n//# sourceMappingURL=scroll-area.js.map\n"],"names":["c","r","n","S","f","P","h","u","A","w","a","d","y","v","t","N","V","i","o","p","l","b","e.Root","s","z","C","g","e.Viewport","e.Scrollbar","m","e.Thumb","e.Corner"],"mappings":";;;;;;;;;AAAie,MAACA,IAAEC,EAAE,WAAW,CAACC,GAAEC,MAAI;AAAC,QAAK,EAAC,MAAKC,GAAE,GAAGC,EAAC,IAAEC,EAAEJ,CAAC,GAAE,CAACK,GAAEC,CAAC,IAAEC,EAAEJ,CAAC,GAAE,EAAC,SAAQK,GAAE,UAASC,GAAE,WAAUC,GAAE,OAAMC,GAAE,MAAKC,GAAE,iBAAgBC,IAAED,MAAI,WAAS,IAAE,QAAO,KAAIE,GAAE,MAAKC,IAAEC,EAAE,KAAK,SAAQ,QAAOC,IAAED,EAAE,OAAO,SAAQ,YAAWE,IAAEF,EAAE,WAAW,SAAQ,GAAGG,EAAC,IAAEjB;AAAE,SAAOH,EAAE,cAAcqB,GAAO,EAAC,MAAKR,GAAE,iBAAgBC,GAAE,WAAUQ,EAAE,qBAAoBhB,GAAEK,CAAC,GAAE,OAAMY,EAAEhB,GAAEK,CAAC,GAAE,SAAQH,EAAC,GAAEe,EAAE,EAAC,SAAQf,GAAE,UAASC,EAAC,GAAEe,CAAAA,MAAGzB,EAAE,cAAcA,EAAE,UAAS,MAAKA,EAAE,cAAc0B,GAAW,EAAC,GAAGN,GAAE,KAAIlB,GAAE,WAAU,wBAAuB,GAAEuB,CAAC,GAAEzB,EAAE,cAAc,OAAM,EAAC,WAAU,iCAAgC,CAAC,GAAEmB,MAAI,aAAWnB,EAAE,cAAc2B,GAAY,EAAC,eAAcT,GAAE,aAAY,cAAa,WAAUI,EAAE,0BAAyBM,EAAE,EAAC,WAAU,aAAY,OAAMZ,GAAE,YAAWC,EAAE,KAAK,OAAM,CAAC,CAAC,EAAC,GAAEjB,EAAE,cAAc6B,GAAQ,EAAC,WAAU,qBAAoB,CAAC,CAAC,IAAE,MAAKV,MAAI,eAAanB,EAAE,cAAc2B,GAAY,EAAC,eAAcT,GAAE,aAAY,YAAW,WAAUI,EAAE,0BAAyBM,EAAE,EAAC,WAAU,aAAY,OAAMZ,GAAE,YAAWC,EAAE,KAAK,OAAM,CAAC,CAAC,EAAC,GAAEjB,EAAE,cAAc6B,GAAQ,EAAC,WAAU,qBAAoB,CAAC,CAAC,IAAE,MAAKV,MAAI,SAAOnB,EAAE,cAAc8B,GAAS,EAAC,WAAU,sBAAqB,CAAC,IAAE,IAAI,CAAC,CAAC;AAAC,CAAC;AAAE/B,EAAE,cAAY;","x_google_ignoreList":[0]}

package/dist/index.es42.js

@@ -2,50 +2,50 @@ import { j as e } from "./index.es246.js";
 import { ArrowRight as l } from "./index.es175.js";
 const v = ({
   href: c,
-  asLink: f = "a",
-  isExternal: n = !1,
-  fs: d = "6",
-  children: s,
-  className: m = "",
-  onClick: r,
-  type: p = "button",
+  asLink: m = "a",
+  isExternal: r = !1,
+  fs: p = "6",
+  children: n,
+  className: f = "",
+  onClick: o,
+  type: d = "button",
   asButton: u,
-  arrowVisible: o = !0,
+  arrowVisible: s = !0,
   ...a
 }) => {
-  const i = `max-w-fit text-decoration-none text-primary base-row align-items-center fw-bold gap-x8 hover-underline ${((t) => `fs-${t}`)(d)} ${m}`;
+  const i = `max-w-fit text-decoration-none text-primary base-row align-items-center fw-bold gap-x8 hover-underline ${((t) => `fs-${t}`)(p)} ${f}`;
   if (u)
     return /* @__PURE__ */ e.jsxs(
       "button",
       {
         className: `bg-transparent border-none ${i}`,
         onClick: (t) => {
-          t.preventDefault(), t.stopPropagation(), r && r();
+          t.preventDefault(), t.stopPropagation(), o && o();
         },
-        type: p,
+        type: d,
         ...a,
         children: [
-          s,
-          o && /* @__PURE__ */ e.jsx(l, { width: 24, height: 24 })
+          n,
+          s && /* @__PURE__ */ e.jsx(l, { color: "primary", width: 24, height: 24 })
         ]
       }
     );
-  const h = f;
+  const h = m;
   return /* @__PURE__ */ e.jsxs(
     h,
     {
       className: i,
       href: c,
-      target: n ? "_blank" : void 0,
-      rel: n ? "noreferrer noopener" : void 0,
+      target: r ? "_blank" : void 0,
+      rel: r ? "noreferrer noopener" : void 0,
       ...a,
       children: [
-        s,
-        n && /* @__PURE__ */ e.jsxs("span", { className: "visually-hidden", children: [
+        n,
+        r && /* @__PURE__ */ e.jsxs("span", { className: "visually-hidden", children: [
           " ",
           "(si apre in una nuova finestra)"
         ] }),
-        o && /* @__PURE__ */ e.jsx(l, { width: 24, height: 24 })
+        s && /* @__PURE__ */ e.jsx(l, { color: "primary", width: 24, height: 24 })
       ]
     }
   );

package/dist/index.es42.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es42.js","sources":["../src/components/ui/ArrowLink/index.tsx"],"sourcesContent":["import { ArrowRight } from \"@/icons/ArrowRight\";\nimport { TypographyKeys } from \"@/theme/typography\";\nimport React, { ElementType } from \"react\";\n\ntype BaseArrowLinkProps = {\n  isExternal?: boolean;\n  fs?: TypographyKeys;\n  children: React.ReactNode;\n  className?: string;\n};\n\ntype ArrowLinkAsLinkProps = BaseArrowLinkProps & {\n  href: string;\n  asLink?: \"a\" | ElementType;\n  onClick?: never;\n  type?: never;\n  asButton?: never;\n  arrowVisible?: boolean;\n};\n\ntype ArrowLinkAsButtonProps = BaseArrowLinkProps & {\n  onClick?: () => void;\n  type?: \"button\";\n  asButton?: true;\n  asLink?: never;\n  href?: never;\n  arrowVisible?: boolean;\n};\n\ntype ArrowLinkProps = ArrowLinkAsLinkProps | ArrowLinkAsButtonProps;\n\nexport const ArrowLink = ({\n  href,\n  asLink = \"a\",\n  isExternal = false,\n  fs = \"6\",\n  children,\n  className = \"\",\n  onClick,\n  type = \"button\",\n  asButton,\n  arrowVisible = true,\n  ...props\n}: ArrowLinkProps) => {\n  const createFontSizeClass = (size: TypographyKeys) => {\n    return `fs-${size}`;\n  };\n\n  const fontSizeClass = createFontSizeClass(fs);\n  const baseClasses = `max-w-fit text-decoration-none text-primary base-row align-items-center fw-bold gap-x8 hover-underline ${fontSizeClass} ${className}`;\n\n  if (asButton) {\n    return (\n      <button\n        className={`bg-transparent border-none ${baseClasses}`}\n        onClick={(e) => {\n          e.preventDefault();\n          e.stopPropagation();\n          if (onClick) {\n            onClick();\n          }\n        }}\n        type={type}\n        {...props}\n      >\n        {children}\n        {arrowVisible && <ArrowRight width={24} height={24} />}\n      </button>\n    );\n  }\n\n  const LinkComponent = asLink;\n\n  return (\n    <LinkComponent\n      className={baseClasses}\n      href={href}\n      target={isExternal ? \"_blank\" : undefined}\n      rel={isExternal ? \"noreferrer noopener\" : undefined}\n      {...props}\n    >\n      {children}\n      {isExternal && (\n        <span className=\"visually-hidden\">\n          {\" \"}\n          (si apre in una nuova finestra)\n        </span>\n      )}\n      {arrowVisible && <ArrowRight width={24} height={24} />}\n    </LinkComponent>\n  );\n};\n"],"names":["ArrowLink","href","asLink","isExternal","fs","children","className","onClick","type","asButton","arrowVisible","props","baseClasses","size","jsxs","e","jsx","ArrowRight","LinkComponent"],"mappings":";;AA+BO,MAAMA,IAAY,CAAC;AAAA,EACxB,MAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,YAAAC,IAAa;AAAA,EACb,IAAAC,IAAK;AAAA,EACL,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,SAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,UAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,GAAGC;AACL,MAAsB;AAMpB,QAAMC,IAAc,2GALQ,CAACC,MACpB,MAAMA,CAAI,IAGuBT,CAAE,CAC+F,IAAIE,CAAS;AAExJ,MAAIG;AAEA,WAAAK,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,8BAA8BF,CAAW;AAAA,QACpD,SAAS,CAACG,MAAM;AACd,UAAAA,EAAE,eAAe,GACjBA,EAAE,gBAAgB,GACdR,KACMA,EAAA;AAAA,QAEZ;AAAA,QACA,MAAAC;AAAA,QACC,GAAGG;AAAA,QAEH,UAAA;AAAA,UAAAN;AAAA,UACAK,KAAiBM,gBAAAA,EAAA,IAAAC,GAAA,EAAW,OAAO,IAAI,QAAQ,GAAI,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACtD;AAIJ,QAAMC,IAAgBhB;AAGpB,SAAAY,gBAAAA,EAAA;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,WAAWN;AAAA,MACX,MAAAX;AAAA,MACA,QAAQE,IAAa,WAAW;AAAA,MAChC,KAAKA,IAAa,wBAAwB;AAAA,MACzC,GAAGQ;AAAA,MAEH,UAAA;AAAA,QAAAN;AAAA,QACAF,KACCW,gBAAAA,EAAA,KAAC,QAAK,EAAA,WAAU,mBACb,UAAA;AAAA,UAAA;AAAA,UAAI;AAAA,QAAA,GAEP;AAAA,QAEDJ,KAAiBM,gBAAAA,EAAA,IAAAC,GAAA,EAAW,OAAO,IAAI,QAAQ,GAAI,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACtD;AAEJ;"}
+{"version":3,"file":"index.es42.js","sources":["../src/components/ui/ArrowLink/index.tsx"],"sourcesContent":["import { ArrowRight } from \"@/icons/ArrowRight\";\nimport { TypographyKeys } from \"@/theme/typography\";\nimport React, { ElementType } from \"react\";\n\ntype BaseArrowLinkProps = {\n  isExternal?: boolean;\n  fs?: TypographyKeys;\n  children: React.ReactNode;\n  className?: string;\n};\n\ntype ArrowLinkAsLinkProps = BaseArrowLinkProps & {\n  href: string;\n  asLink?: \"a\" | ElementType;\n  onClick?: never;\n  type?: never;\n  asButton?: never;\n  arrowVisible?: boolean;\n};\n\ntype ArrowLinkAsButtonProps = BaseArrowLinkProps & {\n  onClick?: () => void;\n  type?: \"button\";\n  asButton?: true;\n  asLink?: never;\n  href?: never;\n  arrowVisible?: boolean;\n};\n\ntype ArrowLinkProps = ArrowLinkAsLinkProps | ArrowLinkAsButtonProps;\n\nexport const ArrowLink = ({\n  href,\n  asLink = \"a\",\n  isExternal = false,\n  fs = \"6\",\n  children,\n  className = \"\",\n  onClick,\n  type = \"button\",\n  asButton,\n  arrowVisible = true,\n  ...props\n}: ArrowLinkProps) => {\n  const createFontSizeClass = (size: TypographyKeys) => {\n    return `fs-${size}`;\n  };\n\n  const fontSizeClass = createFontSizeClass(fs);\n  const baseClasses = `max-w-fit text-decoration-none text-primary base-row align-items-center fw-bold gap-x8 hover-underline ${fontSizeClass} ${className}`;\n\n  if (asButton) {\n    return (\n      <button\n        className={`bg-transparent border-none ${baseClasses}`}\n        onClick={(e) => {\n          e.preventDefault();\n          e.stopPropagation();\n          if (onClick) {\n            onClick();\n          }\n        }}\n        type={type}\n        {...props}\n      >\n        {children}\n        {arrowVisible && (\n          <ArrowRight color={\"primary\"} width={24} height={24} />\n        )}\n      </button>\n    );\n  }\n\n  const LinkComponent = asLink;\n\n  return (\n    <LinkComponent\n      className={baseClasses}\n      href={href}\n      target={isExternal ? \"_blank\" : undefined}\n      rel={isExternal ? \"noreferrer noopener\" : undefined}\n      {...props}\n    >\n      {children}\n      {isExternal && (\n        <span className=\"visually-hidden\">\n          {\" \"}\n          (si apre in una nuova finestra)\n        </span>\n      )}\n      {arrowVisible && <ArrowRight color={\"primary\"} width={24} height={24} />}\n    </LinkComponent>\n  );\n};\n"],"names":["ArrowLink","href","asLink","isExternal","fs","children","className","onClick","type","asButton","arrowVisible","props","baseClasses","size","jsxs","e","ArrowRight","LinkComponent"],"mappings":";;AA+BO,MAAMA,IAAY,CAAC;AAAA,EACxB,MAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,YAAAC,IAAa;AAAA,EACb,IAAAC,IAAK;AAAA,EACL,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,SAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,UAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,GAAGC;AACL,MAAsB;AAMpB,QAAMC,IAAc,2GALQ,CAACC,MACpB,MAAMA,CAAI,IAGuBT,CAAE,CAC+F,IAAIE,CAAS;AAExJ,MAAIG;AAEA,WAAAK,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,8BAA8BF,CAAW;AAAA,QACpD,SAAS,CAACG,MAAM;AACd,UAAAA,EAAE,eAAe,GACjBA,EAAE,gBAAgB,GACdR,KACMA,EAAA;AAAA,QAEZ;AAAA,QACA,MAAAC;AAAA,QACC,GAAGG;AAAA,QAEH,UAAA;AAAA,UAAAN;AAAA,UACAK,2BACEM,GAAW,EAAA,OAAO,WAAW,OAAO,IAAI,QAAQ,GAAI,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAEzD;AAIJ,QAAMC,IAAgBf;AAGpB,SAAAY,gBAAAA,EAAA;AAAA,IAACG;AAAA,IAAA;AAAA,MACC,WAAWL;AAAA,MACX,MAAAX;AAAA,MACA,QAAQE,IAAa,WAAW;AAAA,MAChC,KAAKA,IAAa,wBAAwB;AAAA,MACzC,GAAGQ;AAAA,MAEH,UAAA;AAAA,QAAAN;AAAA,QACAF,KACCW,gBAAAA,EAAA,KAAC,QAAK,EAAA,WAAU,mBACb,UAAA;AAAA,UAAA;AAAA,UAAI;AAAA,QAAA,GAEP;AAAA,QAEDJ,2BAAiBM,GAAW,EAAA,OAAO,WAAW,OAAO,IAAI,QAAQ,GAAI,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACxE;AAEJ;"}

package/dist/{index.es424.js → index.es423.js}

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es246.js";
 import { clsx as d } from "./index.es248.js";
-import m from "./index.es426.js";
+import m from "./index.es425.js";
 const x = ({
   index: t,
   title: l,
@@ -35,4 +35,4 @@ const x = ({
 export {
   x as StepItem
 };
-//# sourceMappingURL=index.es424.js.map
+//# sourceMappingURL=index.es423.js.map

package/dist/{index.es424.js.map → index.es423.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index.es424.js","sources":["../src/components/ui/Accordion/AccordionStepper/StepItem/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport ToggleContent from \"../ToggleContent/ToggleContent\";\nimport { ToggleLabel } from \"../types\";\n\nexport interface StepData {\n  title: string;\n  content: React.ReactNode;\n}\n\ninterface StepItemProps extends StepData {\n  index: number;\n  isOpen: boolean;\n  onToggle: () => void;\n  detailLabels: ToggleLabel;\n}\n\nexport const StepItem: React.FC<StepItemProps> = ({\n  index,\n  title,\n  content,\n  isOpen,\n  detailLabels,\n  onToggle,\n}) => {\n  return (\n    <div className=\"step-item\">\n      <div className={clsx(\"step-header\", isOpen && \"open\")}>\n        <div className=\"step-number\">{index + 1}</div>\n        <div className=\"step-title\">{title}</div>\n      </div>\n\n      <div className=\"step-details\">\n        <div className=\"step-details-box\">\n          <div className=\"\"></div>\n          <div className=\"line\"></div>\n        </div>\n        <div className=\"step-details-content\">\n          <ToggleContent\n            className=\"toggle-btn\"\n            onClick={onToggle}\n            isOpen={isOpen}\n            toggleLabels={detailLabels}\n          />\n          {isOpen && <div className=\"step-content\">{content}</div>}\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":["StepItem","index","title","content","isOpen","detailLabels","onToggle","jsxs","clsx","jsx","ToggleContent"],"mappings":";;;AAgBO,MAAMA,IAAoC,CAAC;AAAA,EAChD,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AACF,MAEIC,gBAAAA,EAAA,KAAC,OAAI,EAAA,WAAU,aACb,UAAA;AAAA,EAAAA,gBAAAA,OAAC,SAAI,WAAWC,EAAK,eAAeJ,KAAU,MAAM,GAClD,UAAA;AAAA,IAAAK,gBAAAA,EAAA,IAAC,OAAI,EAAA,WAAU,eAAe,UAAAR,IAAQ,GAAE;AAAA,IACvCQ,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,cAAc,UAAMP,EAAA,CAAA;AAAA,EAAA,GACrC;AAAA,EAEAK,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,gBACb,UAAA;AAAA,IAACA,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,oBACb,UAAA;AAAA,MAACE,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,GAAG,CAAA;AAAA,MAClBA,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,OAAO,CAAA;AAAA,IAAA,GACxB;AAAA,IACAF,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,wBACb,UAAA;AAAA,MAAAE,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,SAASJ;AAAA,UACT,QAAAF;AAAA,UACA,cAAcC;AAAA,QAAA;AAAA,MAChB;AAAA,MACCD,KAAUK,gBAAAA,EAAA,IAAC,OAAI,EAAA,WAAU,gBAAgB,UAAQN,EAAA,CAAA;AAAA,IAAA,EACpD,CAAA;AAAA,EAAA,EACF,CAAA;AAAA,GACF;"}
+{"version":3,"file":"index.es423.js","sources":["../src/components/ui/Accordion/AccordionStepper/StepItem/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport ToggleContent from \"../ToggleContent/ToggleContent\";\nimport { ToggleLabel } from \"../types\";\n\nexport interface StepData {\n  title: string;\n  content: React.ReactNode;\n}\n\ninterface StepItemProps extends StepData {\n  index: number;\n  isOpen: boolean;\n  onToggle: () => void;\n  detailLabels: ToggleLabel;\n}\n\nexport const StepItem: React.FC<StepItemProps> = ({\n  index,\n  title,\n  content,\n  isOpen,\n  detailLabels,\n  onToggle,\n}) => {\n  return (\n    <div className=\"step-item\">\n      <div className={clsx(\"step-header\", isOpen && \"open\")}>\n        <div className=\"step-number\">{index + 1}</div>\n        <div className=\"step-title\">{title}</div>\n      </div>\n\n      <div className=\"step-details\">\n        <div className=\"step-details-box\">\n          <div className=\"\"></div>\n          <div className=\"line\"></div>\n        </div>\n        <div className=\"step-details-content\">\n          <ToggleContent\n            className=\"toggle-btn\"\n            onClick={onToggle}\n            isOpen={isOpen}\n            toggleLabels={detailLabels}\n          />\n          {isOpen && <div className=\"step-content\">{content}</div>}\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":["StepItem","index","title","content","isOpen","detailLabels","onToggle","jsxs","clsx","jsx","ToggleContent"],"mappings":";;;AAgBO,MAAMA,IAAoC,CAAC;AAAA,EAChD,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AACF,MAEIC,gBAAAA,EAAA,KAAC,OAAI,EAAA,WAAU,aACb,UAAA;AAAA,EAAAA,gBAAAA,OAAC,SAAI,WAAWC,EAAK,eAAeJ,KAAU,MAAM,GAClD,UAAA;AAAA,IAAAK,gBAAAA,EAAA,IAAC,OAAI,EAAA,WAAU,eAAe,UAAAR,IAAQ,GAAE;AAAA,IACvCQ,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,cAAc,UAAMP,EAAA,CAAA;AAAA,EAAA,GACrC;AAAA,EAEAK,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,gBACb,UAAA;AAAA,IAACA,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,oBACb,UAAA;AAAA,MAACE,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,GAAG,CAAA;AAAA,MAClBA,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,OAAO,CAAA;AAAA,IAAA,GACxB;AAAA,IACAF,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,wBACb,UAAA;AAAA,MAAAE,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,SAASJ;AAAA,UACT,QAAAF;AAAA,UACA,cAAcC;AAAA,QAAA;AAAA,MAChB;AAAA,MACCD,KAAUK,gBAAAA,EAAA,IAAC,OAAI,EAAA,WAAU,gBAAgB,UAAQN,EAAA,CAAA;AAAA,IAAA,EACpD,CAAA;AAAA,EAAA,EACF,CAAA;AAAA,GACF;"}

package/dist/index.es425.js

@@ -0,0 +1,12 @@
+import { j as r } from "./index.es246.js";
+import { clsx as e } from "./index.es248.js";
+import { ArrowTop as m } from "./index.es204.js";
+import { ArrowDown as n } from "./index.es159.js";
+const p = ({ isOpen: o, onClick: t, className: a, toggleLabels: s }) => /* @__PURE__ */ r.jsxs("button", { className: e("", a), onClick: t, children: [
+  o ? s.closeLabel : s.activeLabel,
+  /* @__PURE__ */ r.jsx("span", { className: "arrow", children: o ? /* @__PURE__ */ r.jsx(m, {}) : /* @__PURE__ */ r.jsx(n, {}) })
+] });
+export {
+  p as default
+};
+//# sourceMappingURL=index.es425.js.map

package/dist/index.es425.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es425.js","sources":["../src/components/ui/Accordion/AccordionStepper/ToggleContent/ToggleContent.tsx"],"sourcesContent":["import { ArrowDown, ArrowTop } from \"@/icons\";\nimport { ToggleLabel } from \"../types\";\nimport clsx from \"clsx\";\n\ntype Props = {\n  className?: string;\n  isOpen: boolean;\n  onClick: () => void;\n  toggleLabels: ToggleLabel;\n};\n\nconst ToggleContent = ({ isOpen, onClick, className, toggleLabels }: Props) => {\n  return (\n    <button className={clsx(\"\", className)} onClick={onClick}>\n      {isOpen ? toggleLabels.closeLabel : toggleLabels.activeLabel}\n      <span className=\"arrow\">{isOpen ? <ArrowTop /> : <ArrowDown />}</span>\n    </button>\n  );\n};\n\nexport default ToggleContent;\n"],"names":["ToggleContent","isOpen","onClick","className","toggleLabels","clsx","jsx","ArrowTop","ArrowDown"],"mappings":";;;;AAWA,MAAMA,IAAgB,CAAC,EAAE,QAAAC,GAAQ,SAAAC,GAAS,WAAAC,GAAW,cAAAC,+BAEhD,UAAO,EAAA,WAAWC,EAAK,IAAIF,CAAS,GAAG,SAAAD,GACrC,UAAA;AAAA,EAASD,IAAAG,EAAa,aAAaA,EAAa;AAAA,EACjDE,gBAAAA,EAAAA,IAAC,QAAK,EAAA,WAAU,SAAS,UAAAL,0BAAUM,GAAS,CAAA,CAAA,IAAMD,gBAAAA,EAAA,IAAAE,GAAA,CAAU,CAAA,EAAG,CAAA;AAAA,GACjE;"}

package/dist/index.es426.js

@@ -1,12 +1,20 @@
-import { j as r } from "./index.es246.js";
-import { clsx as e } from "./index.es248.js";
-import { ArrowTop as m } from "./index.es204.js";
-import { ArrowDown as n } from "./index.es159.js";
-const p = ({ isOpen: o, onClick: t, className: a, toggleLabels: s }) => /* @__PURE__ */ r.jsxs("button", { className: e("", a), onClick: t, children: [
-  o ? s.closeLabel : s.activeLabel,
-  /* @__PURE__ */ r.jsx("span", { className: "arrow", children: o ? /* @__PURE__ */ r.jsx(m, {}) : /* @__PURE__ */ r.jsx(n, {}) })
+import { j as s } from "./index.es246.js";
+import { clsx as r } from "./index.es248.js";
+const d = ({
+  title: t,
+  badge: e,
+  content: c,
+  isOpen: i,
+  onToggle: l
+}) => /* @__PURE__ */ s.jsxs("div", { className: r("step-item-generic-accordion", i && "isOpen"), children: [
+  /* @__PURE__ */ s.jsxs("div", { className: "step-header", onClick: l, children: [
+    /* @__PURE__ */ s.jsx("div", { className: "step-title", children: t }),
+    e && /* @__PURE__ */ s.jsx("div", { className: "step-badge", children: e }),
+    /* @__PURE__ */ s.jsx("div", { className: "step-arrow", children: /* @__PURE__ */ s.jsx("svg", { className: "arrow-icon", xmlns: "http://www.w3.org/2000/svg", width: "24", height: "25", viewBox: "0 0 24 25", fill: "none", children: /* @__PURE__ */ s.jsx("path", { d: "M12 15.5855L6.40002 9.98555L7.10002 9.18555L12 14.0855L16.9 9.18555L17.6 9.98555L12 15.5855Z", fill: "#207AD5" }) }) })
+  ] }),
+  /* @__PURE__ */ s.jsx("div", { className: "step-details", children: /* @__PURE__ */ s.jsx("div", { className: "step-details-content", children: i && /* @__PURE__ */ s.jsx("div", { className: "step-content", children: c }) }) })
 ] });
 export {
-  p as default
+  d as StepItemGenericAccordion
 };
 //# sourceMappingURL=index.es426.js.map

package/dist/index.es426.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es426.js","sources":["../src/components/ui/Accordion/AccordionStepper/ToggleContent/ToggleContent.tsx"],"sourcesContent":["import { ArrowDown, ArrowTop } from \"@/icons\";\nimport { ToggleLabel } from \"../types\";\nimport clsx from \"clsx\";\n\ntype Props = {\n  className?: string;\n  isOpen: boolean;\n  onClick: () => void;\n  toggleLabels: ToggleLabel;\n};\n\nconst ToggleContent = ({ isOpen, onClick, className, toggleLabels }: Props) => {\n  return (\n    <button className={clsx(\"\", className)} onClick={onClick}>\n      {isOpen ? toggleLabels.closeLabel : toggleLabels.activeLabel}\n      <span className=\"arrow\">{isOpen ? <ArrowTop /> : <ArrowDown />}</span>\n    </button>\n  );\n};\n\nexport default ToggleContent;\n"],"names":["ToggleContent","isOpen","onClick","className","toggleLabels","clsx","jsx","ArrowTop","ArrowDown"],"mappings":";;;;AAWA,MAAMA,IAAgB,CAAC,EAAE,QAAAC,GAAQ,SAAAC,GAAS,WAAAC,GAAW,cAAAC,+BAEhD,UAAO,EAAA,WAAWC,EAAK,IAAIF,CAAS,GAAG,SAAAD,GACrC,UAAA;AAAA,EAASD,IAAAG,EAAa,aAAaA,EAAa;AAAA,EACjDE,gBAAAA,EAAAA,IAAC,QAAK,EAAA,WAAU,SAAS,UAAAL,0BAAUM,GAAS,CAAA,CAAA,IAAMD,gBAAAA,EAAA,IAAAE,GAAA,CAAU,CAAA,EAAG,CAAA;AAAA,GACjE;"}
+{"version":3,"file":"index.es426.js","sources":["../src/components/ui/Accordion/GenericAccordion/StepItemGenericAccordion/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\n\nexport interface StepDataGenericAccordion {\n  title: string;\n  badge?: string;\n  content: React.ReactNode;\n}\n\ninterface StepItemPropsGenericAccordion extends StepDataGenericAccordion {\n  isOpen: boolean;\n  onToggle: () => void;\n}\n\nexport const StepItemGenericAccordion: React.FC<StepItemPropsGenericAccordion> = ({\n  title,\n  badge,\n  content,\n  isOpen,\n  onToggle,\n}) => {\n  return (\n    <div className={clsx(\"step-item-generic-accordion\", isOpen && \"isOpen\")}>\n      <div className=\"step-header\" onClick={onToggle}>\n        <div className=\"step-title\">{title}</div>\n        {badge && <div className=\"step-badge\">{badge}</div>}\n        <div className=\"step-arrow\">\n          <svg className=\"arrow-icon\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"25\" viewBox=\"0 0 24 25\" fill=\"none\">\n            <path d=\"M12 15.5855L6.40002 9.98555L7.10002 9.18555L12 14.0855L16.9 9.18555L17.6 9.98555L12 15.5855Z\" fill=\"#207AD5\"/>\n          </svg>\n        </div>\n      </div>\n\n      <div className=\"step-details\">\n        <div className=\"step-details-content\">\n          {isOpen && <div className=\"step-content\">{content}</div>}\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":["StepItemGenericAccordion","title","badge","content","isOpen","onToggle","clsx","jsxs","jsx"],"mappings":";;AAaO,MAAMA,IAAoE,CAAC;AAAA,EAChF,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AACF,6BAEK,OAAI,EAAA,WAAWC,EAAK,+BAA+BF,KAAU,QAAQ,GACpE,UAAA;AAAA,EAAAG,gBAAAA,EAAA,KAAC,OAAI,EAAA,WAAU,eAAc,SAASF,GACpC,UAAA;AAAA,IAACG,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,cAAc,UAAMP,GAAA;AAAA,IAClCC,KAASM,gBAAAA,EAAA,IAAC,OAAI,EAAA,WAAU,cAAc,UAAMN,GAAA;AAAA,IAC7CM,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,cACb,UAAAA,gBAAAA,EAAA,IAAC,SAAI,WAAU,cAAa,OAAM,8BAA6B,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAC7G,UAAAA,gBAAAA,EAAA,IAAC,QAAK,EAAA,GAAE,gGAA+F,MAAK,UAAS,CAAA,EACvH,CAAA,EACF,CAAA;AAAA,EAAA,GACF;AAAA,EAECA,gBAAAA,MAAA,OAAA,EAAI,WAAU,gBACb,gCAAC,OAAI,EAAA,WAAU,wBACZ,UAAAJ,2BAAW,OAAI,EAAA,WAAU,gBAAgB,UAAAD,GAAQ,GACpD,EACF,CAAA;AAAA,GACF;"}

package/dist/index.es43.js

@@ -1,5 +1,5 @@
 import { j as e } from "./index.es246.js";
-import { Spid as x } from "./index.es326.js";
+import { Spid as x } from "./index.es325.js";
 import './components/ui/EntryButton/EntryButton.css';/* empty css            */
 import { Row as a } from "./index.es9.js";
 const d = ({

package/dist/{index.es432.js → index.es431.js}

@@ -50,4 +50,4 @@ const C = ({ width: l, height: d }) => /* @__PURE__ */ e.jsxs(
 export {
   C as Image
 };
-//# sourceMappingURL=index.es432.js.map
+//# sourceMappingURL=index.es431.js.map

package/dist/{index.es432.js.map → index.es431.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index.es432.js","sources":["../src/icons/Image/index.tsx"],"sourcesContent":["import { IconProps } from \"@radix-ui/themes\";\n\nexport const Image = ({ width, height }: IconProps) => {\n  return (\n    <svg\n      width={width}\n      height={height}\n      viewBox=\"0 0 21 21\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M19.7667 1.23854H1.89999V19.1052H19.7667V1.23854ZM0.833328 0.171875V20.1719H20.8333V0.171875H0.833328Z\"\n        fill=\"white\"\n      />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M14.8333 7.5941C14.5815 7.5941 14.3444 7.71265 14.1933 7.9141L11.26 11.8252C11.1672 11.9489 11.0254 12.0262 10.8711 12.0372C10.7169 12.0482 10.5655 11.9917 10.4562 11.8823L9.54332 10.9694C9.3793 10.8054 9.15214 10.7206 8.92076 10.7371C8.68939 10.7536 8.47655 10.8697 8.33743 11.0553C8.33209 11.0624 8.32657 11.0694 8.32088 11.0763L5.12494 14.9229L4.30449 14.2413L7.49262 10.404C7.81736 9.97765 8.30993 9.71123 8.845 9.67313C9.38488 9.63469 9.91486 9.83247 10.2976 10.2152L10.7756 10.6933L13.34 7.2741C13.6925 6.80406 14.2458 6.52743 14.8333 6.52743C15.4209 6.52743 15.9741 6.80406 16.3267 7.2741L19.02 10.8652L18.1667 11.5052L15.4733 7.9141C15.3222 7.71265 15.0851 7.5941 14.8333 7.5941Z\"\n        fill=\"white\"\n      />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M3.63333 5.17188C3.63333 3.95685 4.6183 2.97188 5.83333 2.97188C7.04835 2.97188 8.03333 3.95685 8.03333 5.17188C8.03333 6.3869 7.04835 7.37188 5.83333 7.37188C4.6183 7.37188 3.63333 6.3869 3.63333 5.17188ZM5.83333 4.03854C5.20741 4.03854 4.7 4.54595 4.7 5.17188C4.7 5.7978 5.20741 6.30521 5.83333 6.30521C6.45925 6.30521 6.96666 5.7978 6.96666 5.17188C6.96666 4.54595 6.45925 4.03854 5.83333 4.03854Z\"\n        fill=\"white\"\n      />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M1.41111 14.083H20.2556V15.1497H1.41111V14.083Z\"\n        fill=\"white\"\n      />\n    </svg>\n  );\n};\n"],"names":["Image","width","height","jsxs","jsx"],"mappings":";AAEO,MAAMA,IAAQ,CAAC,EAAE,OAAAC,GAAO,QAAAC,QAE3BC,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAAF;AAAA,IACA,QAAAC;AAAA,IACA,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,IAEN,UAAA;AAAA,MAAAE,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,UAAS;AAAA,UACT,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,MACAA,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,UAAS;AAAA,UACT,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,MACAA,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,UAAS;AAAA,UACT,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,MACAA,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,UAAS;AAAA,UACT,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MAAA;AAAA,IACP;AAAA,EAAA;AACF;"}
+{"version":3,"file":"index.es431.js","sources":["../src/icons/Image/index.tsx"],"sourcesContent":["import { IconProps } from \"@radix-ui/themes\";\n\nexport const Image = ({ width, height }: IconProps) => {\n  return (\n    <svg\n      width={width}\n      height={height}\n      viewBox=\"0 0 21 21\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M19.7667 1.23854H1.89999V19.1052H19.7667V1.23854ZM0.833328 0.171875V20.1719H20.8333V0.171875H0.833328Z\"\n        fill=\"white\"\n      />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M14.8333 7.5941C14.5815 7.5941 14.3444 7.71265 14.1933 7.9141L11.26 11.8252C11.1672 11.9489 11.0254 12.0262 10.8711 12.0372C10.7169 12.0482 10.5655 11.9917 10.4562 11.8823L9.54332 10.9694C9.3793 10.8054 9.15214 10.7206 8.92076 10.7371C8.68939 10.7536 8.47655 10.8697 8.33743 11.0553C8.33209 11.0624 8.32657 11.0694 8.32088 11.0763L5.12494 14.9229L4.30449 14.2413L7.49262 10.404C7.81736 9.97765 8.30993 9.71123 8.845 9.67313C9.38488 9.63469 9.91486 9.83247 10.2976 10.2152L10.7756 10.6933L13.34 7.2741C13.6925 6.80406 14.2458 6.52743 14.8333 6.52743C15.4209 6.52743 15.9741 6.80406 16.3267 7.2741L19.02 10.8652L18.1667 11.5052L15.4733 7.9141C15.3222 7.71265 15.0851 7.5941 14.8333 7.5941Z\"\n        fill=\"white\"\n      />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M3.63333 5.17188C3.63333 3.95685 4.6183 2.97188 5.83333 2.97188C7.04835 2.97188 8.03333 3.95685 8.03333 5.17188C8.03333 6.3869 7.04835 7.37188 5.83333 7.37188C4.6183 7.37188 3.63333 6.3869 3.63333 5.17188ZM5.83333 4.03854C5.20741 4.03854 4.7 4.54595 4.7 5.17188C4.7 5.7978 5.20741 6.30521 5.83333 6.30521C6.45925 6.30521 6.96666 5.7978 6.96666 5.17188C6.96666 4.54595 6.45925 4.03854 5.83333 4.03854Z\"\n        fill=\"white\"\n      />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M1.41111 14.083H20.2556V15.1497H1.41111V14.083Z\"\n        fill=\"white\"\n      />\n    </svg>\n  );\n};\n"],"names":["Image","width","height","jsxs","jsx"],"mappings":";AAEO,MAAMA,IAAQ,CAAC,EAAE,OAAAC,GAAO,QAAAC,QAE3BC,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAAF;AAAA,IACA,QAAAC;AAAA,IACA,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,IAEN,UAAA;AAAA,MAAAE,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,UAAS;AAAA,UACT,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,MACAA,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,UAAS;AAAA,UACT,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,MACAA,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,UAAS;AAAA,UACT,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,MACAA,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,UAAS;AAAA,UACT,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MAAA;AAAA,IACP;AAAA,EAAA;AACF;"}

package/dist/index.es436.js

@@ -0,0 +1,6 @@
+import { __require as r } from "./index.es597.js";
+var i = r();
+export {
+  i as d
+};
+//# sourceMappingURL=index.es436.js.map

package/dist/index.es436.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es436.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/index.es44.js

@@ -1,9 +1,9 @@
 import { j as a } from "./index.es246.js";
-import { Root as f, Portal as c, Overlay as j, Content as B } from "./index.es328.js";
-import { BaseModalHeader as b, BaseModalHeaderV2 as h } from "./index.es329.js";
-import { BaseModalFooter as u } from "./index.es330.js";
-import { BaseModalContent as H } from "./index.es331.js";
-import { BaseModalBackHeader as g } from "./index.es332.js";
+import { Root as f, Portal as c, Overlay as j, Content as B } from "./index.es327.js";
+import { BaseModalHeader as b, BaseModalHeaderV2 as h } from "./index.es328.js";
+import { BaseModalFooter as u } from "./index.es329.js";
+import { BaseModalContent as H } from "./index.es330.js";
+import { BaseModalBackHeader as g } from "./index.es331.js";
 import './components/ui/BaseModal/BaseModal.css';/* empty css            */
 import { clsx as t } from "./index.es248.js";
 import v from "react";

package/dist/{index.es351.js → index.es440.js}

@@ -4,6 +4,6 @@ const s = ({
   children: o
 }) => /* @__PURE__ */ t.jsx("footer", { className: "ui-consent-modal-footer bg-white shadow", children: o });
 export {
-  s as DoctorConfirmModalFooter
+  s as CreateReservationModalFooter
 };
-//# sourceMappingURL=index.es351.js.map
+//# sourceMappingURL=index.es440.js.map

package/dist/index.es440.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es440.js","sources":["../src/components/ui/CreateReservationModal/CreateReservationModalFooter/index.tsx"],"sourcesContent":["import \"./CreateReservationModalFooter.scss\";\n\ntype CreateReservationModalFooterProps = {\n  children?: React.ReactNode;\n};\n\nexport const CreateReservationModalFooter = ({\n  children,\n}: CreateReservationModalFooterProps) => {\n  return (\n    <footer className=\"ui-consent-modal-footer bg-white shadow\">\n      {children}\n    </footer>\n  );\n};\n"],"names":["CreateReservationModalFooter","children","jsx"],"mappings":";;AAMO,MAAMA,IAA+B,CAAC;AAAA,EAC3C,UAAAC;AACF,MAEKC,gBAAAA,EAAAA,IAAA,UAAA,EAAO,WAAU,2CACf,UAAAD,EACH,CAAA;"}

package/dist/index.es441.js

@@ -1,9 +1,11 @@
-import { j as t } from "./index.es246.js";
-import './components/ui/ConsentModal/ConsentModalFooter/ConsentModalFooter.css';/* empty css            */
-const s = ({
-  children: o
-}) => /* @__PURE__ */ t.jsx("footer", { className: "ui-consent-modal-footer bg-white shadow", children: o });
+import { j as r } from "./index.es246.js";
+import { clsx as e } from "./index.es248.js";
+import './components/ui/DoctorModal/DoctorModalContent/DoctorModalContent.css';/* empty css            */
+const a = ({
+  overrideClassNames: o,
+  children: t
+}) => /* @__PURE__ */ r.jsx("div", { className: e("ui-consent-modal-body", o), children: t });
 export {
-  s as CreateReservationModalFooter
+  a as CreateReservationModalContent
 };
 //# sourceMappingURL=index.es441.js.map

package/dist/index.es441.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es441.js","sources":["../src/components/ui/CreateReservationModal/CreateReservationModalFooter/index.tsx"],"sourcesContent":["import \"./CreateReservationModalFooter.scss\";\n\ntype CreateReservationModalFooterProps = {\n  children?: React.ReactNode;\n};\n\nexport const CreateReservationModalFooter = ({\n  children,\n}: CreateReservationModalFooterProps) => {\n  return (\n    <footer className=\"ui-consent-modal-footer bg-white shadow\">\n      {children}\n    </footer>\n  );\n};\n"],"names":["CreateReservationModalFooter","children","jsx"],"mappings":";;AAMO,MAAMA,IAA+B,CAAC;AAAA,EAC3C,UAAAC;AACF,MAEKC,gBAAAA,EAAAA,IAAA,UAAA,EAAO,WAAU,2CACf,UAAAD,EACH,CAAA;"}
+{"version":3,"file":"index.es441.js","sources":["../src/components/ui/CreateReservationModal/CreateReservationModalContent/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport \"./CreateReservationModalContent.scss\";\n\ntype CreateReservationModalContentProps = {\n  overrideClassNames?: string;\n  children?: React.ReactNode;\n};\n\nexport const CreateReservationModalContent = ({\n  overrideClassNames,\n  children,\n}: CreateReservationModalContentProps) => {\n  return (\n    <div className={clsx(\"ui-consent-modal-body\", overrideClassNames)}>\n      {children}\n    </div>\n  );\n};\n"],"names":["CreateReservationModalContent","overrideClassNames","children","clsx"],"mappings":";;;AAQO,MAAMA,IAAgC,CAAC;AAAA,EAC5C,oBAAAC;AAAA,EACA,UAAAC;AACF,4BAEK,OAAI,EAAA,WAAWC,EAAK,yBAAyBF,CAAkB,GAC7D,UAAAC,GACH;"}

package/dist/index.es446.js

@@ -0,0 +1,35 @@
+import { j as a } from "./index.es246.js";
+import './components/ui/Feedback/Rating.css';/* empty css            */
+import { l as o } from "./index.es250.js";
+import { clsx as c } from "./index.es248.js";
+import { Rating as r } from "./index.es226.js";
+const i = 5, m = o.range(1, i + 1);
+function g({ onClick: t, rating: e = 0 }) {
+  const l = (s) => s <= e;
+  return /* @__PURE__ */ a.jsxs("fieldset", { className: "rating", children: [
+    /* @__PURE__ */ a.jsx("legend", { className: "visually-hidden", children: "Valutazione" }),
+    m.map((s, n) => /* @__PURE__ */ a.jsxs(
+      "button",
+      {
+        onClick: () => t(s),
+        className: c("star black-focus", {
+          active: l(s)
+        }),
+        children: [
+          /* @__PURE__ */ a.jsx(r, { className: "icon icon-sm" }),
+          /* @__PURE__ */ a.jsxs("span", { className: "visually-hidden", children: [
+            "Valuta ",
+            s,
+            " stelle su ",
+            i
+          ] })
+        ]
+      },
+      n
+    ))
+  ] });
+}
+export {
+  g as Rating
+};
+//# sourceMappingURL=index.es446.js.map

package/dist/index.es446.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es446.js","sources":["../src/components/ui/Feedback/Rating.tsx"],"sourcesContent":["import \"./Rating.scss\";\nimport { range } from \"lodash\";\nimport { clsx } from \"clsx\";\nimport { Rating as RatingIcon } from \"@/icons/Rating\";\n\nexport type RatingProps = {\n  onClick: (value: number) => void;\n  rating?: number;\n};\n\nconst STAR_QUANTITY = 5;\nconst STARS = range(1, STAR_QUANTITY + 1);\n\nexport function Rating({ onClick, rating = 0 }: RatingProps) {\n  const isRatingActive = (num: number) => num <= rating;\n\n  return (\n    <fieldset className=\"rating\">\n      <legend className=\"visually-hidden\">Valutazione</legend>\n      {STARS.map((num, index) => (\n        <button\n          key={index}\n          onClick={() => onClick(num)}\n          className={clsx(\"star black-focus\", {\n            active: isRatingActive(num),\n          })}\n        >\n          <RatingIcon className=\"icon icon-sm\" />\n\n          <span className=\"visually-hidden\">\n            Valuta {num} stelle su {STAR_QUANTITY}\n          </span>\n        </button>\n      ))}\n    </fieldset>\n  );\n}\n"],"names":["STAR_QUANTITY","STARS","range","Rating","onClick","rating","isRatingActive","num","jsxs","jsx","index","clsx","RatingIcon"],"mappings":";;;;;AAUA,MAAMA,IAAgB,GAChBC,IAAQC,EAAA,MAAM,GAAGF,IAAgB,CAAC;AAEjC,SAASG,EAAO,EAAE,SAAAC,GAAS,QAAAC,IAAS,KAAkB;AACrD,QAAAC,IAAiB,CAACC,MAAgBA,KAAOF;AAG7C,SAAAG,gBAAAA,EAAA,KAAC,YAAS,EAAA,WAAU,UAClB,UAAA;AAAA,IAACC,gBAAAA,EAAA,IAAA,UAAA,EAAO,WAAU,mBAAkB,UAAW,eAAA;AAAA,IAC9CR,EAAM,IAAI,CAACM,GAAKG,MACfF,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,SAAS,MAAMJ,EAAQG,CAAG;AAAA,QAC1B,WAAWI,EAAK,oBAAoB;AAAA,UAClC,QAAQL,EAAeC,CAAG;AAAA,QAAA,CAC3B;AAAA,QAED,UAAA;AAAA,UAACE,gBAAAA,EAAAA,IAAAG,GAAA,EAAW,WAAU,eAAe,CAAA;AAAA,UAErCJ,gBAAAA,EAAAA,KAAC,QAAK,EAAA,WAAU,mBAAkB,UAAA;AAAA,YAAA;AAAA,YACxBD;AAAA,YAAI;AAAA,YAAYP;AAAA,UAAA,EAC1B,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAVKU;AAAA,IAYR,CAAA;AAAA,EAAA,GACH;AAEJ;"}

package/dist/index.es447.js

@@ -1,35 +1,107 @@
 import { j as a } from "./index.es246.js";
-import './components/ui/Feedback/Rating.css';/* empty css            */
-import { l as o } from "./index.es250.js";
-import { clsx as c } from "./index.es248.js";
-import { Rating as r } from "./index.es226.js";
-const i = 5, m = o.range(1, i + 1);
-function g({ onClick: t, rating: e = 0 }) {
-  const l = (s) => s <= e;
-  return /* @__PURE__ */ a.jsxs("fieldset", { className: "rating", children: [
-    /* @__PURE__ */ a.jsx("legend", { className: "visually-hidden", children: "Valutazione" }),
-    m.map((s, n) => /* @__PURE__ */ a.jsxs(
-      "button",
-      {
-        onClick: () => t(s),
-        className: c("star black-focus", {
-          active: l(s)
-        }),
-        children: [
-          /* @__PURE__ */ a.jsx(r, { className: "icon icon-sm" }),
-          /* @__PURE__ */ a.jsxs("span", { className: "visually-hidden", children: [
-            "Valuta ",
-            s,
-            " stelle su ",
-            i
-          ] })
-        ]
-      },
-      n
-    ))
+import './components/ui/Feedback/Questions.css';/* empty css            */
+import { useState as b, useCallback as k } from "react";
+import { Button as h } from "./index.es28.js";
+function E({
+  questions: l,
+  onChangeAnswer: i,
+  onSend: u,
+  values: s,
+  openAnswer: c,
+  handleOpenAnswer: f,
+  buttons: r,
+  maxCharactersMessage: o,
+  openAnswerPlaceholder: x
+}) {
+  const [e, m] = b(0), j = k(
+    (t, n) => {
+      i(t, n);
+    },
+    [i]
+  ), g = () => {
+    u();
+  }, N = () => {
+    !s[e] && l[e].type !== "OPEN" || (e < l.length - 1 && m(e + 1), e === l.length - 1 && g());
+  }, v = () => {
+    e > 0 && m(e - 1);
+  };
+  return /* @__PURE__ */ a.jsxs("div", { className: "steppers", children: [
+    /* @__PURE__ */ a.jsxs("div", { className: "steppers-header pb-2  align-items-center", children: [
+      /* @__PURE__ */ a.jsx("p", { className: "steppers-header-question-title", children: l[e].question }),
+      /* @__PURE__ */ a.jsxs("span", { className: "steppers-header-question-number", children: [
+        e + 1,
+        "/",
+        l.length
+      ] })
+    ] }),
+    /* @__PURE__ */ a.jsx("div", { className: "steppers-content", "aria-live": "polite", children: l[e].type === "CLOSE" ? /* @__PURE__ */ a.jsx("div", { className: "list-group", children: l[e].answers.map((t, n) => {
+      var d, p;
+      return /* @__PURE__ */ a.jsxs(
+        "label",
+        {
+          htmlFor: `checkbox-${t.id}`,
+          className: " fw-regular fs-6 list-group-item ",
+          children: [
+            /* @__PURE__ */ a.jsx(
+              "input",
+              {
+                type: "radio",
+                id: `checkbox-${t.id}`,
+                name: `question-${e}`,
+                value: t.answer,
+                checked: ((p = (d = s == null ? void 0 : s[e]) == null ? void 0 : d.answer) == null ? void 0 : p.includes(t)) || !1,
+                onChange: () => j(l[e].id, t),
+                className: "custom-control-input form-check-input me-2 black-focus"
+              }
+            ),
+            t.answer
+          ]
+        },
+        `${l[e].id}-${n}`
+      );
+    }) }) : /* @__PURE__ */ a.jsxs("div", { className: "form-group d-flex flex-column gap-1", children: [
+      /* @__PURE__ */ a.jsx(
+        "input",
+        {
+          type: "text",
+          placeholder: x,
+          className: "form-control black-focus",
+          value: c,
+          onChange: (t) => t.target.value.length <= 200 && f(t.target.value),
+          autoFocus: !0
+        }
+      ),
+      /* @__PURE__ */ a.jsxs("div", { className: "d-flex justify-content-between align-items-center max-chars-container", children: [
+        o && /* @__PURE__ */ a.jsx("p", { className: " fs-6 fw-normal ", children: o }),
+        c && c.length > 0 && /* @__PURE__ */ a.jsxs("p", { className: "active fs-6 fw-normal ", children: [
+          c.length,
+          "/200"
+        ] })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ a.jsxs("nav", { className: "steppers-nav no-border shadow-none align-items-center justify-content-center gap-4 flex-wrap", children: [
+      /* @__PURE__ */ a.jsx(
+        h,
+        {
+          className: "feedback-button-back",
+          onClick: v,
+          disabled: e === 0,
+          children: r.previous
+        }
+      ),
+      /* @__PURE__ */ a.jsx(
+        h,
+        {
+          className: "feedback-button-next",
+          onClick: N,
+          disabled: e === l.length,
+          children: r.next
+        }
+      )
+    ] })
   ] });
 }
 export {
-  g as Rating
+  E as Questions
 };
 //# sourceMappingURL=index.es447.js.map

package/dist/index.es447.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es447.js","sources":["../src/components/ui/Feedback/Rating.tsx"],"sourcesContent":["import \"./Rating.scss\";\nimport { range } from \"lodash\";\nimport { clsx } from \"clsx\";\nimport { Rating as RatingIcon } from \"@/icons/Rating\";\n\nexport type RatingProps = {\n  onClick: (value: number) => void;\n  rating?: number;\n};\n\nconst STAR_QUANTITY = 5;\nconst STARS = range(1, STAR_QUANTITY + 1);\n\nexport function Rating({ onClick, rating = 0 }: RatingProps) {\n  const isRatingActive = (num: number) => num <= rating;\n\n  return (\n    <fieldset className=\"rating\">\n      <legend className=\"visually-hidden\">Valutazione</legend>\n      {STARS.map((num, index) => (\n        <button\n          key={index}\n          onClick={() => onClick(num)}\n          className={clsx(\"star black-focus\", {\n            active: isRatingActive(num),\n          })}\n        >\n          <RatingIcon className=\"icon icon-sm\" />\n\n          <span className=\"visually-hidden\">\n            Valuta {num} stelle su {STAR_QUANTITY}\n          </span>\n        </button>\n      ))}\n    </fieldset>\n  );\n}\n"],"names":["STAR_QUANTITY","STARS","range","Rating","onClick","rating","isRatingActive","num","jsxs","jsx","index","clsx","RatingIcon"],"mappings":";;;;;AAUA,MAAMA,IAAgB,GAChBC,IAAQC,EAAA,MAAM,GAAGF,IAAgB,CAAC;AAEjC,SAASG,EAAO,EAAE,SAAAC,GAAS,QAAAC,IAAS,KAAkB;AACrD,QAAAC,IAAiB,CAACC,MAAgBA,KAAOF;AAG7C,SAAAG,gBAAAA,EAAA,KAAC,YAAS,EAAA,WAAU,UAClB,UAAA;AAAA,IAACC,gBAAAA,EAAA,IAAA,UAAA,EAAO,WAAU,mBAAkB,UAAW,eAAA;AAAA,IAC9CR,EAAM,IAAI,CAACM,GAAKG,MACfF,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,SAAS,MAAMJ,EAAQG,CAAG;AAAA,QAC1B,WAAWI,EAAK,oBAAoB;AAAA,UAClC,QAAQL,EAAeC,CAAG;AAAA,QAAA,CAC3B;AAAA,QAED,UAAA;AAAA,UAACE,gBAAAA,EAAAA,IAAAG,GAAA,EAAW,WAAU,eAAe,CAAA;AAAA,UAErCJ,gBAAAA,EAAAA,KAAC,QAAK,EAAA,WAAU,mBAAkB,UAAA;AAAA,YAAA;AAAA,YACxBD;AAAA,YAAI;AAAA,YAAYP;AAAA,UAAA,EAC1B,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAVKU;AAAA,IAYR,CAAA;AAAA,EAAA,GACH;AAEJ;"}
+{"version":3,"file":"index.es447.js","sources":["../src/components/ui/Feedback/Questions.tsx"],"sourcesContent":["import \"./Questions.scss\";\nimport { useCallback, useState } from \"react\";\nimport { Answer, QuestionsProps } from \"@anoki/fse-common\";\nimport { Button } from \"@/components\";\n\nexport function Questions({\n  questions,\n  onChangeAnswer,\n  onSend,\n  values: selectedAnswers,\n  openAnswer,\n  handleOpenAnswer,\n  buttons,\n  maxCharactersMessage,\n  openAnswerPlaceholder,\n}: QuestionsProps) {\n  const [currentStep, setCurrentStep] = useState(0);\n\n  const handleAnswerChange = useCallback(\n    (questionId: string, answer: Answer) => {\n      onChangeAnswer(questionId, answer);\n    },\n    [onChangeAnswer],\n  );\n\n  const onConfirm = () => {\n    onSend();\n  };\n\n  const handleNext = () => {\n    if (!selectedAnswers[currentStep] && questions[currentStep].type !== \"OPEN\")\n      return;\n\n    if (currentStep < questions.length - 1) {\n      setCurrentStep(currentStep + 1);\n    }\n\n    if (currentStep === questions.length - 1) {\n      onConfirm();\n    }\n  };\n\n  const handlePrevious = () => {\n    if (currentStep > 0) {\n      setCurrentStep(currentStep - 1);\n    }\n  };\n\n  return (\n    <div className=\"steppers\">\n      <div className=\"steppers-header pb-2  align-items-center\">\n        <p className={\"steppers-header-question-title\"}>\n          {questions[currentStep].question}\n        </p>\n        <span className={\"steppers-header-question-number\"}>\n          {currentStep + 1}/{questions.length}\n        </span>\n      </div>\n      <div className=\"steppers-content\" aria-live=\"polite\">\n        {questions[currentStep].type === \"CLOSE\" ? (\n          <div className=\"list-group\">\n            {questions[currentStep].answers.map((answer, index) => (\n              <label\n                key={`${questions[currentStep].id}-${index}`}\n                htmlFor={`checkbox-${answer.id}`}\n                className=\" fw-regular fs-6 list-group-item \"\n              >\n                <input\n                  type=\"radio\"\n                  id={`checkbox-${answer.id}`}\n                  name={`question-${currentStep}`}\n                  value={answer.answer}\n                  checked={\n                    selectedAnswers?.[currentStep]?.answer?.includes(answer) ||\n                    false\n                  }\n                  onChange={() =>\n                    handleAnswerChange(questions[currentStep].id, answer)\n                  }\n                  className=\"custom-control-input form-check-input me-2 black-focus\"\n                />\n                {answer.answer}\n              </label>\n            ))}\n          </div>\n        ) : (\n          <div className=\"form-group d-flex flex-column gap-1\">\n            <input\n              type=\"text\"\n              placeholder={openAnswerPlaceholder}\n              className=\"form-control black-focus\"\n              value={openAnswer}\n              onChange={(e) =>\n                e.target.value.length <= 200 && handleOpenAnswer(e.target.value)\n              }\n              autoFocus\n            />\n\n            <div className=\"d-flex justify-content-between align-items-center max-chars-container\">\n              {maxCharactersMessage && (\n                <p className=\" fs-6 fw-normal \">{maxCharactersMessage}</p>\n              )}\n              {openAnswer && openAnswer.length > 0 && (\n                <p className=\"active fs-6 fw-normal \">\n                  {openAnswer.length}/200\n                </p>\n              )}\n            </div>\n          </div>\n        )}\n      </div>\n      <nav className=\"steppers-nav no-border shadow-none align-items-center justify-content-center gap-4 flex-wrap\">\n        <Button\n          className=\"feedback-button-back\"\n          onClick={handlePrevious}\n          disabled={currentStep === 0}\n        >\n          {buttons.previous}\n        </Button>\n\n        <Button\n          className=\"feedback-button-next\"\n          onClick={handleNext}\n          disabled={currentStep === questions.length}\n        >\n          {buttons.next}\n        </Button>\n      </nav>\n    </div>\n  );\n}\n"],"names":["Questions","questions","onChangeAnswer","onSend","selectedAnswers","openAnswer","handleOpenAnswer","buttons","maxCharactersMessage","openAnswerPlaceholder","currentStep","setCurrentStep","useState","handleAnswerChange","useCallback","questionId","answer","onConfirm","handleNext","handlePrevious","jsxs","jsx","index","_b","_a","e","Button"],"mappings":"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"}