@anoki/fse-ui 2.3.0-7-SNAPSHOT2 → 2.3.0-7-SNAPSHOT3

package/dist/index.cjs103.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs103.js","sources":["../src/components/ui/InfoPopup/index.tsx"],"sourcesContent":["import { PropsWithChildren } from \"react\";\nimport \"./InfoPopup.scss\";\nimport { Close, Info } from \"@/icons\";\nimport { Button, Popover } from \"@radix-ui/themes\";\nimport clsx from \"clsx\";\nimport React from \"react\";\n\nexport type InfoPopupProps = PropsWithChildren<{\n  title: string;\n  description: string | React.ReactNode;\n  isOpen?: boolean;\n  onClickCloseBtn?: () => void;\n  className?: string;\n  positionPopUp?: \"right\" | \"top\" | \"bottom\" | \"left\" | undefined;\n  width?: string;\n  ariaLabel?: string;\n}>;\n\nexport const InfoPopup = ({\n  title = \"Info\",\n  description,\n  width = \"15.5rem\",\n  className = \"\",\n  positionPopUp = \"right\",\n  onClickCloseBtn,\n  isOpen,\n  ariaLabel,\n  children,\n}: InfoPopupProps) => {\n  return (\n    <Popover.Root\n      defaultOpen={false}\n      open={isOpen}\n      onOpenChange={onClickCloseBtn}\n      modal={false}\n    >\n      <Popover.Trigger className=\"position-relative\">\n        <Button\n          className=\"ui-popup-trigger-button\"\n          aria-label={ariaLabel || title}\n          title={ariaLabel || title}\n        >\n          <Info color=\"primary\" />\n        </Button>\n      </Popover.Trigger>\n      <Popover.Content\n        className={clsx(className, \"dialog\")}\n        side={positionPopUp}\n        tabIndex={-1}\n        width={{\n          initial: width,\n          sm: width,\n          xs: width,\n          lg: width,\n          md: width,\n          xl: width,\n        }}\n        maxWidth={{\n          initial: width,\n          sm: width,\n          xs: width,\n          lg: width,\n          md: width,\n          xl: width,\n        }}\n        minWidth={{\n          initial: width,\n          sm: width,\n          xs: width,\n          lg: width,\n          md: width,\n          xl: width,\n        }}\n        style={{ width: width }}\n      >\n        <div className=\"header\">\n          <h1 id=\"dialog-title\" className=\"title\">\n            {title}\n          </h1>\n\n          <Popover.Close\n            className=\"closeButton\"\n            aria-label=\"Close dialog\"\n            onClick={(e: any) => {\n              e.stopPropagation();\n              onClickCloseBtn?.();\n            }}\n          >\n            <Close className=\"closeIcon\" width={34} height={34} />\n          </Popover.Close>\n        </div>\n        {description && (\n          <div id=\"dialog-description\" className=\"content\">\n            {description}\n          </div>\n        )}\n        {children}\n      </Popover.Content>\n    </Popover.Root>\n  );\n};\n"],"names":["InfoPopup","title","description","width","className","positionPopUp","onClickCloseBtn","isOpen","ariaLabel","children","jsxs","Popover.Root","jsx","Popover.Trigger","Button","Info","Popover.Content","clsx","Popover.Close","e","Close"],"mappings":"mTAkBaA,EAAY,CAAC,CACxB,MAAAC,EAAQ,OACR,YAAAC,EACA,MAAAC,EAAQ,UACR,UAAAC,EAAY,GACZ,cAAAC,EAAgB,QAChB,gBAAAC,EACA,OAAAC,EACA,UAAAC,EACA,SAAAC,CACF,IAEIC,EAAAA,kBAAAA,KAACC,EAAAA,KAAA,CACC,YAAa,GACb,KAAMJ,EACN,aAAcD,EACd,MAAO,GAEP,SAAA,CAAAM,EAAAA,kBAAAA,IAACC,EAAAA,QAAA,CAAgB,UAAU,oBACzB,SAAAD,EAAAA,kBAAAA,IAACE,EAAAA,OAAA,CACC,UAAU,0BACV,aAAYN,GAAaP,EACzB,MAAOO,GAAaP,EAEpB,SAAAW,EAAAA,kBAAAA,IAACG,EAAAA,KAAA,CAAK,MAAM,SAAA,CAAU,CAAA,CAAA,EAE1B,EACAL,EAAAA,kBAAAA,KAACM,EAAAA,QAAA,CACC,UAAWC,EAAAA,KAAKb,EAAW,QAAQ,EACnC,KAAMC,EACN,SAAU,GACV,MAAO,CACL,QAASF,EACT,GAAIA,EACJ,GAAIA,EACJ,GAAIA,EACJ,GAAIA,EACJ,GAAIA,CAAA,EAEN,SAAU,CACR,QAASA,EACT,GAAIA,EACJ,GAAIA,EACJ,GAAIA,EACJ,GAAIA,EACJ,GAAIA,CAAA,EAEN,SAAU,CACR,QAASA,EACT,GAAIA,EACJ,GAAIA,EACJ,GAAIA,EACJ,GAAIA,EACJ,GAAIA,CAAA,EAEN,MAAO,CAAE,MAAAA,CAAA,EAET,SAAA,CAAAO,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,SACb,SAAA,CAAAE,wBAAC,KAAA,CAAG,GAAG,eAAe,UAAU,QAC7B,SAAAX,EACH,EAEAW,EAAAA,kBAAAA,IAACM,EAAAA,MAAA,CACC,UAAU,cACV,aAAW,eACX,QAAUC,GAAW,CACnBA,EAAE,gBAAA,EACFb,GAAA,MAAAA,GACF,EAEA,iCAACc,EAAAA,MAAA,CAAM,UAAU,YAAY,MAAO,GAAI,OAAQ,EAAA,CAAI,CAAA,CAAA,CACtD,EACF,EACClB,GACCU,EAAAA,kBAAAA,IAAC,MAAA,CAAI,GAAG,qBAAqB,UAAU,UACpC,SAAAV,EACH,EAEDO,CAAA,CAAA,CAAA,CACH,CAAA,CAAA"}
+{"version":3,"file":"index.cjs103.js","sources":["../src/components/ui/InfoPopup/index.tsx"],"sourcesContent":["import { PropsWithChildren } from \"react\";\r\nimport \"./InfoPopup.scss\";\r\nimport { Close, Info } from \"@/icons\";\r\nimport { Button, Popover } from \"@radix-ui/themes\";\r\nimport clsx from \"clsx\";\r\nimport React from \"react\";\r\n\r\nexport type InfoPopupProps = PropsWithChildren<{\r\n  title: string;\r\n  description: string | React.ReactNode;\r\n  isOpen?: boolean;\r\n  onClickCloseBtn?: () => void;\r\n  className?: string;\r\n  positionPopUp?: \"right\" | \"top\" | \"bottom\" | \"left\" | undefined;\r\n  width?: string;\r\n  ariaLabel?: string;\r\n}>;\r\n\r\nexport const InfoPopup = ({\r\n  title = \"Info\",\r\n  description,\r\n  width = \"15.5rem\",\r\n  className = \"\",\r\n  positionPopUp = \"right\",\r\n  onClickCloseBtn,\r\n  isOpen,\r\n  ariaLabel,\r\n  children,\r\n}: InfoPopupProps) => {\r\n  return (\r\n    <Popover.Root\r\n      defaultOpen={false}\r\n      open={isOpen}\r\n      onOpenChange={onClickCloseBtn}\r\n      modal={false}\r\n    >\r\n      <Popover.Trigger className=\"position-relative\">\r\n        <Button\r\n          className=\"ui-popup-trigger-button\"\r\n          aria-label={ariaLabel || title}\r\n          title={ariaLabel || title}\r\n        >\r\n          <Info color=\"primary\" />\r\n        </Button>\r\n      </Popover.Trigger>\r\n      <Popover.Content\r\n        className={clsx(className, \"dialog\")}\r\n        side={positionPopUp}\r\n        tabIndex={-1}\r\n        width={{\r\n          initial: width,\r\n          sm: width,\r\n          xs: width,\r\n          lg: width,\r\n          md: width,\r\n          xl: width,\r\n        }}\r\n        maxWidth={{\r\n          initial: width,\r\n          sm: width,\r\n          xs: width,\r\n          lg: width,\r\n          md: width,\r\n          xl: width,\r\n        }}\r\n        minWidth={{\r\n          initial: width,\r\n          sm: width,\r\n          xs: width,\r\n          lg: width,\r\n          md: width,\r\n          xl: width,\r\n        }}\r\n        style={{ width: width }}\r\n      >\r\n        <div className=\"header\">\r\n          <h1 id=\"dialog-title\" className=\"title\">\r\n            {title}\r\n          </h1>\r\n\r\n          <Popover.Close\r\n            className=\"closeButton\"\r\n            aria-label=\"Close dialog\"\r\n            onClick={(e: any) => {\r\n              e.stopPropagation();\r\n              onClickCloseBtn?.();\r\n            }}\r\n          >\r\n            <Close className=\"closeIcon\" width={34} height={34} />\r\n          </Popover.Close>\r\n        </div>\r\n        {description && (\r\n          <div id=\"dialog-description\" className=\"content\">\r\n            {description}\r\n          </div>\r\n        )}\r\n        {children}\r\n      </Popover.Content>\r\n    </Popover.Root>\r\n  );\r\n};\r\n"],"names":["InfoPopup","title","description","width","className","positionPopUp","onClickCloseBtn","isOpen","ariaLabel","children","jsxs","Popover.Root","jsx","Popover.Trigger","Button","Info","Popover.Content","clsx","Popover.Close","e","Close"],"mappings":"mTAkBaA,EAAY,CAAC,CACxB,MAAAC,EAAQ,OACR,YAAAC,EACA,MAAAC,EAAQ,UACR,UAAAC,EAAY,GACZ,cAAAC,EAAgB,QAChB,gBAAAC,EACA,OAAAC,EACA,UAAAC,EACA,SAAAC,CACF,IAEIC,EAAAA,kBAAAA,KAACC,EAAAA,KAAA,CACC,YAAa,GACb,KAAMJ,EACN,aAAcD,EACd,MAAO,GAEP,SAAA,CAAAM,EAAAA,kBAAAA,IAACC,EAAAA,QAAA,CAAgB,UAAU,oBACzB,SAAAD,EAAAA,kBAAAA,IAACE,EAAAA,OAAA,CACC,UAAU,0BACV,aAAYN,GAAaP,EACzB,MAAOO,GAAaP,EAEpB,SAAAW,EAAAA,kBAAAA,IAACG,EAAAA,KAAA,CAAK,MAAM,SAAA,CAAU,CAAA,CAAA,EAE1B,EACAL,EAAAA,kBAAAA,KAACM,EAAAA,QAAA,CACC,UAAWC,EAAAA,KAAKb,EAAW,QAAQ,EACnC,KAAMC,EACN,SAAU,GACV,MAAO,CACL,QAASF,EACT,GAAIA,EACJ,GAAIA,EACJ,GAAIA,EACJ,GAAIA,EACJ,GAAIA,CAAA,EAEN,SAAU,CACR,QAASA,EACT,GAAIA,EACJ,GAAIA,EACJ,GAAIA,EACJ,GAAIA,EACJ,GAAIA,CAAA,EAEN,SAAU,CACR,QAASA,EACT,GAAIA,EACJ,GAAIA,EACJ,GAAIA,EACJ,GAAIA,EACJ,GAAIA,CAAA,EAEN,MAAO,CAAE,MAAAA,CAAA,EAET,SAAA,CAAAO,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,SACb,SAAA,CAAAE,wBAAC,KAAA,CAAG,GAAG,eAAe,UAAU,QAC7B,SAAAX,EACH,EAEAW,EAAAA,kBAAAA,IAACM,EAAAA,MAAA,CACC,UAAU,cACV,aAAW,eACX,QAAUC,GAAW,CACnBA,EAAE,gBAAA,EACFb,GAAA,MAAAA,GACF,EAEA,iCAACc,EAAAA,MAAA,CAAM,UAAU,YAAY,MAAO,GAAI,OAAQ,EAAA,CAAI,CAAA,CAAA,CACtD,EACF,EACClB,GACCU,EAAAA,kBAAAA,IAAC,MAAA,CAAI,GAAG,qBAAqB,UAAU,UACpC,SAAAV,EACH,EAEDO,CAAA,CAAA,CAAA,CACH,CAAA,CAAA"}

package/dist/index.cjs104.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs104.js","sources":["../src/components/ui/InfoSectionCard/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport \"./InfoSectionCard.scss\";\nimport { Col } from \"@/components\";\n\ntype InfoSectionCardProps = {\n  title?: string;\n  children?: React.ReactNode;\n};\n\nexport const InfoSectionCard = ({ title, children }: InfoSectionCardProps) => {\n  return (\n    <label className={clsx(\"shadow  br-x4 ui-radio-card-container\")}>\n      <Col style={{ width: \"100%\" }}>\n        <Col py={\"x32\"} px={\"x24\"}>\n          <div className=\"fw-semibold text-slate-20 fs-4\">{title}</div>\n        </Col>\n        <Col\n          style={{\n            height: 1,\n            backgroundColor: \"#C5C7C9\",\n            width: \"100%\",\n          }}\n        />\n        <Col p={\"x24\"}>{children}</Col>\n      </Col>\n    </label>\n  );\n};\n"],"names":["InfoSectionCard","title","children","jsx","clsx","jsxs","Col"],"mappings":"qNASaA,EAAkB,CAAC,CAAE,MAAAC,EAAO,SAAAC,KAErCC,EAAAA,kBAAAA,IAAC,QAAA,CAAM,UAAWC,EAAAA,KAAK,uCAAuC,EAC5D,SAAAC,EAAAA,kBAAAA,KAACC,EAAAA,IAAA,CAAI,MAAO,CAAE,MAAO,MAAA,EACnB,SAAA,CAAAH,EAAAA,kBAAAA,IAACG,EAAAA,IAAA,CAAI,GAAI,MAAO,GAAI,MAClB,iCAAC,MAAA,CAAI,UAAU,iCAAkC,SAAAL,CAAA,CAAM,EACzD,EACAE,EAAAA,kBAAAA,IAACG,EAAAA,IAAA,CACC,MAAO,CACL,OAAQ,EACR,gBAAiB,UACjB,MAAO,MAAA,CACT,CAAA,EAEFH,EAAAA,kBAAAA,IAACG,EAAAA,IAAA,CAAI,EAAG,MAAQ,SAAAJ,CAAA,CAAS,CAAA,CAAA,CAC3B,CAAA,CACF"}
+{"version":3,"file":"index.cjs104.js","sources":["../src/components/ui/InfoSectionCard/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport \"./InfoSectionCard.scss\";\r\nimport { Col } from \"@/components\";\r\n\r\ntype InfoSectionCardProps = {\r\n  title?: string;\r\n  children?: React.ReactNode;\r\n};\r\n\r\nexport const InfoSectionCard = ({ title, children }: InfoSectionCardProps) => {\r\n  return (\r\n    <label className={clsx(\"shadow  br-x4 ui-radio-card-container\")}>\r\n      <Col style={{ width: \"100%\" }}>\r\n        <Col py={\"x32\"} px={\"x24\"}>\r\n          <div className=\"fw-semibold text-slate-20 fs-4\">{title}</div>\r\n        </Col>\r\n        <Col\r\n          style={{\r\n            height: 1,\r\n            backgroundColor: \"#C5C7C9\",\r\n            width: \"100%\",\r\n          }}\r\n        />\r\n        <Col p={\"x24\"}>{children}</Col>\r\n      </Col>\r\n    </label>\r\n  );\r\n};\r\n"],"names":["InfoSectionCard","title","children","jsx","clsx","jsxs","Col"],"mappings":"qNASaA,EAAkB,CAAC,CAAE,MAAAC,EAAO,SAAAC,KAErCC,EAAAA,kBAAAA,IAAC,QAAA,CAAM,UAAWC,EAAAA,KAAK,uCAAuC,EAC5D,SAAAC,EAAAA,kBAAAA,KAACC,EAAAA,IAAA,CAAI,MAAO,CAAE,MAAO,MAAA,EACnB,SAAA,CAAAH,EAAAA,kBAAAA,IAACG,EAAAA,IAAA,CAAI,GAAI,MAAO,GAAI,MAClB,iCAAC,MAAA,CAAI,UAAU,iCAAkC,SAAAL,CAAA,CAAM,EACzD,EACAE,EAAAA,kBAAAA,IAACG,EAAAA,IAAA,CACC,MAAO,CACL,OAAQ,EACR,gBAAiB,UACjB,MAAO,MAAA,CACT,CAAA,EAEFH,EAAAA,kBAAAA,IAACG,EAAAA,IAAA,CAAI,EAAG,MAAQ,SAAAJ,CAAA,CAAS,CAAA,CAAA,CAC3B,CAAA,CACF"}

