@anoki/fse-ui 1.0.450 → 1.0.454

package/dist/index.es94.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es94.js","sources":["../src/components/ui/ChangeProfileModal/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport \"./ChangeProfileModal.scss\";\nimport { BaseModal, Button, ModalsHeader } from \"@/components\";\nimport { ChangeProfileModalContent } from \"@/components/ui/ChangeProfileModal/ChangeProfileModalContent\";\n\ntype ChangeProfileModalProps = {\n  open: boolean;\n  overrideClassNames?: string;\n  setOpen: (open: boolean) => void;\n  children: React.ReactNode;\n  OnPressConfirm: () => void;\n  disabledConfirm?: boolean;\n};\n\nconst ChangeProfileModal = ({\n  open,\n  overrideClassNames,\n  OnPressConfirm,\n  disabledConfirm,\n  setOpen,\n  children,\n}: ChangeProfileModalProps) => {\n  return (\n    <BaseModal\n      open={open}\n      setOpen={setOpen}\n      overrideClassNames={clsx(\"ui-consent-modal-override\", overrideClassNames)}\n    >\n      <ModalsHeader\n        title={\"Cambia profilo\"}\n        closeButton={\"Annulla\"}\n        onCloseClick={() => setOpen(false)}\n      />\n      {children}\n      <footer className=\"ui-consent-modal-footer bg-white shadow\">\n        <div className=\"base-row gap-x16 flex-wrap justify-content-center\">\n          <Button disabled={disabledConfirm} onClick={OnPressConfirm}>\n            Conferma\n          </Button>\n        </div>\n      </footer>\n    </BaseModal>\n  );\n};\n\nChangeProfileModal.Content = ChangeProfileModalContent;\n\nexport { ChangeProfileModal };\n"],"names":["ChangeProfileModal","open","overrideClassNames","OnPressConfirm","disabledConfirm","setOpen","children","jsxs","BaseModal","clsx","jsx","ModalsHeader","Button","ChangeProfileModalContent"],"mappings":";;;;;;;AAcA,MAAMA,IAAqB,CAAC;AAAA,EAC1B,MAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AACF,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,MAAAP;AAAA,IACA,SAAAI;AAAA,IACA,oBAAoBI,EAAK,6BAA6BP,CAAkB;AAAA,IAExE,UAAA;AAAA,MAAAQ,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,OAAO;AAAA,UACP,aAAa;AAAA,UACb,cAAc,MAAMN,EAAQ,EAAK;AAAA,QAAA;AAAA,MACnC;AAAA,MACCC;AAAA,4BACA,UAAO,EAAA,WAAU,2CAChB,UAAAI,gBAAAA,EAAAA,IAAC,SAAI,WAAU,qDACb,UAACA,gBAAAA,EAAAA,IAAAE,GAAA,EAAO,UAAUR,GAAiB,SAASD,GAAgB,UAAA,YAE5D,GACF,EACF,CAAA;AAAA,IAAA;AAAA,EAAA;AACF;AAIJH,EAAmB,UAAUa;"}
+{"version":3,"file":"index.es94.js","sources":["../src/components/ui/ChangeProfileModal/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport \"./ChangeProfileModal.scss\";\r\nimport { BaseModal, Button, ModalsHeader } from \"@/components\";\r\nimport { ChangeProfileModalContent } from \"@/components/ui/ChangeProfileModal/ChangeProfileModalContent\";\r\n\r\ntype ChangeProfileModalProps = {\r\n  open: boolean;\r\n  overrideClassNames?: string;\r\n  setOpen: (open: boolean) => void;\r\n  children: React.ReactNode;\r\n  OnPressConfirm: () => void;\r\n  disabledConfirm?: boolean;\r\n};\r\n\r\nconst ChangeProfileModal = ({\r\n  open,\r\n  overrideClassNames,\r\n  OnPressConfirm,\r\n  disabledConfirm,\r\n  setOpen,\r\n  children,\r\n}: ChangeProfileModalProps) => {\r\n  return (\r\n    <BaseModal\r\n      open={open}\r\n      setOpen={setOpen}\r\n      overrideClassNames={clsx(\"ui-consent-modal-override\", overrideClassNames)}\r\n    >\r\n      <ModalsHeader\r\n        title={\"Cambia profilo\"}\r\n        closeButton={\"Annulla\"}\r\n        onCloseClick={() => setOpen(false)}\r\n      />\r\n      {children}\r\n      <footer className=\"ui-consent-modal-footer bg-white shadow\">\r\n        <div className=\"base-row gap-x16 flex-wrap justify-content-center\">\r\n          <Button disabled={disabledConfirm} onClick={OnPressConfirm}>\r\n            Conferma\r\n          </Button>\r\n        </div>\r\n      </footer>\r\n    </BaseModal>\r\n  );\r\n};\r\n\r\nChangeProfileModal.Content = ChangeProfileModalContent;\r\n\r\nexport { ChangeProfileModal };\r\n"],"names":["ChangeProfileModal","open","overrideClassNames","OnPressConfirm","disabledConfirm","setOpen","children","jsxs","BaseModal","clsx","jsx","ModalsHeader","Button","ChangeProfileModalContent"],"mappings":";;;;;;;AAcA,MAAMA,IAAqB,CAAC;AAAA,EAC1B,MAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AACF,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,MAAAP;AAAA,IACA,SAAAI;AAAA,IACA,oBAAoBI,EAAK,6BAA6BP,CAAkB;AAAA,IAExE,UAAA;AAAA,MAAAQ,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,OAAO;AAAA,UACP,aAAa;AAAA,UACb,cAAc,MAAMN,EAAQ,EAAK;AAAA,QAAA;AAAA,MACnC;AAAA,MACCC;AAAA,4BACA,UAAO,EAAA,WAAU,2CAChB,UAAAI,gBAAAA,EAAAA,IAAC,SAAI,WAAU,qDACb,UAACA,gBAAAA,EAAAA,IAAAE,GAAA,EAAO,UAAUR,GAAiB,SAASD,GAAgB,UAAA,YAE5D,GACF,EACF,CAAA;AAAA,IAAA;AAAA,EAAA;AACF;AAIJH,EAAmB,UAAUa;"}

