@anoki/fse-ui 1.0.451 → 1.0.455

package/dist/index.es87.js

@@ -1,25 +1,25 @@
-import { j as n } from "./index.es172.js";
+import { j as n } from "./index.es173.js";
 import './components/ui/ActionBanner/ActionBanner.css';/* empty css            */
 import { ArrowLink as d } from "./index.es35.js";
 import { Button as i } from "./index.es25.js";
-import { Shape as o } from "./index.es139.js";
+import { Shape as h } from "./index.es140.js";
 const b = ({
   title: s,
   description: l,
-  variant: c = "default",
+  variant: t = "default",
   privacy: e,
   firstAction: a,
   secondAction: r
-}) => /* @__PURE__ */ n.jsxs("div", { className: `action-banner action-banner-${c}`, children: [
+}) => /* @__PURE__ */ n.jsxs("div", { className: `action-banner action-banner-${t}`, children: [
   /* @__PURE__ */ n.jsx("div", { className: "banner-head", children: /* @__PURE__ */ n.jsx("div", { className: "banner-title", children: s }) }),
   /* @__PURE__ */ n.jsxs("div", { className: "banner-body", children: [
-    /* @__PURE__ */ n.jsx("div", { className: "banner-icon", children: /* @__PURE__ */ n.jsx(o, { width: 48, height: 48 }) }),
+    /* @__PURE__ */ n.jsx("div", { className: "banner-icon", children: /* @__PURE__ */ n.jsx(h, { width: 48, height: 48 }) }),
     /* @__PURE__ */ n.jsx("span", { className: "banner-description", children: l })
   ] }),
   /* @__PURE__ */ n.jsxs("div", { className: "banner-actions", children: [
     e && /* @__PURE__ */ n.jsx(d, { asLink: "a", children: e.title, href: e.link }),
-    a && /* @__PURE__ */ n.jsx(i, { variant: "secondary", onClick: a.onClick, children: a.label }),
-    r && /* @__PURE__ */ n.jsx(i, { onClick: r.onClick, children: r.label })
+    a && /* @__PURE__ */ n.jsx(i, { variant: "secondary", asLink: "a", href: a.link, children: a.title }),
+    r && /* @__PURE__ */ n.jsx(i, { asLink: "a", href: r.link, children: r.title })
   ] })
 ] });
 export {

package/dist/index.es87.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es87.js","sources":["../src/components/ui/ActionBanner/index.tsx"],"sourcesContent":["import React from \"react\";\nimport \"./ActionBanner.scss\";\nimport { Shape } from \"@/icons\";\nimport { Link } from \"@anoki/fse-common/dist\";\nimport { ArrowLink } from \"../ArrowLink\";\nimport { Button } from \"../Button\";\n\ntype Variant = \"default\" | \"light\";\n\ninterface ActionBannerProps {\n  title: string;\n  description: string;\n  variant?: Variant;\n  privacy?: Link;\n  firstAction?: { label: string; onClick: () => void };\n  secondAction?: { label: string; onClick: () => void };\n}\n\nexport const ActionBanner: React.FC<ActionBannerProps> = ({\n  title,\n  description,\n  variant = \"default\",\n  privacy,\n  firstAction,\n  secondAction,\n}) => {\n  return (\n    <div className={`action-banner action-banner-${variant}`}>\n      <div className=\"banner-head\">\n        <div className=\"banner-title\">{title}</div>\n      </div>\n      <div className=\"banner-body\">\n        <div className=\"banner-icon\">\n          <Shape width={48} height={48} />\n        </div>\n        <span className=\"banner-description\">{description}</span>\n      </div>\n      <div className=\"banner-actions\">\n        {privacy && (\n          <ArrowLink asLink=\"a\" children={privacy.title} href={privacy.link} />\n        )}\n        {firstAction && (\n          <Button variant=\"secondary\" onClick={firstAction.onClick}>\n            {firstAction.label}\n          </Button>\n        )}\n        {secondAction && (\n          <Button onClick={secondAction.onClick}>{secondAction.label}</Button>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"names":["ActionBanner","title","description","variant","privacy","firstAction","secondAction","jsxs","jsx","Shape","ArrowLink","Button"],"mappings":";;;;;AAkBO,MAAMA,IAA4C,CAAC;AAAA,EACxD,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,SAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AACF,MAEKC,gBAAAA,EAAA,KAAA,OAAA,EAAI,WAAW,+BAA+BJ,CAAO,IACpD,UAAA;AAAA,EAACK,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,eACb,UAAAA,gBAAAA,EAAA,IAAC,SAAI,WAAU,gBAAgB,aAAM,EACvC,CAAA;AAAA,EACAD,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,eACb,UAAA;AAAA,IAACC,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,eACb,UAAAA,gBAAAA,EAAA,IAACC,KAAM,OAAO,IAAI,QAAQ,GAAA,CAAI,EAChC,CAAA;AAAA,IACCD,gBAAAA,EAAA,IAAA,QAAA,EAAK,WAAU,sBAAsB,UAAYN,EAAA,CAAA;AAAA,EAAA,GACpD;AAAA,EACAK,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,kBACZ,UAAA;AAAA,IACCH,KAAAI,gBAAAA,EAAA,IAACE,KAAU,QAAO,KAAI,UAAUN,EAAQ,OAAO,MAAMA,EAAQ,KAAM,CAAA;AAAA,IAEpEC,2BACEM,GAAO,EAAA,SAAQ,aAAY,SAASN,EAAY,SAC9C,UAAAA,EAAY,MACf,CAAA;AAAA,IAEDC,KACEE,gBAAAA,EAAAA,IAAAG,GAAA,EAAO,SAASL,EAAa,SAAU,YAAa,MAAM,CAAA;AAAA,EAAA,EAE/D,CAAA;AAAA,GACF;"}
+{"version":3,"file":"index.es87.js","sources":["../src/components/ui/ActionBanner/index.tsx"],"sourcesContent":["import React from \"react\";\nimport \"./ActionBanner.scss\";\nimport { Shape } from \"@/icons\";\nimport { Link } from \"@anoki/fse-common/dist\";\nimport { ArrowLink } from \"../ArrowLink\";\nimport { Button } from \"../Button\";\n\ntype Variant = \"default\" | \"light\";\n\ninterface ActionBannerProps {\n  title: string;\n  description: string;\n  variant?: Variant;\n  privacy?: Link;\n  firstAction?: Link;\n  secondAction?: Link;\n}\n\nexport const ActionBanner: React.FC<ActionBannerProps> = ({\n  title,\n  description,\n  variant = \"default\",\n  privacy,\n  firstAction,\n  secondAction,\n}) => {\n  return (\n    <div className={`action-banner action-banner-${variant}`}>\n      <div className=\"banner-head\">\n        <div className=\"banner-title\">{title}</div>\n      </div>\n      <div className=\"banner-body\">\n        <div className=\"banner-icon\">\n          <Shape width={48} height={48} />\n        </div>\n        <span className=\"banner-description\">{description}</span>\n      </div>\n      <div className=\"banner-actions\">\n        {privacy && (\n          <ArrowLink asLink=\"a\" children={privacy.title} href={privacy.link} />\n        )}\n        {firstAction && (\n          <Button variant=\"secondary\" asLink=\"a\" href={firstAction.link}>\n            {firstAction.title}\n          </Button>\n        )}\n        {secondAction && (\n          <Button asLink=\"a\" href={secondAction.link}>\n            {secondAction.title}\n          </Button>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"names":["ActionBanner","title","description","variant","privacy","firstAction","secondAction","jsxs","jsx","Shape","ArrowLink","Button"],"mappings":";;;;;AAkBO,MAAMA,IAA4C,CAAC;AAAA,EACxD,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,SAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AACF,MAEKC,gBAAAA,EAAA,KAAA,OAAA,EAAI,WAAW,+BAA+BJ,CAAO,IACpD,UAAA;AAAA,EAACK,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,eACb,UAAAA,gBAAAA,EAAA,IAAC,SAAI,WAAU,gBAAgB,aAAM,EACvC,CAAA;AAAA,EACAD,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,eACb,UAAA;AAAA,IAACC,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,eACb,UAAAA,gBAAAA,EAAA,IAACC,KAAM,OAAO,IAAI,QAAQ,GAAA,CAAI,EAChC,CAAA;AAAA,IACCD,gBAAAA,EAAA,IAAA,QAAA,EAAK,WAAU,sBAAsB,UAAYN,EAAA,CAAA;AAAA,EAAA,GACpD;AAAA,EACAK,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,kBACZ,UAAA;AAAA,IACCH,KAAAI,gBAAAA,EAAA,IAACE,KAAU,QAAO,KAAI,UAAUN,EAAQ,OAAO,MAAMA,EAAQ,KAAM,CAAA;AAAA,IAEpEC,KACEG,gBAAAA,EAAAA,IAAAG,GAAA,EAAO,SAAQ,aAAY,QAAO,KAAI,MAAMN,EAAY,MACtD,UAAAA,EAAY,MACf,CAAA;AAAA,IAEDC,2BACEK,GAAO,EAAA,QAAO,KAAI,MAAML,EAAa,MACnC,UAAAA,EAAa,MAChB,CAAA;AAAA,EAAA,EAEJ,CAAA;AAAA,GACF;"}

package/dist/index.es88.js

@@ -1,9 +1,9 @@
-import { j as s } from "./index.es172.js";
+import { j as s } from "./index.es173.js";
 import './components/ui/Alert/Alert.css';/* empty css            */
-import { Divider as n } from "./index.es192.js";
+import { Divider as n } from "./index.es193.js";
 import { Link as a } from "./index.es90.js";
-import { Info as r } from "./index.es146.js";
-import { ErrorExagon as l } from "./index.es150.js";
+import { Info as r } from "./index.es147.js";
+import { ErrorExagon as l } from "./index.es151.js";
 const u = {
   DEFAULT: "default",
   INFO: "info",

package/dist/index.es89.js

@@ -1,5 +1,5 @@
-import { j as e } from "./index.es172.js";
-import { Root as l, Portal as r, Overlay as n, Content as c, Title as m, Description as x, Cancel as p } from "./index.es286.js";
+import { j as e } from "./index.es173.js";
+import { Root as l, Portal as r, Overlay as n, Content as c, Title as m, Description as x, Cancel as p } from "./index.es287.js";
 import './components/ui/AlertDialogUI/AlertDialogUI.css';/* empty css            */
 import { Row as d } from "./index.es9.js";
 import { Button as j } from "./index.es25.js";

package/dist/index.es9.js

@@ -1,9 +1,9 @@
-import { j as x } from "./index.es172.js";
+import { j as x } from "./index.es173.js";
 import { useMemo as y } from "react";
-import { clsx as g } from "./index.es173.js";
+import { clsx as g } from "./index.es175.js";
 import { createSpacingClasses as j } from "./index.es182.js";
-import { createColorClasses as u } from "./index.es174.js";
-import { createTypographyClasses as h } from "./index.es184.js";
+import { createColorClasses as u } from "./index.es184.js";
+import { createTypographyClasses as h } from "./index.es185.js";
 const E = ({
   as: o,
   className: r,

package/dist/index.es90.js

@@ -1,7 +1,7 @@
-import { j as n } from "./index.es172.js";
+import { j as n } from "./index.es173.js";
 import './styles/typography.css';import './components/ui/link/Link.css';/* empty css            */
 /* empty css            */
-import { clsx as a } from "./index.es173.js";
+import { clsx as a } from "./index.es175.js";
 function x({
   title: s,
   src: o,

package/dist/index.es91.js

@@ -1,4 +1,4 @@
-import { j as e } from "./index.es172.js";
+import { j as e } from "./index.es173.js";
 import './components/ui/GenericSkeleton/GenericSkeleton.css';/* empty css            */
 const t = () => /* @__PURE__ */ e.jsxs("div", { className: "search-structure-skeleton-container", children: [
   /* @__PURE__ */ e.jsx("div", { className: "search-structure-skeleton-title pulse" }),

package/dist/index.es92.js

@@ -1,11 +1,11 @@
-import { j as e } from "./index.es172.js";
+import { j as e } from "./index.es173.js";
 import './components/ui/CardFile/CardFile.css';/* empty css            */
 import { Button as n } from "./index.es25.js";
 import { ArrowLink as o } from "./index.es35.js";
-import { clsx as a } from "./index.es173.js";
-import { File as d } from "./index.es132.js";
-import { Download as c } from "./index.es137.js";
-import { ExternalLink as m } from "./index.es107.js";
+import { clsx as a } from "./index.es175.js";
+import { File as d } from "./index.es133.js";
+import { Download as c } from "./index.es138.js";
+import { ExternalLink as m } from "./index.es108.js";
 function k({
   title: l,
   description: s,

package/dist/index.es93.js

@@ -1,4 +1,4 @@
-import { j as e } from "./index.es172.js";
+import { j as e } from "./index.es173.js";
 import { Avatar as x } from "./index.es56.js";
 import './components/ui/AuthorBlock/AuthorBlock.css';/* empty css            */
 import { Row as n } from "./index.es9.js";
@@ -24,8 +24,8 @@ const b = ({
     }
   ),
   /* @__PURE__ */ e.jsxs("div", { className: "text-slate-28", children: [
-    /* @__PURE__ */ e.jsx(i, { className: "fs-5 md-fs-custom-2 fw-semibold ", children: l }),
-    /* @__PURE__ */ e.jsxs("div", { className: "base-row gap-x8 fs-custom text-slate-28", children: [
+    /* @__PURE__ */ e.jsx(i, { className: "fs-5 md-fs-custom fw-semibold ", children: l }),
+    /* @__PURE__ */ e.jsxs("div", { className: "base-row gap-x8 fs-6 text-slate-28", children: [
       /* @__PURE__ */ e.jsx("p", { className: "fw-regular", children: o }),
       /* @__PURE__ */ e.jsx("p", { className: "fw-bold", children: r }),
       /* @__PURE__ */ e.jsx("p", { className: "fw-regular ui-author-divider", children: t }),

package/dist/index.es93.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es93.js","sources":["../src/components/ui/AuthorBlock/index.tsx"],"sourcesContent":["import { Avatar, AvatarSize } from \"../Avatar\";\nimport { ColorKeys } from \"@/theme/colors\";\nimport \"./AuthorBlock.scss\";\nimport { Row } from \"@/components\";\n\ntype HeadingLevel = \"h2\" | \"h3\" | \"h4\";\ntype CardDoctorProps = {\n  titleTag?: HeadingLevel;\n  authorName: string;\n  avatar?: {\n    initials: string;\n    bg?: ColorKeys;\n    textColor?: ColorKeys;\n  };\n  avatarSize?: AvatarSize;\n  publishedLabel?: string;\n  publishedDate?: string;\n  readingTimeLabel?: string;\n  readingTimeValue?: string;\n  readingMinuteLabel?: string;\n};\n\nexport const AuthorBlock = ({\n  titleTag: TitleTag = \"h3\",\n  authorName,\n  avatar,\n  avatarSize = \"3\",\n  publishedLabel = \"Pubblicato il\",\n  publishedDate = \"-\",\n  readingTimeLabel = \"Tempo di lettura\",\n  readingTimeValue = \"0\",\n  readingMinuteLabel = \"minuti\",\n}: CardDoctorProps) => {\n  return (\n    <article className=\"bg-white br-x4 ui-card-doctor\">\n      <Row as={\"header\"} gap={\"x16\"} className=\"align-items-center\">\n        {avatar && (\n          <Avatar\n            textColor={avatar?.textColor ?? \"slate-20\"}\n            bg={avatar?.bg ?? \"lightblue-a01\"}\n            initials={avatar?.initials ?? \"\"}\n            className=\"ui-card-doctor-avatar\"\n            size={avatarSize}\n          />\n        )}\n\n        <div className={\"text-slate-28\"}>\n          <TitleTag className=\"fs-5 md-fs-custom-2 fw-semibold \">\n            {authorName}\n          </TitleTag>\n          <div className={\"base-row gap-x8 fs-custom text-slate-28\"}>\n            <p className=\"fw-regular\">{publishedLabel}</p>\n            <p className={\"fw-bold\"}>{publishedDate}</p>\n\n            <p className=\"fw-regular ui-author-divider\">{readingTimeLabel}</p>\n            <p className={\"fw-bold\"}>\n              {readingTimeValue} {readingMinuteLabel}\n            </p>\n          </div>\n        </div>\n      </Row>\n    </article>\n  );\n};\n"],"names":["AuthorBlock","TitleTag","authorName","avatar","avatarSize","publishedLabel","publishedDate","readingTimeLabel","readingTimeValue","readingMinuteLabel","jsx","jsxs","Row","Avatar"],"mappings":";;;;AAsBO,MAAMA,IAAc,CAAC;AAAA,EAC1B,UAAUC,IAAW;AAAA,EACrB,YAAAC;AAAA,EACA,QAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,gBAAAC,IAAiB;AAAA,EACjB,eAAAC,IAAgB;AAAA,EAChB,kBAAAC,IAAmB;AAAA,EACnB,kBAAAC,IAAmB;AAAA,EACnB,oBAAAC,IAAqB;AACvB,MAEIC,gBAAAA,EAAAA,IAAC,WAAQ,EAAA,WAAU,iCACjB,UAAAC,gBAAAA,OAACC,GAAI,EAAA,IAAI,UAAU,KAAK,OAAO,WAAU,sBACtC,UAAA;AAAA,EACCT,KAAAO,gBAAAA,EAAA;AAAA,IAACG;AAAA,IAAA;AAAA,MACC,YAAWV,KAAA,gBAAAA,EAAQ,cAAa;AAAA,MAChC,KAAIA,KAAA,gBAAAA,EAAQ,OAAM;AAAA,MAClB,WAAUA,KAAA,gBAAAA,EAAQ,aAAY;AAAA,MAC9B,WAAU;AAAA,MACV,MAAMC;AAAA,IAAA;AAAA,EACR;AAAA,EAGFO,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAW,iBACd,UAAA;AAAA,IAACD,gBAAAA,EAAA,IAAAT,GAAA,EAAS,WAAU,oCACjB,UACHC,GAAA;AAAA,IACAS,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAW,2CACd,UAAA;AAAA,MAACD,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAU,cAAc,UAAeL,GAAA;AAAA,MACzCK,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAW,WAAY,UAAcJ,GAAA;AAAA,MAEvCI,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAU,gCAAgC,UAAiBH,GAAA;AAAA,MAC9DI,gBAAAA,EAAAA,KAAC,KAAE,EAAA,WAAW,WACX,UAAA;AAAA,QAAAH;AAAA,QAAiB;AAAA,QAAEC;AAAA,MAAA,EACtB,CAAA;AAAA,IAAA,EACF,CAAA;AAAA,EAAA,EACF,CAAA;AAAA,EAAA,CACF,EACF,CAAA;"}
+{"version":3,"file":"index.es93.js","sources":["../src/components/ui/AuthorBlock/index.tsx"],"sourcesContent":["import { Avatar, AvatarSize } from \"../Avatar\";\nimport { ColorKeys } from \"@/theme/colors\";\nimport \"./AuthorBlock.scss\";\nimport { Row } from \"@/components\";\n\ntype HeadingLevel = \"h2\" | \"h3\" | \"h4\";\ntype CardDoctorProps = {\n  titleTag?: HeadingLevel;\n  authorName: string;\n  avatar?: {\n    initials: string;\n    bg?: ColorKeys;\n    textColor?: ColorKeys;\n  };\n  avatarSize?: AvatarSize;\n  publishedLabel?: string;\n  publishedDate?: string;\n  readingTimeLabel?: string;\n  readingTimeValue?: string;\n  readingMinuteLabel?: string;\n};\n\nexport const AuthorBlock = ({\n  titleTag: TitleTag = \"h3\",\n  authorName,\n  avatar,\n  avatarSize = \"3\",\n  publishedLabel = \"Pubblicato il\",\n  publishedDate = \"-\",\n  readingTimeLabel = \"Tempo di lettura\",\n  readingTimeValue = \"0\",\n  readingMinuteLabel = \"minuti\",\n}: CardDoctorProps) => {\n  return (\n    <article className=\"bg-white br-x4 ui-card-doctor\">\n      <Row as={\"header\"} gap={\"x16\"} className=\"align-items-center\">\n        {avatar && (\n          <Avatar\n            textColor={avatar?.textColor ?? \"slate-20\"}\n            bg={avatar?.bg ?? \"lightblue-a01\"}\n            initials={avatar?.initials ?? \"\"}\n            className=\"ui-card-doctor-avatar\"\n            size={avatarSize}\n          />\n        )}\n\n        <div className={\"text-slate-28\"}>\n          <TitleTag className=\"fs-5 md-fs-custom fw-semibold \">\n            {authorName}\n          </TitleTag>\n          <div className={\"base-row gap-x8 fs-6 text-slate-28\"}>\n            <p className=\"fw-regular\">{publishedLabel}</p>\n            <p className={\"fw-bold\"}>{publishedDate}</p>\n\n            <p className=\"fw-regular ui-author-divider\">{readingTimeLabel}</p>\n            <p className={\"fw-bold\"}>\n              {readingTimeValue} {readingMinuteLabel}\n            </p>\n          </div>\n        </div>\n      </Row>\n    </article>\n  );\n};\n"],"names":["AuthorBlock","TitleTag","authorName","avatar","avatarSize","publishedLabel","publishedDate","readingTimeLabel","readingTimeValue","readingMinuteLabel","jsx","jsxs","Row","Avatar"],"mappings":";;;;AAsBO,MAAMA,IAAc,CAAC;AAAA,EAC1B,UAAUC,IAAW;AAAA,EACrB,YAAAC;AAAA,EACA,QAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,gBAAAC,IAAiB;AAAA,EACjB,eAAAC,IAAgB;AAAA,EAChB,kBAAAC,IAAmB;AAAA,EACnB,kBAAAC,IAAmB;AAAA,EACnB,oBAAAC,IAAqB;AACvB,MAEIC,gBAAAA,EAAAA,IAAC,WAAQ,EAAA,WAAU,iCACjB,UAAAC,gBAAAA,OAACC,GAAI,EAAA,IAAI,UAAU,KAAK,OAAO,WAAU,sBACtC,UAAA;AAAA,EACCT,KAAAO,gBAAAA,EAAA;AAAA,IAACG;AAAA,IAAA;AAAA,MACC,YAAWV,KAAA,gBAAAA,EAAQ,cAAa;AAAA,MAChC,KAAIA,KAAA,gBAAAA,EAAQ,OAAM;AAAA,MAClB,WAAUA,KAAA,gBAAAA,EAAQ,aAAY;AAAA,MAC9B,WAAU;AAAA,MACV,MAAMC;AAAA,IAAA;AAAA,EACR;AAAA,EAGFO,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAW,iBACd,UAAA;AAAA,IAACD,gBAAAA,EAAA,IAAAT,GAAA,EAAS,WAAU,kCACjB,UACHC,GAAA;AAAA,IACAS,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAW,sCACd,UAAA;AAAA,MAACD,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAU,cAAc,UAAeL,GAAA;AAAA,MACzCK,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAW,WAAY,UAAcJ,GAAA;AAAA,MAEvCI,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAU,gCAAgC,UAAiBH,GAAA;AAAA,MAC9DI,gBAAAA,EAAAA,KAAC,KAAE,EAAA,WAAW,WACX,UAAA;AAAA,QAAAH;AAAA,QAAiB;AAAA,QAAEC;AAAA,MAAA,EACtB,CAAA;AAAA,IAAA,EACF,CAAA;AAAA,EAAA,EACF,CAAA;AAAA,EAAA,CACF,EACF,CAAA;"}

package/dist/index.es94.js

@@ -1,7 +1,7 @@
-import { j as o } from "./index.es172.js";
-import { clsx as l } from "./index.es173.js";
+import { j as o } from "./index.es173.js";
+import { clsx as l } from "./index.es175.js";
 import './components/ui/DoctorModal/DoctorModal.css';/* empty css            */
-import { ChangeProfileModalContent as n } from "./index.es294.js";
+import { ChangeProfileModalContent as n } from "./index.es295.js";
 import { ModalsHeader as m } from "./index.es95.js";
 import { BaseModal as d } from "./index.es37.js";
 import { Button as c } from "./index.es25.js";

package/dist/index.es95.js

@@ -1,8 +1,8 @@
-import { j as e } from "./index.es172.js";
-import './components/ui/CardUser/CardUser.css';/* empty css            */
-import { Title as o, Close as l } from "./index.es220.js";
+import { j as e } from "./index.es173.js";
+import './components/ui/ModalsHeader/ModalsHeader.css';/* empty css            */
+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.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.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.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 = ({
@@ -49,6 +49,7 @@ const k = ({
       onClick: () => {
         c(r);
       },
+      style: { width: "100%" },
       children: [
         /* @__PURE__ */ e.jsx(
           f,

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\";\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      style={{ width: \"100%\" }}\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,MACA,OAAO,EAAE,OAAO,OAAO;AAAA,MAEvB,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.es397.js";
+import './components/ui/Accordion/AccordionStepper/AccordionStepper.css';/* empty css            */
+import d from "./index.es399.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 { StepData, StepItem } 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;"}