package/dist/index.cjs105.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs105.js","sources":["../src/components/ui/LatestCardClinicalData/index.tsx"],"sourcesContent":["import \"./LatestCardClinicalData.scss\";\nimport clsx from \"clsx\";\nimport { Col, Divider, Row } from \"@/components\";\n\nexport type LatestCardClinicalDataProps = {\n  className?: string;\n  categoryLabel: string;\n  effectiveTime?: string;\n  entity: string;\n  device?: string | null;\n  value?: number | null;\n  measurementUnit?: string;\n  variationValue?: string;\n  variationUnit?: string;\n  variationStatus?: \"normal\" | \"alert\";\n};\n\nexport const LatestCardClinicalData = ({\n  className = \"\",\n  categoryLabel,\n  effectiveTime,\n  entity,\n  device,\n  value,\n  measurementUnit,\n  variationValue,\n  variationUnit,\n  variationStatus = \"normal\",\n}: LatestCardClinicalDataProps) => {\n  const statusColor =\n    variationStatus === \"alert\"\n      ? \"clinical-data-dot-alert\"\n      : \"clinical-data-dot-normal\";\n\n  return (\n    <div\n      className={clsx(\n        \"clinical-data-card rounded shadow d-flex flex-column \",\n        className,\n      )}\n    >\n      <Row\n        className=\"px-x24 py-x8\"\n        justifyContent=\"space-between\"\n        alignItems=\"center\"\n        flexWrap=\"wrap\"\n      >\n        <span className=\"fs-7 fw-semibold text-slate-28\">{categoryLabel}</span>\n        {effectiveTime && (\n          <span className=\"fs-7 fw-semibold text-slate-28\">\n            {effectiveTime}\n          </span>\n        )}\n      </Row>\n      <Divider bg={\"border-divider\"} />\n\n      <Row\n        className=\"gap-x16 p-x24 h-full w-full\"\n        justifyContent=\"space-between\"\n        alignItems=\"flex-end\"\n        flexWrap=\"wrap\"\n      >\n        <Col className=\"gap-x12\">\n          <h3 className=\"text-primary fw-semibold fs-5 md-fs-4 mb-0\">\n            {entity}\n          </h3>\n          {device && (\n            <span className=\"fs-7 fw-semibold text-white bg-secondary rounded py-x4 px-x16\">\n              {device}\n            </span>\n          )}\n        </Col>\n        <Row\n          alignItems=\"end\"\n          className=\"gap-x8 w-full\"\n          aria-live=\"polite\"\n          justifyContent=\"space-between\"\n        >\n          <div className=\"d-flex align-items-end gap-x8\">\n            <p className=\"text-slate-20 fw-bold fs-1 \">{value ?? \"-\"}</p>\n            {measurementUnit && (\n              <p className=\"text-slate-28 fs-6 \">{measurementUnit}</p>\n            )}\n          </div>\n          {variationValue && (\n            <div className=\"d-flex align-items-center gap-x4\">\n              <div\n                className={clsx(\"clinical-data-dot\", statusColor)}\n                aria-hidden=\"true\"\n              />\n              <p className=\"fw-bold text-slate-28 fs-6 \">{variationValue}</p>\n              {variationUnit && (\n                <p className=\"text-slate-28 fs-6\">{variationUnit}</p>\n              )}\n            </div>\n          )}\n        </Row>\n      </Row>\n    </div>\n  );\n};\n"],"names":["LatestCardClinicalData","className","categoryLabel","effectiveTime","entity","device","value","measurementUnit","variationValue","variationUnit","variationStatus","statusColor","jsxs","clsx","Row","jsx","Divider","Col"],"mappings":"kRAiBaA,EAAyB,CAAC,CACrC,UAAAC,EAAY,GACZ,cAAAC,EACA,cAAAC,EACA,OAAAC,EACA,OAAAC,EACA,MAAAC,EACA,gBAAAC,EACA,eAAAC,EACA,cAAAC,EACA,gBAAAC,EAAkB,QACpB,IAAmC,CACjC,MAAMC,EACJD,IAAoB,QAChB,0BACA,2BAEN,OACEE,EAAAA,kBAAAA,KAAC,MAAA,CACC,UAAWC,EAAAA,KACT,wDACAZ,CAAA,EAGF,SAAA,CAAAW,EAAAA,kBAAAA,KAACE,EAAAA,IAAA,CACC,UAAU,eACV,eAAe,gBACf,WAAW,SACX,SAAS,OAET,SAAA,CAAAC,EAAAA,kBAAAA,IAAC,OAAA,CAAK,UAAU,iCAAkC,SAAAb,EAAc,EAC/DC,GACCY,EAAAA,kBAAAA,IAAC,OAAA,CAAK,UAAU,iCACb,SAAAZ,CAAA,CACH,CAAA,CAAA,CAAA,EAGJY,EAAAA,kBAAAA,IAACC,EAAAA,QAAA,CAAQ,GAAI,gBAAA,CAAkB,EAE/BJ,EAAAA,kBAAAA,KAACE,EAAAA,IAAA,CACC,UAAU,8BACV,eAAe,gBACf,WAAW,WACX,SAAS,OAET,SAAA,CAAAF,EAAAA,kBAAAA,KAACK,EAAAA,IAAA,CAAI,UAAU,UACb,SAAA,CAAAF,EAAAA,kBAAAA,IAAC,KAAA,CAAG,UAAU,6CACX,SAAAX,EACH,EACCC,GACCU,EAAAA,kBAAAA,IAAC,OAAA,CAAK,UAAU,gEACb,SAAAV,CAAA,CACH,CAAA,EAEJ,EACAO,EAAAA,kBAAAA,KAACE,EAAAA,IAAA,CACC,WAAW,MACX,UAAU,gBACV,YAAU,SACV,eAAe,gBAEf,SAAA,CAAAF,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,gCACb,SAAA,CAAAG,EAAAA,kBAAAA,IAAC,IAAA,CAAE,UAAU,8BAA+B,SAAAT,GAAS,IAAI,EACxDC,GACCQ,EAAAA,kBAAAA,IAAC,IAAA,CAAE,UAAU,sBAAuB,SAAAR,CAAA,CAAgB,CAAA,EAExD,EACCC,GACCI,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,mCACb,SAAA,CAAAG,EAAAA,kBAAAA,IAAC,MAAA,CACC,UAAWF,EAAAA,KAAK,oBAAqBF,CAAW,EAChD,cAAY,MAAA,CAAA,EAEdI,EAAAA,kBAAAA,IAAC,IAAA,CAAE,UAAU,8BAA+B,SAAAP,EAAe,EAC1DC,GACCM,EAAAA,kBAAAA,IAAC,IAAA,CAAE,UAAU,qBAAsB,SAAAN,CAAA,CAAc,CAAA,CAAA,CAErD,CAAA,CAAA,CAAA,CAEJ,CAAA,CAAA,CACF,CAAA,CAAA,CAGN"}
+{"version":3,"file":"index.cjs105.js","sources":["../src/components/ui/LatestCardClinicalData/index.tsx"],"sourcesContent":["import \"./LatestCardClinicalData.scss\";\r\nimport clsx from \"clsx\";\r\nimport { Col, Divider, Row } from \"@/components\";\r\n\r\nexport type LatestCardClinicalDataProps = {\r\n  className?: string;\r\n  categoryLabel: string;\r\n  effectiveTime?: string;\r\n  entity: string;\r\n  device?: string | null;\r\n  value?: number | null;\r\n  measurementUnit?: string;\r\n  variationValue?: string;\r\n  variationUnit?: string;\r\n  variationStatus?: \"normal\" | \"alert\";\r\n};\r\n\r\nexport const LatestCardClinicalData = ({\r\n  className = \"\",\r\n  categoryLabel,\r\n  effectiveTime,\r\n  entity,\r\n  device,\r\n  value,\r\n  measurementUnit,\r\n  variationValue,\r\n  variationUnit,\r\n  variationStatus = \"normal\",\r\n}: LatestCardClinicalDataProps) => {\r\n  const statusColor =\r\n    variationStatus === \"alert\"\r\n      ? \"clinical-data-dot-alert\"\r\n      : \"clinical-data-dot-normal\";\r\n\r\n  return (\r\n    <div\r\n      className={clsx(\r\n        \"clinical-data-card rounded shadow d-flex flex-column \",\r\n        className,\r\n      )}\r\n    >\r\n      <Row\r\n        className=\"px-x24 py-x8\"\r\n        justifyContent=\"space-between\"\r\n        alignItems=\"center\"\r\n        flexWrap=\"wrap\"\r\n      >\r\n        <span className=\"fs-7 fw-semibold text-slate-28\">{categoryLabel}</span>\r\n        {effectiveTime && (\r\n          <span className=\"fs-7 fw-semibold text-slate-28\">\r\n            {effectiveTime}\r\n          </span>\r\n        )}\r\n      </Row>\r\n      <Divider bg={\"border-divider\"} />\r\n\r\n      <Row\r\n        className=\"gap-x16 p-x24 h-full w-full\"\r\n        justifyContent=\"space-between\"\r\n        alignItems=\"flex-end\"\r\n        flexWrap=\"wrap\"\r\n      >\r\n        <Col className=\"gap-x12\">\r\n          <h3 className=\"text-primary fw-semibold fs-5 md-fs-4 mb-0\">\r\n            {entity}\r\n          </h3>\r\n          {device && (\r\n            <span className=\"fs-7 fw-semibold text-white bg-secondary rounded py-x4 px-x16\">\r\n              {device}\r\n            </span>\r\n          )}\r\n        </Col>\r\n        <Row\r\n          alignItems=\"end\"\r\n          className=\"gap-x8 w-full\"\r\n          aria-live=\"polite\"\r\n          justifyContent=\"space-between\"\r\n        >\r\n          <div className=\"d-flex align-items-end gap-x8\">\r\n            <p className=\"text-slate-20 fw-bold fs-1 \">{value ?? \"-\"}</p>\r\n            {measurementUnit && (\r\n              <p className=\"text-slate-28 fs-6 \">{measurementUnit}</p>\r\n            )}\r\n          </div>\r\n          {variationValue && (\r\n            <div className=\"d-flex align-items-center gap-x4\">\r\n              <div\r\n                className={clsx(\"clinical-data-dot\", statusColor)}\r\n                aria-hidden=\"true\"\r\n              />\r\n              <p className=\"fw-bold text-slate-28 fs-6 \">{variationValue}</p>\r\n              {variationUnit && (\r\n                <p className=\"text-slate-28 fs-6\">{variationUnit}</p>\r\n              )}\r\n            </div>\r\n          )}\r\n        </Row>\r\n      </Row>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["LatestCardClinicalData","className","categoryLabel","effectiveTime","entity","device","value","measurementUnit","variationValue","variationUnit","variationStatus","statusColor","jsxs","clsx","Row","jsx","Divider","Col"],"mappings":"kRAiBaA,EAAyB,CAAC,CACrC,UAAAC,EAAY,GACZ,cAAAC,EACA,cAAAC,EACA,OAAAC,EACA,OAAAC,EACA,MAAAC,EACA,gBAAAC,EACA,eAAAC,EACA,cAAAC,EACA,gBAAAC,EAAkB,QACpB,IAAmC,CACjC,MAAMC,EACJD,IAAoB,QAChB,0BACA,2BAEN,OACEE,EAAAA,kBAAAA,KAAC,MAAA,CACC,UAAWC,EAAAA,KACT,wDACAZ,CAAA,EAGF,SAAA,CAAAW,EAAAA,kBAAAA,KAACE,EAAAA,IAAA,CACC,UAAU,eACV,eAAe,gBACf,WAAW,SACX,SAAS,OAET,SAAA,CAAAC,EAAAA,kBAAAA,IAAC,OAAA,CAAK,UAAU,iCAAkC,SAAAb,EAAc,EAC/DC,GACCY,EAAAA,kBAAAA,IAAC,OAAA,CAAK,UAAU,iCACb,SAAAZ,CAAA,CACH,CAAA,CAAA,CAAA,EAGJY,EAAAA,kBAAAA,IAACC,EAAAA,QAAA,CAAQ,GAAI,gBAAA,CAAkB,EAE/BJ,EAAAA,kBAAAA,KAACE,EAAAA,IAAA,CACC,UAAU,8BACV,eAAe,gBACf,WAAW,WACX,SAAS,OAET,SAAA,CAAAF,EAAAA,kBAAAA,KAACK,EAAAA,IAAA,CAAI,UAAU,UACb,SAAA,CAAAF,EAAAA,kBAAAA,IAAC,KAAA,CAAG,UAAU,6CACX,SAAAX,EACH,EACCC,GACCU,EAAAA,kBAAAA,IAAC,OAAA,CAAK,UAAU,gEACb,SAAAV,CAAA,CACH,CAAA,EAEJ,EACAO,EAAAA,kBAAAA,KAACE,EAAAA,IAAA,CACC,WAAW,MACX,UAAU,gBACV,YAAU,SACV,eAAe,gBAEf,SAAA,CAAAF,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,gCACb,SAAA,CAAAG,EAAAA,kBAAAA,IAAC,IAAA,CAAE,UAAU,8BAA+B,SAAAT,GAAS,IAAI,EACxDC,GACCQ,EAAAA,kBAAAA,IAAC,IAAA,CAAE,UAAU,sBAAuB,SAAAR,CAAA,CAAgB,CAAA,EAExD,EACCC,GACCI,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,mCACb,SAAA,CAAAG,EAAAA,kBAAAA,IAAC,MAAA,CACC,UAAWF,EAAAA,KAAK,oBAAqBF,CAAW,EAChD,cAAY,MAAA,CAAA,EAEdI,EAAAA,kBAAAA,IAAC,IAAA,CAAE,UAAU,8BAA+B,SAAAP,EAAe,EAC1DC,GACCM,EAAAA,kBAAAA,IAAC,IAAA,CAAE,UAAU,qBAAsB,SAAAN,CAAA,CAAc,CAAA,CAAA,CAErD,CAAA,CAAA,CAAA,CAEJ,CAAA,CAAA,CACF,CAAA,CAAA,CAGN"}

package/dist/index.cjs106.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs106.js","sources":["../src/components/ui/link/index.tsx"],"sourcesContent":["import \"./Link.scss\";\nimport \"../../../styles/typography.scss\";\nimport { clsx } from \"clsx\";\nimport { ElementType } from \"react\";\n\ntype Props = {\n  title: string;\n  src: string;\n  decoration?: string;\n  transform?: \"uppercase\" | \"lowercase\" | \"capitalize\" | \"none\";\n  icon?: ElementType;\n  asLink?: ElementType;\n  external?: boolean;\n};\n\nexport function Link({\n  title,\n  src,\n  decoration = \"\",\n  transform = \"none\",\n  icon: Icon,\n  asLink = \"a\",\n  external = false,\n}: Props) {\n  const LinkTag = asLink || \"a\";\n\n  return (\n    <LinkTag\n      className={clsx(\n        \"link link-sans-bold-sm\",\n        decoration,\n        `text-${transform}`,\n      )}\n      href={src}\n      target={external ? \"_blank\" : \"\"}\n      rel={external ? \"noopener noreferrer\" : \"\"}\n    >\n      {title}\n      {Icon && <Icon class={\"link-icon\"} size=\"md\" />}\n    </LinkTag>\n  );\n}\n"],"names":["Link","title","src","decoration","transform","Icon","asLink","external","LinkTag","jsxs","clsx","jsx"],"mappings":"oNAeO,SAASA,EAAK,CACnB,MAAAC,EACA,IAAAC,EACA,WAAAC,EAAa,GACb,UAAAC,EAAY,OACZ,KAAMC,EACN,OAAAC,EAAS,IACT,SAAAC,EAAW,EACb,EAAU,CACR,MAAMC,EAAUF,GAAU,IAE1B,OACEG,EAAAA,kBAAAA,KAACD,EAAA,CACC,UAAWE,EAAAA,KACT,yBACAP,EACA,QAAQC,CAAS,EAAA,EAEnB,KAAMF,EACN,OAAQK,EAAW,SAAW,GAC9B,IAAKA,EAAW,sBAAwB,GAEvC,SAAA,CAAAN,EACAI,GAAQM,EAAAA,kBAAAA,IAACN,EAAA,CAAK,MAAO,YAAa,KAAK,IAAA,CAAK,CAAA,CAAA,CAAA,CAGnD"}
+{"version":3,"file":"index.cjs106.js","sources":["../src/components/ui/link/index.tsx"],"sourcesContent":["import \"./Link.scss\";\r\nimport \"../../../styles/typography.scss\";\r\nimport { clsx } from \"clsx\";\r\nimport { ElementType } from \"react\";\r\n\r\ntype Props = {\r\n  title: string;\r\n  src: string;\r\n  decoration?: string;\r\n  transform?: \"uppercase\" | \"lowercase\" | \"capitalize\" | \"none\";\r\n  icon?: ElementType;\r\n  asLink?: ElementType;\r\n  external?: boolean;\r\n};\r\n\r\nexport function Link({\r\n  title,\r\n  src,\r\n  decoration = \"\",\r\n  transform = \"none\",\r\n  icon: Icon,\r\n  asLink = \"a\",\r\n  external = false,\r\n}: Props) {\r\n  const LinkTag = asLink || \"a\";\r\n\r\n  return (\r\n    <LinkTag\r\n      className={clsx(\r\n        \"link link-sans-bold-sm\",\r\n        decoration,\r\n        `text-${transform}`,\r\n      )}\r\n      href={src}\r\n      target={external ? \"_blank\" : \"\"}\r\n      rel={external ? \"noopener noreferrer\" : \"\"}\r\n    >\r\n      {title}\r\n      {Icon && <Icon class={\"link-icon\"} size=\"md\" />}\r\n    </LinkTag>\r\n  );\r\n}\r\n"],"names":["Link","title","src","decoration","transform","Icon","asLink","external","LinkTag","jsxs","clsx","jsx"],"mappings":"oNAeO,SAASA,EAAK,CACnB,MAAAC,EACA,IAAAC,EACA,WAAAC,EAAa,GACb,UAAAC,EAAY,OACZ,KAAMC,EACN,OAAAC,EAAS,IACT,SAAAC,EAAW,EACb,EAAU,CACR,MAAMC,EAAUF,GAAU,IAE1B,OACEG,EAAAA,kBAAAA,KAACD,EAAA,CACC,UAAWE,EAAAA,KACT,yBACAP,EACA,QAAQC,CAAS,EAAA,EAEnB,KAAMF,EACN,OAAQK,EAAW,SAAW,GAC9B,IAAKA,EAAW,sBAAwB,GAEvC,SAAA,CAAAN,EACAI,GAAQM,EAAAA,kBAAAA,IAACN,EAAA,CAAK,MAAO,YAAa,KAAK,IAAA,CAAK,CAAA,CAAA,CAAA,CAGnD"}

package/dist/index.cjs107.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs107.js","sources":["../src/components/ui/Loader/index.tsx"],"sourcesContent":["import { Spinner } from \"@/icons\";\n\nexport const Loader = ({\n  loading = false,\n  className,\n}: {\n  loading?: boolean;\n  className?: string;\n}) => {\n  return <div className={className}>{loading ? <Spinner /> : null}</div>;\n};\n"],"names":["Loader","loading","className","jsx","Spinner"],"mappings":"oJAEaA,EAAS,CAAC,CACrB,QAAAC,EAAU,GACV,UAAAC,CACF,4BAIU,MAAA,CAAI,UAAAA,EAAuB,WAAUC,EAAAA,kBAAAA,IAACC,EAAAA,QAAA,EAAQ,EAAK,IAAA,CAAK"}
+{"version":3,"file":"index.cjs107.js","sources":["../src/components/ui/Loader/index.tsx"],"sourcesContent":["import { Spinner } from \"@/icons\";\r\n\r\nexport const Loader = ({\r\n  loading = false,\r\n  className,\r\n}: {\r\n  loading?: boolean;\r\n  className?: string;\r\n}) => {\r\n  return <div className={className}>{loading ? <Spinner /> : null}</div>;\r\n};\r\n"],"names":["Loader","loading","className","jsx","Spinner"],"mappings":"oJAEaA,EAAS,CAAC,CACrB,QAAAC,EAAU,GACV,UAAAC,CACF,4BAIU,MAAA,CAAI,UAAAA,EAAuB,WAAUC,EAAAA,kBAAAA,IAACC,EAAAA,QAAA,EAAQ,EAAK,IAAA,CAAK"}

package/dist/index.cjs108.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs108.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":"oPAWaA,EAAe,CAAC,CAC3B,MAAAC,EACA,YAAAC,EACA,aAAAC,CACF,IAEIC,EAAAA,kBAAAA,KAAC,SAAA,CAAO,UAAU,mBAChB,SAAA,CAAAC,EAAAA,kBAAAA,IAACC,EAAAA,MAAA,CAAa,UAAU,gEACrB,SAAAL,GAASI,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAW,4BAA8B,SAAAJ,CAAA,CAAM,CAAA,CAChE,0BAECM,EAAAA,MAAA,CAAa,QAAO,GAAC,UAAU,wBAC9B,SAAAH,EAAAA,kBAAAA,KAACI,EAAAA,OAAA,CACC,KAAK,IACL,UAAU,UACV,GAAG,cACH,aAAW,gBACX,QAASL,EAER,SAAA,CAAAD,EACDG,EAAAA,kBAAAA,IAACI,EAAAA,MAAA,CAAM,UAAU,OAAA,CAAQ,CAAA,CAAA,CAAA,CAC3B,CACF,CAAA,EACF"}
+{"version":3,"file":"index.cjs108.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":"oPAWaA,EAAe,CAAC,CAC3B,MAAAC,EACA,YAAAC,EACA,aAAAC,CACF,IAEIC,EAAAA,kBAAAA,KAAC,SAAA,CAAO,UAAU,mBAChB,SAAA,CAAAC,EAAAA,kBAAAA,IAACC,EAAAA,MAAA,CAAa,UAAU,gEACrB,SAAAL,GAASI,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAW,4BAA8B,SAAAJ,CAAA,CAAM,CAAA,CAChE,0BAECM,EAAAA,MAAA,CAAa,QAAO,GAAC,UAAU,wBAC9B,SAAAH,EAAAA,kBAAAA,KAACI,EAAAA,OAAA,CACC,KAAK,IACL,UAAU,UACV,GAAG,cACH,aAAW,gBACX,QAASL,EAER,SAAA,CAAAD,EACDG,EAAAA,kBAAAA,IAACI,EAAAA,MAAA,CAAM,UAAU,OAAA,CAAQ,CAAA,CAAA,CAAA,CAC3B,CACF,CAAA,EACF"}

package/dist/index.cjs109.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs109.js","sources":["../src/components/ui/NavList/index.tsx"],"sourcesContent":["type NavListProps = {\n  links: {\n    value: string;\n    href: string;\n    icon?: React.ComponentType<any>;\n  }[];\n  asLink?: \"a\" | React.ComponentType<any>;\n  onClick?: () => void;\n};\n\nexport const NavList = ({ links, asLink = \"a\", onClick }: NavListProps) => {\n  const LinkComponent = asLink;\n\n  return (\n    <ul className=\"list-style-none\" role=\"list\">\n      {links?.map((link) => {\n        const IconComponent = link?.icon;\n        return (\n          <li key={link.value} className=\"py-x20 py-x8 border-bottom\">\n            <LinkComponent\n              href={link.href}\n              className=\"w-full underline text-decoration-none text-primary fs-5 md-fs-4 fw-regular base-row align-items-center gap-x8\"\n              onClick={() => {\n                onClick?.();\n              }}\n            >\n              {IconComponent ? (\n                <IconComponent color=\"primary\" width={32} height={32} />\n              ) : null}\n              {link.value}\n            </LinkComponent>\n          </li>\n        );\n      })}\n    </ul>\n  );\n};\n"],"names":["NavList","links","asLink","onClick","LinkComponent","jsx","link","IconComponent","jsxs"],"mappings":"qHAUaA,EAAU,CAAC,CAAE,MAAAC,EAAO,OAAAC,EAAS,IAAK,QAAAC,KAA4B,CACzE,MAAMC,EAAgBF,EAEtB,OACEG,wBAAC,MAAG,UAAU,kBAAkB,KAAK,OAClC,SAAAJ,GAAA,YAAAA,EAAO,IAAKK,GAAS,CACpB,MAAMC,EAAgBD,GAAA,YAAAA,EAAM,KAC5B,OACED,EAAAA,kBAAAA,IAAC,KAAA,CAAoB,UAAU,6BAC7B,SAAAG,EAAAA,kBAAAA,KAACJ,EAAA,CACC,KAAME,EAAK,KACX,UAAU,gHACV,QAAS,IAAM,CACbH,GAAA,MAAAA,GACF,EAEC,SAAA,CAAAI,EACCF,EAAAA,kBAAAA,IAACE,GAAc,MAAM,UAAU,MAAO,GAAI,OAAQ,GAAI,EACpD,KACHD,EAAK,KAAA,CAAA,CAAA,CACR,EAZOA,EAAK,KAad,CAEJ,EAAC,CACH,CAEJ"}
+{"version":3,"file":"index.cjs109.js","sources":["../src/components/ui/NavList/index.tsx"],"sourcesContent":["type NavListProps = {\r\n  links: {\r\n    value: string;\r\n    href: string;\r\n    icon?: React.ComponentType<any>;\r\n  }[];\r\n  asLink?: \"a\" | React.ComponentType<any>;\r\n  onClick?: () => void;\r\n};\r\n\r\nexport const NavList = ({ links, asLink = \"a\", onClick }: NavListProps) => {\r\n  const LinkComponent = asLink;\r\n\r\n  return (\r\n    <ul className=\"list-style-none\" role=\"list\">\r\n      {links?.map((link) => {\r\n        const IconComponent = link?.icon;\r\n        return (\r\n          <li key={link.value} className=\"py-x20 py-x8 border-bottom\">\r\n            <LinkComponent\r\n              href={link.href}\r\n              className=\"w-full underline text-decoration-none text-primary fs-5 md-fs-4 fw-regular base-row align-items-center gap-x8\"\r\n              onClick={() => {\r\n                onClick?.();\r\n              }}\r\n            >\r\n              {IconComponent ? (\r\n                <IconComponent color=\"primary\" width={32} height={32} />\r\n              ) : null}\r\n              {link.value}\r\n            </LinkComponent>\r\n          </li>\r\n        );\r\n      })}\r\n    </ul>\r\n  );\r\n};\r\n"],"names":["NavList","links","asLink","onClick","LinkComponent","jsx","link","IconComponent","jsxs"],"mappings":"qHAUaA,EAAU,CAAC,CAAE,MAAAC,EAAO,OAAAC,EAAS,IAAK,QAAAC,KAA4B,CACzE,MAAMC,EAAgBF,EAEtB,OACEG,wBAAC,MAAG,UAAU,kBAAkB,KAAK,OAClC,SAAAJ,GAAA,YAAAA,EAAO,IAAKK,GAAS,CACpB,MAAMC,EAAgBD,GAAA,YAAAA,EAAM,KAC5B,OACED,EAAAA,kBAAAA,IAAC,KAAA,CAAoB,UAAU,6BAC7B,SAAAG,EAAAA,kBAAAA,KAACJ,EAAA,CACC,KAAME,EAAK,KACX,UAAU,gHACV,QAAS,IAAM,CACbH,GAAA,MAAAA,GACF,EAEC,SAAA,CAAAI,EACCF,EAAAA,kBAAAA,IAACE,GAAc,MAAM,UAAU,MAAO,GAAI,OAAQ,GAAI,EACpD,KACHD,EAAK,KAAA,CAAA,CAAA,CACR,EAZOA,EAAK,KAad,CAEJ,EAAC,CACH,CAEJ"}