package/dist/index.es95.js

@@ -1,8 +1,8 @@
-import { j as e } from "./index.es172.js";
+import { j as e } from "./index.es173.js";
 import './components/ui/CardUser/CardUser.css';/* empty css            */
-import { Title as o, Close as l } from "./index.es220.js";
+import { Title as o, Close as l } from "./index.es221.js";
 import { Button as i } from "./index.es25.js";
-import { Close as m } from "./index.es109.js";
+import { Close as m } from "./index.es110.js";
 const h = ({
   title: s,
   closeButton: r,

package/dist/index.es95.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es95.js","sources":["../src/components/ui/ModalsHeader/index.tsx"],"sourcesContent":["import \"./ModalsHeader.scss\";\nimport { Button } from \"@/components\";\nimport * as Dialog from \"@radix-ui/react-dialog\";\nimport { Close } from \"@/icons\";\n\ntype ModalsHeaderProps = {\n  title: string;\n  closeButton: string;\n  onCloseClick: () => void;\n};\n\nexport const ModalsHeader = ({\n  title,\n  closeButton,\n  onCloseClick,\n}: ModalsHeaderProps) => {\n  return (\n    <header className=\"ui-modal-header \">\n      <Dialog.Title className=\"base-col justify-content-center align-items-center mb-5 pb-x8\">\n        {title && <div className={\"fw-bold fs-7 md-fs-custom\"}>{title}</div>}\n      </Dialog.Title>\n\n      <Dialog.Close asChild className=\"ui-modal-header-close\">\n        <Button\n          size=\"4\"\n          textColor=\"primary\"\n          bg=\"transparent\"\n          aria-label=\"Chiudi modale\"\n          onClick={onCloseClick}\n        >\n          {closeButton}\n          <Close className=\"ml-x8\" />\n        </Button>\n      </Dialog.Close>\n    </header>\n  );\n};\n"],"names":["ModalsHeader","title","closeButton","onCloseClick","jsxs","jsx","Dialog.Title","Dialog.Close","Button","Close"],"mappings":";;;;;AAWO,MAAMA,IAAe,CAAC;AAAA,EAC3B,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AACF,MAEIC,gBAAAA,EAAA,KAAC,UAAO,EAAA,WAAU,oBAChB,UAAA;AAAA,EAACC,gBAAAA,EAAA,IAAAC,GAAA,EAAa,WAAU,iEACrB,UAASL,KAAAI,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAW,6BAA8B,UAAAJ,EAAA,CAAM,EAChE,CAAA;AAAA,wBAECM,GAAA,EAAa,SAAO,IAAC,WAAU,yBAC9B,UAAAH,gBAAAA,EAAA;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAU;AAAA,MACV,IAAG;AAAA,MACH,cAAW;AAAA,MACX,SAASL;AAAA,MAER,UAAA;AAAA,QAAAD;AAAA,QACDG,gBAAAA,EAAAA,IAACI,GAAM,EAAA,WAAU,QAAQ,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,EAE7B,CAAA;AAAA,GACF;"}
+{"version":3,"file":"index.es95.js","sources":["../src/components/ui/ModalsHeader/index.tsx"],"sourcesContent":["import \"./ModalsHeader.scss\";\r\nimport { Button } from \"@/components\";\r\nimport * as Dialog from \"@radix-ui/react-dialog\";\r\nimport { Close } from \"@/icons\";\r\n\r\ntype ModalsHeaderProps = {\r\n  title: string;\r\n  closeButton: string;\r\n  onCloseClick: () => void;\r\n};\r\n\r\nexport const ModalsHeader = ({\r\n  title,\r\n  closeButton,\r\n  onCloseClick,\r\n}: ModalsHeaderProps) => {\r\n  return (\r\n    <header className=\"ui-modal-header \">\r\n      <Dialog.Title className=\"base-col justify-content-center align-items-center mb-5 pb-x8\">\r\n        {title && <div className={\"fw-bold fs-7 md-fs-custom\"}>{title}</div>}\r\n      </Dialog.Title>\r\n\r\n      <Dialog.Close asChild className=\"ui-modal-header-close\">\r\n        <Button\r\n          size=\"4\"\r\n          textColor=\"primary\"\r\n          bg=\"transparent\"\r\n          aria-label=\"Chiudi modale\"\r\n          onClick={onCloseClick}\r\n        >\r\n          {closeButton}\r\n          <Close className=\"ml-x8\" />\r\n        </Button>\r\n      </Dialog.Close>\r\n    </header>\r\n  );\r\n};\r\n"],"names":["ModalsHeader","title","closeButton","onCloseClick","jsxs","jsx","Dialog.Title","Dialog.Close","Button","Close"],"mappings":";;;;;AAWO,MAAMA,IAAe,CAAC;AAAA,EAC3B,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AACF,MAEIC,gBAAAA,EAAA,KAAC,UAAO,EAAA,WAAU,oBAChB,UAAA;AAAA,EAACC,gBAAAA,EAAA,IAAAC,GAAA,EAAa,WAAU,iEACrB,UAASL,KAAAI,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAW,6BAA8B,UAAAJ,EAAA,CAAM,EAChE,CAAA;AAAA,wBAECM,GAAA,EAAa,SAAO,IAAC,WAAU,yBAC9B,UAAAH,gBAAAA,EAAA;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAU;AAAA,MACV,IAAG;AAAA,MACH,cAAW;AAAA,MACX,SAASL;AAAA,MAER,UAAA;AAAA,QAAAD;AAAA,QACDG,gBAAAA,EAAAA,IAACI,GAAM,EAAA,WAAU,QAAQ,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,EAE7B,CAAA;AAAA,GACF;"}