package/dist/index.cjs110.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs110.js","sources":["../src/components/ui/NotificationSettingsSkeleton/index.tsx"],"sourcesContent":["import \"./NotificationSettingsSkeleton.scss\";\n\nexport const NotificationSettingsSkeleton = () => {\n  return (\n    <div className=\"simple-skeleton-container\">\n      {/* Header */}\n      <div className=\"simple-skeleton-header pulse\"></div>\n\n      {/* Contact info */}\n      <div className=\"simple-skeleton-contacts\">\n        <div className=\"simple-skeleton-contact pulse\"></div>\n      </div>\n\n      {/* Table header */}\n      <div className=\"simple-skeleton-table-header\">\n        <div className=\"simple-skeleton-cell-large pulse\"></div>\n        <div className=\"simple-skeleton-cell-small pulse\"></div>\n        <div className=\"simple-skeleton-cell-small pulse\"></div>\n      </div>\n\n      {/* Table rows */}\n      <div className=\"simple-skeleton-rows\">\n        {[1, 2, 3, 4].map((index) => (\n          <div key={index} className=\"simple-skeleton-row\">\n            <div className=\"simple-skeleton-cell-large pulse\"></div>\n            <div className=\"simple-skeleton-cell-small pulse\"></div>\n            <div className=\"simple-skeleton-cell-small pulse\"></div>\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n};\n"],"names":["NotificationSettingsSkeleton","jsxs","jsx","index"],"mappings":"kJAEO,MAAMA,EAA+B,IAExCC,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,4BAEb,SAAA,CAAAC,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,8BAAA,CAA+B,EAG9CA,EAAAA,kBAAAA,IAAC,OAAI,UAAU,2BACb,iCAAC,MAAA,CAAI,UAAU,gCAAgC,CAAA,CACjD,EAGAD,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,+BACb,SAAA,CAAAC,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,kCAAA,CAAmC,EAClDA,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,kCAAA,CAAmC,EAClDA,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,kCAAA,CAAmC,CAAA,EACpD,0BAGC,MAAA,CAAI,UAAU,uBACZ,SAAA,CAAC,EAAG,EAAG,EAAG,CAAC,EAAE,IAAKC,GACjBF,EAAAA,kBAAAA,KAAC,MAAA,CAAgB,UAAU,sBACzB,SAAA,CAAAC,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,kCAAA,CAAmC,EAClDA,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,kCAAA,CAAmC,EAClDA,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,kCAAA,CAAmC,CAAA,CAAA,EAH1CC,CAIV,CACD,CAAA,CACH,CAAA,EACF"}
+{"version":3,"file":"index.cjs110.js","sources":["../src/components/ui/NotificationSettingsSkeleton/index.tsx"],"sourcesContent":["import \"./NotificationSettingsSkeleton.scss\";\r\n\r\nexport const NotificationSettingsSkeleton = () => {\r\n  return (\r\n    <div className=\"simple-skeleton-container\">\r\n      {/* Header */}\r\n      <div className=\"simple-skeleton-header pulse\"></div>\r\n\r\n      {/* Contact info */}\r\n      <div className=\"simple-skeleton-contacts\">\r\n        <div className=\"simple-skeleton-contact pulse\"></div>\r\n      </div>\r\n\r\n      {/* Table header */}\r\n      <div className=\"simple-skeleton-table-header\">\r\n        <div className=\"simple-skeleton-cell-large pulse\"></div>\r\n        <div className=\"simple-skeleton-cell-small pulse\"></div>\r\n        <div className=\"simple-skeleton-cell-small pulse\"></div>\r\n      </div>\r\n\r\n      {/* Table rows */}\r\n      <div className=\"simple-skeleton-rows\">\r\n        {[1, 2, 3, 4].map((index) => (\r\n          <div key={index} className=\"simple-skeleton-row\">\r\n            <div className=\"simple-skeleton-cell-large pulse\"></div>\r\n            <div className=\"simple-skeleton-cell-small pulse\"></div>\r\n            <div className=\"simple-skeleton-cell-small pulse\"></div>\r\n          </div>\r\n        ))}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["NotificationSettingsSkeleton","jsxs","jsx","index"],"mappings":"kJAEO,MAAMA,EAA+B,IAExCC,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,4BAEb,SAAA,CAAAC,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,8BAAA,CAA+B,EAG9CA,EAAAA,kBAAAA,IAAC,OAAI,UAAU,2BACb,iCAAC,MAAA,CAAI,UAAU,gCAAgC,CAAA,CACjD,EAGAD,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,+BACb,SAAA,CAAAC,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,kCAAA,CAAmC,EAClDA,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,kCAAA,CAAmC,EAClDA,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,kCAAA,CAAmC,CAAA,EACpD,0BAGC,MAAA,CAAI,UAAU,uBACZ,SAAA,CAAC,EAAG,EAAG,EAAG,CAAC,EAAE,IAAKC,GACjBF,EAAAA,kBAAAA,KAAC,MAAA,CAAgB,UAAU,sBACzB,SAAA,CAAAC,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,kCAAA,CAAmC,EAClDA,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,kCAAA,CAAmC,EAClDA,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,kCAAA,CAAmC,CAAA,CAAA,EAH1CC,CAIV,CACD,CAAA,CACH,CAAA,EACF"}

package/dist/index.cjs111.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs111.js","sources":["../src/components/ui/NotificationsListModalSkeleton/index.tsx"],"sourcesContent":["import \"./NotificationsListModalSkeleton.scss\";\n\nexport const NotificationsListModalSkeleton = () => {\n  return (\n    <div className=\"docs-skeleton-container\">\n      {/* Column of Skeleton Documents */}\n      {[...Array(3)].map((_, index) => (\n        <div className=\"docs-skeleton-document\" key={index}>\n          <div className=\"docs-skeleton-document-header\">\n            <div className=\"docs-skeleton-emesso pulse\"></div>\n            <div className=\"docs-skeleton-date pulse\"></div>\n          </div>\n          <div className=\"docs-skeleton-document-content\">\n            <div className=\"docs-skeleton-document-type pulse\"></div>\n            <div className=\"docs-skeleton-document-title pulse\"></div>\n            <div className=\"docs-skeleton-document-tag pulse\"></div>\n            <div className=\"docs-skeleton-document-comments pulse\"></div>\n            <div className=\"docs-skeleton-document-footer\">\n              <div className=\"docs-skeleton-document-link pulse\"></div>\n              <div className=\"docs-skeleton-document-button pulse\"></div>\n            </div>\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n};\n"],"names":["NotificationsListModalSkeleton","_","index","jsxs","jsx"],"mappings":"kJAEO,MAAMA,EAAiC,4BAEzC,MAAA,CAAI,UAAU,0BAEZ,SAAA,CAAC,GAAG,MAAM,CAAC,CAAC,EAAE,IAAI,CAACC,EAAGC,IACrBC,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,yBACb,SAAA,CAAAA,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,gCACb,SAAA,CAAAC,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,4BAAA,CAA6B,EAC5CA,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,0BAAA,CAA2B,CAAA,EAC5C,EACAD,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,iCACb,SAAA,CAAAC,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,mCAAA,CAAoC,EACnDA,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,oCAAA,CAAqC,EACpDA,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,kCAAA,CAAmC,EAClDA,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,uCAAA,CAAwC,EACvDD,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,gCACb,SAAA,CAAAC,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,mCAAA,CAAoC,EACnDA,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,qCAAA,CAAsC,CAAA,CAAA,CACvD,CAAA,CAAA,CACF,CAAA,GAd2CF,CAe7C,CACD,EACH"}
+{"version":3,"file":"index.cjs111.js","sources":["../src/components/ui/NotificationsListModalSkeleton/index.tsx"],"sourcesContent":["import \"./NotificationsListModalSkeleton.scss\";\r\n\r\nexport const NotificationsListModalSkeleton = () => {\r\n  return (\r\n    <div className=\"docs-skeleton-container\">\r\n      {/* Column of Skeleton Documents */}\r\n      {[...Array(3)].map((_, index) => (\r\n        <div className=\"docs-skeleton-document\" key={index}>\r\n          <div className=\"docs-skeleton-document-header\">\r\n            <div className=\"docs-skeleton-emesso pulse\"></div>\r\n            <div className=\"docs-skeleton-date pulse\"></div>\r\n          </div>\r\n          <div className=\"docs-skeleton-document-content\">\r\n            <div className=\"docs-skeleton-document-type pulse\"></div>\r\n            <div className=\"docs-skeleton-document-title pulse\"></div>\r\n            <div className=\"docs-skeleton-document-tag pulse\"></div>\r\n            <div className=\"docs-skeleton-document-comments pulse\"></div>\r\n            <div className=\"docs-skeleton-document-footer\">\r\n              <div className=\"docs-skeleton-document-link pulse\"></div>\r\n              <div className=\"docs-skeleton-document-button pulse\"></div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      ))}\r\n    </div>\r\n  );\r\n};\r\n"],"names":["NotificationsListModalSkeleton","_","index","jsxs","jsx"],"mappings":"kJAEO,MAAMA,EAAiC,4BAEzC,MAAA,CAAI,UAAU,0BAEZ,SAAA,CAAC,GAAG,MAAM,CAAC,CAAC,EAAE,IAAI,CAACC,EAAGC,IACrBC,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,yBACb,SAAA,CAAAA,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,gCACb,SAAA,CAAAC,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,4BAAA,CAA6B,EAC5CA,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,0BAAA,CAA2B,CAAA,EAC5C,EACAD,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,iCACb,SAAA,CAAAC,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,mCAAA,CAAoC,EACnDA,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,oCAAA,CAAqC,EACpDA,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,kCAAA,CAAmC,EAClDA,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,uCAAA,CAAwC,EACvDD,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,gCACb,SAAA,CAAAC,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,mCAAA,CAAoC,EACnDA,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,qCAAA,CAAsC,CAAA,CAAA,CACvD,CAAA,CAAA,CACF,CAAA,GAd2CF,CAe7C,CACD,EACH"}

package/dist/index.cjs112.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs112.js","sources":["../src/components/ui/NotificationsListSkeleton/index.tsx"],"sourcesContent":["import \"./NotificationsListSkeleton.scss\";\n\nexport const NotificationsListSkeleton = () => {\n  return (\n    <div className=\"docs-skeleton-container\">\n      {/* Search and filters row */}\n      <div className=\"docs-skeleton-search-row\">\n        <div className=\"docs-skeleton-search-input pulse\"></div>\n        <div className=\"docs-skeleton-search-button pulse\"></div>\n        <div className=\"docs-skeleton-filter-button pulse\"></div>\n      </div>\n\n      {/* Tabs with actions */}\n      <div className=\"docs-skeleton-tabs-row\">\n        <div className=\"docs-skeleton-tabs\">\n          <div className=\"docs-skeleton-tab-active pulse\"></div>\n          <div className=\"docs-skeleton-tab pulse\"></div>\n        </div>\n        <div className=\"docs-skeleton-actions\">\n          <div className=\"docs-skeleton-action-button pulse\"></div>\n          <div className=\"docs-skeleton-action-button pulse\"></div>\n        </div>\n      </div>\n\n      {/* Document count */}\n      <div className=\"docs-skeleton-count pulse\"></div>\n\n      {/* Year header */}\n      <div className=\"docs-skeleton-year pulse\"></div>\n\n      {/* Row 1 */}\n      <div className=\"docs-skeleton-row\">\n        {/* Document 1 */}\n        <div className=\"docs-skeleton-document\">\n          <div className=\"docs-skeleton-document-header\">\n            <div className=\"docs-skeleton-emesso pulse\"></div>\n            <div className=\"docs-skeleton-date pulse\"></div>\n          </div>\n          <div className=\"docs-skeleton-document-content\">\n            <div className=\"docs-skeleton-document-type pulse\"></div>\n            <div className=\"docs-skeleton-document-title pulse\"></div>\n            <div className=\"docs-skeleton-document-tag pulse\"></div>\n            <div className=\"docs-skeleton-document-comments pulse\"></div>\n            <div className=\"docs-skeleton-document-footer\">\n              <div className=\"docs-skeleton-document-link pulse\"></div>\n              <div className=\"docs-skeleton-document-button pulse\"></div>\n            </div>\n          </div>\n        </div>\n\n        {/* Document 2 */}\n        <div className=\"docs-skeleton-document\">\n          <div className=\"docs-skeleton-document-header\">\n            <div className=\"docs-skeleton-emesso pulse\"></div>\n            <div className=\"docs-skeleton-date pulse\"></div>\n          </div>\n          <div className=\"docs-skeleton-document-content\">\n            <div className=\"docs-skeleton-document-type pulse\"></div>\n            <div className=\"docs-skeleton-document-title pulse\"></div>\n            <div className=\"docs-skeleton-document-tag pulse\"></div>\n            <div className=\"docs-skeleton-document-comments pulse\"></div>\n            <div className=\"docs-skeleton-document-footer\">\n              <div className=\"docs-skeleton-document-link pulse\"></div>\n              <div className=\"docs-skeleton-document-button pulse\"></div>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      {/* Horizontal divider */}\n      <div className=\"docs-skeleton-divider\"></div>\n\n      {/* Row 2 */}\n      <div className=\"docs-skeleton-row\">\n        {/* Document 3 */}\n        <div className=\"docs-skeleton-document\">\n          <div className=\"docs-skeleton-document-header\">\n            <div className=\"docs-skeleton-emesso pulse\"></div>\n            <div className=\"docs-skeleton-date pulse\"></div>\n          </div>\n          <div className=\"docs-skeleton-document-content\">\n            <div className=\"docs-skeleton-document-type pulse\"></div>\n            <div className=\"docs-skeleton-document-title pulse\"></div>\n            <div className=\"docs-skeleton-document-tag pulse\"></div>\n            <div className=\"docs-skeleton-document-comments pulse\"></div>\n            <div className=\"docs-skeleton-document-footer\">\n              <div className=\"docs-skeleton-document-link pulse\"></div>\n              <div className=\"docs-skeleton-document-button pulse\"></div>\n            </div>\n          </div>\n        </div>\n\n        {/* Document 4 */}\n        <div className=\"docs-skeleton-document\">\n          <div className=\"docs-skeleton-document-header\">\n            <div className=\"docs-skeleton-emesso pulse\"></div>\n            <div className=\"docs-skeleton-date pulse\"></div>\n          </div>\n          <div className=\"docs-skeleton-document-content\">\n            <div className=\"docs-skeleton-document-type pulse\"></div>\n            <div className=\"docs-skeleton-document-title pulse\"></div>\n            <div className=\"docs-skeleton-document-tag pulse\"></div>\n            <div className=\"docs-skeleton-document-comments pulse\"></div>\n            <div className=\"docs-skeleton-document-footer\">\n              <div className=\"docs-skeleton-document-link pulse\"></div>\n              <div className=\"docs-skeleton-document-button pulse\"></div>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      {/* Horizontal divider */}\n      <div className=\"docs-skeleton-divider\"></div>\n\n      {/* Row 3 */}\n      <div className=\"docs-skeleton-row\">\n        {/* Document 5 */}\n        <div className=\"docs-skeleton-document\">\n          <div className=\"docs-skeleton-document-header\">\n            <div className=\"docs-skeleton-emesso pulse\"></div>\n            <div className=\"docs-skeleton-date pulse\"></div>\n          </div>\n          <div className=\"docs-skeleton-document-content\">\n            <div className=\"docs-skeleton-document-type pulse\"></div>\n            <div className=\"docs-skeleton-document-title pulse\"></div>\n            <div className=\"docs-skeleton-document-tag pulse\"></div>\n            <div className=\"docs-skeleton-document-comments pulse\"></div>\n            <div className=\"docs-skeleton-document-footer\">\n              <div className=\"docs-skeleton-document-link pulse\"></div>\n              <div className=\"docs-skeleton-document-button pulse\"></div>\n            </div>\n          </div>\n        </div>\n\n        {/* Document 6 */}\n        <div className=\"docs-skeleton-document\">\n          <div className=\"docs-skeleton-document-header\">\n            <div className=\"docs-skeleton-emesso pulse\"></div>\n            <div className=\"docs-skeleton-date pulse\"></div>\n          </div>\n          <div className=\"docs-skeleton-document-content\">\n            <div className=\"docs-skeleton-document-type pulse\"></div>\n            <div className=\"docs-skeleton-document-title pulse\"></div>\n            <div className=\"docs-skeleton-document-tag pulse\"></div>\n            <div className=\"docs-skeleton-document-comments pulse\"></div>\n            <div className=\"docs-skeleton-document-footer\">\n              <div className=\"docs-skeleton-document-link pulse\"></div>\n              <div className=\"docs-skeleton-document-button pulse\"></div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":["NotificationsListSkeleton","jsxs","jsx"],"mappings":"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"}
+{"version":3,"file":"index.cjs112.js","sources":["../src/components/ui/NotificationsListSkeleton/index.tsx"],"sourcesContent":["import \"./NotificationsListSkeleton.scss\";\r\n\r\nexport const NotificationsListSkeleton = () => {\r\n  return (\r\n    <div className=\"docs-skeleton-container\">\r\n      {/* Search and filters row */}\r\n      <div className=\"docs-skeleton-search-row\">\r\n        <div className=\"docs-skeleton-search-input pulse\"></div>\r\n        <div className=\"docs-skeleton-search-button pulse\"></div>\r\n        <div className=\"docs-skeleton-filter-button pulse\"></div>\r\n      </div>\r\n\r\n      {/* Tabs with actions */}\r\n      <div className=\"docs-skeleton-tabs-row\">\r\n        <div className=\"docs-skeleton-tabs\">\r\n          <div className=\"docs-skeleton-tab-active pulse\"></div>\r\n          <div className=\"docs-skeleton-tab pulse\"></div>\r\n        </div>\r\n        <div className=\"docs-skeleton-actions\">\r\n          <div className=\"docs-skeleton-action-button pulse\"></div>\r\n          <div className=\"docs-skeleton-action-button pulse\"></div>\r\n        </div>\r\n      </div>\r\n\r\n      {/* Document count */}\r\n      <div className=\"docs-skeleton-count pulse\"></div>\r\n\r\n      {/* Year header */}\r\n      <div className=\"docs-skeleton-year pulse\"></div>\r\n\r\n      {/* Row 1 */}\r\n      <div className=\"docs-skeleton-row\">\r\n        {/* Document 1 */}\r\n        <div className=\"docs-skeleton-document\">\r\n          <div className=\"docs-skeleton-document-header\">\r\n            <div className=\"docs-skeleton-emesso pulse\"></div>\r\n            <div className=\"docs-skeleton-date pulse\"></div>\r\n          </div>\r\n          <div className=\"docs-skeleton-document-content\">\r\n            <div className=\"docs-skeleton-document-type pulse\"></div>\r\n            <div className=\"docs-skeleton-document-title pulse\"></div>\r\n            <div className=\"docs-skeleton-document-tag pulse\"></div>\r\n            <div className=\"docs-skeleton-document-comments pulse\"></div>\r\n            <div className=\"docs-skeleton-document-footer\">\r\n              <div className=\"docs-skeleton-document-link pulse\"></div>\r\n              <div className=\"docs-skeleton-document-button pulse\"></div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        {/* Document 2 */}\r\n        <div className=\"docs-skeleton-document\">\r\n          <div className=\"docs-skeleton-document-header\">\r\n            <div className=\"docs-skeleton-emesso pulse\"></div>\r\n            <div className=\"docs-skeleton-date pulse\"></div>\r\n          </div>\r\n          <div className=\"docs-skeleton-document-content\">\r\n            <div className=\"docs-skeleton-document-type pulse\"></div>\r\n            <div className=\"docs-skeleton-document-title pulse\"></div>\r\n            <div className=\"docs-skeleton-document-tag pulse\"></div>\r\n            <div className=\"docs-skeleton-document-comments pulse\"></div>\r\n            <div className=\"docs-skeleton-document-footer\">\r\n              <div className=\"docs-skeleton-document-link pulse\"></div>\r\n              <div className=\"docs-skeleton-document-button pulse\"></div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      {/* Horizontal divider */}\r\n      <div className=\"docs-skeleton-divider\"></div>\r\n\r\n      {/* Row 2 */}\r\n      <div className=\"docs-skeleton-row\">\r\n        {/* Document 3 */}\r\n        <div className=\"docs-skeleton-document\">\r\n          <div className=\"docs-skeleton-document-header\">\r\n            <div className=\"docs-skeleton-emesso pulse\"></div>\r\n            <div className=\"docs-skeleton-date pulse\"></div>\r\n          </div>\r\n          <div className=\"docs-skeleton-document-content\">\r\n            <div className=\"docs-skeleton-document-type pulse\"></div>\r\n            <div className=\"docs-skeleton-document-title pulse\"></div>\r\n            <div className=\"docs-skeleton-document-tag pulse\"></div>\r\n            <div className=\"docs-skeleton-document-comments pulse\"></div>\r\n            <div className=\"docs-skeleton-document-footer\">\r\n              <div className=\"docs-skeleton-document-link pulse\"></div>\r\n              <div className=\"docs-skeleton-document-button pulse\"></div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        {/* Document 4 */}\r\n        <div className=\"docs-skeleton-document\">\r\n          <div className=\"docs-skeleton-document-header\">\r\n            <div className=\"docs-skeleton-emesso pulse\"></div>\r\n            <div className=\"docs-skeleton-date pulse\"></div>\r\n          </div>\r\n          <div className=\"docs-skeleton-document-content\">\r\n            <div className=\"docs-skeleton-document-type pulse\"></div>\r\n            <div className=\"docs-skeleton-document-title pulse\"></div>\r\n            <div className=\"docs-skeleton-document-tag pulse\"></div>\r\n            <div className=\"docs-skeleton-document-comments pulse\"></div>\r\n            <div className=\"docs-skeleton-document-footer\">\r\n              <div className=\"docs-skeleton-document-link pulse\"></div>\r\n              <div className=\"docs-skeleton-document-button pulse\"></div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      {/* Horizontal divider */}\r\n      <div className=\"docs-skeleton-divider\"></div>\r\n\r\n      {/* Row 3 */}\r\n      <div className=\"docs-skeleton-row\">\r\n        {/* Document 5 */}\r\n        <div className=\"docs-skeleton-document\">\r\n          <div className=\"docs-skeleton-document-header\">\r\n            <div className=\"docs-skeleton-emesso pulse\"></div>\r\n            <div className=\"docs-skeleton-date pulse\"></div>\r\n          </div>\r\n          <div className=\"docs-skeleton-document-content\">\r\n            <div className=\"docs-skeleton-document-type pulse\"></div>\r\n            <div className=\"docs-skeleton-document-title pulse\"></div>\r\n            <div className=\"docs-skeleton-document-tag pulse\"></div>\r\n            <div className=\"docs-skeleton-document-comments pulse\"></div>\r\n            <div className=\"docs-skeleton-document-footer\">\r\n              <div className=\"docs-skeleton-document-link pulse\"></div>\r\n              <div className=\"docs-skeleton-document-button pulse\"></div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        {/* Document 6 */}\r\n        <div className=\"docs-skeleton-document\">\r\n          <div className=\"docs-skeleton-document-header\">\r\n            <div className=\"docs-skeleton-emesso pulse\"></div>\r\n            <div className=\"docs-skeleton-date pulse\"></div>\r\n          </div>\r\n          <div className=\"docs-skeleton-document-content\">\r\n            <div className=\"docs-skeleton-document-type pulse\"></div>\r\n            <div className=\"docs-skeleton-document-title pulse\"></div>\r\n            <div className=\"docs-skeleton-document-tag pulse\"></div>\r\n            <div className=\"docs-skeleton-document-comments pulse\"></div>\r\n            <div className=\"docs-skeleton-document-footer\">\r\n              <div className=\"docs-skeleton-document-link pulse\"></div>\r\n              <div className=\"docs-skeleton-document-button pulse\"></div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["NotificationsListSkeleton","jsxs","jsx"],"mappings":"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"}

package/dist/index.cjs113.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs113.js","sources":["../src/components/ui/NotificationsSettingsHeader/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { Info } from \"@/icons\";\nimport { ActionIconText } from \"../ActionIconText\";\nimport \"./NotificationsSettingsHeader.scss\";\n\ntype TableHeaderProps = {\n  className?: string;\n  showEmail?: boolean;\n  showSms?: boolean;\n};\n\nexport const notificationsSettingsHeaderId = (columnKey: string) =>\n  `notifications-settings-header-${columnKey}`;\n\nexport const NotificationsSettingsHeader = ({\n  className,\n  showEmail = false,\n  showSms = false,\n  ...props\n}: TableHeaderProps) => {\n  const allColumns = [\n    {\n      label: \"Categoria notifica\",\n      noIcon: true,\n      isFlex: true,\n      key: \"category\",\n      alwaysVisible: true,\n    },\n    {\n      label: \"SMS\",\n      fixedWidth: true,\n      key: \"sms\",\n      visible: showSms,\n      popupInfo: {\n        title: \"SMS\",\n        description: \"SMS come metodo di notifica\",\n        isOpen: false,\n        onClickCloseBtn: () => {},\n        ariaLabel: \"Informazioni SMS\",\n      },\n    },\n    {\n      label: \"Email\",\n      fixedWidth: true,\n      key: \"email\",\n      visible: showEmail,\n      popupInfo: {\n        title: \"Email\",\n        description: \"Email come metodo di notifica\",\n        isOpen: false,\n        onClickCloseBtn: () => {},\n        ariaLabel: \"Informazioni Email\",\n      },\n    },\n  ];\n\n  const visibleColumns = allColumns.filter(\n    (column) => column.alwaysVisible || column.visible,\n  );\n\n  return (\n    <div>\n      <div className={clsx(className)} {...props}>\n        <table className=\"w-full flex\" role=\"table\">\n          <thead>\n            <tr className=\"w-full flex\">\n              {visibleColumns.map((column, index) => {\n                const headerId = notificationsSettingsHeaderId(column.key);\n                return (\n                  <th\n                    key={headerId}\n                    id={headerId}\n                    scope=\"col\"\n                    aria-colindex={index + 1}\n                    data-column-key={column.key}\n                    className={clsx(\n                      \"table-header-divider-cell w-full\",\n                      column.isFlex ? \"flex-1\" : \"flex-none\",\n                    )}\n                  >\n                    <div\n                      className={clsx(\n                        \"table__cell--header--content\",\n                        column.fixedWidth ? \"table-header-fixed-width \" : \"\",\n                      )}\n                    >\n                      <div>\n                        <ActionIconText\n                          classNameText={\"text-grey-black\"}\n                          noIcon={column.noIcon}\n                          icon={<Info />}\n                          textLabel={column.label}\n                          iconPosition={\"right\"}\n                          popupInfo={column.popupInfo}\n                          positionPopUp={\n                            visibleColumns.length === index + 1\n                              ? \"left\"\n                              : \"right\"\n                          }\n                        />\n                      </div>\n                    </div>\n                  </th>\n                );\n              })}\n            </tr>\n          </thead>\n          <tbody>\n            <tr className=\"sr-only\">\n              {visibleColumns.map((column, index) => {\n                const headerId = notificationsSettingsHeaderId(column.key);\n                return (\n                  <td\n                    key={`${headerId}-data`}\n                    headers={headerId}\n                    aria-colindex={index + 1}\n                  >\n                    {/* Empty data cell for accessibility */}\n                  </td>\n                );\n              })}\n            </tr>\n          </tbody>\n        </table>\n      </div>\n      <div className={\"table-header-divider\"} />\n    </div>\n  );\n};\n\nexport default NotificationsSettingsHeader;\n\n\n\n"],"names":["notificationsSettingsHeaderId","columnKey","NotificationsSettingsHeader","className","showEmail","showSms","props","visibleColumns","column","jsx","clsx","jsxs","index","headerId","ActionIconText","Info"],"mappings":"gRAWaA,EAAiCC,GAC5C,iCAAiCA,CAAS,GAE/BC,EAA8B,CAAC,CAC1C,UAAAC,EACA,UAAAC,EAAY,GACZ,QAAAC,EAAU,GACV,GAAGC,CACL,IAAwB,CAqCtB,MAAMC,EApCa,CACjB,CACE,MAAO,qBACP,OAAQ,GACR,OAAQ,GACR,IAAK,WACL,cAAe,EAAA,EAEjB,CACE,MAAO,MACP,WAAY,GACZ,IAAK,MACL,QAASF,EACT,UAAW,CACT,MAAO,MACP,YAAa,8BACb,OAAQ,GACR,gBAAiB,IAAM,CAAC,EACxB,UAAW,kBAAA,CACb,EAEF,CACE,MAAO,QACP,WAAY,GACZ,IAAK,QACL,QAASD,EACT,UAAW,CACT,MAAO,QACP,YAAa,gCACb,OAAQ,GACR,gBAAiB,IAAM,CAAC,EACxB,UAAW,oBAAA,CACb,CACF,EAGgC,OAC/BI,GAAWA,EAAO,eAAiBA,EAAO,OAAA,EAG7C,gCACG,MAAA,CACC,SAAA,CAAAC,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAWC,EAAAA,KAAKP,CAAS,EAAI,GAAGG,EACnC,SAAAK,EAAAA,kBAAAA,KAAC,QAAA,CAAM,UAAU,cAAc,KAAK,QAClC,SAAA,CAAAF,EAAAA,kBAAAA,IAAC,QAAA,CACC,iCAAC,KAAA,CAAG,UAAU,cACX,SAAAF,EAAe,IAAI,CAACC,EAAQI,IAAU,CACrC,MAAMC,EAAWb,EAA8BQ,EAAO,GAAG,EACzD,OACEC,EAAAA,kBAAAA,IAAC,KAAA,CAEC,GAAII,EACJ,MAAM,MACN,gBAAeD,EAAQ,EACvB,kBAAiBJ,EAAO,IACxB,UAAWE,EAAAA,KACT,mCACAF,EAAO,OAAS,SAAW,WAAA,EAG7B,SAAAC,EAAAA,kBAAAA,IAAC,MAAA,CACC,UAAWC,EAAAA,KACT,+BACAF,EAAO,WAAa,4BAA8B,EAAA,EAGpD,iCAAC,MAAA,CACC,SAAAC,EAAAA,kBAAAA,IAACK,EAAAA,eAAA,CACC,cAAe,kBACf,OAAQN,EAAO,OACf,6BAAOO,EAAAA,KAAA,EAAK,EACZ,UAAWP,EAAO,MAClB,aAAc,QACd,UAAWA,EAAO,UAClB,cACED,EAAe,SAAWK,EAAQ,EAC9B,OACA,OAAA,CAAA,CAER,CACF,CAAA,CAAA,CACF,EA/BKC,CAAA,CAkCX,CAAC,EACH,EACF,EACAJ,EAAAA,kBAAAA,IAAC,QAAA,CACC,SAAAA,EAAAA,kBAAAA,IAAC,KAAA,CAAG,UAAU,UACX,SAAAF,EAAe,IAAI,CAACC,EAAQI,IAAU,CACrC,MAAMC,EAAWb,EAA8BQ,EAAO,GAAG,EACzD,OACEC,EAAAA,kBAAAA,IAAC,KAAA,CAEC,QAASI,EACT,gBAAeD,EAAQ,CAAA,EAFlB,GAAGC,CAAQ,OAAA,CAOtB,CAAC,EACH,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CACF,EACAJ,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAW,sBAAA,CAAwB,CAAA,EAC1C,CAEJ"}
+{"version":3,"file":"index.cjs113.js","sources":["../src/components/ui/NotificationsSettingsHeader/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport { Info } from \"@/icons\";\r\nimport { ActionIconText } from \"../ActionIconText\";\r\nimport \"./NotificationsSettingsHeader.scss\";\r\n\r\ntype TableHeaderProps = {\r\n  className?: string;\r\n  showEmail?: boolean;\r\n  showSms?: boolean;\r\n};\r\n\r\nexport const notificationsSettingsHeaderId = (columnKey: string) =>\r\n  `notifications-settings-header-${columnKey}`;\r\n\r\nexport const NotificationsSettingsHeader = ({\r\n  className,\r\n  showEmail = false,\r\n  showSms = false,\r\n  ...props\r\n}: TableHeaderProps) => {\r\n  const allColumns = [\r\n    {\r\n      label: \"Categoria notifica\",\r\n      noIcon: true,\r\n      isFlex: true,\r\n      key: \"category\",\r\n      alwaysVisible: true,\r\n    },\r\n    {\r\n      label: \"SMS\",\r\n      fixedWidth: true,\r\n      key: \"sms\",\r\n      visible: showSms,\r\n      popupInfo: {\r\n        title: \"SMS\",\r\n        description: \"SMS come metodo di notifica\",\r\n        isOpen: false,\r\n        onClickCloseBtn: () => {},\r\n        ariaLabel: \"Informazioni SMS\",\r\n      },\r\n    },\r\n    {\r\n      label: \"Email\",\r\n      fixedWidth: true,\r\n      key: \"email\",\r\n      visible: showEmail,\r\n      popupInfo: {\r\n        title: \"Email\",\r\n        description: \"Email come metodo di notifica\",\r\n        isOpen: false,\r\n        onClickCloseBtn: () => {},\r\n        ariaLabel: \"Informazioni Email\",\r\n      },\r\n    },\r\n  ];\r\n\r\n  const visibleColumns = allColumns.filter(\r\n    (column) => column.alwaysVisible || column.visible,\r\n  );\r\n\r\n  return (\r\n    <div>\r\n      <div className={clsx(className)} {...props}>\r\n        <table className=\"w-full flex\" role=\"table\">\r\n          <thead>\r\n            <tr className=\"w-full flex\">\r\n              {visibleColumns.map((column, index) => {\r\n                const headerId = notificationsSettingsHeaderId(column.key);\r\n                return (\r\n                  <th\r\n                    key={headerId}\r\n                    id={headerId}\r\n                    scope=\"col\"\r\n                    aria-colindex={index + 1}\r\n                    data-column-key={column.key}\r\n                    className={clsx(\r\n                      \"table-header-divider-cell w-full\",\r\n                      column.isFlex ? \"flex-1\" : \"flex-none\",\r\n                    )}\r\n                  >\r\n                    <div\r\n                      className={clsx(\r\n                        \"table__cell--header--content\",\r\n                        column.fixedWidth ? \"table-header-fixed-width \" : \"\",\r\n                      )}\r\n                    >\r\n                      <div>\r\n                        <ActionIconText\r\n                          classNameText={\"text-grey-black\"}\r\n                          noIcon={column.noIcon}\r\n                          icon={<Info />}\r\n                          textLabel={column.label}\r\n                          iconPosition={\"right\"}\r\n                          popupInfo={column.popupInfo}\r\n                          positionPopUp={\r\n                            visibleColumns.length === index + 1\r\n                              ? \"left\"\r\n                              : \"right\"\r\n                          }\r\n                        />\r\n                      </div>\r\n                    </div>\r\n                  </th>\r\n                );\r\n              })}\r\n            </tr>\r\n          </thead>\r\n          <tbody>\r\n            <tr className=\"sr-only\">\r\n              {visibleColumns.map((column, index) => {\r\n                const headerId = notificationsSettingsHeaderId(column.key);\r\n                return (\r\n                  <td\r\n                    key={`${headerId}-data`}\r\n                    headers={headerId}\r\n                    aria-colindex={index + 1}\r\n                  >\r\n                    {/* Empty data cell for accessibility */}\r\n                  </td>\r\n                );\r\n              })}\r\n            </tr>\r\n          </tbody>\r\n        </table>\r\n      </div>\r\n      <div className={\"table-header-divider\"} />\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default NotificationsSettingsHeader;\r\n\r\n\r\n\r\n"],"names":["notificationsSettingsHeaderId","columnKey","NotificationsSettingsHeader","className","showEmail","showSms","props","visibleColumns","column","jsx","clsx","jsxs","index","headerId","ActionIconText","Info"],"mappings":"gRAWaA,EAAiCC,GAC5C,iCAAiCA,CAAS,GAE/BC,EAA8B,CAAC,CAC1C,UAAAC,EACA,UAAAC,EAAY,GACZ,QAAAC,EAAU,GACV,GAAGC,CACL,IAAwB,CAqCtB,MAAMC,EApCa,CACjB,CACE,MAAO,qBACP,OAAQ,GACR,OAAQ,GACR,IAAK,WACL,cAAe,EAAA,EAEjB,CACE,MAAO,MACP,WAAY,GACZ,IAAK,MACL,QAASF,EACT,UAAW,CACT,MAAO,MACP,YAAa,8BACb,OAAQ,GACR,gBAAiB,IAAM,CAAC,EACxB,UAAW,kBAAA,CACb,EAEF,CACE,MAAO,QACP,WAAY,GACZ,IAAK,QACL,QAASD,EACT,UAAW,CACT,MAAO,QACP,YAAa,gCACb,OAAQ,GACR,gBAAiB,IAAM,CAAC,EACxB,UAAW,oBAAA,CACb,CACF,EAGgC,OAC/BI,GAAWA,EAAO,eAAiBA,EAAO,OAAA,EAG7C,gCACG,MAAA,CACC,SAAA,CAAAC,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAWC,EAAAA,KAAKP,CAAS,EAAI,GAAGG,EACnC,SAAAK,EAAAA,kBAAAA,KAAC,QAAA,CAAM,UAAU,cAAc,KAAK,QAClC,SAAA,CAAAF,EAAAA,kBAAAA,IAAC,QAAA,CACC,iCAAC,KAAA,CAAG,UAAU,cACX,SAAAF,EAAe,IAAI,CAACC,EAAQI,IAAU,CACrC,MAAMC,EAAWb,EAA8BQ,EAAO,GAAG,EACzD,OACEC,EAAAA,kBAAAA,IAAC,KAAA,CAEC,GAAII,EACJ,MAAM,MACN,gBAAeD,EAAQ,EACvB,kBAAiBJ,EAAO,IACxB,UAAWE,EAAAA,KACT,mCACAF,EAAO,OAAS,SAAW,WAAA,EAG7B,SAAAC,EAAAA,kBAAAA,IAAC,MAAA,CACC,UAAWC,EAAAA,KACT,+BACAF,EAAO,WAAa,4BAA8B,EAAA,EAGpD,iCAAC,MAAA,CACC,SAAAC,EAAAA,kBAAAA,IAACK,EAAAA,eAAA,CACC,cAAe,kBACf,OAAQN,EAAO,OACf,6BAAOO,EAAAA,KAAA,EAAK,EACZ,UAAWP,EAAO,MAClB,aAAc,QACd,UAAWA,EAAO,UAClB,cACED,EAAe,SAAWK,EAAQ,EAC9B,OACA,OAAA,CAAA,CAER,CACF,CAAA,CAAA,CACF,EA/BKC,CAAA,CAkCX,CAAC,EACH,EACF,EACAJ,EAAAA,kBAAAA,IAAC,QAAA,CACC,SAAAA,EAAAA,kBAAAA,IAAC,KAAA,CAAG,UAAU,UACX,SAAAF,EAAe,IAAI,CAACC,EAAQI,IAAU,CACrC,MAAMC,EAAWb,EAA8BQ,EAAO,GAAG,EACzD,OACEC,EAAAA,kBAAAA,IAAC,KAAA,CAEC,QAASI,EACT,gBAAeD,EAAQ,CAAA,EAFlB,GAAGC,CAAQ,OAAA,CAOtB,CAAC,EACH,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CACF,EACAJ,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAW,sBAAA,CAAwB,CAAA,EAC1C,CAEJ"}

package/dist/index.cjs114.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs114.js","sources":["../src/components/ui/ProgressBar/index.tsx"],"sourcesContent":["import { Close } from \"@/icons\";\nimport \"./ProgressBar.scss\";\nimport { Button } from \"@/components\";\nimport { PropsWithChildren, ReactNode } from \"react\";\nimport clsx from \"clsx\";\n\ntype DoctorModalHeaderProps = PropsWithChildren<{\n  closeButton?: string;\n  onCloseClick?: () => void;\n  children?: ReactNode;\n  title?: string;\n  stepLabel?: string;\n  currentStep?: number;\n  totalSteps?: number;\n  onlyTitle?: boolean;\n}>;\n\nexport const ProgressBar = ({\n  closeButton,\n  onlyTitle = false,\n  onCloseClick,\n  title,\n  stepLabel = \"di\",\n  currentStep = 1,\n  totalSteps = 3,\n}: DoctorModalHeaderProps) => {\n  return (\n    <div className=\"text-slate-28\">\n      <header className=\"ui-modal-header\">\n        <div 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\n          {!onlyTitle && (\n            <div className=\"fs-7 ui-steps-container\">\n              Step <span className=\"text-primary fw-bold\">{currentStep}</span>{\" \"}\n              {stepLabel} {totalSteps}\n            </div>\n          )}\n        </div>\n\n        {closeButton && (\n          <div 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          </div>\n        )}\n      </header>\n\n      {!onlyTitle && (\n        <div className=\"ui-progress-bar mx-x4\">\n          {Array.from({ length: totalSteps }, (_, i) => (\n            <div\n              key={i + 1}\n              className={clsx(\n                \"ui-bar\",\n                i + 1 <= currentStep ? \"bg-primary\" : \"bg-lightblue-a02\",\n              )}\n              style={{\n                width: `${100 / totalSteps}%`,\n              }}\n            />\n          ))}\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["ProgressBar","closeButton","onlyTitle","onCloseClick","title","stepLabel","currentStep","totalSteps","jsxs","jsx","Button","Close","_","i","clsx"],"mappings":"oPAiBaA,EAAc,CAAC,CAC1B,YAAAC,EACA,UAAAC,EAAY,GACZ,aAAAC,EACA,MAAAC,EACA,UAAAC,EAAY,KACZ,YAAAC,EAAc,EACd,WAAAC,EAAa,CACf,IAEIC,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,gBACb,SAAA,CAAAA,EAAAA,kBAAAA,KAAC,SAAA,CAAO,UAAU,kBAChB,SAAA,CAAAA,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,gEACZ,SAAA,CAAAJ,GAASK,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,4BAA6B,SAAAL,EAAM,EAE3D,CAACF,GACAM,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,0BAA0B,SAAA,CAAA,QAClCC,EAAAA,kBAAAA,IAAC,OAAA,CAAK,UAAU,uBAAwB,SAAAH,EAAY,EAAQ,IAChED,EAAU,IAAEE,CAAA,CAAA,CACf,CAAA,EAEJ,EAECN,GACCQ,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,wBACb,SAAAD,EAAAA,kBAAAA,KAACE,EAAAA,OAAA,CACC,KAAK,IACL,UAAU,UACV,GAAG,cACH,aAAW,gBACX,QAASP,EAER,SAAA,CAAAF,EACDQ,EAAAA,kBAAAA,IAACE,EAAAA,MAAA,CAAM,UAAU,OAAA,CAAQ,CAAA,CAAA,CAAA,CAC3B,CACF,CAAA,EAEJ,EAEC,CAACT,GACAO,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,wBACZ,SAAA,MAAM,KAAK,CAAE,OAAQF,CAAA,EAAc,CAACK,EAAGC,IACtCJ,EAAAA,kBAAAA,IAAC,MAAA,CAEC,UAAWK,EAAAA,KACT,SACAD,EAAI,GAAKP,EAAc,aAAe,kBAAA,EAExC,MAAO,CACL,MAAO,GAAG,IAAMC,CAAU,GAAA,CAC5B,EAPKM,EAAI,CAAA,CASZ,CAAA,CACH,CAAA,EAEJ"}
+{"version":3,"file":"index.cjs114.js","sources":["../src/components/ui/ProgressBar/index.tsx"],"sourcesContent":["import { Close } from \"@/icons\";\r\nimport \"./ProgressBar.scss\";\r\nimport { Button } from \"@/components\";\r\nimport { PropsWithChildren, ReactNode } from \"react\";\r\nimport clsx from \"clsx\";\r\n\r\ntype DoctorModalHeaderProps = PropsWithChildren<{\r\n  closeButton?: string;\r\n  onCloseClick?: () => void;\r\n  children?: ReactNode;\r\n  title?: string;\r\n  stepLabel?: string;\r\n  currentStep?: number;\r\n  totalSteps?: number;\r\n  onlyTitle?: boolean;\r\n}>;\r\n\r\nexport const ProgressBar = ({\r\n  closeButton,\r\n  onlyTitle = false,\r\n  onCloseClick,\r\n  title,\r\n  stepLabel = \"di\",\r\n  currentStep = 1,\r\n  totalSteps = 3,\r\n}: DoctorModalHeaderProps) => {\r\n  return (\r\n    <div className=\"text-slate-28\">\r\n      <header className=\"ui-modal-header\">\r\n        <div 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\r\n          {!onlyTitle && (\r\n            <div className=\"fs-7 ui-steps-container\">\r\n              Step <span className=\"text-primary fw-bold\">{currentStep}</span>{\" \"}\r\n              {stepLabel} {totalSteps}\r\n            </div>\r\n          )}\r\n        </div>\r\n\r\n        {closeButton && (\r\n          <div 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          </div>\r\n        )}\r\n      </header>\r\n\r\n      {!onlyTitle && (\r\n        <div className=\"ui-progress-bar mx-x4\">\r\n          {Array.from({ length: totalSteps }, (_, i) => (\r\n            <div\r\n              key={i + 1}\r\n              className={clsx(\r\n                \"ui-bar\",\r\n                i + 1 <= currentStep ? \"bg-primary\" : \"bg-lightblue-a02\",\r\n              )}\r\n              style={{\r\n                width: `${100 / totalSteps}%`,\r\n              }}\r\n            />\r\n          ))}\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n"],"names":["ProgressBar","closeButton","onlyTitle","onCloseClick","title","stepLabel","currentStep","totalSteps","jsxs","jsx","Button","Close","_","i","clsx"],"mappings":"oPAiBaA,EAAc,CAAC,CAC1B,YAAAC,EACA,UAAAC,EAAY,GACZ,aAAAC,EACA,MAAAC,EACA,UAAAC,EAAY,KACZ,YAAAC,EAAc,EACd,WAAAC,EAAa,CACf,IAEIC,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,gBACb,SAAA,CAAAA,EAAAA,kBAAAA,KAAC,SAAA,CAAO,UAAU,kBAChB,SAAA,CAAAA,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,gEACZ,SAAA,CAAAJ,GAASK,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,4BAA6B,SAAAL,EAAM,EAE3D,CAACF,GACAM,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,0BAA0B,SAAA,CAAA,QAClCC,EAAAA,kBAAAA,IAAC,OAAA,CAAK,UAAU,uBAAwB,SAAAH,EAAY,EAAQ,IAChED,EAAU,IAAEE,CAAA,CAAA,CACf,CAAA,EAEJ,EAECN,GACCQ,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,wBACb,SAAAD,EAAAA,kBAAAA,KAACE,EAAAA,OAAA,CACC,KAAK,IACL,UAAU,UACV,GAAG,cACH,aAAW,gBACX,QAASP,EAER,SAAA,CAAAF,EACDQ,EAAAA,kBAAAA,IAACE,EAAAA,MAAA,CAAM,UAAU,OAAA,CAAQ,CAAA,CAAA,CAAA,CAC3B,CACF,CAAA,EAEJ,EAEC,CAACT,GACAO,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,wBACZ,SAAA,MAAM,KAAK,CAAE,OAAQF,CAAA,EAAc,CAACK,EAAGC,IACtCJ,EAAAA,kBAAAA,IAAC,MAAA,CAEC,UAAWK,EAAAA,KACT,SACAD,EAAI,GAAKP,EAAc,aAAe,kBAAA,EAExC,MAAO,CACL,MAAO,GAAG,IAAMC,CAAU,GAAA,CAC5B,EAPKM,EAAI,CAAA,CASZ,CAAA,CACH,CAAA,EAEJ"}