package/dist/index.es96.js

@@ -1,4 +1,4 @@
-import { j as t } from "./index.es172.js";
+import { j as t } from "./index.es173.js";
 import './components/ui/Tags/Tags.css';/* empty css            */
 const a = ({ label: r }) => /* @__PURE__ */ t.jsx("div", { className: "tag", children: r });
 export {

package/dist/index.es96.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es96.js","sources":["../src/components/ui/Tags/Tag/Tag.tsx"],"sourcesContent":["import \"../Tags.scss\";\n\ninterface TagProps {\n  label: string;\n}\n\nexport const Tag: React.FC<TagProps> = ({ label }) => {\n  return <div className=\"tag\">{label}</div>;\n};\n"],"names":["Tag","label","jsx"],"mappings":";;AAMO,MAAMA,IAA0B,CAAC,EAAE,OAAAC,QAChCC,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,OAAO,UAAMD,GAAA;"}
+{"version":3,"file":"index.es96.js","sources":["../src/components/ui/Tags/Tag/Tag.tsx"],"sourcesContent":["import \"../Tags.scss\";\r\n\r\ninterface TagProps {\r\n  label: string;\r\n}\r\n\r\nexport const Tag: React.FC<TagProps> = ({ label }) => {\r\n  return <div className=\"tag\">{label}</div>;\r\n};\r\n"],"names":["Tag","label","jsx"],"mappings":";;AAMO,MAAMA,IAA0B,CAAC,EAAE,OAAAC,QAChCC,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,OAAO,UAAMD,GAAA;"}

package/dist/index.es97.js