package/dist/index.cjs116.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs116.js","sources":["../src/components/ui/ReservationRecapCard/index.tsx"],"sourcesContent":["import { ActionIconText, ArrowLink, Button, Col, Row } from \"@/components\";\nimport { EditPencil } from \"@/icons\";\nimport { CreditCard } from \"@/icons/CreditCard\";\nimport clsx from \"clsx\";\nimport \"./ReservationRecapCard.scss\";\n\ntype InfoSectionCardProps = {\n  title?: string;\n  firstStatusLabel?: string;\n  secondStatusLabel?: string;\n  code?: string;\n  description?: any;\n  onPressPay?: () => void;\n  onPressPayLink?: string;\n  onPressEdit?: () => void;\n  onPressDownload?: () => void;\n  downloadLabel?: string;\n  payLabel?: string;\n  editLabel?: string;\n  asLink?: \"a\" | React.ComponentType<any>;\n};\n\nexport const ReservationRecapCard = ({\n  title,\n  code,\n  onPressDownload,\n  firstStatusLabel,\n  secondStatusLabel,\n  description,\n  onPressPay,\n  onPressPayLink = undefined,\n  onPressEdit,\n  downloadLabel,\n  payLabel,\n  editLabel,\n  asLink = \"a\",\n}: InfoSectionCardProps) => {\n  return (\n    <Col className={clsx(\"shadow  br-x4 ui-radio-card-container-reservations\")}>\n      <Col p={\"x24\"} style={{ width: \"100%\" }}>\n        <Col gap={\"x8\"}>\n          <span className={\"fs-7 fw-semibold text-slate-28\"}>{code}</span>\n          <span className={\"text-slate-20 fw-semibold fs-4\"}>{title}</span>\n        </Col>\n        <Row mt={\"x16\"} gap={\"x16\"}>\n          <div className={\"  px-x16 py-x4 bg-blue-15  rounded \"}>\n            <span className={\"text-white fs-7 fw-bold\"}>\n              {firstStatusLabel}\n            </span>\n          </div>\n          <div className={\"  px-x16 py-x4 bg-status-warning  rounded \"}>\n            <span className={\"text-white fs-7 fw-bold\"}>\n              {secondStatusLabel}\n            </span>\n          </div>\n        </Row>\n        <Col mt={\"x24\"}>{description}</Col>\n        <Col mt={\"x36\"} mb={\"x16\"} className={\"ui-reservation-recap-divider\"} />\n        <Row\n          className={\"actions-container-card-reservation\"}\n          alignItems={\"center\"}\n          justifyContent={\"space-between\"}\n        >\n          <Row alignItems={\"center\"} gap={\"x16\"} className={\"action-link\"}>\n            {onPressPay ? (\n              <ActionIconText\n                textLabel={payLabel}\n                icon={<CreditCard />}\n                handleAction={onPressPay}\n                handleIconAction={onPressPay}\n                classNameText={\"fw-bold\"}\n              />\n            ) : onPressPayLink ? (\n              <ArrowLink className=\"ui-reservation-recap-pay-link\" asLink={asLink} href={onPressPayLink} arrowVisible={false}>\n                <CreditCard />\n                {payLabel}\n              </ArrowLink>\n            ) : <></>}\n            <div className={(onPressPay || onPressPayLink) && \"share-divider-reservations\"}>\n              <ActionIconText\n                textLabel={editLabel}\n                icon={<EditPencil />}\n                handleAction={onPressEdit}\n                handleIconAction={onPressEdit}\n                classNameText={\"fw-bold\"}\n              />\n            </div>\n          </Row>\n          <Button onClick={onPressDownload} variant=\"secondary\" type=\"button\">\n            {downloadLabel}\n          </Button>\n        </Row>\n      </Col>\n    </Col>\n  );\n};\n"],"names":["ReservationRecapCard","title","code","onPressDownload","firstStatusLabel","secondStatusLabel","description","onPressPay","onPressPayLink","onPressEdit","downloadLabel","payLabel","editLabel","asLink","jsx","Col","clsx","jsxs","Row","ActionIconText","CreditCard","ArrowLink","Fragment","EditPencil","Button"],"mappings":"4YAsBaA,EAAuB,CAAC,CACnC,MAAAC,EACA,KAAAC,EACA,gBAAAC,EACA,iBAAAC,EACA,kBAAAC,EACA,YAAAC,EACA,WAAAC,EACA,eAAAC,EAAiB,OACjB,YAAAC,EACA,cAAAC,EACA,SAAAC,EACA,UAAAC,EACA,OAAAC,EAAS,GACX,IAEIC,EAAAA,kBAAAA,IAACC,EAAAA,IAAA,CAAI,UAAWC,EAAAA,KAAK,oDAAoD,EACvE,SAAAC,EAAAA,kBAAAA,KAACF,EAAAA,IAAA,CAAI,EAAG,MAAO,MAAO,CAAE,MAAO,QAC7B,SAAA,CAAAE,EAAAA,kBAAAA,KAACF,EAAAA,IAAA,CAAI,IAAK,KACR,SAAA,CAAAD,EAAAA,kBAAAA,IAAC,OAAA,CAAK,UAAW,iCAAmC,SAAAZ,EAAK,EACzDY,EAAAA,kBAAAA,IAAC,OAAA,CAAK,UAAW,iCAAmC,SAAAb,CAAA,CAAM,CAAA,EAC5D,EACAgB,EAAAA,kBAAAA,KAACC,EAAAA,IAAA,CAAI,GAAI,MAAO,IAAK,MACnB,SAAA,CAAAJ,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAW,sCACd,SAAAA,EAAAA,kBAAAA,IAAC,QAAK,UAAW,0BACd,WACH,CAAA,CACF,EACAA,EAAAA,kBAAAA,IAAC,OAAI,UAAW,6CACd,iCAAC,OAAA,CAAK,UAAW,0BACd,SAAAT,CAAA,CACH,CAAA,CACF,CAAA,EACF,EACAS,EAAAA,kBAAAA,IAACC,EAAAA,IAAA,CAAI,GAAI,MAAQ,SAAAT,EAAY,0BAC5BS,EAAAA,IAAA,CAAI,GAAI,MAAO,GAAI,MAAO,UAAW,+BAAgC,EACtEE,EAAAA,kBAAAA,KAACC,EAAAA,IAAA,CACC,UAAW,qCACX,WAAY,SACZ,eAAgB,gBAEhB,SAAA,CAAAD,yBAACC,EAAAA,KAAI,WAAY,SAAU,IAAK,MAAO,UAAW,cAC/C,SAAA,CAAAX,EACCO,EAAAA,kBAAAA,IAACK,EAAAA,eAAA,CACC,UAAWR,EACX,6BAAOS,EAAAA,WAAA,EAAW,EAClB,aAAcb,EACd,iBAAkBA,EAClB,cAAe,SAAA,CAAA,EAEfC,EACFS,EAAAA,kBAAAA,KAACI,EAAAA,UAAA,CAAU,UAAU,gCAAgC,OAAAR,EAAgB,KAAML,EAAgB,aAAc,GACvG,SAAA,CAAAM,EAAAA,kBAAAA,IAACM,EAAAA,WAAA,EAAW,EACXT,CAAA,CAAA,CACH,EACEG,EAAAA,kBAAAA,IAAAQ,EAAAA,kBAAAA,SAAA,EAAE,EACNR,wBAAC,MAAA,CAAI,WAAYP,GAAcC,IAAmB,6BAChD,SAAAM,EAAAA,kBAAAA,IAACK,EAAAA,eAAA,CACC,UAAWP,EACX,6BAAOW,EAAAA,WAAA,EAAW,EAClB,aAAcd,EACd,iBAAkBA,EAClB,cAAe,SAAA,CAAA,CACjB,CACF,CAAA,EACF,EACAK,EAAAA,kBAAAA,IAACU,EAAAA,QAAO,QAASrB,EAAiB,QAAQ,YAAY,KAAK,SACxD,SAAAO,CAAA,CACH,CAAA,CAAA,CAAA,CACF,CAAA,CACF,CAAA,CACF"}
+{"version":3,"file":"index.cjs116.js","sources":["../src/components/ui/ReservationRecapCard/index.tsx"],"sourcesContent":["import { ActionIconText, ArrowLink, Button, Col, Row } from \"@/components\";\r\nimport { EditPencil } from \"@/icons\";\r\nimport { CreditCard } from \"@/icons/CreditCard\";\r\nimport clsx from \"clsx\";\r\nimport \"./ReservationRecapCard.scss\";\r\n\r\ntype InfoSectionCardProps = {\r\n  title?: string;\r\n  firstStatusLabel?: string;\r\n  secondStatusLabel?: string;\r\n  code?: string;\r\n  description?: any;\r\n  onPressPay?: () => void;\r\n  onPressPayLink?: string;\r\n  onPressEdit?: () => void;\r\n  onPressDownload?: () => void;\r\n  downloadLabel?: string;\r\n  payLabel?: string;\r\n  editLabel?: string;\r\n  asLink?: \"a\" | React.ComponentType<any>;\r\n};\r\n\r\nexport const ReservationRecapCard = ({\r\n  title,\r\n  code,\r\n  onPressDownload,\r\n  firstStatusLabel,\r\n  secondStatusLabel,\r\n  description,\r\n  onPressPay,\r\n  onPressPayLink = undefined,\r\n  onPressEdit,\r\n  downloadLabel,\r\n  payLabel,\r\n  editLabel,\r\n  asLink = \"a\",\r\n}: InfoSectionCardProps) => {\r\n  return (\r\n    <Col className={clsx(\"shadow  br-x4 ui-radio-card-container-reservations\")}>\r\n      <Col p={\"x24\"} style={{ width: \"100%\" }}>\r\n        <Col gap={\"x8\"}>\r\n          <span className={\"fs-7 fw-semibold text-slate-28\"}>{code}</span>\r\n          <span className={\"text-slate-20 fw-semibold fs-4\"}>{title}</span>\r\n        </Col>\r\n        <Row mt={\"x16\"} gap={\"x16\"}>\r\n          <div className={\"  px-x16 py-x4 bg-blue-15  rounded \"}>\r\n            <span className={\"text-white fs-7 fw-bold\"}>\r\n              {firstStatusLabel}\r\n            </span>\r\n          </div>\r\n          <div className={\"  px-x16 py-x4 bg-status-warning  rounded \"}>\r\n            <span className={\"text-white fs-7 fw-bold\"}>\r\n              {secondStatusLabel}\r\n            </span>\r\n          </div>\r\n        </Row>\r\n        <Col mt={\"x24\"}>{description}</Col>\r\n        <Col mt={\"x36\"} mb={\"x16\"} className={\"ui-reservation-recap-divider\"} />\r\n        <Row\r\n          className={\"actions-container-card-reservation\"}\r\n          alignItems={\"center\"}\r\n          justifyContent={\"space-between\"}\r\n        >\r\n          <Row alignItems={\"center\"} gap={\"x16\"} className={\"action-link\"}>\r\n            {onPressPay ? (\r\n              <ActionIconText\r\n                textLabel={payLabel}\r\n                icon={<CreditCard />}\r\n                handleAction={onPressPay}\r\n                handleIconAction={onPressPay}\r\n                classNameText={\"fw-bold\"}\r\n              />\r\n            ) : onPressPayLink ? (\r\n              <ArrowLink className=\"ui-reservation-recap-pay-link\" asLink={asLink} href={onPressPayLink} arrowVisible={false}>\r\n                <CreditCard />\r\n                {payLabel}\r\n              </ArrowLink>\r\n            ) : <></>}\r\n            <div className={(onPressPay || onPressPayLink) && \"share-divider-reservations\"}>\r\n              <ActionIconText\r\n                textLabel={editLabel}\r\n                icon={<EditPencil />}\r\n                handleAction={onPressEdit}\r\n                handleIconAction={onPressEdit}\r\n                classNameText={\"fw-bold\"}\r\n              />\r\n            </div>\r\n          </Row>\r\n          <Button onClick={onPressDownload} variant=\"secondary\" type=\"button\">\r\n            {downloadLabel}\r\n          </Button>\r\n        </Row>\r\n      </Col>\r\n    </Col>\r\n  );\r\n};\r\n"],"names":["ReservationRecapCard","title","code","onPressDownload","firstStatusLabel","secondStatusLabel","description","onPressPay","onPressPayLink","onPressEdit","downloadLabel","payLabel","editLabel","asLink","jsx","Col","clsx","jsxs","Row","ActionIconText","CreditCard","ArrowLink","Fragment","EditPencil","Button"],"mappings":"4YAsBaA,EAAuB,CAAC,CACnC,MAAAC,EACA,KAAAC,EACA,gBAAAC,EACA,iBAAAC,EACA,kBAAAC,EACA,YAAAC,EACA,WAAAC,EACA,eAAAC,EAAiB,OACjB,YAAAC,EACA,cAAAC,EACA,SAAAC,EACA,UAAAC,EACA,OAAAC,EAAS,GACX,IAEIC,EAAAA,kBAAAA,IAACC,EAAAA,IAAA,CAAI,UAAWC,EAAAA,KAAK,oDAAoD,EACvE,SAAAC,EAAAA,kBAAAA,KAACF,EAAAA,IAAA,CAAI,EAAG,MAAO,MAAO,CAAE,MAAO,QAC7B,SAAA,CAAAE,EAAAA,kBAAAA,KAACF,EAAAA,IAAA,CAAI,IAAK,KACR,SAAA,CAAAD,EAAAA,kBAAAA,IAAC,OAAA,CAAK,UAAW,iCAAmC,SAAAZ,EAAK,EACzDY,EAAAA,kBAAAA,IAAC,OAAA,CAAK,UAAW,iCAAmC,SAAAb,CAAA,CAAM,CAAA,EAC5D,EACAgB,EAAAA,kBAAAA,KAACC,EAAAA,IAAA,CAAI,GAAI,MAAO,IAAK,MACnB,SAAA,CAAAJ,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAW,sCACd,SAAAA,EAAAA,kBAAAA,IAAC,QAAK,UAAW,0BACd,WACH,CAAA,CACF,EACAA,EAAAA,kBAAAA,IAAC,OAAI,UAAW,6CACd,iCAAC,OAAA,CAAK,UAAW,0BACd,SAAAT,CAAA,CACH,CAAA,CACF,CAAA,EACF,EACAS,EAAAA,kBAAAA,IAACC,EAAAA,IAAA,CAAI,GAAI,MAAQ,SAAAT,EAAY,0BAC5BS,EAAAA,IAAA,CAAI,GAAI,MAAO,GAAI,MAAO,UAAW,+BAAgC,EACtEE,EAAAA,kBAAAA,KAACC,EAAAA,IAAA,CACC,UAAW,qCACX,WAAY,SACZ,eAAgB,gBAEhB,SAAA,CAAAD,yBAACC,EAAAA,KAAI,WAAY,SAAU,IAAK,MAAO,UAAW,cAC/C,SAAA,CAAAX,EACCO,EAAAA,kBAAAA,IAACK,EAAAA,eAAA,CACC,UAAWR,EACX,6BAAOS,EAAAA,WAAA,EAAW,EAClB,aAAcb,EACd,iBAAkBA,EAClB,cAAe,SAAA,CAAA,EAEfC,EACFS,EAAAA,kBAAAA,KAACI,EAAAA,UAAA,CAAU,UAAU,gCAAgC,OAAAR,EAAgB,KAAML,EAAgB,aAAc,GACvG,SAAA,CAAAM,EAAAA,kBAAAA,IAACM,EAAAA,WAAA,EAAW,EACXT,CAAA,CAAA,CACH,EACEG,EAAAA,kBAAAA,IAAAQ,EAAAA,kBAAAA,SAAA,EAAE,EACNR,wBAAC,MAAA,CAAI,WAAYP,GAAcC,IAAmB,6BAChD,SAAAM,EAAAA,kBAAAA,IAACK,EAAAA,eAAA,CACC,UAAWP,EACX,6BAAOW,EAAAA,WAAA,EAAW,EAClB,aAAcd,EACd,iBAAkBA,EAClB,cAAe,SAAA,CAAA,CACjB,CACF,CAAA,EACF,EACAK,EAAAA,kBAAAA,IAACU,EAAAA,QAAO,QAASrB,EAAiB,QAAQ,YAAY,KAAK,SACxD,SAAAO,CAAA,CACH,CAAA,CAAA,CAAA,CACF,CAAA,CACF,CAAA,CACF"}

package/dist/index.cjs117.js

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