@@ -1,4 +1,4 @@
-import { j as r } from "./index.es172.js";
+import { j as r } from "./index.es173.js";
 import { Tag as o } from "./index.es96.js";
 import './components/ui/Tags/Tags.css';/* empty css            */
 const n = ({ topics: s = [] }) => /* @__PURE__ */ r.jsxs("div", { className: "tags-group-container", children: [

package/dist/index.es97.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es97.js","sources":["../src/components/ui/Tags/TagsGroup/TagsGroup.tsx"],"sourcesContent":["import { Tag } from \"../Tag/Tag\";\nimport \"../Tags.scss\";\n\ntype TagsProps = {\n  topics?: Array<string>;\n};\n\nexport const TagsGroup: React.FC = ({ topics = [] }: TagsProps) => {\n  return (\n    <div className=\"tags-group-container\">\n      <h3>Argomenti trattati</h3>\n      <div className=\"tags-group\">\n        {topics.map((topic, index) => (\n          <Tag key={index} label={topic} />\n        ))}\n      </div>\n    </div>\n  );\n};\n"],"names":["TagsGroup","topics","jsxs","jsx","topic","index","Tag"],"mappings":";;;AAOO,MAAMA,IAAsB,CAAC,EAAE,QAAAC,IAAS,CAAA,QAE3CC,gBAAAA,EAAA,KAAC,OAAI,EAAA,WAAU,wBACb,UAAA;AAAA,EAAAC,gBAAAA,EAAAA,IAAC,QAAG,UAAkB,qBAAA,CAAA;AAAA,EACrBA,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,cACZ,YAAO,IAAI,CAACC,GAAOC,4BACjBC,GAAgB,EAAA,OAAOF,EAAd,GAAAC,CAAqB,CAChC,EACH,CAAA;AAAA,GACF;"}
+{"version":3,"file":"index.es97.js","sources":["../src/components/ui/Tags/TagsGroup/TagsGroup.tsx"],"sourcesContent":["import { Tag } from \"../Tag/Tag\";\r\nimport \"../Tags.scss\";\r\n\r\ntype TagsProps = {\r\n  topics?: Array<string>;\r\n};\r\n\r\nexport const TagsGroup: React.FC = ({ topics = [] }: TagsProps) => {\r\n  return (\r\n    <div className=\"tags-group-container\">\r\n      <h3>Argomenti trattati</h3>\r\n      <div className=\"tags-group\">\r\n        {topics.map((topic, index) => (\r\n          <Tag key={index} label={topic} />\r\n        ))}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["TagsGroup","topics","jsxs","jsx","topic","index","Tag"],"mappings":";;;AAOO,MAAMA,IAAsB,CAAC,EAAE,QAAAC,IAAS,CAAA,QAE3CC,gBAAAA,EAAA,KAAC,OAAI,EAAA,WAAU,wBACb,UAAA;AAAA,EAAAC,gBAAAA,EAAAA,IAAC,QAAG,UAAkB,qBAAA,CAAA;AAAA,EACrBA,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,cACZ,YAAO,IAAI,CAACC,GAAOC,4BACjBC,GAAgB,EAAA,OAAOF,EAAd,GAAAC,CAAqB,CAChC,EACH,CAAA;AAAA,GACF;"}

package/dist/index.es98.js

@@ -1,7 +1,7 @@
-import { j as e } from "./index.es172.js";
+import { j as e } from "./index.es173.js";
 import './components/ui/DelegateCard/DelegateCard.css';/* empty css            */
 import { useRef as m } from "react";
-import { Root as f, Indicator as j } from "./index.es209.js";
+import { Root as f, Indicator as j } from "./index.es210.js";
 import { Row as s } from "./index.es9.js";
 import { Col as t } from "./index.es10.js";
 const k = ({

package/dist/index.es98.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es98.js","sources":["../src/components/ui/DelegateCard/index.tsx"],"sourcesContent":["import \"./DelegateCard.scss\";\nimport { useRef } from \"react\";\nimport * as CheckboxRadix from \"@radix-ui/react-checkbox\";\nimport { Col, Row } from \"@/components\";\n\nexport type DelegateCardProps = {\n  id: string;\n  isSelected: boolean;\n  title: string;\n  subtitle: string;\n  relation: string;\n  isMe?: boolean;\n  setSelectedCard: (id: string) => void;\n  className?: string;\n};\n\nexport const DelegateCard = ({\n  id,\n  isSelected,\n  title,\n  subtitle,\n  relation,\n  isMe = false,\n  setSelectedCard = () => {},\n  className,\n}: DelegateCardProps) => {\n  const dropdownRef = useRef<HTMLDivElement>(null);\n\n  const CheckIcon = () => (\n    <svg\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 12 12\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      aria-hidden=\"true\"\n    >\n      <path\n        d=\"M10 3L4.5 8.5L2 6\"\n        stroke=\"white\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  );\n\n  return (\n    <Row\n      br={\"x4\"}\n      p={\"x24\"}\n      gap={\"x16\"}\n      bg={\"white\"}\n      text={\"slate-20\"}\n      ref={dropdownRef}\n      className={`${className} ${isSelected ? \"ui-is-active\" : \"\"} ui-card-delegate shadow cursor-pointer`}\n      onClick={() => {\n        setSelectedCard(id);\n      }}\n    >\n      <CheckboxRadix.Root\n        id={id}\n        checked={isSelected}\n        className={\"ui-checkbox-filter\"}\n      >\n        <CheckboxRadix.Indicator>\n          <CheckIcon />\n        </CheckboxRadix.Indicator>\n      </CheckboxRadix.Root>\n      <Row\n        alignItems={\"flex-start\"}\n        style={{ width: \"100%\" }}\n        justifyContent={\"space-between\"}\n      >\n        <Col justifyContent={\"center\"} className={`w-full`}>\n          <Col gap={\"x4\"} pb={\"x16\"}>\n            <h3 className=\"flex-1 text-decoration-none fs-4 fw-semibold\">\n              {title}\n            </h3>\n            <p className=\"fs-6 fw-normal text-slate-28\">{subtitle}</p>\n          </Col>\n          {!isMe && (\n            <Col gap={\"x4\"}>\n              <div className={\"fw-bold\"}>Relazione con il delegante</div>\n              <p className={\"fw-normal\"}>{relation}</p>\n            </Col>\n          )}\n        </Col>\n        {isMe && (\n          <Row\n            className={\"ui-fascicolo-label\"}\n            justifyContent={\"center\"}\n            alignItems={\"center\"}\n          >\n            IL TUO FASCICOLO\n          </Row>\n        )}\n      </Row>\n    </Row>\n  );\n};\n"],"names":["DelegateCard","id","isSelected","title","subtitle","relation","isMe","setSelectedCard","className","dropdownRef","useRef","CheckIcon","jsx","jsxs","Row","CheckboxRadix.Root","CheckboxRadix.Indicator","Col"],"mappings":";;;;;;AAgBO,MAAMA,IAAe,CAAC;AAAA,EAC3B,IAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,iBAAAC,IAAkB,MAAM;AAAA,EAAC;AAAA,EACzB,WAAAC;AACF,MAAyB;AACjB,QAAAC,IAAcC,EAAuB,IAAI,GAEzCC,IAAY,MAChBC,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACN,eAAY;AAAA,MAEZ,UAAAA,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,UACZ,eAAc;AAAA,UACd,gBAAe;AAAA,QAAA;AAAA,MAAA;AAAA,IACjB;AAAA,EACF;AAIA,SAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,MACJ,GAAG;AAAA,MACH,KAAK;AAAA,MACL,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,KAAKL;AAAA,MACL,WAAW,GAAGD,CAAS,IAAIN,IAAa,iBAAiB,EAAE;AAAA,MAC3D,SAAS,MAAM;AACb,QAAAK,EAAgBN,CAAE;AAAA,MACpB;AAAA,MAEA,UAAA;AAAA,QAAAW,gBAAAA,EAAA;AAAA,UAACG;AAAAA,UAAA;AAAA,YACC,IAAAd;AAAA,YACA,SAASC;AAAA,YACT,WAAW;AAAA,YAEX,gCAACc,GAAA,EACC,UAAAJ,gBAAAA,MAACD,KAAU,EACb,CAAA;AAAA,UAAA;AAAA,QACF;AAAA,QACAE,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,YAAY;AAAA,YACZ,OAAO,EAAE,OAAO,OAAO;AAAA,YACvB,gBAAgB;AAAA,YAEhB,UAAA;AAAA,cAAAD,gBAAAA,OAACI,GAAI,EAAA,gBAAgB,UAAU,WAAW,UACxC,UAAA;AAAA,gBAAAJ,gBAAAA,EAAA,KAACI,GAAI,EAAA,KAAK,MAAM,IAAI,OAClB,UAAA;AAAA,kBAACL,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,gDACX,UACHT,GAAA;AAAA,kBACCS,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAU,gCAAgC,UAASR,EAAA,CAAA;AAAA,gBAAA,GACxD;AAAA,gBACC,CAACE,KACCO,gBAAAA,EAAAA,KAAAI,GAAA,EAAI,KAAK,MACR,UAAA;AAAA,kBAACL,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAW,WAAW,UAA0B,8BAAA;AAAA,kBACpDA,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAW,aAAc,UAASP,EAAA,CAAA;AAAA,gBAAA,EACvC,CAAA;AAAA,cAAA,GAEJ;AAAA,cACCC,KACCM,gBAAAA,EAAA;AAAA,gBAACE;AAAA,gBAAA;AAAA,kBACC,WAAW;AAAA,kBACX,gBAAgB;AAAA,kBAChB,YAAY;AAAA,kBACb,UAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,YAED;AAAA,UAAA;AAAA,QAAA;AAAA,MAEJ;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"index.es98.js","sources":["../src/components/ui/DelegateCard/index.tsx"],"sourcesContent":["import \"./DelegateCard.scss\";\r\nimport { useRef } from \"react\";\r\nimport * as CheckboxRadix from \"@radix-ui/react-checkbox\";\r\nimport { Col, Row } from \"@/components\";\r\n\r\nexport type DelegateCardProps = {\r\n  id: string;\r\n  isSelected: boolean;\r\n  title: string;\r\n  subtitle: string;\r\n  relation: string;\r\n  isMe?: boolean;\r\n  setSelectedCard: (id: string) => void;\r\n  className?: string;\r\n};\r\n\r\nexport const DelegateCard = ({\r\n  id,\r\n  isSelected,\r\n  title,\r\n  subtitle,\r\n  relation,\r\n  isMe = false,\r\n  setSelectedCard = () => {},\r\n  className,\r\n}: DelegateCardProps) => {\r\n  const dropdownRef = useRef<HTMLDivElement>(null);\r\n\r\n  const CheckIcon = () => (\r\n    <svg\r\n      width=\"14\"\r\n      height=\"14\"\r\n      viewBox=\"0 0 12 12\"\r\n      fill=\"none\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      aria-hidden=\"true\"\r\n    >\r\n      <path\r\n        d=\"M10 3L4.5 8.5L2 6\"\r\n        stroke=\"white\"\r\n        strokeWidth=\"2\"\r\n        strokeLinecap=\"round\"\r\n        strokeLinejoin=\"round\"\r\n      />\r\n    </svg>\r\n  );\r\n\r\n  return (\r\n    <Row\r\n      br={\"x4\"}\r\n      p={\"x24\"}\r\n      gap={\"x16\"}\r\n      bg={\"white\"}\r\n      text={\"slate-20\"}\r\n      ref={dropdownRef}\r\n      className={`${className} ${isSelected ? \"ui-is-active\" : \"\"} ui-card-delegate shadow cursor-pointer`}\r\n      onClick={() => {\r\n        setSelectedCard(id);\r\n      }}\r\n    >\r\n      <CheckboxRadix.Root\r\n        id={id}\r\n        checked={isSelected}\r\n        className={\"ui-checkbox-filter\"}\r\n      >\r\n        <CheckboxRadix.Indicator>\r\n          <CheckIcon />\r\n        </CheckboxRadix.Indicator>\r\n      </CheckboxRadix.Root>\r\n      <Row\r\n        alignItems={\"flex-start\"}\r\n        style={{ width: \"100%\" }}\r\n        justifyContent={\"space-between\"}\r\n      >\r\n        <Col justifyContent={\"center\"} className={`w-full`}>\r\n          <Col gap={\"x4\"} pb={\"x16\"}>\r\n            <h3 className=\"flex-1 text-decoration-none fs-4 fw-semibold\">\r\n              {title}\r\n            </h3>\r\n            <p className=\"fs-6 fw-normal text-slate-28\">{subtitle}</p>\r\n          </Col>\r\n          {!isMe && (\r\n            <Col gap={\"x4\"}>\r\n              <div className={\"fw-bold\"}>Relazione con il delegante</div>\r\n              <p className={\"fw-normal\"}>{relation}</p>\r\n            </Col>\r\n          )}\r\n        </Col>\r\n        {isMe && (\r\n          <Row\r\n            className={\"ui-fascicolo-label\"}\r\n            justifyContent={\"center\"}\r\n            alignItems={\"center\"}\r\n          >\r\n            IL TUO FASCICOLO\r\n          </Row>\r\n        )}\r\n      </Row>\r\n    </Row>\r\n  );\r\n};\r\n"],"names":["DelegateCard","id","isSelected","title","subtitle","relation","isMe","setSelectedCard","className","dropdownRef","useRef","CheckIcon","jsx","jsxs","Row","CheckboxRadix.Root","CheckboxRadix.Indicator","Col"],"mappings":";;;;;;AAgBO,MAAMA,IAAe,CAAC;AAAA,EAC3B,IAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,iBAAAC,IAAkB,MAAM;AAAA,EAAC;AAAA,EACzB,WAAAC;AACF,MAAyB;AACjB,QAAAC,IAAcC,EAAuB,IAAI,GAEzCC,IAAY,MAChBC,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACN,eAAY;AAAA,MAEZ,UAAAA,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,UACZ,eAAc;AAAA,UACd,gBAAe;AAAA,QAAA;AAAA,MAAA;AAAA,IACjB;AAAA,EACF;AAIA,SAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,MACJ,GAAG;AAAA,MACH,KAAK;AAAA,MACL,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,KAAKL;AAAA,MACL,WAAW,GAAGD,CAAS,IAAIN,IAAa,iBAAiB,EAAE;AAAA,MAC3D,SAAS,MAAM;AACb,QAAAK,EAAgBN,CAAE;AAAA,MACpB;AAAA,MAEA,UAAA;AAAA,QAAAW,gBAAAA,EAAA;AAAA,UAACG;AAAAA,UAAA;AAAA,YACC,IAAAd;AAAA,YACA,SAASC;AAAA,YACT,WAAW;AAAA,YAEX,gCAACc,GAAA,EACC,UAAAJ,gBAAAA,MAACD,KAAU,EACb,CAAA;AAAA,UAAA;AAAA,QACF;AAAA,QACAE,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,YAAY;AAAA,YACZ,OAAO,EAAE,OAAO,OAAO;AAAA,YACvB,gBAAgB;AAAA,YAEhB,UAAA;AAAA,cAAAD,gBAAAA,OAACI,GAAI,EAAA,gBAAgB,UAAU,WAAW,UACxC,UAAA;AAAA,gBAAAJ,gBAAAA,EAAA,KAACI,GAAI,EAAA,KAAK,MAAM,IAAI,OAClB,UAAA;AAAA,kBAACL,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,gDACX,UACHT,GAAA;AAAA,kBACCS,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAU,gCAAgC,UAASR,EAAA,CAAA;AAAA,gBAAA,GACxD;AAAA,gBACC,CAACE,KACCO,gBAAAA,EAAAA,KAAAI,GAAA,EAAI,KAAK,MACR,UAAA;AAAA,kBAACL,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAW,WAAW,UAA0B,8BAAA;AAAA,kBACpDA,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAW,aAAc,UAASP,EAAA,CAAA;AAAA,gBAAA,EACvC,CAAA;AAAA,cAAA,GAEJ;AAAA,cACCC,KACCM,gBAAAA,EAAA;AAAA,gBAACE;AAAA,gBAAA;AAAA,kBACC,WAAW;AAAA,kBACX,gBAAgB;AAAA,kBAChB,YAAY;AAAA,kBACb,UAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,YAED;AAAA,UAAA;AAAA,QAAA;AAAA,MAEJ;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/index.es99.js

@@ -1,54 +1,46 @@
-import { j as i } from "./index.es172.js";
-import { Section as s } from "./index.es46.js";
-import './sections/Login/Login.css';/* empty css            */
-import { EntryButton as g } from "./index.es36.js";
-import { Col as o } from "./index.es10.js";
-const N = ({
-  title: r,
-  description: e,
-  loginTitle: l,
-  loginDescription: n,
-  buttonLabel: t,
-  buttonAriaLabel: c,
-  buttonHref: a,
-  asImage: m = "img",
-  region: d = "marche",
-  authSrc: h = ""
+import { j as l } from "./index.es173.js";
+import { useState as r } from "react";
+import { StepItem as g } from "./index.es354.js";
+import './components/ui/Accordion/AccordionStepper/AccordionStepper.css';/* empty css            */
+import d from "./index.es356.js";
+const O = ({
+  steps: o,
+  toggleStepsLabels: n
 }) => {
-  const x = m;
-  return /* @__PURE__ */ i.jsxs(s, { className: "base-col ui-login-section", children: [
-    /* @__PURE__ */ i.jsxs(o, { className: "ui-login-content", children: [
-      /* @__PURE__ */ i.jsx(s.Title, { fs: "1", className: "md-fs-0 ui-login-title", mdFs: "0", children: r }),
-      e && /* @__PURE__ */ i.jsx(s.Description, { className: "ui-login-description", children: e })
-    ] }),
-    /* @__PURE__ */ i.jsxs("div", { className: "bg-white shadow br-x4 ui-login-body", children: [
-      /* @__PURE__ */ i.jsxs(o, { gap: "x16", children: [
-        /* @__PURE__ */ i.jsx("h3", { className: "text-slate-20 fw-semibold fs-5 md-fs-4", children: l }),
-        /* @__PURE__ */ i.jsx(s.Description, { children: n }),
-        /* @__PURE__ */ i.jsx(
-          g,
-          {
-            showIcon: d === "marche",
-            ariaLabel: c,
-            href: a,
-            children: t
-          }
-        )
-      ] }),
-      /* @__PURE__ */ i.jsx("div", { className: "ui-login-body-img h-full", children: /* @__PURE__ */ i.jsx(
-        x,
-        {
-          src: h,
-          alt: "",
-          "aria-hidden": "true",
-          width: 246,
-          height: 746
-        }
-      ) })
-    ] })
+  const [s, p] = r(
+    o.map(() => !1)
+  ), [a, c] = r(!1), m = () => {
+    const t = !a;
+    p(o.map(() => t)), c(t);
+  }, i = (t) => {
+    const e = [...s];
+    e[t] = !e[t], p(e);
+  };
+  return /* @__PURE__ */ l.jsxs("div", { className: "accordion-stepper", children: [
+    /* @__PURE__ */ l.jsx(
+      d,
+      {
+        className: "toggle-all",
+        onClick: m,
+        isOpen: a,
+        toggleLabels: n
+      }
+    ),
+    o.map((t, e) => /* @__PURE__ */ l.jsx(
+      g,
+      {
+        index: e,
+        title: t.title,
+        content: t.content,
+        isOpen: s[e],
+        detailLabels: n,
+        onToggle: () => i(e)
+      },
+      e
+    ))
   ] });
 };
 export {
-  N as Login
+  O as AccordionStepper
 };
 //# sourceMappingURL=index.es99.js.map

package/dist/index.es99.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es99.js","sources":["../src/sections/Login/index.tsx"],"sourcesContent":["import { Section } from \"@/components/ui/Section\";\nimport { Col, EntryButton } from \"@/components\";\nimport \"./Login.scss\";\nimport { Config } from \"@/utils/config.ts\";\n\nexport type LoginProps = {\n  title: React.ReactNode;\n  description?: React.ReactNode;\n  loginTitle: string;\n  loginDescription: React.ReactNode;\n  buttonLabel: string;\n  buttonAriaLabel: string;\n  buttonHref: string;\n  asImage?: \"img\";\n  region?: Config[\"REGION\"];\n  authSrc?: string;\n};\n\nexport const Login = ({\n  title,\n  description,\n  loginTitle,\n  loginDescription,\n  buttonLabel,\n  buttonAriaLabel,\n  buttonHref,\n  asImage = \"img\",\n  region = \"marche\",\n  authSrc = \"\",\n}: LoginProps) => {\n  const ImageComponent = asImage;\n  return (\n    <Section className=\"base-col ui-login-section\">\n      <Col className=\"ui-login-content\">\n        <Section.Title fs=\"1\" className=\"md-fs-0 ui-login-title\" mdFs=\"0\">\n          {title}\n        </Section.Title>\n        {description && (\n          <Section.Description className=\"ui-login-description\">\n            {description}\n          </Section.Description>\n        )}\n      </Col>\n      <div className=\"bg-white shadow br-x4 ui-login-body\">\n        <Col gap={\"x16\"}>\n          <h3 className=\"text-slate-20 fw-semibold fs-5 md-fs-4\">\n            {loginTitle}\n          </h3>\n          <Section.Description>{loginDescription}</Section.Description>\n          <EntryButton\n            showIcon={region === \"marche\"}\n            ariaLabel={buttonAriaLabel}\n            href={buttonHref}\n          >\n            {buttonLabel}\n          </EntryButton>\n        </Col>\n\n        <div className=\"ui-login-body-img h-full\">\n          <ImageComponent\n            src={authSrc}\n            alt=\"\"\n            aria-hidden=\"true\"\n            width={246}\n            height={746}\n          />\n        </div>\n      </div>\n    </Section>\n  );\n};\n"],"names":["Login","title","description","loginTitle","loginDescription","buttonLabel","buttonAriaLabel","buttonHref","asImage","region","authSrc","ImageComponent","jsxs","Section","Col","jsx","EntryButton"],"mappings":";;;;;AAkBO,MAAMA,IAAQ,CAAC;AAAA,EACpB,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,QAAAC,IAAS;AAAA,EACT,SAAAC,IAAU;AACZ,MAAkB;AAChB,QAAMC,IAAiBH;AAErB,SAAAI,gBAAAA,EAAA,KAACC,GAAQ,EAAA,WAAU,6BACjB,UAAA;AAAA,IAACD,gBAAAA,EAAAA,KAAAE,GAAA,EAAI,WAAU,oBACb,UAAA;AAAA,MAACC,gBAAAA,EAAAA,IAAAF,EAAQ,OAAR,EAAc,IAAG,KAAI,WAAU,0BAAyB,MAAK,KAC3D,UACHZ,EAAA,CAAA;AAAA,MACCC,KACEa,gBAAAA,EAAAA,IAAAF,EAAQ,aAAR,EAAoB,WAAU,wBAC5B,UACHX,EAAA,CAAA;AAAA,IAAA,GAEJ;AAAA,IACAU,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,uCACb,UAAA;AAAA,MAACA,gBAAAA,EAAAA,KAAAE,GAAA,EAAI,KAAK,OACR,UAAA;AAAA,QAACC,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,0CACX,UACHZ,GAAA;AAAA,QACCY,gBAAAA,EAAAA,IAAAF,EAAQ,aAAR,EAAqB,UAAiBT,EAAA,CAAA;AAAA,QACvCW,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,UAAUP,MAAW;AAAA,YACrB,WAAWH;AAAA,YACX,MAAMC;AAAA,YAEL,UAAAF;AAAA,UAAA;AAAA,QAAA;AAAA,MACH,GACF;AAAA,MAEAU,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,4BACb,UAAAA,gBAAAA,EAAA;AAAA,QAACJ;AAAA,QAAA;AAAA,UACC,KAAKD;AAAA,UACL,KAAI;AAAA,UACJ,eAAY;AAAA,UACZ,OAAO;AAAA,UACP,QAAQ;AAAA,QAAA;AAAA,MAAA,EAEZ,CAAA;AAAA,IAAA,EACF,CAAA;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"index.es99.js","sources":["../src/components/ui/Accordion/AccordionStepper/index.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { StepItem, StepData } from \"./StepItem\";\nimport \"./AccordionStepper.scss\";\nimport { ToggleLabel } from \"../types\";\nimport ToggleContent from \"../ToggleContent\";\n\ninterface AccordionStepperProps {\n  toggleStepsLabels: ToggleLabel;\n  steps: StepData[];\n}\n\nexport const AccordionStepper: React.FC<AccordionStepperProps> = ({\n  steps,\n  toggleStepsLabels,\n}) => {\n  const [expandedSteps, setExpandedSteps] = useState<boolean[]>(\n    steps.map(() => false),\n  );\n  const [allOpen, setAllOpen] = useState(false);\n\n  const toggleAll = () => {\n    const newState = !allOpen;\n    setExpandedSteps(steps.map(() => newState));\n    setAllOpen(newState);\n  };\n\n  const toggleStep = (index: number) => {\n    const updated = [...expandedSteps];\n    updated[index] = !updated[index];\n    setExpandedSteps(updated);\n  };\n\n  return (\n    <div className=\"accordion-stepper\">\n      <ToggleContent\n        className=\"toggle-all\"\n        onClick={toggleAll}\n        isOpen={allOpen}\n        toggleLabels={toggleStepsLabels}\n      />\n\n      {steps.map((step, index) => (\n        <StepItem\n          key={index}\n          index={index}\n          title={step.title}\n          content={step.content}\n          isOpen={expandedSteps[index]}\n          detailLabels={toggleStepsLabels}\n          onToggle={() => toggleStep(index)}\n        />\n      ))}\n    </div>\n  );\n};\n"],"names":["AccordionStepper","steps","toggleStepsLabels","expandedSteps","setExpandedSteps","useState","allOpen","setAllOpen","toggleAll","newState","toggleStep","index","updated","jsxs","jsx","ToggleContent","step","StepItem"],"mappings":";;;;;AAWO,MAAMA,IAAoD,CAAC;AAAA,EAChE,OAAAC;AAAA,EACA,mBAAAC;AACF,MAAM;AACE,QAAA,CAACC,GAAeC,CAAgB,IAAIC;AAAA,IACxCJ,EAAM,IAAI,MAAM,EAAK;AAAA,EACvB,GACM,CAACK,GAASC,CAAU,IAAIF,EAAS,EAAK,GAEtCG,IAAY,MAAM;AACtB,UAAMC,IAAW,CAACH;AAClB,IAAAF,EAAiBH,EAAM,IAAI,MAAMQ,CAAQ,CAAC,GAC1CF,EAAWE,CAAQ;AAAA,EACrB,GAEMC,IAAa,CAACC,MAAkB;AAC9B,UAAAC,IAAU,CAAC,GAAGT,CAAa;AACjC,IAAAS,EAAQD,CAAK,IAAI,CAACC,EAAQD,CAAK,GAC/BP,EAAiBQ,CAAO;AAAA,EAC1B;AAGE,SAAAC,gBAAAA,EAAA,KAAC,OAAI,EAAA,WAAU,qBACb,UAAA;AAAA,IAAAC,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,SAASP;AAAA,QACT,QAAQF;AAAA,QACR,cAAcJ;AAAA,MAAA;AAAA,IAChB;AAAA,IAECD,EAAM,IAAI,CAACe,GAAML,MAChBG,gBAAAA,EAAA;AAAA,MAACG;AAAA,MAAA;AAAA,QAEC,OAAAN;AAAA,QACA,OAAOK,EAAK;AAAA,QACZ,SAASA,EAAK;AAAA,QACd,QAAQb,EAAcQ,CAAK;AAAA,QAC3B,cAAcT;AAAA,QACd,UAAU,MAAMQ,EAAWC,CAAK;AAAA,MAAA;AAAA,MAN3BA;AAAA,IAQR,CAAA;AAAA,EAAA,GACH;AAEJ;"}