package/dist/index.cjs118.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs118.js","sources":["../src/components/ui/Search/index.tsx"],"sourcesContent":["import \"./Search.scss\";\nimport clsx from \"clsx\";\nimport { useState } from \"react\";\nimport { Button } from \"@/components\";\nimport { SearchIcon } from \"@/icons\";\n\ntype SearchProps = {\n  btnText: string;\n  helperText: string;\n  value: string;\n  variant?: \"outlined\" | \"basic\";\n  onChangeValue?: (value: string) => void;\n  onSearch?: (value: string) => void;\n  dimensionStrategy?: \"fixed\" | \"auto\";\n};\n\nexport const Search = ({\n  btnText,\n  helperText,\n  onChangeValue,\n  value,\n  variant = \"basic\",\n  onSearch,\n  dimensionStrategy = \"fixed\"\n}: SearchProps) => {\n  const [valueInput, setValueInput] = useState(value);\n  return (\n    <div\n      className={clsx(\n        \"ui-search\",\n        \"br-x4 bg-border-secondary w-full\",\n        variant,\n        {\n          \"ui-search-auto\": dimensionStrategy === \"auto\",\n        },\n      )}\n    >\n      {variant === \"basic\" ? (\n        <>\n          <input\n            id=\"search\"\n            type=\"search\"\n            className={clsx(\n              \"ui-search-input\",\n              \"bg-white fs-6 text-slate-20 br-x4 w-full pl-x24\",\n            )}\n            placeholder={helperText}\n            aria-label=\"Barra di ricerca\"\n            autoComplete=\"off\"\n            value={valueInput}\n            onChange={(e) => {\n              if (onChangeValue) {\n                onChangeValue(e.target.value);\n              }\n              setValueInput(e.target.value);\n            }}\n          />\n\n          <div className={clsx(\"ui-div-btn\")}>\n            <Button\n              className={clsx(\n                \"ui-btn-search\",\n                \"bg-primary text-white fs-7 fw-semibold br-x4\",\n              )}\n              onClick={() => onSearch?.(valueInput)}\n            >\n              {btnText}\n            </Button>\n          </div>\n        </>\n      ) : (\n        <>\n          <div className=\"ui-search-icon\">\n            <SearchIcon width={20} height={20} />\n          </div>\n          <input\n            id=\"search\"\n            type=\"search\"\n            className={clsx(\n              \"ui-search-input\",\n              \"bg-white fs-6 text-slate-20 br-x4 w-full pl-x24\",\n            )}\n            placeholder={helperText}\n            aria-label=\"Barra di ricerca\"\n            autoComplete=\"off\"\n            value={valueInput}\n            onChange={(e) => {\n              if (onChangeValue) {\n                onChangeValue(e.target.value);\n              }\n              setValueInput(e.target.value);\n            }}\n          />\n        </>\n      )}\n    </div>\n  );\n};\n"],"names":["Search","btnText","helperText","onChangeValue","value","variant","onSearch","dimensionStrategy","valueInput","setValueInput","useState","jsx","clsx","jsxs","Fragment","e","Button","SearchIcon"],"mappings":"uQAgBaA,EAAS,CAAC,CACrB,QAAAC,EACA,WAAAC,EACA,cAAAC,EACA,MAAAC,EACA,QAAAC,EAAU,QACV,SAAAC,EACA,kBAAAC,EAAoB,OACtB,IAAmB,CACjB,KAAM,CAACC,EAAYC,CAAa,EAAIC,EAAAA,SAASN,CAAK,EAClD,OACEO,EAAAA,kBAAAA,IAAC,MAAA,CACC,UAAWC,EAAAA,KACT,YACA,mCACAP,EACA,CACE,iBAAkBE,IAAsB,MAAA,CAC1C,EAGD,SAAAF,IAAY,QACXQ,EAAAA,kBAAAA,KAAAC,EAAAA,kBAAAA,SAAA,CACE,SAAA,CAAAH,EAAAA,kBAAAA,IAAC,QAAA,CACC,GAAG,SACH,KAAK,SACL,UAAWC,EAAAA,KACT,kBACA,iDAAA,EAEF,YAAaV,EACb,aAAW,mBACX,aAAa,MACb,MAAOM,EACP,SAAWO,GAAM,CACXZ,GACFA,EAAcY,EAAE,OAAO,KAAK,EAE9BN,EAAcM,EAAE,OAAO,KAAK,CAC9B,CAAA,CAAA,EAGFJ,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAWC,EAAAA,KAAK,YAAY,EAC/B,SAAAD,EAAAA,kBAAAA,IAACK,EAAAA,OAAA,CACC,UAAWJ,EAAAA,KACT,gBACA,8CAAA,EAEF,QAAS,IAAMN,GAAA,YAAAA,EAAWE,GAEzB,SAAAP,CAAA,CAAA,CACH,CACF,CAAA,CAAA,CACF,EAEAY,EAAAA,kBAAAA,KAAAC,EAAAA,kBAAAA,SAAA,CACE,SAAA,CAAAH,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,iBACb,SAAAA,EAAAA,kBAAAA,IAACM,cAAW,MAAO,GAAI,OAAQ,EAAA,CAAI,CAAA,CACrC,EACAN,EAAAA,kBAAAA,IAAC,QAAA,CACC,GAAG,SACH,KAAK,SACL,UAAWC,EAAAA,KACT,kBACA,iDAAA,EAEF,YAAaV,EACb,aAAW,mBACX,aAAa,MACb,MAAOM,EACP,SAAWO,GAAM,CACXZ,GACFA,EAAcY,EAAE,OAAO,KAAK,EAE9BN,EAAcM,EAAE,OAAO,KAAK,CAC9B,CAAA,CAAA,CACF,CAAA,CACF,CAAA,CAAA,CAIR"}
+{"version":3,"file":"index.cjs118.js","sources":["../src/components/ui/Search/index.tsx"],"sourcesContent":["import \"./Search.scss\";\r\nimport clsx from \"clsx\";\r\nimport { useState } from \"react\";\r\nimport { Button } from \"@/components\";\r\nimport { SearchIcon } from \"@/icons\";\r\n\r\ntype SearchProps = {\r\n  btnText: string;\r\n  helperText: string;\r\n  value: string;\r\n  variant?: \"outlined\" | \"basic\";\r\n  onChangeValue?: (value: string) => void;\r\n  onSearch?: (value: string) => void;\r\n  dimensionStrategy?: \"fixed\" | \"auto\";\r\n};\r\n\r\nexport const Search = ({\r\n  btnText,\r\n  helperText,\r\n  onChangeValue,\r\n  value,\r\n  variant = \"basic\",\r\n  onSearch,\r\n  dimensionStrategy = \"fixed\"\r\n}: SearchProps) => {\r\n  const [valueInput, setValueInput] = useState(value);\r\n  return (\r\n    <div\r\n      className={clsx(\r\n        \"ui-search\",\r\n        \"br-x4 bg-border-secondary w-full\",\r\n        variant,\r\n        {\r\n          \"ui-search-auto\": dimensionStrategy === \"auto\",\r\n        },\r\n      )}\r\n    >\r\n      {variant === \"basic\" ? (\r\n        <>\r\n          <input\r\n            id=\"search\"\r\n            type=\"search\"\r\n            className={clsx(\r\n              \"ui-search-input\",\r\n              \"bg-white fs-6 text-slate-20 br-x4 w-full pl-x24\",\r\n            )}\r\n            placeholder={helperText}\r\n            aria-label=\"Barra di ricerca\"\r\n            autoComplete=\"off\"\r\n            value={valueInput}\r\n            onChange={(e) => {\r\n              if (onChangeValue) {\r\n                onChangeValue(e.target.value);\r\n              }\r\n              setValueInput(e.target.value);\r\n            }}\r\n          />\r\n\r\n          <div className={clsx(\"ui-div-btn\")}>\r\n            <Button\r\n              className={clsx(\r\n                \"ui-btn-search\",\r\n                \"bg-primary text-white fs-7 fw-semibold br-x4\",\r\n              )}\r\n              onClick={() => onSearch?.(valueInput)}\r\n            >\r\n              {btnText}\r\n            </Button>\r\n          </div>\r\n        </>\r\n      ) : (\r\n        <>\r\n          <div className=\"ui-search-icon\">\r\n            <SearchIcon width={20} height={20} />\r\n          </div>\r\n          <input\r\n            id=\"search\"\r\n            type=\"search\"\r\n            className={clsx(\r\n              \"ui-search-input\",\r\n              \"bg-white fs-6 text-slate-20 br-x4 w-full pl-x24\",\r\n            )}\r\n            placeholder={helperText}\r\n            aria-label=\"Barra di ricerca\"\r\n            autoComplete=\"off\"\r\n            value={valueInput}\r\n            onChange={(e) => {\r\n              if (onChangeValue) {\r\n                onChangeValue(e.target.value);\r\n              }\r\n              setValueInput(e.target.value);\r\n            }}\r\n          />\r\n        </>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n"],"names":["Search","btnText","helperText","onChangeValue","value","variant","onSearch","dimensionStrategy","valueInput","setValueInput","useState","jsx","clsx","jsxs","Fragment","e","Button","SearchIcon"],"mappings":"uQAgBaA,EAAS,CAAC,CACrB,QAAAC,EACA,WAAAC,EACA,cAAAC,EACA,MAAAC,EACA,QAAAC,EAAU,QACV,SAAAC,EACA,kBAAAC,EAAoB,OACtB,IAAmB,CACjB,KAAM,CAACC,EAAYC,CAAa,EAAIC,EAAAA,SAASN,CAAK,EAClD,OACEO,EAAAA,kBAAAA,IAAC,MAAA,CACC,UAAWC,EAAAA,KACT,YACA,mCACAP,EACA,CACE,iBAAkBE,IAAsB,MAAA,CAC1C,EAGD,SAAAF,IAAY,QACXQ,EAAAA,kBAAAA,KAAAC,EAAAA,kBAAAA,SAAA,CACE,SAAA,CAAAH,EAAAA,kBAAAA,IAAC,QAAA,CACC,GAAG,SACH,KAAK,SACL,UAAWC,EAAAA,KACT,kBACA,iDAAA,EAEF,YAAaV,EACb,aAAW,mBACX,aAAa,MACb,MAAOM,EACP,SAAWO,GAAM,CACXZ,GACFA,EAAcY,EAAE,OAAO,KAAK,EAE9BN,EAAcM,EAAE,OAAO,KAAK,CAC9B,CAAA,CAAA,EAGFJ,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAWC,EAAAA,KAAK,YAAY,EAC/B,SAAAD,EAAAA,kBAAAA,IAACK,EAAAA,OAAA,CACC,UAAWJ,EAAAA,KACT,gBACA,8CAAA,EAEF,QAAS,IAAMN,GAAA,YAAAA,EAAWE,GAEzB,SAAAP,CAAA,CAAA,CACH,CACF,CAAA,CAAA,CACF,EAEAY,EAAAA,kBAAAA,KAAAC,EAAAA,kBAAAA,SAAA,CACE,SAAA,CAAAH,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,iBACb,SAAAA,EAAAA,kBAAAA,IAACM,cAAW,MAAO,GAAI,OAAQ,EAAA,CAAI,CAAA,CACrC,EACAN,EAAAA,kBAAAA,IAAC,QAAA,CACC,GAAG,SACH,KAAK,SACL,UAAWC,EAAAA,KACT,kBACA,iDAAA,EAEF,YAAaV,EACb,aAAW,mBACX,aAAa,MACb,MAAOM,EACP,SAAWO,GAAM,CACXZ,GACFA,EAAcY,EAAE,OAAO,KAAK,EAE9BN,EAAcM,EAAE,OAAO,KAAK,CAC9B,CAAA,CAAA,CACF,CAAA,CACF,CAAA,CAAA,CAIR"}

package/dist/index.cjs119.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs119.js","sources":["../src/components/ui/SearchDocument/index.tsx"],"sourcesContent":["import \"./SearchDocument.scss\";\nimport clsx from \"clsx\";\nimport { ChangeEvent, useState } from \"react\";\nimport { Button, Col } from \"@/components\";\nimport { Close } from \"@/icons\";\n\nexport type SearchDocumentProps = {\n  btnText: string;\n  helperText: string;\n  value: string;\n  items: any;\n  setValue: (value: string) => void;\n};\n\nexport const SearchDocument = ({\n  btnText,\n  helperText,\n  value,\n  items,\n  setValue,\n}: SearchDocumentProps) => {\n  const [valueInput, setValueInput] = useState<string | undefined>(value);\n  const [filteredItems, setFilteredItems] = useState<any>([]);\n\n  const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n    const inputValue = e.target.value;\n    setValueInput(inputValue);\n\n    if (inputValue.length >= 3) {\n      const results = items.filter((item: any) =>\n        [item.classification?.type?.label].some((field) =>\n          field?.toLowerCase().includes(inputValue.toLowerCase()),\n        ),\n      );\n      setFilteredItems(results);\n    } else {\n      setFilteredItems([]);\n    }\n  };\n\n  const handleSelectItem = (item: any) => {\n    setValueInput(item.classification?.type?.label);\n    setFilteredItems([]);\n  };\n\n  const highlightMatch = (text: string, query: string) => {\n    if (!query) return text;\n    const index = text.toLowerCase().indexOf(query.toLowerCase());\n    if (index === -1) return text;\n\n    const beforeMatch = text.slice(0, index);\n    const match = text.slice(index, index + query.length);\n    const afterMatch = text.slice(index + query.length);\n\n    return (\n      <>\n        {beforeMatch}\n        <span className={\"text-primary fw-bold\"}>{match}</span>\n        {afterMatch}\n      </>\n    );\n  };\n\n  return (\n    <div className={clsx(\"ui-search\", \"br-x4 bg-border-secondary w-full\")}>\n      <div className={\"position-relative\"}>\n        <input\n          id=\"search\"\n          type=\"search\"\n          className={clsx(\n            \"ui-search-input\",\n            \"fs-6 text-slate-20 br-x4 w-full pl-x24\",\n          )}\n          placeholder={helperText}\n          aria-label=\"Barra di ricerca\"\n          value={valueInput}\n          onChange={handleInputChange}\n        />\n        {valueInput && valueInput.length >= 3 && (\n          <Close\n            className={\"ui-clean-button\"}\n            onClick={() => {\n              setValueInput(\"\");\n              setFilteredItems([]);\n            }}\n          />\n        )}\n      </div>\n      {filteredItems.length > 0 && (\n        <div className=\"ui-wrap-list-item-search shadow position-absolute p-x24\">\n          <Col\n            gap={\"x24\"}\n            fw={\"regular\"}\n            text={\"secondary\"}\n            fs={\"6\"}\n            className=\"ui-list-item-search overflow-y-auto \"\n          >\n            {filteredItems.map((item: any, index: any) => (\n              <div key={index} onClick={() => handleSelectItem(item)}>\n                {item.classification?.type?.label\n                  ? highlightMatch(\n                      item.classification?.type?.label,\n                      valueInput || \"\",\n                    )\n                  : \"\"}\n              </div>\n            ))}\n          </Col>\n        </div>\n      )}\n      <div className={clsx(\"ui-div-btn\")}>\n        <Button\n          className={clsx(\n            \"ui-btn-search\",\n            \"bg-primary text-white fs-7 fw-semibold br-x4\",\n          )}\n          onClick={() => {\n            setFilteredItems([]);\n            setValue(valueInput ?? \"\");\n          }}\n        >\n          {btnText}\n        </Button>\n      </div>\n    </div>\n  );\n};\n"],"names":["SearchDocument","btnText","helperText","value","items","setValue","valueInput","setValueInput","useState","filteredItems","setFilteredItems","handleInputChange","inputValue","results","item","_b","_a","field","handleSelectItem","highlightMatch","text","query","index","beforeMatch","match","afterMatch","jsxs","Fragment","jsx","clsx","Close","Col","_d","_c","Button"],"mappings":"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"}
+{"version":3,"file":"index.cjs119.js","sources":["../src/components/ui/SearchDocument/index.tsx"],"sourcesContent":["import \"./SearchDocument.scss\";\r\nimport clsx from \"clsx\";\r\nimport { ChangeEvent, useState } from \"react\";\r\nimport { Button, Col } from \"@/components\";\r\nimport { Close } from \"@/icons\";\r\n\r\nexport type SearchDocumentProps = {\r\n  btnText: string;\r\n  helperText: string;\r\n  value: string;\r\n  items: any;\r\n  setValue: (value: string) => void;\r\n};\r\n\r\nexport const SearchDocument = ({\r\n  btnText,\r\n  helperText,\r\n  value,\r\n  items,\r\n  setValue,\r\n}: SearchDocumentProps) => {\r\n  const [valueInput, setValueInput] = useState<string | undefined>(value);\r\n  const [filteredItems, setFilteredItems] = useState<any>([]);\r\n\r\n  const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\r\n    const inputValue = e.target.value;\r\n    setValueInput(inputValue);\r\n\r\n    if (inputValue.length >= 3) {\r\n      const results = items.filter((item: any) =>\r\n        [item.classification?.type?.label].some((field) =>\r\n          field?.toLowerCase().includes(inputValue.toLowerCase()),\r\n        ),\r\n      );\r\n      setFilteredItems(results);\r\n    } else {\r\n      setFilteredItems([]);\r\n    }\r\n  };\r\n\r\n  const handleSelectItem = (item: any) => {\r\n    setValueInput(item.classification?.type?.label);\r\n    setFilteredItems([]);\r\n  };\r\n\r\n  const highlightMatch = (text: string, query: string) => {\r\n    if (!query) return text;\r\n    const index = text.toLowerCase().indexOf(query.toLowerCase());\r\n    if (index === -1) return text;\r\n\r\n    const beforeMatch = text.slice(0, index);\r\n    const match = text.slice(index, index + query.length);\r\n    const afterMatch = text.slice(index + query.length);\r\n\r\n    return (\r\n      <>\r\n        {beforeMatch}\r\n        <span className={\"text-primary fw-bold\"}>{match}</span>\r\n        {afterMatch}\r\n      </>\r\n    );\r\n  };\r\n\r\n  return (\r\n    <div className={clsx(\"ui-search\", \"br-x4 bg-border-secondary w-full\")}>\r\n      <div className={\"position-relative\"}>\r\n        <input\r\n          id=\"search\"\r\n          type=\"search\"\r\n          className={clsx(\r\n            \"ui-search-input\",\r\n            \"fs-6 text-slate-20 br-x4 w-full pl-x24\",\r\n          )}\r\n          placeholder={helperText}\r\n          aria-label=\"Barra di ricerca\"\r\n          value={valueInput}\r\n          onChange={handleInputChange}\r\n        />\r\n        {valueInput && valueInput.length >= 3 && (\r\n          <Close\r\n            className={\"ui-clean-button\"}\r\n            onClick={() => {\r\n              setValueInput(\"\");\r\n              setFilteredItems([]);\r\n            }}\r\n          />\r\n        )}\r\n      </div>\r\n      {filteredItems.length > 0 && (\r\n        <div className=\"ui-wrap-list-item-search shadow position-absolute p-x24\">\r\n          <Col\r\n            gap={\"x24\"}\r\n            fw={\"regular\"}\r\n            text={\"secondary\"}\r\n            fs={\"6\"}\r\n            className=\"ui-list-item-search overflow-y-auto \"\r\n          >\r\n            {filteredItems.map((item: any, index: any) => (\r\n              <div key={index} onClick={() => handleSelectItem(item)}>\r\n                {item.classification?.type?.label\r\n                  ? highlightMatch(\r\n                      item.classification?.type?.label,\r\n                      valueInput || \"\",\r\n                    )\r\n                  : \"\"}\r\n              </div>\r\n            ))}\r\n          </Col>\r\n        </div>\r\n      )}\r\n      <div className={clsx(\"ui-div-btn\")}>\r\n        <Button\r\n          className={clsx(\r\n            \"ui-btn-search\",\r\n            \"bg-primary text-white fs-7 fw-semibold br-x4\",\r\n          )}\r\n          onClick={() => {\r\n            setFilteredItems([]);\r\n            setValue(valueInput ?? \"\");\r\n          }}\r\n        >\r\n          {btnText}\r\n        </Button>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["SearchDocument","btnText","helperText","value","items","setValue","valueInput","setValueInput","useState","filteredItems","setFilteredItems","handleInputChange","inputValue","results","item","_b","_a","field","handleSelectItem","highlightMatch","text","query","index","beforeMatch","match","afterMatch","jsxs","Fragment","jsx","clsx","Close","Col","_d","_c","Button"],"mappings":"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"}

package/dist/index.cjs12.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs12.js","sources":["../src/components/navigations/HeaderTopBanner/index.tsx"],"sourcesContent":["\"use client\";\n\nimport { Container } from \"@/components/ui/Container\";\nimport { Region, LOGOS } from \"../Header\";\nimport { Divider } from \"@/components/ui/Divider\";\nimport clsx from \"clsx\";\nimport { Row } from \"@/components\";\n\nexport type HeaderTopBannerProps = {\n  asLink?: \"a\" | React.ComponentType<any>;\n  shortTitle: React.ReactNode;\n  region?: Region;\n  className?: string;\n};\n\nexport const HeaderTopBanner = ({\n  asLink = \"a\",\n  shortTitle,\n  region = \"marche\",\n  className,\n}: HeaderTopBannerProps) => {\n  const LinkComponent = asLink;\n\n  const NationalIcon = LOGOS[\"nazionale\"];\n  const RegionIcon = LOGOS[region];\n\n  return (\n    <div className=\"bg-white\">\n      <Container\n        className={clsx(\"min-h-x48 base-row align-items-center\", className)}\n        display=\"flex\"\n        alignItems=\"center\"\n        gap=\"x16\"\n        py=\"x8\"\n      >\n        <Row alignItems={\"center\"} gap={\"x8\"}>\n          <NationalIcon width={28} height={28} />\n\n          {region !== \"nazionale\" && (\n            <>\n              <Divider direction=\"vertical\" bg=\"border-divider\" />\n              <RegionIcon width={28} height={28} />\n            </>\n          )}\n        </Row>\n\n        <LinkComponent\n          href=\"/\"\n          className={\n            \"fs-7 text-decoration-none text-slate-20 fw-regular d-block hover-underline\"\n          }\n        >\n          {shortTitle}\n        </LinkComponent>\n      </Container>\n    </div>\n  );\n};\n"],"names":["HeaderTopBanner","asLink","shortTitle","region","className","LinkComponent","NationalIcon","LOGOS","RegionIcon","jsx","jsxs","Container","clsx","Row","Fragment","Divider"],"mappings":"4QAeaA,EAAkB,CAAC,CAC9B,OAAAC,EAAS,IACT,WAAAC,EACA,OAAAC,EAAS,SACT,UAAAC,CACF,IAA4B,CAC1B,MAAMC,EAAgBJ,EAEhBK,EAAeC,EAAAA,MAAM,UACrBC,EAAaD,EAAAA,MAAMJ,CAAM,EAE/B,OACEM,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,WACb,SAAAC,EAAAA,kBAAAA,KAACC,EAAAA,UAAA,CACC,UAAWC,EAAAA,KAAK,wCAAyCR,CAAS,EAClE,QAAQ,OACR,WAAW,SACX,IAAI,MACJ,GAAG,KAEH,SAAA,CAAAM,EAAAA,kBAAAA,KAACG,EAAAA,IAAA,CAAI,WAAY,SAAU,IAAK,KAC9B,SAAA,CAAAJ,EAAAA,kBAAAA,IAACH,EAAA,CAAa,MAAO,GAAI,OAAQ,GAAI,EAEpCH,IAAW,aACVO,EAAAA,kBAAAA,KAAAI,EAAAA,kBAAAA,SAAA,CACE,SAAA,CAAAL,EAAAA,kBAAAA,IAACM,EAAAA,QAAA,CAAQ,UAAU,WAAW,GAAG,iBAAiB,EAClDN,EAAAA,kBAAAA,IAACD,EAAA,CAAW,MAAO,GAAI,OAAQ,EAAA,CAAI,CAAA,CAAA,CACrC,CAAA,EAEJ,EAEAC,EAAAA,kBAAAA,IAACJ,EAAA,CACC,KAAK,IACL,UACE,6EAGD,SAAAH,CAAA,CAAA,CACH,CAAA,CAAA,EAEJ,CAEJ"}
+{"version":3,"file":"index.cjs12.js","sources":["../src/components/navigations/HeaderTopBanner/index.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { Container } from \"@/components/ui/Container\";\r\nimport { Region, LOGOS } from \"../Header\";\r\nimport { Divider } from \"@/components/ui/Divider\";\r\nimport clsx from \"clsx\";\r\nimport { Row } from \"@/components\";\r\n\r\nexport type HeaderTopBannerProps = {\r\n  asLink?: \"a\" | React.ComponentType<any>;\r\n  shortTitle: React.ReactNode;\r\n  region?: Region;\r\n  className?: string;\r\n};\r\n\r\nexport const HeaderTopBanner = ({\r\n  asLink = \"a\",\r\n  shortTitle,\r\n  region = \"marche\",\r\n  className,\r\n}: HeaderTopBannerProps) => {\r\n  const LinkComponent = asLink;\r\n\r\n  const NationalIcon = LOGOS[\"nazionale\"];\r\n  const RegionIcon = LOGOS[region];\r\n\r\n  return (\r\n    <div className=\"bg-white\">\r\n      <Container\r\n        className={clsx(\"min-h-x48 base-row align-items-center\", className)}\r\n        display=\"flex\"\r\n        alignItems=\"center\"\r\n        gap=\"x16\"\r\n        py=\"x8\"\r\n      >\r\n        <Row alignItems={\"center\"} gap={\"x8\"}>\r\n          <NationalIcon width={28} height={28} />\r\n\r\n          {region !== \"nazionale\" && (\r\n            <>\r\n              <Divider direction=\"vertical\" bg=\"border-divider\" />\r\n              <RegionIcon width={28} height={28} />\r\n            </>\r\n          )}\r\n        </Row>\r\n\r\n        <LinkComponent\r\n          href=\"/\"\r\n          className={\r\n            \"fs-7 text-decoration-none text-slate-20 fw-regular d-block hover-underline\"\r\n          }\r\n        >\r\n          {shortTitle}\r\n        </LinkComponent>\r\n      </Container>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["HeaderTopBanner","asLink","shortTitle","region","className","LinkComponent","NationalIcon","LOGOS","RegionIcon","jsx","jsxs","Container","clsx","Row","Fragment","Divider"],"mappings":"4QAeaA,EAAkB,CAAC,CAC9B,OAAAC,EAAS,IACT,WAAAC,EACA,OAAAC,EAAS,SACT,UAAAC,CACF,IAA4B,CAC1B,MAAMC,EAAgBJ,EAEhBK,EAAeC,EAAAA,MAAM,UACrBC,EAAaD,EAAAA,MAAMJ,CAAM,EAE/B,OACEM,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,WACb,SAAAC,EAAAA,kBAAAA,KAACC,EAAAA,UAAA,CACC,UAAWC,EAAAA,KAAK,wCAAyCR,CAAS,EAClE,QAAQ,OACR,WAAW,SACX,IAAI,MACJ,GAAG,KAEH,SAAA,CAAAM,EAAAA,kBAAAA,KAACG,EAAAA,IAAA,CAAI,WAAY,SAAU,IAAK,KAC9B,SAAA,CAAAJ,EAAAA,kBAAAA,IAACH,EAAA,CAAa,MAAO,GAAI,OAAQ,GAAI,EAEpCH,IAAW,aACVO,EAAAA,kBAAAA,KAAAI,EAAAA,kBAAAA,SAAA,CACE,SAAA,CAAAL,EAAAA,kBAAAA,IAACM,EAAAA,QAAA,CAAQ,UAAU,WAAW,GAAG,iBAAiB,EAClDN,EAAAA,kBAAAA,IAACD,EAAA,CAAW,MAAO,GAAI,OAAQ,EAAA,CAAI,CAAA,CAAA,CACrC,CAAA,EAEJ,EAEAC,EAAAA,kBAAAA,IAACJ,EAAA,CACC,KAAK,IACL,UACE,6EAGD,SAAAH,CAAA,CAAA,CACH,CAAA,CAAA,EAEJ,CAEJ"}

package/dist/index.cjs120.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/SearchGeneric/SearchGeneric.css');const e=require("./index.cjs243.js"),j=require("react"),x=require("./index.cjs245.js");;/* empty css              */const G=require("./index.cjs287.js"),Q=require("./index.cjs184.js"),z=require("./index.cjs61.js"),B=require("./index.cjs32.js");function O({btnText:N,helperText:d,instructionsText:c="Inserisci almeno $minCharsToSearch caratteri per iniziare la ricerca.",mobileHelperText:y=d,value:C,items:$,setValue:m,setTypedValue:b,getSearchField:g,getDisplayField:f=g,onItemSelect:v,minCharsToSearch:u=3,className:I,dimensionStrategy:q="fixed"}){const[i,p]=j.useState(C||""),[r,n]=j.useState([]),L=G.useMediaQuery("(min-width: 768px)"),a=j.useId(),R=`${a}-listbox`,w=`${a}-instructions`,S=`${a}-label`,E=t=>{const s=t.target.value;if(p(s),b&&b(s),s.length>=u){const h=$.filter(l=>{const o=g(l);return o==null?void 0:o.toLowerCase().includes(s.toLowerCase())});n(h)}else n([])},k=t=>{const s=f(t);p(s),m(s),n([]),v&&v(t)},M=(t,s)=>{if(!s)return t;const h=t.split(new RegExp(`(${s})`,"gi"));return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:h.map((l,o)=>l.toLowerCase()===s.toLowerCase()?e.jsxRuntimeExports.jsx("span",{className:"text-primary fw-bold",children:l},o):l)})};return e.jsxRuntimeExports.jsxs("div",{className:x.clsx("ui-search","br-x4 bg-border-secondary w-full",I,{"ui-search-generic-auto":q==="auto"}),children:[e.jsxRuntimeExports.jsx("label",{id:S,htmlFor:a,className:"sr-only",children:d}),c&&e.jsxRuntimeExports.jsx("div",{id:w,className:"sr-only",children:c==null?void 0:c.replace("$minCharsToSearch",String(u))}),e.jsxRuntimeExports.jsxs("div",{className:"position-relative",children:[e.jsxRuntimeExports.jsx("input",{id:a,type:"text",role:"combobox","aria-expanded":r.length>0,"aria-haspopup":"listbox","aria-owns":r.length>0?R:void 0,"aria-describedby":w,className:x.clsx("ui-search-input","fs-6 md-fs-custom text-slate-20 br-x4 w-full pl-x24",i&&i.length>=3&&"has-clear-icon"),placeholder:L?d:y,value:i,onChange:E,maxLength:30,autoComplete:"off"}),i&&e.jsxRuntimeExports.jsx(Q.Close,{className:"ui-clean-button",ariaLabel:"Cancella ricerca",onClick:()=>{p(""),n([]),m(""),E({target:{value:""}})}})]}),r.length>0&&e.jsxRuntimeExports.jsx("div",{className:"ui-wrap-list-item-search shadow position-absolute p-x24",role:"listbox",id:R,"aria-label":`${r.length} risultati disponibili`,children:e.jsxRuntimeExports.jsx(z.Col,{gap:"x24",fw:"regular",text:"secondary",fs:"6",className:"ui-list-item-search overflow-y-auto ",children:r.map((t,s)=>e.jsxRuntimeExports.jsx("div",{id:`${a}-option-${s}`,role:"option",onClick:()=>k(t),className:"hover:bg-primary",children:M(f(t),i)},s))})}),e.jsxRuntimeExports.jsxs("div",{"aria-live":"polite","aria-atomic":"true",className:"sr-only",children:[r.length>0&&i.length>=u&&`${r.length} risultati trovati`,i.length>=u&&r.length===0&&"Nessun risultato trovato"]}),e.jsxRuntimeExports.jsx("div",{className:x.clsx("ui-div-btn"),children:e.jsxRuntimeExports.jsx(B.Button,{className:x.clsx("ui-btn-search","bg-primary text-white fs-7 md-fs-6 fw-semibold br-x4"),onClick:()=>{n([]),m(i)},children:N})})]})}exports.SearchGeneric=O;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/SearchGeneric/SearchGeneric.css');const e=require("./index.cjs243.js"),j=require("react"),x=require("./index.cjs245.js");;/* empty css              */const G=require("./index.cjs286.js"),Q=require("./index.cjs184.js"),z=require("./index.cjs61.js"),B=require("./index.cjs32.js");function O({btnText:N,helperText:d,instructionsText:c="Inserisci almeno $minCharsToSearch caratteri per iniziare la ricerca.",mobileHelperText:y=d,value:C,items:$,setValue:m,setTypedValue:b,getSearchField:g,getDisplayField:f=g,onItemSelect:v,minCharsToSearch:u=3,className:I,dimensionStrategy:q="fixed"}){const[i,p]=j.useState(C||""),[r,n]=j.useState([]),L=G.useMediaQuery("(min-width: 768px)"),a=j.useId(),R=`${a}-listbox`,w=`${a}-instructions`,S=`${a}-label`,E=t=>{const s=t.target.value;if(p(s),b&&b(s),s.length>=u){const h=$.filter(l=>{const o=g(l);return o==null?void 0:o.toLowerCase().includes(s.toLowerCase())});n(h)}else n([])},k=t=>{const s=f(t);p(s),m(s),n([]),v&&v(t)},M=(t,s)=>{if(!s)return t;const h=t.split(new RegExp(`(${s})`,"gi"));return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:h.map((l,o)=>l.toLowerCase()===s.toLowerCase()?e.jsxRuntimeExports.jsx("span",{className:"text-primary fw-bold",children:l},o):l)})};return e.jsxRuntimeExports.jsxs("div",{className:x.clsx("ui-search","br-x4 bg-border-secondary w-full",I,{"ui-search-generic-auto":q==="auto"}),children:[e.jsxRuntimeExports.jsx("label",{id:S,htmlFor:a,className:"sr-only",children:d}),c&&e.jsxRuntimeExports.jsx("div",{id:w,className:"sr-only",children:c==null?void 0:c.replace("$minCharsToSearch",String(u))}),e.jsxRuntimeExports.jsxs("div",{className:"position-relative",children:[e.jsxRuntimeExports.jsx("input",{id:a,type:"text",role:"combobox","aria-expanded":r.length>0,"aria-haspopup":"listbox","aria-owns":r.length>0?R:void 0,"aria-describedby":w,className:x.clsx("ui-search-input","fs-6 md-fs-custom text-slate-20 br-x4 w-full pl-x24",i&&i.length>=3&&"has-clear-icon"),placeholder:L?d:y,value:i,onChange:E,maxLength:30,autoComplete:"off"}),i&&e.jsxRuntimeExports.jsx(Q.Close,{className:"ui-clean-button",ariaLabel:"Cancella ricerca",onClick:()=>{p(""),n([]),m(""),E({target:{value:""}})}})]}),r.length>0&&e.jsxRuntimeExports.jsx("div",{className:"ui-wrap-list-item-search shadow position-absolute p-x24",role:"listbox",id:R,"aria-label":`${r.length} risultati disponibili`,children:e.jsxRuntimeExports.jsx(z.Col,{gap:"x24",fw:"regular",text:"secondary",fs:"6",className:"ui-list-item-search overflow-y-auto ",children:r.map((t,s)=>e.jsxRuntimeExports.jsx("div",{id:`${a}-option-${s}`,role:"option",onClick:()=>k(t),className:"hover:bg-primary",children:M(f(t),i)},s))})}),e.jsxRuntimeExports.jsxs("div",{"aria-live":"polite","aria-atomic":"true",className:"sr-only",children:[r.length>0&&i.length>=u&&`${r.length} risultati trovati`,i.length>=u&&r.length===0&&"Nessun risultato trovato"]}),e.jsxRuntimeExports.jsx("div",{className:x.clsx("ui-div-btn"),children:e.jsxRuntimeExports.jsx(B.Button,{className:x.clsx("ui-btn-search","bg-primary text-white fs-7 md-fs-6 fw-semibold br-x4"),onClick:()=>{n([]),m(i)},children:N})})]})}exports.SearchGeneric=O;
 //# sourceMappingURL=index.cjs120.js.map

package/dist/index.cjs120.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs120.js","sources":["../src/components/ui/SearchGeneric/index.tsx"],"sourcesContent":["import { ChangeEvent, useState, useId } from \"react\";\nimport clsx from \"clsx\";\nimport { Button, Col } from \"@/components\";\nimport { Close } from \"@/icons\";\nimport \"./SearchGeneric.scss\";\nimport { useMediaQuery } from \"@/hooks/useMediaQuery.ts\";\n\nexport type SearchGenericProps<T extends object> = {\n  btnText: string;\n  helperText: string;\n  instructionsText?: string;\n  mobileHelperText?: string;\n  value: string;\n  items: T[];\n  setValue: (value: string) => void;\n  setTypedValue?: (value: string) => void;\n  getSearchField: (item: T) => string;\n  getDisplayField?: (item: T) => string;\n  onItemSelect?: (item: T) => void;\n  minCharsToSearch?: number;\n  className?: string;\n  dimensionStrategy?: \"fixed\" | \"auto\";\n};\n\nexport function SearchGeneric<T extends object>({\n  btnText,\n  helperText,\n  instructionsText = \"Inserisci almeno $minCharsToSearch caratteri per iniziare la ricerca.\",\n  mobileHelperText = helperText,\n  value,\n  items,\n  setValue,\n  setTypedValue,\n  getSearchField,\n  getDisplayField = getSearchField,\n  onItemSelect,\n  minCharsToSearch = 3,\n  className,\n  dimensionStrategy = \"fixed\",\n}: SearchGenericProps<T>) {\n  const [valueInput, setValueInput] = useState<string>(value || \"\");\n  const [filteredItems, setFilteredItems] = useState<T[]>([]);\n  const isDesktop = useMediaQuery(\"(min-width: 768px)\");\n  \n  // Generate unique IDs for accessibility\n  const searchId = useId();\n  const listboxId = `${searchId}-listbox`;\n  const instructionsId = `${searchId}-instructions`;\n  const labelId = `${searchId}-label`;\n\n  const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n    const inputValue = e.target.value;\n    setValueInput(inputValue);\n    if (setTypedValue) {\n      setTypedValue(inputValue);\n    }\n    if (inputValue.length >= minCharsToSearch) {\n      const results = items.filter((item) => {\n        const searchField = getSearchField(item);\n        return searchField?.toLowerCase().includes(inputValue.toLowerCase());\n      });\n      setFilteredItems(results);\n    } else {\n      setFilteredItems([]);\n    }\n  };\n\n  const handleSelectItem = (item: T) => {\n    const displayValue = getDisplayField(item);\n    setValueInput(displayValue);\n    setValue(displayValue);\n    setFilteredItems([]);\n\n    if (onItemSelect) {\n      onItemSelect(item);\n    }\n  };\n\n  const highlightMatch = (text: string, query: string) => {\n    if (!query) return text;\n\n    const parts = text.split(new RegExp(`(${query})`, \"gi\"));\n\n    return (\n      <>\n        {parts.map((part, i) =>\n          part.toLowerCase() === query.toLowerCase() ? (\n            <span key={i} className=\"text-primary fw-bold\">\n              {part}\n            </span>\n          ) : (\n            part\n          ),\n        )}\n      </>\n    );\n  };\n\n  return (\n    <div\n      className={clsx(\n        \"ui-search\",\n        \"br-x4 bg-border-secondary w-full\",\n        className,\n        {\n          \"ui-search-generic-auto\": dimensionStrategy === \"auto\",\n        },\n      )}\n    >\n      {/* Screen reader only label */}\n      <label id={labelId} htmlFor={searchId} className=\"sr-only\">\n        {helperText}\n      </label>\n      \n      {/* Instructions for screen readers */}\n      {instructionsText && <div id={instructionsId} className=\"sr-only\">\n        {instructionsText?.replace(\"$minCharsToSearch\", String(minCharsToSearch))}\n      </div>}\n\n      <div className=\"position-relative\">\n        <input\n          id={searchId}\n          type=\"text\"\n          role=\"combobox\"\n          aria-expanded={filteredItems.length > 0}\n          aria-haspopup=\"listbox\"\n          aria-owns={filteredItems.length > 0 ? listboxId : undefined}\n          aria-describedby={instructionsId}\n          className={clsx(\n            \"ui-search-input\",\n            \"fs-6 md-fs-custom text-slate-20 br-x4 w-full pl-x24\",\n            valueInput && valueInput.length >= 3 && \"has-clear-icon\",\n          )}\n          placeholder={isDesktop ? helperText : mobileHelperText}\n          value={valueInput}\n          onChange={handleInputChange}\n          maxLength={30}\n          autoComplete=\"off\"\n        />\n        {valueInput && (\n          <Close\n            className=\"ui-clean-button\"\n            ariaLabel=\"Cancella ricerca\"\n            onClick={() => {\n              setValueInput(\"\");\n              setFilteredItems([]);\n              setValue(\"\");\n              handleInputChange({ target: { value: \"\" } } as any);\n            }}\n          />\n        )}\n      </div>\n      {filteredItems.length > 0 && (\n        <div \n          className=\"ui-wrap-list-item-search shadow position-absolute p-x24\"\n          role=\"listbox\"\n          id={listboxId}\n          aria-label={`${filteredItems.length} risultati disponibili`}\n        >\n          <Col\n            gap={\"x24\"}\n            fw={\"regular\"}\n            text={\"secondary\"}\n            fs={\"6\"}\n            className=\"ui-list-item-search overflow-y-auto \"\n          >\n            {filteredItems.map((item, index) => (\n              <div\n                key={index}\n                id={`${searchId}-option-${index}`}\n                role=\"option\"\n                onClick={() => handleSelectItem(item)}\n                className=\"hover:bg-primary\"\n              >\n                {highlightMatch(getDisplayField(item), valueInput)}\n              </div>\n            ))}\n          </Col>\n        </div>\n      )}\n      \n      {/* Live region for announcing search results */}\n      <div aria-live=\"polite\" aria-atomic=\"true\" className=\"sr-only\">\n        {filteredItems.length > 0 && valueInput.length >= minCharsToSearch && \n          `${filteredItems.length} risultati trovati`}\n        {valueInput.length >= minCharsToSearch && filteredItems.length === 0 && \n          \"Nessun risultato trovato\"}\n      </div>\n      <div className={clsx(\"ui-div-btn\")}>\n        <Button\n          className={clsx(\n            \"ui-btn-search\",\n            \"bg-primary text-white fs-7 md-fs-6 fw-semibold br-x4\",\n          )}\n          onClick={() => {\n            setFilteredItems([]);\n            setValue(valueInput);\n          }}\n        >\n          {btnText}\n        </Button>\n      </div>\n    </div>\n  );\n}\n"],"names":["SearchGeneric","btnText","helperText","instructionsText","mobileHelperText","value","items","setValue","setTypedValue","getSearchField","getDisplayField","onItemSelect","minCharsToSearch","className","dimensionStrategy","valueInput","setValueInput","useState","filteredItems","setFilteredItems","isDesktop","useMediaQuery","searchId","useId","listboxId","instructionsId","labelId","handleInputChange","e","inputValue","results","item","searchField","handleSelectItem","displayValue","highlightMatch","text","query","parts","part","i","jsxs","clsx","jsx","Close","Col","index","Button"],"mappings":"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"}
+{"version":3,"file":"index.cjs120.js","sources":["../src/components/ui/SearchGeneric/index.tsx"],"sourcesContent":["import { ChangeEvent, useState, useId } from \"react\";\r\nimport clsx from \"clsx\";\r\nimport { Button, Col } from \"@/components\";\r\nimport { Close } from \"@/icons\";\r\nimport \"./SearchGeneric.scss\";\r\nimport { useMediaQuery } from \"@/hooks/useMediaQuery.ts\";\r\n\r\nexport type SearchGenericProps<T extends object> = {\r\n  btnText: string;\r\n  helperText: string;\r\n  instructionsText?: string;\r\n  mobileHelperText?: string;\r\n  value: string;\r\n  items: T[];\r\n  setValue: (value: string) => void;\r\n  setTypedValue?: (value: string) => void;\r\n  getSearchField: (item: T) => string;\r\n  getDisplayField?: (item: T) => string;\r\n  onItemSelect?: (item: T) => void;\r\n  minCharsToSearch?: number;\r\n  className?: string;\r\n  dimensionStrategy?: \"fixed\" | \"auto\";\r\n};\r\n\r\nexport function SearchGeneric<T extends object>({\r\n  btnText,\r\n  helperText,\r\n  instructionsText = \"Inserisci almeno $minCharsToSearch caratteri per iniziare la ricerca.\",\r\n  mobileHelperText = helperText,\r\n  value,\r\n  items,\r\n  setValue,\r\n  setTypedValue,\r\n  getSearchField,\r\n  getDisplayField = getSearchField,\r\n  onItemSelect,\r\n  minCharsToSearch = 3,\r\n  className,\r\n  dimensionStrategy = \"fixed\",\r\n}: SearchGenericProps<T>) {\r\n  const [valueInput, setValueInput] = useState<string>(value || \"\");\r\n  const [filteredItems, setFilteredItems] = useState<T[]>([]);\r\n  const isDesktop = useMediaQuery(\"(min-width: 768px)\");\r\n  \r\n  // Generate unique IDs for accessibility\r\n  const searchId = useId();\r\n  const listboxId = `${searchId}-listbox`;\r\n  const instructionsId = `${searchId}-instructions`;\r\n  const labelId = `${searchId}-label`;\r\n\r\n  const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\r\n    const inputValue = e.target.value;\r\n    setValueInput(inputValue);\r\n    if (setTypedValue) {\r\n      setTypedValue(inputValue);\r\n    }\r\n    if (inputValue.length >= minCharsToSearch) {\r\n      const results = items.filter((item) => {\r\n        const searchField = getSearchField(item);\r\n        return searchField?.toLowerCase().includes(inputValue.toLowerCase());\r\n      });\r\n      setFilteredItems(results);\r\n    } else {\r\n      setFilteredItems([]);\r\n    }\r\n  };\r\n\r\n  const handleSelectItem = (item: T) => {\r\n    const displayValue = getDisplayField(item);\r\n    setValueInput(displayValue);\r\n    setValue(displayValue);\r\n    setFilteredItems([]);\r\n\r\n    if (onItemSelect) {\r\n      onItemSelect(item);\r\n    }\r\n  };\r\n\r\n  const highlightMatch = (text: string, query: string) => {\r\n    if (!query) return text;\r\n\r\n    const parts = text.split(new RegExp(`(${query})`, \"gi\"));\r\n\r\n    return (\r\n      <>\r\n        {parts.map((part, i) =>\r\n          part.toLowerCase() === query.toLowerCase() ? (\r\n            <span key={i} className=\"text-primary fw-bold\">\r\n              {part}\r\n            </span>\r\n          ) : (\r\n            part\r\n          ),\r\n        )}\r\n      </>\r\n    );\r\n  };\r\n\r\n  return (\r\n    <div\r\n      className={clsx(\r\n        \"ui-search\",\r\n        \"br-x4 bg-border-secondary w-full\",\r\n        className,\r\n        {\r\n          \"ui-search-generic-auto\": dimensionStrategy === \"auto\",\r\n        },\r\n      )}\r\n    >\r\n      {/* Screen reader only label */}\r\n      <label id={labelId} htmlFor={searchId} className=\"sr-only\">\r\n        {helperText}\r\n      </label>\r\n      \r\n      {/* Instructions for screen readers */}\r\n      {instructionsText && <div id={instructionsId} className=\"sr-only\">\r\n        {instructionsText?.replace(\"$minCharsToSearch\", String(minCharsToSearch))}\r\n      </div>}\r\n\r\n      <div className=\"position-relative\">\r\n        <input\r\n          id={searchId}\r\n          type=\"text\"\r\n          role=\"combobox\"\r\n          aria-expanded={filteredItems.length > 0}\r\n          aria-haspopup=\"listbox\"\r\n          aria-owns={filteredItems.length > 0 ? listboxId : undefined}\r\n          aria-describedby={instructionsId}\r\n          className={clsx(\r\n            \"ui-search-input\",\r\n            \"fs-6 md-fs-custom text-slate-20 br-x4 w-full pl-x24\",\r\n            valueInput && valueInput.length >= 3 && \"has-clear-icon\",\r\n          )}\r\n          placeholder={isDesktop ? helperText : mobileHelperText}\r\n          value={valueInput}\r\n          onChange={handleInputChange}\r\n          maxLength={30}\r\n          autoComplete=\"off\"\r\n        />\r\n        {valueInput && (\r\n          <Close\r\n            className=\"ui-clean-button\"\r\n            ariaLabel=\"Cancella ricerca\"\r\n            onClick={() => {\r\n              setValueInput(\"\");\r\n              setFilteredItems([]);\r\n              setValue(\"\");\r\n              handleInputChange({ target: { value: \"\" } } as any);\r\n            }}\r\n          />\r\n        )}\r\n      </div>\r\n      {filteredItems.length > 0 && (\r\n        <div \r\n          className=\"ui-wrap-list-item-search shadow position-absolute p-x24\"\r\n          role=\"listbox\"\r\n          id={listboxId}\r\n          aria-label={`${filteredItems.length} risultati disponibili`}\r\n        >\r\n          <Col\r\n            gap={\"x24\"}\r\n            fw={\"regular\"}\r\n            text={\"secondary\"}\r\n            fs={\"6\"}\r\n            className=\"ui-list-item-search overflow-y-auto \"\r\n          >\r\n            {filteredItems.map((item, index) => (\r\n              <div\r\n                key={index}\r\n                id={`${searchId}-option-${index}`}\r\n                role=\"option\"\r\n                onClick={() => handleSelectItem(item)}\r\n                className=\"hover:bg-primary\"\r\n              >\r\n                {highlightMatch(getDisplayField(item), valueInput)}\r\n              </div>\r\n            ))}\r\n          </Col>\r\n        </div>\r\n      )}\r\n      \r\n      {/* Live region for announcing search results */}\r\n      <div aria-live=\"polite\" aria-atomic=\"true\" className=\"sr-only\">\r\n        {filteredItems.length > 0 && valueInput.length >= minCharsToSearch && \r\n          `${filteredItems.length} risultati trovati`}\r\n        {valueInput.length >= minCharsToSearch && filteredItems.length === 0 && \r\n          \"Nessun risultato trovato\"}\r\n      </div>\r\n      <div className={clsx(\"ui-div-btn\")}>\r\n        <Button\r\n          className={clsx(\r\n            \"ui-btn-search\",\r\n            \"bg-primary text-white fs-7 md-fs-6 fw-semibold br-x4\",\r\n          )}\r\n          onClick={() => {\r\n            setFilteredItems([]);\r\n            setValue(valueInput);\r\n          }}\r\n        >\r\n          {btnText}\r\n        </Button>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["SearchGeneric","btnText","helperText","instructionsText","mobileHelperText","value","items","setValue","setTypedValue","getSearchField","getDisplayField","onItemSelect","minCharsToSearch","className","dimensionStrategy","valueInput","setValueInput","useState","filteredItems","setFilteredItems","isDesktop","useMediaQuery","searchId","useId","listboxId","instructionsId","labelId","handleInputChange","e","inputValue","results","item","searchField","handleSelectItem","displayValue","highlightMatch","text","query","parts","part","i","jsxs","clsx","jsx","Close","Col","index","Button"],"mappings":"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"}

package/dist/index.cjs121.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs121.js","sources":["../src/components/ui/SearchService/index.tsx"],"sourcesContent":["import \"./SearchService.scss\";\nimport clsx from \"clsx\";\nimport { ChangeEvent, useState } from \"react\";\nimport { Button, Col } from \"@/components\";\nimport { Close } from \"@/icons\";\nimport { Service } from \"@anoki/fse-common\";\n\nexport type SearchServiceProps = {\n  btnText: string;\n  helperText: string;\n  value: string;\n  items: Service[];\n  setValue: (value: string) => void;\n};\n\nexport const SearchService = ({\n  btnText,\n  helperText,\n  value,\n  items,\n  setValue,\n}: SearchServiceProps) => {\n  const [valueInput, setValueInput] = useState<string | undefined>(value);\n  const [filteredItems, setFilteredItems] = useState<Service[]>([]);\n\n  const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n    const inputValue = e.target.value;\n    setValueInput(inputValue);\n\n    if (inputValue.length >= 3) {\n      const results = items.filter((item) =>\n        [item.name].some((field) =>\n          field?.toLowerCase().includes(inputValue.toLowerCase()),\n        ),\n      );\n      setFilteredItems(results);\n    } else {\n      setFilteredItems([]);\n    }\n  };\n\n  const handleSelectItem = (item: Service) => {\n    setValueInput(item.name);\n    setFilteredItems([]);\n  };\n\n  const highlightMatch = (text: string, query: string) => {\n    if (!query) return text;\n\n    const index = text.toLowerCase().indexOf(query.toLowerCase());\n    if (index === -1) return text;\n\n    const beforeMatch = text.slice(0, index);\n    const match = text.slice(index, index + query.length);\n    const afterMatch = text.slice(index + query.length);\n\n    return (\n      <>\n        {beforeMatch}\n        <span className={\"text-primary fw-bold\"}>{match}</span>\n        {afterMatch}\n      </>\n    );\n  };\n\n  return (\n    <div className={clsx(\"ui-search\", \"br-x4 bg-border-secondary w-full\")}>\n      <div className={\"position-relative\"}>\n        <input\n          id=\"search\"\n          type=\"search\"\n          className={clsx(\n            \"ui-search-input\",\n            \"fs-6 md-fs-custom text-slate-20 br-x4 w-full pl-x24\",\n          )}\n          placeholder={helperText}\n          aria-label=\"Barra di ricerca\"\n          value={valueInput}\n          onChange={handleInputChange}\n        />\n        {valueInput && valueInput.length >= 3 && (\n          <Close\n            className={\"ui-clean-button\"}\n            onClick={() => {\n              setValueInput(\"\");\n              setFilteredItems([]);\n            }}\n          />\n        )}\n      </div>\n      {filteredItems.length > 0 && (\n        <div className=\"ui-wrap-list-item-search shadow position-absolute p-x24\">\n          <Col\n            gap={\"x24\"}\n            fw={\"regular\"}\n            text={\"secondary\"}\n            fs={\"6\"}\n            className=\"ui-list-item-search overflow-y-auto\"\n          >\n            {filteredItems.map((item, index) => (\n              <div key={index} onClick={() => handleSelectItem(item)}>\n                {highlightMatch(item.name, valueInput || \"\")}\n              </div>\n            ))}\n          </Col>\n        </div>\n      )}\n      <div className={clsx(\"ui-div-btn\")}>\n        <Button\n          className={clsx(\n            \"ui-btn-search\",\n            \"bg-primary text-white fs-7 md-fs-6 fw-semibold br-x4\",\n          )}\n          onClick={() => {\n            setFilteredItems([]);\n            setValue(valueInput ?? \"\");\n          }}\n        >\n          {btnText}\n        </Button>\n      </div>\n    </div>\n  );\n};\n"],"names":["SearchService","btnText","helperText","value","items","setValue","valueInput","setValueInput","useState","filteredItems","setFilteredItems","handleInputChange","inputValue","results","item","field","handleSelectItem","highlightMatch","text","query","index","beforeMatch","match","afterMatch","jsxs","Fragment","jsx","clsx","Close","Col","Button"],"mappings":"qSAeaA,EAAgB,CAAC,CAC5B,QAAAC,EACA,WAAAC,EACA,MAAAC,EACA,MAAAC,EACA,SAAAC,CACF,IAA0B,CACxB,KAAM,CAACC,EAAYC,CAAa,EAAIC,EAAAA,SAA6BL,CAAK,EAChE,CAACM,EAAeC,CAAgB,EAAIF,EAAAA,SAAoB,CAAA,CAAE,EAE1DG,EAAqB,GAAqC,CAC9D,MAAMC,EAAa,EAAE,OAAO,MAG5B,GAFAL,EAAcK,CAAU,EAEpBA,EAAW,QAAU,EAAG,CAC1B,MAAMC,EAAUT,EAAM,OAAQU,GAC5B,CAACA,EAAK,IAAI,EAAE,KAAMC,GAChBA,GAAA,YAAAA,EAAO,cAAc,SAASH,EAAW,cAAa,CACxD,EAEFF,EAAiBG,CAAO,CAC1B,MACEH,EAAiB,CAAA,CAAE,CAEvB,EAEMM,EAAoBF,GAAkB,CAC1CP,EAAcO,EAAK,IAAI,EACvBJ,EAAiB,CAAA,CAAE,CACrB,EAEMO,EAAiB,CAACC,EAAcC,IAAkB,CACtD,GAAI,CAACA,EAAO,OAAOD,EAEnB,MAAME,EAAQF,EAAK,YAAA,EAAc,QAAQC,EAAM,aAAa,EAC5D,GAAIC,IAAU,GAAI,OAAOF,EAEzB,MAAMG,EAAcH,EAAK,MAAM,EAAGE,CAAK,EACjCE,EAAQJ,EAAK,MAAME,EAAOA,EAAQD,EAAM,MAAM,EAC9CI,EAAaL,EAAK,MAAME,EAAQD,EAAM,MAAM,EAElD,OACEK,EAAAA,kBAAAA,KAAAC,6BAAA,CACG,SAAA,CAAAJ,EACDK,EAAAA,kBAAAA,IAAC,OAAA,CAAK,UAAW,uBAAyB,SAAAJ,EAAM,EAC/CC,CAAA,EACH,CAEJ,EAEA,gCACG,MAAA,CAAI,UAAWI,EAAAA,KAAK,YAAa,kCAAkC,EAClE,SAAA,CAAAH,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAW,oBACd,SAAA,CAAAE,EAAAA,kBAAAA,IAAC,QAAA,CACC,GAAG,SACH,KAAK,SACL,UAAWC,EAAAA,KACT,kBACA,qDAAA,EAEF,YAAazB,EACb,aAAW,mBACX,MAAOI,EACP,SAAUK,CAAA,CAAA,EAEXL,GAAcA,EAAW,QAAU,GAClCoB,EAAAA,kBAAAA,IAACE,EAAAA,MAAA,CACC,UAAW,kBACX,QAAS,IAAM,CACbrB,EAAc,EAAE,EAChBG,EAAiB,CAAA,CAAE,CACrB,CAAA,CAAA,CACF,EAEJ,EACCD,EAAc,OAAS,GACtBiB,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,0DACb,SAAAA,EAAAA,kBAAAA,IAACG,EAAAA,IAAA,CACC,IAAK,MACL,GAAI,UACJ,KAAM,YACN,GAAI,IACJ,UAAU,sCAET,WAAc,IAAI,CAACf,EAAMM,IACxBM,EAAAA,kBAAAA,IAAC,OAAgB,QAAS,IAAMV,EAAiBF,CAAI,EAClD,WAAeA,EAAK,KAAMR,GAAc,EAAE,CAAA,EADnCc,CAEV,CACD,CAAA,CAAA,EAEL,EAEFM,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAWC,EAAAA,KAAK,YAAY,EAC/B,SAAAD,EAAAA,kBAAAA,IAACI,EAAAA,OAAA,CACC,UAAWH,EAAAA,KACT,gBACA,sDAAA,EAEF,QAAS,IAAM,CACbjB,EAAiB,CAAA,CAAE,EACnBL,EAASC,GAAc,EAAE,CAC3B,EAEC,SAAAL,CAAA,CAAA,CACH,CACF,CAAA,EACF,CAEJ"}
+{"version":3,"file":"index.cjs121.js","sources":["../src/components/ui/SearchService/index.tsx"],"sourcesContent":["import \"./SearchService.scss\";\r\nimport clsx from \"clsx\";\r\nimport { ChangeEvent, useState } from \"react\";\r\nimport { Button, Col } from \"@/components\";\r\nimport { Close } from \"@/icons\";\r\nimport { Service } from \"@anoki/fse-common\";\r\n\r\nexport type SearchServiceProps = {\r\n  btnText: string;\r\n  helperText: string;\r\n  value: string;\r\n  items: Service[];\r\n  setValue: (value: string) => void;\r\n};\r\n\r\nexport const SearchService = ({\r\n  btnText,\r\n  helperText,\r\n  value,\r\n  items,\r\n  setValue,\r\n}: SearchServiceProps) => {\r\n  const [valueInput, setValueInput] = useState<string | undefined>(value);\r\n  const [filteredItems, setFilteredItems] = useState<Service[]>([]);\r\n\r\n  const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\r\n    const inputValue = e.target.value;\r\n    setValueInput(inputValue);\r\n\r\n    if (inputValue.length >= 3) {\r\n      const results = items.filter((item) =>\r\n        [item.name].some((field) =>\r\n          field?.toLowerCase().includes(inputValue.toLowerCase()),\r\n        ),\r\n      );\r\n      setFilteredItems(results);\r\n    } else {\r\n      setFilteredItems([]);\r\n    }\r\n  };\r\n\r\n  const handleSelectItem = (item: Service) => {\r\n    setValueInput(item.name);\r\n    setFilteredItems([]);\r\n  };\r\n\r\n  const highlightMatch = (text: string, query: string) => {\r\n    if (!query) return text;\r\n\r\n    const index = text.toLowerCase().indexOf(query.toLowerCase());\r\n    if (index === -1) return text;\r\n\r\n    const beforeMatch = text.slice(0, index);\r\n    const match = text.slice(index, index + query.length);\r\n    const afterMatch = text.slice(index + query.length);\r\n\r\n    return (\r\n      <>\r\n        {beforeMatch}\r\n        <span className={\"text-primary fw-bold\"}>{match}</span>\r\n        {afterMatch}\r\n      </>\r\n    );\r\n  };\r\n\r\n  return (\r\n    <div className={clsx(\"ui-search\", \"br-x4 bg-border-secondary w-full\")}>\r\n      <div className={\"position-relative\"}>\r\n        <input\r\n          id=\"search\"\r\n          type=\"search\"\r\n          className={clsx(\r\n            \"ui-search-input\",\r\n            \"fs-6 md-fs-custom text-slate-20 br-x4 w-full pl-x24\",\r\n          )}\r\n          placeholder={helperText}\r\n          aria-label=\"Barra di ricerca\"\r\n          value={valueInput}\r\n          onChange={handleInputChange}\r\n        />\r\n        {valueInput && valueInput.length >= 3 && (\r\n          <Close\r\n            className={\"ui-clean-button\"}\r\n            onClick={() => {\r\n              setValueInput(\"\");\r\n              setFilteredItems([]);\r\n            }}\r\n          />\r\n        )}\r\n      </div>\r\n      {filteredItems.length > 0 && (\r\n        <div className=\"ui-wrap-list-item-search shadow position-absolute p-x24\">\r\n          <Col\r\n            gap={\"x24\"}\r\n            fw={\"regular\"}\r\n            text={\"secondary\"}\r\n            fs={\"6\"}\r\n            className=\"ui-list-item-search overflow-y-auto\"\r\n          >\r\n            {filteredItems.map((item, index) => (\r\n              <div key={index} onClick={() => handleSelectItem(item)}>\r\n                {highlightMatch(item.name, valueInput || \"\")}\r\n              </div>\r\n            ))}\r\n          </Col>\r\n        </div>\r\n      )}\r\n      <div className={clsx(\"ui-div-btn\")}>\r\n        <Button\r\n          className={clsx(\r\n            \"ui-btn-search\",\r\n            \"bg-primary text-white fs-7 md-fs-6 fw-semibold br-x4\",\r\n          )}\r\n          onClick={() => {\r\n            setFilteredItems([]);\r\n            setValue(valueInput ?? \"\");\r\n          }}\r\n        >\r\n          {btnText}\r\n        </Button>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["SearchService","btnText","helperText","value","items","setValue","valueInput","setValueInput","useState","filteredItems","setFilteredItems","handleInputChange","inputValue","results","item","field","handleSelectItem","highlightMatch","text","query","index","beforeMatch","match","afterMatch","jsxs","Fragment","jsx","clsx","Close","Col","Button"],"mappings":"qSAeaA,EAAgB,CAAC,CAC5B,QAAAC,EACA,WAAAC,EACA,MAAAC,EACA,MAAAC,EACA,SAAAC,CACF,IAA0B,CACxB,KAAM,CAACC,EAAYC,CAAa,EAAIC,EAAAA,SAA6BL,CAAK,EAChE,CAACM,EAAeC,CAAgB,EAAIF,EAAAA,SAAoB,CAAA,CAAE,EAE1DG,EAAqB,GAAqC,CAC9D,MAAMC,EAAa,EAAE,OAAO,MAG5B,GAFAL,EAAcK,CAAU,EAEpBA,EAAW,QAAU,EAAG,CAC1B,MAAMC,EAAUT,EAAM,OAAQU,GAC5B,CAACA,EAAK,IAAI,EAAE,KAAMC,GAChBA,GAAA,YAAAA,EAAO,cAAc,SAASH,EAAW,cAAa,CACxD,EAEFF,EAAiBG,CAAO,CAC1B,MACEH,EAAiB,CAAA,CAAE,CAEvB,EAEMM,EAAoBF,GAAkB,CAC1CP,EAAcO,EAAK,IAAI,EACvBJ,EAAiB,CAAA,CAAE,CACrB,EAEMO,EAAiB,CAACC,EAAcC,IAAkB,CACtD,GAAI,CAACA,EAAO,OAAOD,EAEnB,MAAME,EAAQF,EAAK,YAAA,EAAc,QAAQC,EAAM,aAAa,EAC5D,GAAIC,IAAU,GAAI,OAAOF,EAEzB,MAAMG,EAAcH,EAAK,MAAM,EAAGE,CAAK,EACjCE,EAAQJ,EAAK,MAAME,EAAOA,EAAQD,EAAM,MAAM,EAC9CI,EAAaL,EAAK,MAAME,EAAQD,EAAM,MAAM,EAElD,OACEK,EAAAA,kBAAAA,KAAAC,6BAAA,CACG,SAAA,CAAAJ,EACDK,EAAAA,kBAAAA,IAAC,OAAA,CAAK,UAAW,uBAAyB,SAAAJ,EAAM,EAC/CC,CAAA,EACH,CAEJ,EAEA,gCACG,MAAA,CAAI,UAAWI,EAAAA,KAAK,YAAa,kCAAkC,EAClE,SAAA,CAAAH,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAW,oBACd,SAAA,CAAAE,EAAAA,kBAAAA,IAAC,QAAA,CACC,GAAG,SACH,KAAK,SACL,UAAWC,EAAAA,KACT,kBACA,qDAAA,EAEF,YAAazB,EACb,aAAW,mBACX,MAAOI,EACP,SAAUK,CAAA,CAAA,EAEXL,GAAcA,EAAW,QAAU,GAClCoB,EAAAA,kBAAAA,IAACE,EAAAA,MAAA,CACC,UAAW,kBACX,QAAS,IAAM,CACbrB,EAAc,EAAE,EAChBG,EAAiB,CAAA,CAAE,CACrB,CAAA,CAAA,CACF,EAEJ,EACCD,EAAc,OAAS,GACtBiB,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,0DACb,SAAAA,EAAAA,kBAAAA,IAACG,EAAAA,IAAA,CACC,IAAK,MACL,GAAI,UACJ,KAAM,YACN,GAAI,IACJ,UAAU,sCAET,WAAc,IAAI,CAACf,EAAMM,IACxBM,EAAAA,kBAAAA,IAAC,OAAgB,QAAS,IAAMV,EAAiBF,CAAI,EAClD,WAAeA,EAAK,KAAMR,GAAc,EAAE,CAAA,EADnCc,CAEV,CACD,CAAA,CAAA,EAEL,EAEFM,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAWC,EAAAA,KAAK,YAAY,EAC/B,SAAAD,EAAAA,kBAAAA,IAACI,EAAAA,OAAA,CACC,UAAWH,EAAAA,KACT,gBACA,sDAAA,EAEF,QAAS,IAAM,CACbjB,EAAiB,CAAA,CAAE,EACnBL,EAASC,GAAc,EAAE,CAC3B,EAEC,SAAAL,CAAA,CAAA,CACH,CACF,CAAA,EACF,CAEJ"}

package/dist/index.cjs122.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/SearchStructure/SearchStructure.css');const s=require("./index.cjs243.js");;/* empty css              */const o=require("./index.cjs245.js"),d=require("react"),C=require("./index.cjs287.js"),E=require("./index.cjs184.js"),N=require("./index.cjs61.js"),S=require("./index.cjs32.js"),y=({btnText:h,helperText:u,mobileHelperText:m=u,value:p,items:j,setValue:g})=>{const[r,l]=d.useState(p),[x,i]=d.useState([]),f=C.useMediaQuery("(min-width: 768px)"),b=e=>{const t=e.target.value;if(l(t),t.length>=3){const n=j.filter(a=>[a.address.streetName,a.address.zipCode,a.address.city].some(c=>c==null?void 0:c.toLowerCase().includes(t.toLowerCase())));i(n)}else i([])},w=e=>{l(e.address.plainAddress),i([])},R=(e,t)=>{if(!t)return e;const n=e.toLowerCase().indexOf(t.toLowerCase());if(n===-1)return e;const a=e.slice(0,n),c=e.slice(n,n+t.length),v=e.slice(n+t.length);return s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[a,s.jsxRuntimeExports.jsx("span",{className:"text-primary fw-bold",children:c}),v]})};return s.jsxRuntimeExports.jsxs("div",{className:o.clsx("ui-search","br-x4 bg-border-secondary w-full"),children:[s.jsxRuntimeExports.jsxs("div",{className:"position-relative",children:[s.jsxRuntimeExports.jsx("input",{id:"search",type:"text",className:o.clsx("ui-search-input","fs-6 md-fs-custom text-slate-20 br-x4 w-full pl-x24",r&&r.length>=3&&"has-clear-icon"),placeholder:f?u:m,value:r,onChange:b,maxLength:30}),r&&r.length>=3&&s.jsxRuntimeExports.jsx(E.Close,{className:"ui-clean-button",onClick:()=>{l(""),i([])}})]}),x.length>0&&s.jsxRuntimeExports.jsx("div",{className:"ui-wrap-list-item-search shadow position-absolute p-x24",children:s.jsxRuntimeExports.jsx(N.Col,{gap:"x24",fw:"regular",text:"secondary",fs:"6",className:"ui-list-item-search overflow-y-auto ",children:x.map((e,t)=>s.jsxRuntimeExports.jsx("div",{onClick:()=>w(e),children:R(e.address.plainAddress,r||"")},t))})}),s.jsxRuntimeExports.jsx("div",{className:o.clsx("ui-div-btn"),children:s.jsxRuntimeExports.jsx(S.Button,{className:o.clsx("ui-btn-search","bg-primary text-white fs-7 md-fs-6 fw-semibold br-x4"),onClick:()=>{i([]),g(r??"")},children:h})})]})};exports.SearchStructure=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/SearchStructure/SearchStructure.css');const s=require("./index.cjs243.js");;/* empty css              */const o=require("./index.cjs245.js"),d=require("react"),C=require("./index.cjs286.js"),E=require("./index.cjs184.js"),N=require("./index.cjs61.js"),S=require("./index.cjs32.js"),y=({btnText:h,helperText:u,mobileHelperText:m=u,value:p,items:j,setValue:g})=>{const[r,l]=d.useState(p),[x,i]=d.useState([]),f=C.useMediaQuery("(min-width: 768px)"),b=e=>{const t=e.target.value;if(l(t),t.length>=3){const n=j.filter(a=>[a.address.streetName,a.address.zipCode,a.address.city].some(c=>c==null?void 0:c.toLowerCase().includes(t.toLowerCase())));i(n)}else i([])},w=e=>{l(e.address.plainAddress),i([])},R=(e,t)=>{if(!t)return e;const n=e.toLowerCase().indexOf(t.toLowerCase());if(n===-1)return e;const a=e.slice(0,n),c=e.slice(n,n+t.length),v=e.slice(n+t.length);return s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[a,s.jsxRuntimeExports.jsx("span",{className:"text-primary fw-bold",children:c}),v]})};return s.jsxRuntimeExports.jsxs("div",{className:o.clsx("ui-search","br-x4 bg-border-secondary w-full"),children:[s.jsxRuntimeExports.jsxs("div",{className:"position-relative",children:[s.jsxRuntimeExports.jsx("input",{id:"search",type:"text",className:o.clsx("ui-search-input","fs-6 md-fs-custom text-slate-20 br-x4 w-full pl-x24",r&&r.length>=3&&"has-clear-icon"),placeholder:f?u:m,value:r,onChange:b,maxLength:30}),r&&r.length>=3&&s.jsxRuntimeExports.jsx(E.Close,{className:"ui-clean-button",onClick:()=>{l(""),i([])}})]}),x.length>0&&s.jsxRuntimeExports.jsx("div",{className:"ui-wrap-list-item-search shadow position-absolute p-x24",children:s.jsxRuntimeExports.jsx(N.Col,{gap:"x24",fw:"regular",text:"secondary",fs:"6",className:"ui-list-item-search overflow-y-auto ",children:x.map((e,t)=>s.jsxRuntimeExports.jsx("div",{onClick:()=>w(e),children:R(e.address.plainAddress,r||"")},t))})}),s.jsxRuntimeExports.jsx("div",{className:o.clsx("ui-div-btn"),children:s.jsxRuntimeExports.jsx(S.Button,{className:o.clsx("ui-btn-search","bg-primary text-white fs-7 md-fs-6 fw-semibold br-x4"),onClick:()=>{i([]),g(r??"")},children:h})})]})};exports.SearchStructure=y;
 //# sourceMappingURL=index.cjs122.js.map