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

package/dist/index.es114.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es114.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":";;;;;AAiBO,MAAMA,IAAc,CAAC;AAAA,EAC1B,aAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,cAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,aAAAC,IAAc;AAAA,EACd,YAAAC,IAAa;AACf,MAEIC,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,iBACb,UAAA;AAAA,EAAAA,gBAAAA,EAAAA,KAAC,UAAA,EAAO,WAAU,mBAChB,UAAA;AAAA,IAAAA,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,iEACZ,UAAA;AAAA,MAAAJ,KAASK,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,6BAA6B,UAAAL,GAAM;AAAA,MAE3D,CAACF,KACAM,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,2BAA0B,UAAA;AAAA,QAAA;AAAA,QAClCC,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,wBAAwB,UAAAH,GAAY;AAAA,QAAQ;AAAA,QAChED;AAAA,QAAU;AAAA,QAAEE;AAAA,MAAA,EAAA,CACf;AAAA,IAAA,GAEJ;AAAA,IAECN,KACCQ,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,yBACb,UAAAD,gBAAAA,EAAAA;AAAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QACV,IAAG;AAAA,QACH,cAAW;AAAA,QACX,SAASP;AAAA,QAER,UAAA;AAAA,UAAAF;AAAA,UACDQ,gBAAAA,EAAAA,IAACE,GAAA,EAAM,WAAU,QAAA,CAAQ;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,EAC3B,CACF;AAAA,EAAA,GAEJ;AAAA,EAEC,CAACT,KACAO,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,yBACZ,UAAA,MAAM,KAAK,EAAE,QAAQF,EAAA,GAAc,CAACK,GAAGC,MACtCJ,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MAEC,WAAWK;AAAA,QACT;AAAA,QACAD,IAAI,KAAKP,IAAc,eAAe;AAAA,MAAA;AAAA,MAExC,OAAO;AAAA,QACL,OAAO,GAAG,MAAMC,CAAU;AAAA,MAAA;AAAA,IAC5B;AAAA,IAPKM,IAAI;AAAA,EAAA,CASZ,EAAA,CACH;AAAA,GAEJ;"}
+{"version":3,"file":"index.es114.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":";;;;;AAiBO,MAAMA,IAAc,CAAC;AAAA,EAC1B,aAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,cAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,aAAAC,IAAc;AAAA,EACd,YAAAC,IAAa;AACf,MAEIC,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,iBACb,UAAA;AAAA,EAAAA,gBAAAA,EAAAA,KAAC,UAAA,EAAO,WAAU,mBAChB,UAAA;AAAA,IAAAA,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,iEACZ,UAAA;AAAA,MAAAJ,KAASK,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,6BAA6B,UAAAL,GAAM;AAAA,MAE3D,CAACF,KACAM,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,2BAA0B,UAAA;AAAA,QAAA;AAAA,QAClCC,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,wBAAwB,UAAAH,GAAY;AAAA,QAAQ;AAAA,QAChED;AAAA,QAAU;AAAA,QAAEE;AAAA,MAAA,EAAA,CACf;AAAA,IAAA,GAEJ;AAAA,IAECN,KACCQ,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,yBACb,UAAAD,gBAAAA,EAAAA;AAAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QACV,IAAG;AAAA,QACH,cAAW;AAAA,QACX,SAASP;AAAA,QAER,UAAA;AAAA,UAAAF;AAAA,UACDQ,gBAAAA,EAAAA,IAACE,GAAA,EAAM,WAAU,QAAA,CAAQ;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,EAC3B,CACF;AAAA,EAAA,GAEJ;AAAA,EAEC,CAACT,KACAO,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,yBACZ,UAAA,MAAM,KAAK,EAAE,QAAQF,EAAA,GAAc,CAACK,GAAGC,MACtCJ,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MAEC,WAAWK;AAAA,QACT;AAAA,QACAD,IAAI,KAAKP,IAAc,eAAe;AAAA,MAAA;AAAA,MAExC,OAAO;AAAA,QACL,OAAO,GAAG,MAAMC,CAAU;AAAA,MAAA;AAAA,IAC5B;AAAA,IAPKM,IAAI;AAAA,EAAA,CASZ,EAAA,CACH;AAAA,GAEJ;"}

package/dist/index.es116.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es116.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":";;;;;;;;;;AAsBO,MAAMA,IAAuB,CAAC;AAAA,EACnC,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,gBAAAC,IAAiB;AAAA,EACjB,aAAAC;AAAA,EACA,eAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC,IAAS;AACX,MAEIC,gBAAAA,EAAAA,IAACC,GAAA,EAAI,WAAWC,EAAK,oDAAoD,GACvE,UAAAC,gBAAAA,EAAAA,KAACF,GAAA,EAAI,GAAG,OAAO,OAAO,EAAE,OAAO,UAC7B,UAAA;AAAA,EAAAE,gBAAAA,EAAAA,KAACF,GAAA,EAAI,KAAK,MACR,UAAA;AAAA,IAAAD,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAW,kCAAmC,UAAAZ,GAAK;AAAA,IACzDY,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAW,kCAAmC,UAAAb,EAAA,CAAM;AAAA,EAAA,GAC5D;AAAA,EACAgB,gBAAAA,EAAAA,KAACC,GAAA,EAAI,IAAI,OAAO,KAAK,OACnB,UAAA;AAAA,IAAAJ,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAW,uCACd,UAAAA,gBAAAA,EAAAA,IAAC,UAAK,WAAW,2BACd,aACH,EAAA,CACF;AAAA,IACAA,gBAAAA,EAAAA,IAAC,SAAI,WAAW,8CACd,gCAAC,QAAA,EAAK,WAAW,2BACd,UAAAT,EAAA,CACH,EAAA,CACF;AAAA,EAAA,GACF;AAAA,EACAS,gBAAAA,EAAAA,IAACC,GAAA,EAAI,IAAI,OAAQ,UAAAT,GAAY;AAAA,wBAC5BS,GAAA,EAAI,IAAI,OAAO,IAAI,OAAO,WAAW,gCAAgC;AAAA,EACtEE,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAEhB,UAAA;AAAA,QAAAD,gBAAAA,OAACC,KAAI,YAAY,UAAU,KAAK,OAAO,WAAW,eAC/C,UAAA;AAAA,UAAAX,IACCO,gBAAAA,EAAAA;AAAAA,YAACK;AAAA,YAAA;AAAA,cACC,WAAWR;AAAA,cACX,4BAAOS,GAAA,EAAW;AAAA,cAClB,cAAcb;AAAA,cACd,kBAAkBA;AAAA,cAClB,eAAe;AAAA,YAAA;AAAA,UAAA,IAEfC,IACFS,gBAAAA,EAAAA,KAACI,GAAA,EAAU,WAAU,iCAAgC,QAAAR,GAAgB,MAAML,GAAgB,cAAc,IACvG,UAAA;AAAA,YAAAM,gBAAAA,EAAAA,IAACM,GAAA,EAAW;AAAA,YACXT;AAAA,UAAA,EAAA,CACH,IACEG,gBAAAA,EAAAA,IAAAQ,EAAAA,UAAA,EAAE;AAAA,UACNR,gBAAAA,MAAC,OAAA,EAAI,YAAYP,KAAcC,MAAmB,8BAChD,UAAAM,gBAAAA,EAAAA;AAAAA,YAACK;AAAA,YAAA;AAAA,cACC,WAAWP;AAAA,cACX,4BAAOW,GAAA,EAAW;AAAA,cAClB,cAAcd;AAAA,cACd,kBAAkBA;AAAA,cAClB,eAAe;AAAA,YAAA;AAAA,UAAA,EACjB,CACF;AAAA,QAAA,GACF;AAAA,QACAK,gBAAAA,EAAAA,IAACU,KAAO,SAASrB,GAAiB,SAAQ,aAAY,MAAK,UACxD,UAAAO,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AACF,EAAA,CACF,EAAA,CACF;"}
+{"version":3,"file":"index.es116.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":";;;;;;;;;;AAsBO,MAAMA,IAAuB,CAAC;AAAA,EACnC,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,gBAAAC,IAAiB;AAAA,EACjB,aAAAC;AAAA,EACA,eAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC,IAAS;AACX,MAEIC,gBAAAA,EAAAA,IAACC,GAAA,EAAI,WAAWC,EAAK,oDAAoD,GACvE,UAAAC,gBAAAA,EAAAA,KAACF,GAAA,EAAI,GAAG,OAAO,OAAO,EAAE,OAAO,UAC7B,UAAA;AAAA,EAAAE,gBAAAA,EAAAA,KAACF,GAAA,EAAI,KAAK,MACR,UAAA;AAAA,IAAAD,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAW,kCAAmC,UAAAZ,GAAK;AAAA,IACzDY,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAW,kCAAmC,UAAAb,EAAA,CAAM;AAAA,EAAA,GAC5D;AAAA,EACAgB,gBAAAA,EAAAA,KAACC,GAAA,EAAI,IAAI,OAAO,KAAK,OACnB,UAAA;AAAA,IAAAJ,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAW,uCACd,UAAAA,gBAAAA,EAAAA,IAAC,UAAK,WAAW,2BACd,aACH,EAAA,CACF;AAAA,IACAA,gBAAAA,EAAAA,IAAC,SAAI,WAAW,8CACd,gCAAC,QAAA,EAAK,WAAW,2BACd,UAAAT,EAAA,CACH,EAAA,CACF;AAAA,EAAA,GACF;AAAA,EACAS,gBAAAA,EAAAA,IAACC,GAAA,EAAI,IAAI,OAAQ,UAAAT,GAAY;AAAA,wBAC5BS,GAAA,EAAI,IAAI,OAAO,IAAI,OAAO,WAAW,gCAAgC;AAAA,EACtEE,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAEhB,UAAA;AAAA,QAAAD,gBAAAA,OAACC,KAAI,YAAY,UAAU,KAAK,OAAO,WAAW,eAC/C,UAAA;AAAA,UAAAX,IACCO,gBAAAA,EAAAA;AAAAA,YAACK;AAAA,YAAA;AAAA,cACC,WAAWR;AAAA,cACX,4BAAOS,GAAA,EAAW;AAAA,cAClB,cAAcb;AAAA,cACd,kBAAkBA;AAAA,cAClB,eAAe;AAAA,YAAA;AAAA,UAAA,IAEfC,IACFS,gBAAAA,EAAAA,KAACI,GAAA,EAAU,WAAU,iCAAgC,QAAAR,GAAgB,MAAML,GAAgB,cAAc,IACvG,UAAA;AAAA,YAAAM,gBAAAA,EAAAA,IAACM,GAAA,EAAW;AAAA,YACXT;AAAA,UAAA,EAAA,CACH,IACEG,gBAAAA,EAAAA,IAAAQ,EAAAA,UAAA,EAAE;AAAA,UACNR,gBAAAA,MAAC,OAAA,EAAI,YAAYP,KAAcC,MAAmB,8BAChD,UAAAM,gBAAAA,EAAAA;AAAAA,YAACK;AAAA,YAAA;AAAA,cACC,WAAWP;AAAA,cACX,4BAAOW,GAAA,EAAW;AAAA,cAClB,cAAcd;AAAA,cACd,kBAAkBA;AAAA,cAClB,eAAe;AAAA,YAAA;AAAA,UAAA,EACjB,CACF;AAAA,QAAA,GACF;AAAA,QACAK,gBAAAA,EAAAA,IAACU,KAAO,SAASrB,GAAiB,SAAQ,aAAY,MAAK,UACxD,UAAAO,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AACF,EAAA,CACF,EAAA,CACF;"}

package/dist/index.es117.js

@@ -2,7 +2,7 @@ import { j as x } from "./index.es243.js";
 import { useMemo as y } from "react";
 import { clsx as g } from "./index.es245.js";
 import { createSpacingClasses as j } from "./index.es362.js";
-import { createColorClasses as u } from "./index.es279.js";
+import { createColorClasses as u } from "./index.es316.js";
 import { createTypographyClasses as h } from "./index.es363.js";
 const E = ({
   as: o,

package/dist/index.es118.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es118.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":";;;;;;AAgBO,MAAMA,IAAS,CAAC;AAAA,EACrB,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,UAAAC;AAAA,EACA,mBAAAC,IAAoB;AACtB,MAAmB;AACjB,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAASN,CAAK;AAClD,SACEO,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,QACAP;AAAA,QACA;AAAA,UACE,kBAAkBE,MAAsB;AAAA,QAAA;AAAA,MAC1C;AAAA,MAGD,UAAAF,MAAY,UACXQ,gBAAAA,EAAAA,KAAAC,EAAAA,UAAA,EACE,UAAA;AAAA,QAAAH,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAG;AAAA,YACH,MAAK;AAAA,YACL,WAAWC;AAAA,cACT;AAAA,cACA;AAAA,YAAA;AAAA,YAEF,aAAaV;AAAA,YACb,cAAW;AAAA,YACX,cAAa;AAAA,YACb,OAAOM;AAAA,YACP,UAAU,CAACO,MAAM;AACf,cAAIZ,KACFA,EAAcY,EAAE,OAAO,KAAK,GAE9BN,EAAcM,EAAE,OAAO,KAAK;AAAA,YAC9B;AAAA,UAAA;AAAA,QAAA;AAAA,QAGFJ,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAWC,EAAK,YAAY,GAC/B,UAAAD,gBAAAA,EAAAA;AAAAA,UAACK;AAAA,UAAA;AAAA,YACC,WAAWJ;AAAA,cACT;AAAA,cACA;AAAA,YAAA;AAAA,YAEF,SAAS,MAAMN,KAAA,gBAAAA,EAAWE;AAAA,YAEzB,UAAAP;AAAA,UAAA;AAAA,QAAA,EACH,CACF;AAAA,MAAA,EAAA,CACF,IAEAY,gBAAAA,EAAAA,KAAAC,EAAAA,UAAA,EACE,UAAA;AAAA,QAAAH,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,kBACb,UAAAA,gBAAAA,EAAAA,IAACM,KAAW,OAAO,IAAI,QAAQ,GAAA,CAAI,EAAA,CACrC;AAAA,QACAN,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAG;AAAA,YACH,MAAK;AAAA,YACL,WAAWC;AAAA,cACT;AAAA,cACA;AAAA,YAAA;AAAA,YAEF,aAAaV;AAAA,YACb,cAAW;AAAA,YACX,cAAa;AAAA,YACb,OAAOM;AAAA,YACP,UAAU,CAACO,MAAM;AACf,cAAIZ,KACFA,EAAcY,EAAE,OAAO,KAAK,GAE9BN,EAAcM,EAAE,OAAO,KAAK;AAAA,YAC9B;AAAA,UAAA;AAAA,QAAA;AAAA,MACF,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAIR;"}
+{"version":3,"file":"index.es118.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":";;;;;;AAgBO,MAAMA,IAAS,CAAC;AAAA,EACrB,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,UAAAC;AAAA,EACA,mBAAAC,IAAoB;AACtB,MAAmB;AACjB,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAASN,CAAK;AAClD,SACEO,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,QACAP;AAAA,QACA;AAAA,UACE,kBAAkBE,MAAsB;AAAA,QAAA;AAAA,MAC1C;AAAA,MAGD,UAAAF,MAAY,UACXQ,gBAAAA,EAAAA,KAAAC,EAAAA,UAAA,EACE,UAAA;AAAA,QAAAH,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAG;AAAA,YACH,MAAK;AAAA,YACL,WAAWC;AAAA,cACT;AAAA,cACA;AAAA,YAAA;AAAA,YAEF,aAAaV;AAAA,YACb,cAAW;AAAA,YACX,cAAa;AAAA,YACb,OAAOM;AAAA,YACP,UAAU,CAACO,MAAM;AACf,cAAIZ,KACFA,EAAcY,EAAE,OAAO,KAAK,GAE9BN,EAAcM,EAAE,OAAO,KAAK;AAAA,YAC9B;AAAA,UAAA;AAAA,QAAA;AAAA,QAGFJ,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAWC,EAAK,YAAY,GAC/B,UAAAD,gBAAAA,EAAAA;AAAAA,UAACK;AAAA,UAAA;AAAA,YACC,WAAWJ;AAAA,cACT;AAAA,cACA;AAAA,YAAA;AAAA,YAEF,SAAS,MAAMN,KAAA,gBAAAA,EAAWE;AAAA,YAEzB,UAAAP;AAAA,UAAA;AAAA,QAAA,EACH,CACF;AAAA,MAAA,EAAA,CACF,IAEAY,gBAAAA,EAAAA,KAAAC,EAAAA,UAAA,EACE,UAAA;AAAA,QAAAH,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,kBACb,UAAAA,gBAAAA,EAAAA,IAACM,KAAW,OAAO,IAAI,QAAQ,GAAA,CAAI,EAAA,CACrC;AAAA,QACAN,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAG;AAAA,YACH,MAAK;AAAA,YACL,WAAWC;AAAA,cACT;AAAA,cACA;AAAA,YAAA;AAAA,YAEF,aAAaV;AAAA,YACb,cAAW;AAAA,YACX,cAAa;AAAA,YACb,OAAOM;AAAA,YACP,UAAU,CAACO,MAAM;AACf,cAAIZ,KACFA,EAAcY,EAAE,OAAO,KAAK,GAE9BN,EAAcM,EAAE,OAAO,KAAK;AAAA,YAC9B;AAAA,UAAA;AAAA,QAAA;AAAA,MACF,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/dist/index.es119.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es119.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.es119.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.es12.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es12.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":";;;;;;AAeO,MAAMA,IAAkB,CAAC;AAAA,EAC9B,QAAAC,IAAS;AAAA,EACT,YAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,WAAAC;AACF,MAA4B;AAC1B,QAAMC,IAAgBJ,GAEhBK,IAAeC,EAAM,WACrBC,IAAaD,EAAMJ,CAAM;AAE/B,SACEM,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,YACb,UAAAC,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAK,yCAAyCR,CAAS;AAAA,MAClE,SAAQ;AAAA,MACR,YAAW;AAAA,MACX,KAAI;AAAA,MACJ,IAAG;AAAA,MAEH,UAAA;AAAA,QAAAM,gBAAAA,EAAAA,KAACG,GAAA,EAAI,YAAY,UAAU,KAAK,MAC9B,UAAA;AAAA,UAAAJ,gBAAAA,EAAAA,IAACH,GAAA,EAAa,OAAO,IAAI,QAAQ,IAAI;AAAA,UAEpCH,MAAW,eACVO,gBAAAA,EAAAA,KAAAI,EAAAA,UAAA,EACE,UAAA;AAAA,YAAAL,gBAAAA,EAAAA,IAACM,GAAA,EAAQ,WAAU,YAAW,IAAG,kBAAiB;AAAA,YAClDN,gBAAAA,EAAAA,IAACD,GAAA,EAAW,OAAO,IAAI,QAAQ,GAAA,CAAI;AAAA,UAAA,EAAA,CACrC;AAAA,QAAA,GAEJ;AAAA,QAEAC,gBAAAA,EAAAA;AAAAA,UAACJ;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,WACE;AAAA,YAGD,UAAAH;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"index.es12.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":";;;;;;AAeO,MAAMA,IAAkB,CAAC;AAAA,EAC9B,QAAAC,IAAS;AAAA,EACT,YAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,WAAAC;AACF,MAA4B;AAC1B,QAAMC,IAAgBJ,GAEhBK,IAAeC,EAAM,WACrBC,IAAaD,EAAMJ,CAAM;AAE/B,SACEM,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,YACb,UAAAC,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAK,yCAAyCR,CAAS;AAAA,MAClE,SAAQ;AAAA,MACR,YAAW;AAAA,MACX,KAAI;AAAA,MACJ,IAAG;AAAA,MAEH,UAAA;AAAA,QAAAM,gBAAAA,EAAAA,KAACG,GAAA,EAAI,YAAY,UAAU,KAAK,MAC9B,UAAA;AAAA,UAAAJ,gBAAAA,EAAAA,IAACH,GAAA,EAAa,OAAO,IAAI,QAAQ,IAAI;AAAA,UAEpCH,MAAW,eACVO,gBAAAA,EAAAA,KAAAI,EAAAA,UAAA,EACE,UAAA;AAAA,YAAAL,gBAAAA,EAAAA,IAACM,GAAA,EAAQ,WAAU,YAAW,IAAG,kBAAiB;AAAA,YAClDN,gBAAAA,EAAAA,IAACD,GAAA,EAAW,OAAO,IAAI,QAAQ,GAAA,CAAI;AAAA,UAAA,EAAA,CACrC;AAAA,QAAA,GAEJ;AAAA,QAEAC,gBAAAA,EAAAA;AAAAA,UAACJ;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,WACE;AAAA,YAGD,UAAAH;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/index.es120.js

@@ -2,7 +2,7 @@ import { j as e } from "./index.es243.js";
 import { useState as C, useId as G } from "react";
 import { clsx as m } from "./index.es245.js";
 import './components/ui/SearchGeneric/SearchGeneric.css';/* empty css            */
-import { useMediaQuery as Q } from "./index.es287.js";
+import { useMediaQuery as Q } from "./index.es286.js";
 import { Close as S } from "./index.es184.js";
 import { Col as A } from "./index.es61.js";
 import { Button as D } from "./index.es32.js";

package/dist/index.es120.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es120.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.es120.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.es121.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es121.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":"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"}
+{"version":3,"file":"index.es121.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":"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"}

package/dist/index.es122.js

@@ -2,7 +2,7 @@ import { j as e } from "./index.es243.js";
 import './components/ui/SearchStructure/SearchStructure.css';/* empty css            */
 import { clsx as l } from "./index.es245.js";
 import { useState as h } from "react";
-import { useMediaQuery as N } from "./index.es287.js";
+import { useMediaQuery as N } from "./index.es286.js";
 import { Close as I } from "./index.es184.js";
 import { Col as y } from "./index.es61.js";
 import { Button as L } from "./index.es32.js";

package/dist/index.es122.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es122.js","sources":["../src/components/ui/SearchStructure/index.tsx"],"sourcesContent":["import \"./SearchStructure.scss\";\nimport clsx from \"clsx\";\nimport { ChangeEvent, useState } from \"react\";\nimport { Button, Col } from \"@/components\";\nimport { Close } from \"@/icons\";\nimport { Structure } from \"@anoki/fse-common\";\nimport { useMediaQuery } from \"@/hooks/useMediaQuery.ts\";\n\nexport type SearchProps = {\n  btnText: string;\n  helperText: string;\n  mobileHelperText?: string;\n  value: string;\n  items: Structure[];\n  setValue: (value: string) => void;\n};\n\nexport const SearchStructure = ({\n  btnText,\n  helperText,\n  mobileHelperText = helperText,\n  value,\n  items,\n  setValue,\n}: SearchProps) => {\n  const [valueInput, setValueInput] = useState<string | undefined>(value);\n  const [filteredItems, setFilteredItems] = useState<Structure[]>([]);\n  const isDesktop = useMediaQuery(\"(min-width: 768px)\");\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.address.streetName, item.address.zipCode, item.address.city].some(\n          (field) => field?.toLowerCase().includes(inputValue.toLowerCase()),\n        ),\n      );\n      setFilteredItems(results);\n    } else {\n      setFilteredItems([]);\n    }\n  };\n\n  const handleSelectItem = (item: Structure) => {\n    setValueInput(item.address.plainAddress);\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=\"text\"\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        />\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.address.plainAddress, 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":["SearchStructure","btnText","helperText","mobileHelperText","value","items","setValue","valueInput","setValueInput","useState","filteredItems","setFilteredItems","isDesktop","useMediaQuery","handleInputChange","e","inputValue","results","item","field","handleSelectItem","highlightMatch","text","query","index","beforeMatch","match","afterMatch","jsxs","Fragment","jsx","clsx","Close","Col","Button"],"mappings":"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"}
+{"version":3,"file":"index.es122.js","sources":["../src/components/ui/SearchStructure/index.tsx"],"sourcesContent":["import \"./SearchStructure.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 { Structure } from \"@anoki/fse-common\";\r\nimport { useMediaQuery } from \"@/hooks/useMediaQuery.ts\";\r\n\r\nexport type SearchProps = {\r\n  btnText: string;\r\n  helperText: string;\r\n  mobileHelperText?: string;\r\n  value: string;\r\n  items: Structure[];\r\n  setValue: (value: string) => void;\r\n};\r\n\r\nexport const SearchStructure = ({\r\n  btnText,\r\n  helperText,\r\n  mobileHelperText = helperText,\r\n  value,\r\n  items,\r\n  setValue,\r\n}: SearchProps) => {\r\n  const [valueInput, setValueInput] = useState<string | undefined>(value);\r\n  const [filteredItems, setFilteredItems] = useState<Structure[]>([]);\r\n  const isDesktop = useMediaQuery(\"(min-width: 768px)\");\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.address.streetName, item.address.zipCode, item.address.city].some(\r\n          (field) => 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: Structure) => {\r\n    setValueInput(item.address.plainAddress);\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=\"text\"\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        />\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.address.plainAddress, 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":["SearchStructure","btnText","helperText","mobileHelperText","value","items","setValue","valueInput","setValueInput","useState","filteredItems","setFilteredItems","isDesktop","useMediaQuery","handleInputChange","e","inputValue","results","item","field","handleSelectItem","highlightMatch","text","query","index","beforeMatch","match","afterMatch","jsxs","Fragment","jsx","clsx","Close","Col","Button"],"mappings":"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"}

package/dist/index.es123.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es123.js","sources":["../src/components/ui/SearchStructureSkeleton/index.tsx"],"sourcesContent":["import \"./SearchStructureSkeleton.scss\";\n\nexport const SearchStructureSkeleton = () => {\n  return (\n    <div className=\"search-structure-skeleton-container\">\n      {/* Breadcrumb */}\n      <div className=\"search-structure-skeleton-breadcrumb\">\n        <div className=\"search-structure-skeleton-breadcrumb-item pulse\"></div>\n        <div className=\"search-structure-skeleton-breadcrumb-separator\"></div>\n        <div className=\"search-structure-skeleton-breadcrumb-item pulse\"></div>\n      </div>\n\n      {/* Page title */}\n      <div className=\"search-structure-skeleton-title pulse\"></div>\n\n      {/* Description */}\n      <div className=\"search-structure-skeleton-description-structure pulse\"></div>\n\n      {/* Search filters and results */}\n      <div className=\"search-structure-skeleton-content\">\n        {/* Filters column */}\n        <div className=\"search-structure-skeleton-filters\">\n          <div className=\"search-structure-skeleton-filter-title pulse\"></div>\n          <div className=\"search-structure-skeleton-filter-divider\"></div>\n          <div className=\"search-structure-skeleton-filter-items\">\n            <div className=\"search-structure-skeleton-filter-item pulse\"></div>\n            <div className=\"search-structure-skeleton-filter-item pulse\"></div>\n            <div className=\"search-structure-skeleton-filter-item pulse\"></div>\n          </div>\n          <div className=\"search-structure-skeleton-filter-items\">\n            <div className=\"search-structure-skeleton-filter-item pulse\"></div>\n            <div className=\"search-structure-skeleton-filter-item pulse\"></div>\n            <div className=\"search-structure-skeleton-filter-item pulse\"></div>\n          </div>\n          <div className=\"search-structure-skeleton-filter-items\">\n            <div className=\"search-structure-skeleton-filter-item pulse\"></div>\n            <div className=\"search-structure-skeleton-filter-item pulse\"></div>\n            <div className=\"search-structure-skeleton-filter-item pulse\"></div>\n          </div>\n        </div>\n\n        {/* Results column */}\n        <div className=\"search-structure-skeleton-results\">\n          {/* Search input */}\n          <div className=\"search-structure-skeleton-search-input pulse\"></div>\n\n          {/* Results map */}\n          <div className=\"search-structure-skeleton-map pulse\"></div>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":["SearchStructureSkeleton","jsxs","jsx"],"mappings":";;AAEO,MAAMA,IAA0B,MAEnCC,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,uCAEb,UAAA;AAAA,EAAAA,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,wCACb,UAAA;AAAA,IAAAC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,kDAAA,CAAkD;AAAA,IACjEA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,iDAAA,CAAiD;AAAA,IAChEA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,kDAAA,CAAkD;AAAA,EAAA,GACnE;AAAA,EAGAA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,wCAAA,CAAwC;AAAA,EAGvDA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,wDAAA,CAAwD;AAAA,EAGvED,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,qCAEb,UAAA;AAAA,IAAAA,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,qCACb,UAAA;AAAA,MAAAC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,+CAAA,CAA+C;AAAA,MAC9DA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,2CAAA,CAA2C;AAAA,MAC1DD,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,0CACb,UAAA;AAAA,QAAAC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,8CAAA,CAA8C;AAAA,QAC7DA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,8CAAA,CAA8C;AAAA,QAC7DA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,8CAAA,CAA8C;AAAA,MAAA,GAC/D;AAAA,MACAD,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,0CACb,UAAA;AAAA,QAAAC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,8CAAA,CAA8C;AAAA,QAC7DA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,8CAAA,CAA8C;AAAA,QAC7DA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,8CAAA,CAA8C;AAAA,MAAA,GAC/D;AAAA,MACAD,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,0CACb,UAAA;AAAA,QAAAC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,8CAAA,CAA8C;AAAA,QAC7DA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,8CAAA,CAA8C;AAAA,QAC7DA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,8CAAA,CAA8C;AAAA,MAAA,EAAA,CAC/D;AAAA,IAAA,GACF;AAAA,IAGAD,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,qCAEb,UAAA;AAAA,MAAAC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,+CAAA,CAA+C;AAAA,MAG9DA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,sCAAA,CAAsC;AAAA,IAAA,EAAA,CACvD;AAAA,EAAA,EAAA,CACF;AAAA,GACF;"}
+{"version":3,"file":"index.es123.js","sources":["../src/components/ui/SearchStructureSkeleton/index.tsx"],"sourcesContent":["import \"./SearchStructureSkeleton.scss\";\r\n\r\nexport const SearchStructureSkeleton = () => {\r\n  return (\r\n    <div className=\"search-structure-skeleton-container\">\r\n      {/* Breadcrumb */}\r\n      <div className=\"search-structure-skeleton-breadcrumb\">\r\n        <div className=\"search-structure-skeleton-breadcrumb-item pulse\"></div>\r\n        <div className=\"search-structure-skeleton-breadcrumb-separator\"></div>\r\n        <div className=\"search-structure-skeleton-breadcrumb-item pulse\"></div>\r\n      </div>\r\n\r\n      {/* Page title */}\r\n      <div className=\"search-structure-skeleton-title pulse\"></div>\r\n\r\n      {/* Description */}\r\n      <div className=\"search-structure-skeleton-description-structure pulse\"></div>\r\n\r\n      {/* Search filters and results */}\r\n      <div className=\"search-structure-skeleton-content\">\r\n        {/* Filters column */}\r\n        <div className=\"search-structure-skeleton-filters\">\r\n          <div className=\"search-structure-skeleton-filter-title pulse\"></div>\r\n          <div className=\"search-structure-skeleton-filter-divider\"></div>\r\n          <div className=\"search-structure-skeleton-filter-items\">\r\n            <div className=\"search-structure-skeleton-filter-item pulse\"></div>\r\n            <div className=\"search-structure-skeleton-filter-item pulse\"></div>\r\n            <div className=\"search-structure-skeleton-filter-item pulse\"></div>\r\n          </div>\r\n          <div className=\"search-structure-skeleton-filter-items\">\r\n            <div className=\"search-structure-skeleton-filter-item pulse\"></div>\r\n            <div className=\"search-structure-skeleton-filter-item pulse\"></div>\r\n            <div className=\"search-structure-skeleton-filter-item pulse\"></div>\r\n          </div>\r\n          <div className=\"search-structure-skeleton-filter-items\">\r\n            <div className=\"search-structure-skeleton-filter-item pulse\"></div>\r\n            <div className=\"search-structure-skeleton-filter-item pulse\"></div>\r\n            <div className=\"search-structure-skeleton-filter-item pulse\"></div>\r\n          </div>\r\n        </div>\r\n\r\n        {/* Results column */}\r\n        <div className=\"search-structure-skeleton-results\">\r\n          {/* Search input */}\r\n          <div className=\"search-structure-skeleton-search-input pulse\"></div>\r\n\r\n          {/* Results map */}\r\n          <div className=\"search-structure-skeleton-map pulse\"></div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["SearchStructureSkeleton","jsxs","jsx"],"mappings":";;AAEO,MAAMA,IAA0B,MAEnCC,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,uCAEb,UAAA;AAAA,EAAAA,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,wCACb,UAAA;AAAA,IAAAC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,kDAAA,CAAkD;AAAA,IACjEA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,iDAAA,CAAiD;AAAA,IAChEA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,kDAAA,CAAkD;AAAA,EAAA,GACnE;AAAA,EAGAA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,wCAAA,CAAwC;AAAA,EAGvDA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,wDAAA,CAAwD;AAAA,EAGvED,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,qCAEb,UAAA;AAAA,IAAAA,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,qCACb,UAAA;AAAA,MAAAC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,+CAAA,CAA+C;AAAA,MAC9DA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,2CAAA,CAA2C;AAAA,MAC1DD,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,0CACb,UAAA;AAAA,QAAAC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,8CAAA,CAA8C;AAAA,QAC7DA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,8CAAA,CAA8C;AAAA,QAC7DA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,8CAAA,CAA8C;AAAA,MAAA,GAC/D;AAAA,MACAD,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,0CACb,UAAA;AAAA,QAAAC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,8CAAA,CAA8C;AAAA,QAC7DA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,8CAAA,CAA8C;AAAA,QAC7DA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,8CAAA,CAA8C;AAAA,MAAA,GAC/D;AAAA,MACAD,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,0CACb,UAAA;AAAA,QAAAC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,8CAAA,CAA8C;AAAA,QAC7DA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,8CAAA,CAA8C;AAAA,QAC7DA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,8CAAA,CAA8C;AAAA,MAAA,EAAA,CAC/D;AAAA,IAAA,GACF;AAAA,IAGAD,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,qCAEb,UAAA;AAAA,MAAAC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,+CAAA,CAA+C;AAAA,MAG9DA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,sCAAA,CAAsC;AAAA,IAAA,EAAA,CACvD;AAAA,EAAA,EAAA,CACF;AAAA,GACF;"}

package/dist/index.es124.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es124.js","sources":["../src/components/ui/Section/index.tsx"],"sourcesContent":["import { Title as SectionTitle } from \"./Title\";\nimport { Description as SectionDescription } from \"./Description\";\nimport { FC, PropsWithChildren, ReactNode } from \"react\";\nimport clsx from \"clsx\";\nimport { ColorKeys } from \"@/theme/colors\";\nimport { TypographyKeys } from \"@/theme/typography\";\n\ntype SectionProps = PropsWithChildren<{\n  className?: string;\n}>;\n\ninterface SectionComponent extends FC<SectionProps> {\n  Title: typeof SectionTitle;\n  Description: typeof SectionDescription;\n}\n\nconst Section: SectionComponent = ({ className, children }: SectionProps) => {\n  return <section className={className}>{children}</section>;\n};\n\ninterface SeactionHeadingProps {\n  className?: string;\n  titleMarginBottom?: string;\n  descriptionMarginBottom?: string;\n  descriptionClassName?: string;\n  title?: string | ReactNode;\n  titleId?: string;\n  mdFs?: TypographyKeys;\n  fs?: TypographyKeys;\n  color?: ColorKeys;\n  description?: string | ReactNode;\n  children?: ReactNode;\n}\n\nconst SectionHeading = ({\n  className,\n  title,\n  titleId,\n  color = \"primary\",\n  titleMarginBottom = \"mb-x16\",\n  descriptionClassName = \"\",\n  descriptionMarginBottom = \"mb-x40\",\n  description,\n  children,\n  mdFs = \"2\",\n  fs = \"4\",\n}: SeactionHeadingProps) => {\n  return (\n    <>\n      {title && (\n        <div\n          className={clsx(\n            \"ui-sections__title d-flex align-items-end gap-x16\",\n            titleMarginBottom,\n            className,\n          )}\n        >\n          <SectionTitle id={titleId} fs={fs} mdFs={mdFs} as={\"h2\"} color={color}>\n            {title}\n          </SectionTitle>\n          {children}\n        </div>\n      )}\n      {description && (\n        <SectionDescription\n          className={clsx(\n            \"ui-sections__description\",\n            descriptionMarginBottom,\n            descriptionClassName,\n          )}\n        >\n          {description}\n        </SectionDescription>\n      )}\n    </>\n  );\n};\n\nSection.Title = SectionTitle;\nSection.Description = SectionDescription;\n\nexport { Section, SectionHeading };\n"],"names":["Section","className","children","jsx","SectionHeading","title","titleId","color","titleMarginBottom","descriptionClassName","descriptionMarginBottom","description","mdFs","fs","jsxs","Fragment","clsx","SectionTitle","SectionDescription"],"mappings":";;;;AAgBA,MAAMA,IAA4B,CAAC,EAAE,WAAAC,GAAW,UAAAC,QACvCC,gBAAAA,EAAAA,IAAC,WAAA,EAAQ,WAAAF,GAAuB,UAAAC,EAAA,CAAS,GAiB5CE,IAAiB,CAAC;AAAA,EACtB,WAAAH;AAAA,EACA,OAAAI;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,mBAAAC,IAAoB;AAAA,EACpB,sBAAAC,IAAuB;AAAA,EACvB,yBAAAC,IAA0B;AAAA,EAC1B,aAAAC;AAAA,EACA,UAAAT;AAAA,EACA,MAAAU,IAAO;AAAA,EACP,IAAAC,IAAK;AACP,MAEIC,gBAAAA,EAAAA,KAAAC,YAAA,EACG,UAAA;AAAA,EAAAV,KACCS,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWE;AAAA,QACT;AAAA,QACAR;AAAA,QACAP;AAAA,MAAA;AAAA,MAGF,UAAA;AAAA,QAAAE,gBAAAA,EAAAA,IAACc,GAAA,EAAa,IAAIX,GAAS,IAAAO,GAAQ,MAAAD,GAAY,IAAI,MAAM,OAAAL,GACtD,UAAAF,EAAA,CACH;AAAA,QACCH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAAA,EAGJS,KACCR,gBAAAA,EAAAA;AAAAA,IAACe;AAAAA,IAAA;AAAA,MACC,WAAWF;AAAA,QACT;AAAA,QACAN;AAAA,QACAD;AAAA,MAAA;AAAA,MAGD,UAAAE;AAAA,IAAA;AAAA,EAAA;AACH,GAEJ;AAIJX,EAAQ,QAAQiB;AAChBjB,EAAQ,cAAckB;"}
+{"version":3,"file":"index.es124.js","sources":["../src/components/ui/Section/index.tsx"],"sourcesContent":["import { Title as SectionTitle } from \"./Title\";\r\nimport { Description as SectionDescription } from \"./Description\";\r\nimport { FC, PropsWithChildren, ReactNode } from \"react\";\r\nimport clsx from \"clsx\";\r\nimport { ColorKeys } from \"@/theme/colors\";\r\nimport { TypographyKeys } from \"@/theme/typography\";\r\n\r\ntype SectionProps = PropsWithChildren<{\r\n  className?: string;\r\n}>;\r\n\r\ninterface SectionComponent extends FC<SectionProps> {\r\n  Title: typeof SectionTitle;\r\n  Description: typeof SectionDescription;\r\n}\r\n\r\nconst Section: SectionComponent = ({ className, children }: SectionProps) => {\r\n  return <section className={className}>{children}</section>;\r\n};\r\n\r\ninterface SeactionHeadingProps {\r\n  className?: string;\r\n  titleMarginBottom?: string;\r\n  descriptionMarginBottom?: string;\r\n  descriptionClassName?: string;\r\n  title?: string | ReactNode;\r\n  titleId?: string;\r\n  mdFs?: TypographyKeys;\r\n  fs?: TypographyKeys;\r\n  color?: ColorKeys;\r\n  description?: string | ReactNode;\r\n  children?: ReactNode;\r\n}\r\n\r\nconst SectionHeading = ({\r\n  className,\r\n  title,\r\n  titleId,\r\n  color = \"primary\",\r\n  titleMarginBottom = \"mb-x16\",\r\n  descriptionClassName = \"\",\r\n  descriptionMarginBottom = \"mb-x40\",\r\n  description,\r\n  children,\r\n  mdFs = \"2\",\r\n  fs = \"4\",\r\n}: SeactionHeadingProps) => {\r\n  return (\r\n    <>\r\n      {title && (\r\n        <div\r\n          className={clsx(\r\n            \"ui-sections__title d-flex align-items-end gap-x16\",\r\n            titleMarginBottom,\r\n            className,\r\n          )}\r\n        >\r\n          <SectionTitle id={titleId} fs={fs} mdFs={mdFs} as={\"h2\"} color={color}>\r\n            {title}\r\n          </SectionTitle>\r\n          {children}\r\n        </div>\r\n      )}\r\n      {description && (\r\n        <SectionDescription\r\n          className={clsx(\r\n            \"ui-sections__description\",\r\n            descriptionMarginBottom,\r\n            descriptionClassName,\r\n          )}\r\n        >\r\n          {description}\r\n        </SectionDescription>\r\n      )}\r\n    </>\r\n  );\r\n};\r\n\r\nSection.Title = SectionTitle;\r\nSection.Description = SectionDescription;\r\n\r\nexport { Section, SectionHeading };\r\n"],"names":["Section","className","children","jsx","SectionHeading","title","titleId","color","titleMarginBottom","descriptionClassName","descriptionMarginBottom","description","mdFs","fs","jsxs","Fragment","clsx","SectionTitle","SectionDescription"],"mappings":";;;;AAgBA,MAAMA,IAA4B,CAAC,EAAE,WAAAC,GAAW,UAAAC,QACvCC,gBAAAA,EAAAA,IAAC,WAAA,EAAQ,WAAAF,GAAuB,UAAAC,EAAA,CAAS,GAiB5CE,IAAiB,CAAC;AAAA,EACtB,WAAAH;AAAA,EACA,OAAAI;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,mBAAAC,IAAoB;AAAA,EACpB,sBAAAC,IAAuB;AAAA,EACvB,yBAAAC,IAA0B;AAAA,EAC1B,aAAAC;AAAA,EACA,UAAAT;AAAA,EACA,MAAAU,IAAO;AAAA,EACP,IAAAC,IAAK;AACP,MAEIC,gBAAAA,EAAAA,KAAAC,YAAA,EACG,UAAA;AAAA,EAAAV,KACCS,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWE;AAAA,QACT;AAAA,QACAR;AAAA,QACAP;AAAA,MAAA;AAAA,MAGF,UAAA;AAAA,QAAAE,gBAAAA,EAAAA,IAACc,GAAA,EAAa,IAAIX,GAAS,IAAAO,GAAQ,MAAAD,GAAY,IAAI,MAAM,OAAAL,GACtD,UAAAF,EAAA,CACH;AAAA,QACCH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAAA,EAGJS,KACCR,gBAAAA,EAAAA;AAAAA,IAACe;AAAAA,IAAA;AAAA,MACC,WAAWF;AAAA,QACT;AAAA,QACAN;AAAA,QACAD;AAAA,MAAA;AAAA,MAGD,UAAAE;AAAA,IAAA;AAAA,EAAA;AACH,GAEJ;AAIJX,EAAQ,QAAQiB;AAChBjB,EAAQ,cAAckB;"}

package/dist/index.es125.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es125.js","sources":["../src/components/ui/ServicesListSkeleton/index.tsx"],"sourcesContent":["import \"./ServicesListSkeleton.scss\";\n\nexport const ServicesListSkeleton = () => {\n  return (\n    <div className=\"services-skeleton-container\">\n      {/* Breadcrumb */}\n      <div className=\"services-skeleton-breadcrumb\">\n        <div className=\"services-skeleton-breadcrumb-item pulse\"></div>\n        <div className=\"services-skeleton-breadcrumb-separator\"></div>\n        <div className=\"services-skeleton-breadcrumb-item pulse\"></div>\n      </div>\n\n      {/* Page title */}\n      <div className=\"services-skeleton-title pulse\"></div>\n\n      {/* Description */}\n      <div className=\"services-skeleton-description pulse\"></div>\n\n      {/* Search bar */}\n      <div className=\"services-skeleton-search\">\n        <div className=\"services-skeleton-search-input pulse\"></div>\n        <div className=\"services-skeleton-search-button pulse\"></div>\n      </div>\n\n      {/* Suggested services section */}\n      <div className=\"services-skeleton-section\">\n        <div className=\"services-skeleton-section-title pulse\"></div>\n\n        <div className=\"services-skeleton-suggested-grid\">\n          {/* Left service card */}\n          <div className=\"services-skeleton-card-large pulse\"></div>\n\n          {/* Right service card */}\n          <div className=\"services-skeleton-card-large pulse\"></div>\n        </div>\n      </div>\n\n      {/* Services for you section */}\n      <div className=\"services-skeleton-section\">\n        <div className=\"services-skeleton-section-title pulse\"></div>\n\n        <div className=\"services-skeleton-services-grid\">\n          {/* Service card 1 */}\n          <div className=\"services-skeleton-card\">\n            <div className=\"services-skeleton-card-content\">\n              <div className=\"services-skeleton-card-title pulse\"></div>\n              <div className=\"services-skeleton-card-description pulse\"></div>\n            </div>\n            <div className=\"services-skeleton-card-icon pulse\"></div>\n          </div>\n\n          {/* Service card 2 */}\n          <div className=\"services-skeleton-card\">\n            <div className=\"services-skeleton-card-content\">\n              <div className=\"services-skeleton-card-title pulse\"></div>\n              <div className=\"services-skeleton-card-description pulse\"></div>\n            </div>\n            <div className=\"services-skeleton-card-icon pulse\"></div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":["ServicesListSkeleton","jsxs","jsx"],"mappings":";;AAEO,MAAMA,IAAuB,MAEhCC,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,+BAEb,UAAA;AAAA,EAAAA,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,gCACb,UAAA;AAAA,IAAAC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,0CAAA,CAA0C;AAAA,IACzDA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,yCAAA,CAAyC;AAAA,IACxDA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,0CAAA,CAA0C;AAAA,EAAA,GAC3D;AAAA,EAGAA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,gCAAA,CAAgC;AAAA,EAG/CA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,sCAAA,CAAsC;AAAA,EAGrDD,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,4BACb,UAAA;AAAA,IAAAC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,uCAAA,CAAuC;AAAA,IACtDA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,wCAAA,CAAwC;AAAA,EAAA,GACzD;AAAA,EAGAD,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,6BACb,UAAA;AAAA,IAAAC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,wCAAA,CAAwC;AAAA,IAEvDD,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,oCAEb,UAAA;AAAA,MAAAC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,qCAAA,CAAqC;AAAA,MAGpDA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,qCAAA,CAAqC;AAAA,IAAA,EAAA,CACtD;AAAA,EAAA,GACF;AAAA,EAGAD,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,6BACb,UAAA;AAAA,IAAAC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,wCAAA,CAAwC;AAAA,IAEvDD,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,mCAEb,UAAA;AAAA,MAAAA,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,0BACb,UAAA;AAAA,QAAAA,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,kCACb,UAAA;AAAA,UAAAC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,qCAAA,CAAqC;AAAA,UACpDA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,2CAAA,CAA2C;AAAA,QAAA,GAC5D;AAAA,QACAA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,oCAAA,CAAoC;AAAA,MAAA,GACrD;AAAA,MAGAD,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,0BACb,UAAA;AAAA,QAAAA,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,kCACb,UAAA;AAAA,UAAAC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,qCAAA,CAAqC;AAAA,UACpDA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,2CAAA,CAA2C;AAAA,QAAA,GAC5D;AAAA,QACAA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,oCAAA,CAAoC;AAAA,MAAA,EAAA,CACrD;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,EAAA,CACF;AAAA,GACF;"}
+{"version":3,"file":"index.es125.js","sources":["../src/components/ui/ServicesListSkeleton/index.tsx"],"sourcesContent":["import \"./ServicesListSkeleton.scss\";\r\n\r\nexport const ServicesListSkeleton = () => {\r\n  return (\r\n    <div className=\"services-skeleton-container\">\r\n      {/* Breadcrumb */}\r\n      <div className=\"services-skeleton-breadcrumb\">\r\n        <div className=\"services-skeleton-breadcrumb-item pulse\"></div>\r\n        <div className=\"services-skeleton-breadcrumb-separator\"></div>\r\n        <div className=\"services-skeleton-breadcrumb-item pulse\"></div>\r\n      </div>\r\n\r\n      {/* Page title */}\r\n      <div className=\"services-skeleton-title pulse\"></div>\r\n\r\n      {/* Description */}\r\n      <div className=\"services-skeleton-description pulse\"></div>\r\n\r\n      {/* Search bar */}\r\n      <div className=\"services-skeleton-search\">\r\n        <div className=\"services-skeleton-search-input pulse\"></div>\r\n        <div className=\"services-skeleton-search-button pulse\"></div>\r\n      </div>\r\n\r\n      {/* Suggested services section */}\r\n      <div className=\"services-skeleton-section\">\r\n        <div className=\"services-skeleton-section-title pulse\"></div>\r\n\r\n        <div className=\"services-skeleton-suggested-grid\">\r\n          {/* Left service card */}\r\n          <div className=\"services-skeleton-card-large pulse\"></div>\r\n\r\n          {/* Right service card */}\r\n          <div className=\"services-skeleton-card-large pulse\"></div>\r\n        </div>\r\n      </div>\r\n\r\n      {/* Services for you section */}\r\n      <div className=\"services-skeleton-section\">\r\n        <div className=\"services-skeleton-section-title pulse\"></div>\r\n\r\n        <div className=\"services-skeleton-services-grid\">\r\n          {/* Service card 1 */}\r\n          <div className=\"services-skeleton-card\">\r\n            <div className=\"services-skeleton-card-content\">\r\n              <div className=\"services-skeleton-card-title pulse\"></div>\r\n              <div className=\"services-skeleton-card-description pulse\"></div>\r\n            </div>\r\n            <div className=\"services-skeleton-card-icon pulse\"></div>\r\n          </div>\r\n\r\n          {/* Service card 2 */}\r\n          <div className=\"services-skeleton-card\">\r\n            <div className=\"services-skeleton-card-content\">\r\n              <div className=\"services-skeleton-card-title pulse\"></div>\r\n              <div className=\"services-skeleton-card-description pulse\"></div>\r\n            </div>\r\n            <div className=\"services-skeleton-card-icon pulse\"></div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["ServicesListSkeleton","jsxs","jsx"],"mappings":";;AAEO,MAAMA,IAAuB,MAEhCC,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,+BAEb,UAAA;AAAA,EAAAA,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,gCACb,UAAA;AAAA,IAAAC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,0CAAA,CAA0C;AAAA,IACzDA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,yCAAA,CAAyC;AAAA,IACxDA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,0CAAA,CAA0C;AAAA,EAAA,GAC3D;AAAA,EAGAA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,gCAAA,CAAgC;AAAA,EAG/CA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,sCAAA,CAAsC;AAAA,EAGrDD,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,4BACb,UAAA;AAAA,IAAAC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,uCAAA,CAAuC;AAAA,IACtDA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,wCAAA,CAAwC;AAAA,EAAA,GACzD;AAAA,EAGAD,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,6BACb,UAAA;AAAA,IAAAC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,wCAAA,CAAwC;AAAA,IAEvDD,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,oCAEb,UAAA;AAAA,MAAAC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,qCAAA,CAAqC;AAAA,MAGpDA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,qCAAA,CAAqC;AAAA,IAAA,EAAA,CACtD;AAAA,EAAA,GACF;AAAA,EAGAD,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,6BACb,UAAA;AAAA,IAAAC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,wCAAA,CAAwC;AAAA,IAEvDD,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,mCAEb,UAAA;AAAA,MAAAA,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,0BACb,UAAA;AAAA,QAAAA,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,kCACb,UAAA;AAAA,UAAAC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,qCAAA,CAAqC;AAAA,UACpDA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,2CAAA,CAA2C;AAAA,QAAA,GAC5D;AAAA,QACAA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,oCAAA,CAAoC;AAAA,MAAA,GACrD;AAAA,MAGAD,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,0BACb,UAAA;AAAA,QAAAA,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,kCACb,UAAA;AAAA,UAAAC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,qCAAA,CAAqC;AAAA,UACpDA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,2CAAA,CAA2C;AAAA,QAAA,GAC5D;AAAA,QACAA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,oCAAA,CAAoC;AAAA,MAAA,EAAA,CACrD;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,EAAA,CACF;AAAA,GACF;"}

package/dist/index.es126.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es126.js","sources":["../src/components/ui/ShareButton/index.tsx"],"sourcesContent":["import \"./ShareButton.scss\";\nimport {\n  ActionIconText,\n  Email,\n  Linkedin,\n  Meta,\n  ShareLink,\n  Twitter,\n  Whatsapp,\n} from \"@/index\";\nimport clsx from \"clsx\";\nimport { useEffect, useRef, useState } from \"react\";\n\ntype Props = {\n  textLabel: string;\n  titleShared?: string;\n};\n\nconst socials = [\n  {\n    name: \"Facebook\",\n    Icon: <Meta />,\n    link: (url: string) =>\n      `https://www.facebook.com/sharer/sharer.php?u=${url}`,\n  },\n  {\n    name: \"X\",\n    Icon: <Twitter />,\n    link: (url: string, title?: string) =>\n      `https://twitter.com/intent/tweet?url=${url}&text=${title}`,\n  },\n  {\n    name: \"Email\",\n    Icon: <Email />,\n    link: (url: string, title?: string) =>\n      `mailto:?subject=${title}&body=${url}`,\n  },\n  {\n    name: \"Linkedin\",\n    Icon: <Linkedin />,\n    link: (url: string, title?: string) =>\n      `https://www.linkedin.com/shareArticle?mini=true&url=${url}&title=${title}`,\n  },\n  {\n    name: \"Whatsapp\",\n    Icon: <Whatsapp />,\n    link: (url: string, title?: string) => {\n      const message = `Dai un'occhiata a ${title}! ${url}`;\n      return `https://wa.me/?text=${message}`;\n    },\n  },\n];\n\nexport const ShareButton = ({ textLabel, titleShared = \"\" }: Props) => {\n  const [openAlert, setopenAlert] = useState(false);\n  const toggleButton = () => {\n    setopenAlert(!openAlert);\n  };\n\n  const onClose = () => {\n    setopenAlert(false);\n  };\n\n  const popupRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    function handleClickOutside(event: MouseEvent) {\n      if (\n        popupRef.current &&\n        !popupRef.current.contains(event.target as Node)\n      ) {\n        onClose();\n      }\n    }\n\n    document.addEventListener(\"mousedown\", handleClickOutside);\n\n    return () => {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n    };\n  }, [onClose]);\n\n  return (\n    <div\n      className={clsx(\"social-dropdown-container\", { open: openAlert })}\n      ref={popupRef}\n    >\n      <ActionIconText\n        classNameComponent=\"toggle-button\"\n        textLabel={textLabel}\n        icon={<ShareLink />}\n        handleAction={toggleButton}\n        classNameText={\"fw-bold fs-7\"}\n      />\n      <div className=\"social-links\">\n        {socials.map((social, index) => (\n          <button\n            key={`socialIcon-${index}`}\n            className=\"social-item\"\n            onClick={() =>\n              window.open(\n                `${social.link(encodeURIComponent(window.location.href), encodeURIComponent(titleShared))}`,\n              )\n            }\n            rel=\"noopener noreferrer\"\n          >\n            {social.Icon}\n            {social.name}\n          </button>\n        ))}\n      </div>\n    </div>\n  );\n};\n"],"names":["socials","Meta","url","Twitter","title","Email","Linkedin","Whatsapp","ShareButton","textLabel","titleShared","openAlert","setopenAlert","useState","toggleButton","onClose","popupRef","useRef","useEffect","handleClickOutside","event","jsxs","clsx","jsx","ActionIconText","ShareLink","social","index"],"mappings":";;;;;;;;;;;;AAkBA,MAAMA,IAAU;AAAA,EACd;AAAA,IACE,MAAM;AAAA,IACN,4BAAOC,GAAA,EAAK;AAAA,IACZ,MAAM,CAACC,MACL,gDAAgDA,CAAG;AAAA,EAAA;AAAA,EAEvD;AAAA,IACE,MAAM;AAAA,IACN,4BAAOC,GAAA,EAAQ;AAAA,IACf,MAAM,CAACD,GAAaE,MAClB,wCAAwCF,CAAG,SAASE,CAAK;AAAA,EAAA;AAAA,EAE7D;AAAA,IACE,MAAM;AAAA,IACN,4BAAOC,GAAA,EAAM;AAAA,IACb,MAAM,CAACH,GAAaE,MAClB,mBAAmBA,CAAK,SAASF,CAAG;AAAA,EAAA;AAAA,EAExC;AAAA,IACE,MAAM;AAAA,IACN,4BAAOI,GAAA,EAAS;AAAA,IAChB,MAAM,CAACJ,GAAaE,MAClB,uDAAuDF,CAAG,UAAUE,CAAK;AAAA,EAAA;AAAA,EAE7E;AAAA,IACE,MAAM;AAAA,IACN,4BAAOG,GAAA,EAAS;AAAA,IAChB,MAAM,CAACL,GAAaE,MAEX,uBADS,qBAAqBA,CAAK,KAAKF,CAAG,EACb;AAAA,EACvC;AAEJ,GAEaM,IAAc,CAAC,EAAE,WAAAC,GAAW,aAAAC,IAAc,SAAgB;AACrE,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1CC,IAAe,MAAM;AACzB,IAAAF,EAAa,CAACD,CAAS;AAAA,EACzB,GAEMI,IAAU,MAAM;AACpB,IAAAH,EAAa,EAAK;AAAA,EACpB,GAEMI,IAAWC,EAAuB,IAAI;AAE5C,SAAAC,EAAU,MAAM;AACd,aAASC,EAAmBC,GAAmB;AAC7C,MACEJ,EAAS,WACT,CAACA,EAAS,QAAQ,SAASI,EAAM,MAAc,KAE/CL,EAAA;AAAA,IAEJ;AAEA,oBAAS,iBAAiB,aAAaI,CAAkB,GAElD,MAAM;AACX,eAAS,oBAAoB,aAAaA,CAAkB;AAAA,IAC9D;AAAA,EACF,GAAG,CAACJ,CAAO,CAAC,GAGVM,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAK,6BAA6B,EAAE,MAAMX,GAAW;AAAA,MAChE,KAAKK;AAAA,MAEL,UAAA;AAAA,QAAAO,gBAAAA,EAAAA;AAAAA,UAACC;AAAA,UAAA;AAAA,YACC,oBAAmB;AAAA,YACnB,WAAAf;AAAA,YACA,4BAAOgB,GAAA,EAAU;AAAA,YACjB,cAAcX;AAAA,YACd,eAAe;AAAA,UAAA;AAAA,QAAA;AAAA,QAEjBS,gBAAAA,EAAAA,IAAC,SAAI,WAAU,gBACZ,YAAQ,IAAI,CAACG,GAAQC,MACpBN,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YAEC,WAAU;AAAA,YACV,SAAS,MACP,OAAO;AAAA,cACL,GAAGK,EAAO,KAAK,mBAAmB,OAAO,SAAS,IAAI,GAAG,mBAAmBhB,CAAW,CAAC,CAAC;AAAA,YAAA;AAAA,YAG7F,KAAI;AAAA,YAEH,UAAA;AAAA,cAAAgB,EAAO;AAAA,cACPA,EAAO;AAAA,YAAA;AAAA,UAAA;AAAA,UAVH,cAAcC,CAAK;AAAA,QAAA,CAY3B,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"index.es126.js","sources":["../src/components/ui/ShareButton/index.tsx"],"sourcesContent":["import \"./ShareButton.scss\";\r\nimport {\r\n  ActionIconText,\r\n  Email,\r\n  Linkedin,\r\n  Meta,\r\n  ShareLink,\r\n  Twitter,\r\n  Whatsapp,\r\n} from \"@/index\";\r\nimport clsx from \"clsx\";\r\nimport { useEffect, useRef, useState } from \"react\";\r\n\r\ntype Props = {\r\n  textLabel: string;\r\n  titleShared?: string;\r\n};\r\n\r\nconst socials = [\r\n  {\r\n    name: \"Facebook\",\r\n    Icon: <Meta />,\r\n    link: (url: string) =>\r\n      `https://www.facebook.com/sharer/sharer.php?u=${url}`,\r\n  },\r\n  {\r\n    name: \"X\",\r\n    Icon: <Twitter />,\r\n    link: (url: string, title?: string) =>\r\n      `https://twitter.com/intent/tweet?url=${url}&text=${title}`,\r\n  },\r\n  {\r\n    name: \"Email\",\r\n    Icon: <Email />,\r\n    link: (url: string, title?: string) =>\r\n      `mailto:?subject=${title}&body=${url}`,\r\n  },\r\n  {\r\n    name: \"Linkedin\",\r\n    Icon: <Linkedin />,\r\n    link: (url: string, title?: string) =>\r\n      `https://www.linkedin.com/shareArticle?mini=true&url=${url}&title=${title}`,\r\n  },\r\n  {\r\n    name: \"Whatsapp\",\r\n    Icon: <Whatsapp />,\r\n    link: (url: string, title?: string) => {\r\n      const message = `Dai un'occhiata a ${title}! ${url}`;\r\n      return `https://wa.me/?text=${message}`;\r\n    },\r\n  },\r\n];\r\n\r\nexport const ShareButton = ({ textLabel, titleShared = \"\" }: Props) => {\r\n  const [openAlert, setopenAlert] = useState(false);\r\n  const toggleButton = () => {\r\n    setopenAlert(!openAlert);\r\n  };\r\n\r\n  const onClose = () => {\r\n    setopenAlert(false);\r\n  };\r\n\r\n  const popupRef = useRef<HTMLDivElement>(null);\r\n\r\n  useEffect(() => {\r\n    function handleClickOutside(event: MouseEvent) {\r\n      if (\r\n        popupRef.current &&\r\n        !popupRef.current.contains(event.target as Node)\r\n      ) {\r\n        onClose();\r\n      }\r\n    }\r\n\r\n    document.addEventListener(\"mousedown\", handleClickOutside);\r\n\r\n    return () => {\r\n      document.removeEventListener(\"mousedown\", handleClickOutside);\r\n    };\r\n  }, [onClose]);\r\n\r\n  return (\r\n    <div\r\n      className={clsx(\"social-dropdown-container\", { open: openAlert })}\r\n      ref={popupRef}\r\n    >\r\n      <ActionIconText\r\n        classNameComponent=\"toggle-button\"\r\n        textLabel={textLabel}\r\n        icon={<ShareLink />}\r\n        handleAction={toggleButton}\r\n        classNameText={\"fw-bold fs-7\"}\r\n      />\r\n      <div className=\"social-links\">\r\n        {socials.map((social, index) => (\r\n          <button\r\n            key={`socialIcon-${index}`}\r\n            className=\"social-item\"\r\n            onClick={() =>\r\n              window.open(\r\n                `${social.link(encodeURIComponent(window.location.href), encodeURIComponent(titleShared))}`,\r\n              )\r\n            }\r\n            rel=\"noopener noreferrer\"\r\n          >\r\n            {social.Icon}\r\n            {social.name}\r\n          </button>\r\n        ))}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["socials","Meta","url","Twitter","title","Email","Linkedin","Whatsapp","ShareButton","textLabel","titleShared","openAlert","setopenAlert","useState","toggleButton","onClose","popupRef","useRef","useEffect","handleClickOutside","event","jsxs","clsx","jsx","ActionIconText","ShareLink","social","index"],"mappings":";;;;;;;;;;;;AAkBA,MAAMA,IAAU;AAAA,EACd;AAAA,IACE,MAAM;AAAA,IACN,4BAAOC,GAAA,EAAK;AAAA,IACZ,MAAM,CAACC,MACL,gDAAgDA,CAAG;AAAA,EAAA;AAAA,EAEvD;AAAA,IACE,MAAM;AAAA,IACN,4BAAOC,GAAA,EAAQ;AAAA,IACf,MAAM,CAACD,GAAaE,MAClB,wCAAwCF,CAAG,SAASE,CAAK;AAAA,EAAA;AAAA,EAE7D;AAAA,IACE,MAAM;AAAA,IACN,4BAAOC,GAAA,EAAM;AAAA,IACb,MAAM,CAACH,GAAaE,MAClB,mBAAmBA,CAAK,SAASF,CAAG;AAAA,EAAA;AAAA,EAExC;AAAA,IACE,MAAM;AAAA,IACN,4BAAOI,GAAA,EAAS;AAAA,IAChB,MAAM,CAACJ,GAAaE,MAClB,uDAAuDF,CAAG,UAAUE,CAAK;AAAA,EAAA;AAAA,EAE7E;AAAA,IACE,MAAM;AAAA,IACN,4BAAOG,GAAA,EAAS;AAAA,IAChB,MAAM,CAACL,GAAaE,MAEX,uBADS,qBAAqBA,CAAK,KAAKF,CAAG,EACb;AAAA,EACvC;AAEJ,GAEaM,IAAc,CAAC,EAAE,WAAAC,GAAW,aAAAC,IAAc,SAAgB;AACrE,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1CC,IAAe,MAAM;AACzB,IAAAF,EAAa,CAACD,CAAS;AAAA,EACzB,GAEMI,IAAU,MAAM;AACpB,IAAAH,EAAa,EAAK;AAAA,EACpB,GAEMI,IAAWC,EAAuB,IAAI;AAE5C,SAAAC,EAAU,MAAM;AACd,aAASC,EAAmBC,GAAmB;AAC7C,MACEJ,EAAS,WACT,CAACA,EAAS,QAAQ,SAASI,EAAM,MAAc,KAE/CL,EAAA;AAAA,IAEJ;AAEA,oBAAS,iBAAiB,aAAaI,CAAkB,GAElD,MAAM;AACX,eAAS,oBAAoB,aAAaA,CAAkB;AAAA,IAC9D;AAAA,EACF,GAAG,CAACJ,CAAO,CAAC,GAGVM,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAK,6BAA6B,EAAE,MAAMX,GAAW;AAAA,MAChE,KAAKK;AAAA,MAEL,UAAA;AAAA,QAAAO,gBAAAA,EAAAA;AAAAA,UAACC;AAAA,UAAA;AAAA,YACC,oBAAmB;AAAA,YACnB,WAAAf;AAAA,YACA,4BAAOgB,GAAA,EAAU;AAAA,YACjB,cAAcX;AAAA,YACd,eAAe;AAAA,UAAA;AAAA,QAAA;AAAA,QAEjBS,gBAAAA,EAAAA,IAAC,SAAI,WAAU,gBACZ,YAAQ,IAAI,CAACG,GAAQC,MACpBN,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YAEC,WAAU;AAAA,YACV,SAAS,MACP,OAAO;AAAA,cACL,GAAGK,EAAO,KAAK,mBAAmB,OAAO,SAAS,IAAI,GAAG,mBAAmBhB,CAAW,CAAC,CAAC;AAAA,YAAA;AAAA,YAG7F,KAAI;AAAA,YAEH,UAAA;AAAA,cAAAgB,EAAO;AAAA,cACPA,EAAO;AAAA,YAAA;AAAA,UAAA;AAAA,UAVH,cAAcC,CAAK;AAAA,QAAA,CAY3B,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/index.es127.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es127.js","sources":["../src/components/ui/SupportBanner/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport \"./SupportBanner.scss\";\nimport { Col, Row } from \"@/components\";\nimport { useMemo } from \"react\";\nimport { CTA_COMPONENTS, SupportBannerLink } from \"./ctaComponents\";\nimport { HeadingLevel } from \"@/types/headings\";\n\ntype SupportBannerProps = {\n  bannerType?: \"filled\" | \"outline\";\n  title: string;\n  description?: string;\n  titleTag?: HeadingLevel;\n  mainLayout?: \"layout1\" | \"layout2\";\n  className?: string;\n  classNameTitle?: string;\n  classNameDescription?: string;\n  links?: SupportBannerLink[];\n  asLink?: \"a\" | React.ComponentType<any>;\n  children?: React.ReactNode;\n};\n\nexport const SupportBanner = ({\n  bannerType = \"outline\",\n  title,\n  description = \"\",\n  titleTag: TitleTag = \"h1\",\n  mainLayout = \"layout1\",\n  className = \"\",\n  classNameTitle = \"\",\n  classNameDescription = \"\",\n  links = [],\n  asLink = \"a\",\n  children,\n}: SupportBannerProps) => {\n  const LinkComponent = asLink;\n  const renderCTA = useMemo(() => {\n    if (!links || links.length === 0) return null;\n    return links.map((link, index) => {\n      const variant =\n        link.variant ?? (link.href ? \"outlineButtonHref\" : \"button\");\n      const Renderer = CTA_COMPONENTS(LinkComponent)[variant];\n      return (\n        <div key={index} className=\"ui-banner-link\">\n          {Renderer(link)}\n        </div>\n      );\n    });\n  }, [links, LinkComponent]);\n\n  return (\n    <Col\n      br={\"x4\"}\n      gap={\"x16\"}\n      className={clsx(\n        className,\n        bannerType === \"outline\" ? \"ui-outline\" : \"bg-lightblue-a03\",\n        \"ui-banner shadow \",\n      )}\n    >\n      <TitleTag\n        className={clsx(\n          \"ui-banner-title text-slate-20\",\n          classNameTitle || \"fs-4 fw-bold\",\n        )}\n      >\n        {title}\n      </TitleTag>\n      <main\n        className={clsx(\n          mainLayout === \"layout1\"\n            ? \"ui-banner-content-layout1 fs-6 text-secondary justify-content-between \"\n            : \"ui-banner-content-layout2\",\n          \"ui-banner-content fs-6 text-secondary w-100\",\n        )}\n      >\n        <div\n          className={clsx(\n            classNameDescription,\n            mainLayout === \"layout1\" ? \"ui-banner-description\" : \"\",\n          )}\n        >\n          {description}\n        </div>\n\n        <Row justifyContent=\"space-between\">\n          {children}\n          <div className={clsx(\"ui-banner-cta\")}>{renderCTA}</div>\n        </Row>\n      </main>\n    </Col>\n  );\n};\n"],"names":["SupportBanner","bannerType","title","description","TitleTag","mainLayout","className","classNameTitle","classNameDescription","links","asLink","children","LinkComponent","renderCTA","useMemo","link","index","variant","Renderer","CTA_COMPONENTS","jsxs","Col","clsx","jsx","Row"],"mappings":";;;;;;;AAqBO,MAAMA,IAAgB,CAAC;AAAA,EAC5B,YAAAC,IAAa;AAAA,EACb,OAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,UAAUC,IAAW;AAAA,EACrB,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AAAA,EACZ,gBAAAC,IAAiB;AAAA,EACjB,sBAAAC,IAAuB;AAAA,EACvB,OAAAC,IAAQ,CAAA;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,UAAAC;AACF,MAA0B;AACxB,QAAMC,IAAgBF,GAChBG,IAAYC,EAAQ,MACpB,CAACL,KAASA,EAAM,WAAW,IAAU,OAClCA,EAAM,IAAI,CAACM,GAAMC,MAAU;AAChC,UAAMC,IACJF,EAAK,YAAYA,EAAK,OAAO,sBAAsB,WAC/CG,IAAWC,EAAeP,CAAa,EAAEK,CAAO;AACtD,iCACG,OAAA,EAAgB,WAAU,kBACxB,UAAAC,EAASH,CAAI,KADNC,CAEV;AAAA,EAEJ,CAAC,GACA,CAACP,GAAOG,CAAa,CAAC;AAEzB,SACEQ,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,MACJ,KAAK;AAAA,MACL,WAAWC;AAAA,QACThB;AAAA,QACAL,MAAe,YAAY,eAAe;AAAA,QAC1C;AAAA,MAAA;AAAA,MAGF,UAAA;AAAA,QAAAsB,gBAAAA,EAAAA;AAAAA,UAACnB;AAAA,UAAA;AAAA,YACC,WAAWkB;AAAA,cACT;AAAA,cACAf,KAAkB;AAAA,YAAA;AAAA,YAGnB,UAAAL;AAAA,UAAA;AAAA,QAAA;AAAA,QAEHkB,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWE;AAAA,cACTjB,MAAe,YACX,2EACA;AAAA,cACJ;AAAA,YAAA;AAAA,YAGF,UAAA;AAAA,cAAAkB,gBAAAA,EAAAA;AAAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAWD;AAAA,oBACTd;AAAA,oBACAH,MAAe,YAAY,0BAA0B;AAAA,kBAAA;AAAA,kBAGtD,UAAAF;AAAA,gBAAA;AAAA,cAAA;AAAA,cAGHiB,gBAAAA,EAAAA,KAACI,GAAA,EAAI,gBAAe,iBACjB,UAAA;AAAA,gBAAAb;AAAA,sCACA,OAAA,EAAI,WAAWW,EAAK,eAAe,GAAI,UAAAT,EAAA,CAAU;AAAA,cAAA,EAAA,CACpD;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"index.es127.js","sources":["../src/components/ui/SupportBanner/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport \"./SupportBanner.scss\";\r\nimport { Col, Row } from \"@/components\";\r\nimport { useMemo } from \"react\";\r\nimport { CTA_COMPONENTS, SupportBannerLink } from \"./ctaComponents\";\r\nimport { HeadingLevel } from \"@/types/headings\";\r\n\r\ntype SupportBannerProps = {\r\n  bannerType?: \"filled\" | \"outline\";\r\n  title: string;\r\n  description?: string;\r\n  titleTag?: HeadingLevel;\r\n  mainLayout?: \"layout1\" | \"layout2\";\r\n  className?: string;\r\n  classNameTitle?: string;\r\n  classNameDescription?: string;\r\n  links?: SupportBannerLink[];\r\n  asLink?: \"a\" | React.ComponentType<any>;\r\n  children?: React.ReactNode;\r\n};\r\n\r\nexport const SupportBanner = ({\r\n  bannerType = \"outline\",\r\n  title,\r\n  description = \"\",\r\n  titleTag: TitleTag = \"h1\",\r\n  mainLayout = \"layout1\",\r\n  className = \"\",\r\n  classNameTitle = \"\",\r\n  classNameDescription = \"\",\r\n  links = [],\r\n  asLink = \"a\",\r\n  children,\r\n}: SupportBannerProps) => {\r\n  const LinkComponent = asLink;\r\n  const renderCTA = useMemo(() => {\r\n    if (!links || links.length === 0) return null;\r\n    return links.map((link, index) => {\r\n      const variant =\r\n        link.variant ?? (link.href ? \"outlineButtonHref\" : \"button\");\r\n      const Renderer = CTA_COMPONENTS(LinkComponent)[variant];\r\n      return (\r\n        <div key={index} className=\"ui-banner-link\">\r\n          {Renderer(link)}\r\n        </div>\r\n      );\r\n    });\r\n  }, [links, LinkComponent]);\r\n\r\n  return (\r\n    <Col\r\n      br={\"x4\"}\r\n      gap={\"x16\"}\r\n      className={clsx(\r\n        className,\r\n        bannerType === \"outline\" ? \"ui-outline\" : \"bg-lightblue-a03\",\r\n        \"ui-banner shadow \",\r\n      )}\r\n    >\r\n      <TitleTag\r\n        className={clsx(\r\n          \"ui-banner-title text-slate-20\",\r\n          classNameTitle || \"fs-4 fw-bold\",\r\n        )}\r\n      >\r\n        {title}\r\n      </TitleTag>\r\n      <main\r\n        className={clsx(\r\n          mainLayout === \"layout1\"\r\n            ? \"ui-banner-content-layout1 fs-6 text-secondary justify-content-between \"\r\n            : \"ui-banner-content-layout2\",\r\n          \"ui-banner-content fs-6 text-secondary w-100\",\r\n        )}\r\n      >\r\n        <div\r\n          className={clsx(\r\n            classNameDescription,\r\n            mainLayout === \"layout1\" ? \"ui-banner-description\" : \"\",\r\n          )}\r\n        >\r\n          {description}\r\n        </div>\r\n\r\n        <Row justifyContent=\"space-between\">\r\n          {children}\r\n          <div className={clsx(\"ui-banner-cta\")}>{renderCTA}</div>\r\n        </Row>\r\n      </main>\r\n    </Col>\r\n  );\r\n};\r\n"],"names":["SupportBanner","bannerType","title","description","TitleTag","mainLayout","className","classNameTitle","classNameDescription","links","asLink","children","LinkComponent","renderCTA","useMemo","link","index","variant","Renderer","CTA_COMPONENTS","jsxs","Col","clsx","jsx","Row"],"mappings":";;;;;;;AAqBO,MAAMA,IAAgB,CAAC;AAAA,EAC5B,YAAAC,IAAa;AAAA,EACb,OAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,UAAUC,IAAW;AAAA,EACrB,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AAAA,EACZ,gBAAAC,IAAiB;AAAA,EACjB,sBAAAC,IAAuB;AAAA,EACvB,OAAAC,IAAQ,CAAA;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,UAAAC;AACF,MAA0B;AACxB,QAAMC,IAAgBF,GAChBG,IAAYC,EAAQ,MACpB,CAACL,KAASA,EAAM,WAAW,IAAU,OAClCA,EAAM,IAAI,CAACM,GAAMC,MAAU;AAChC,UAAMC,IACJF,EAAK,YAAYA,EAAK,OAAO,sBAAsB,WAC/CG,IAAWC,EAAeP,CAAa,EAAEK,CAAO;AACtD,iCACG,OAAA,EAAgB,WAAU,kBACxB,UAAAC,EAASH,CAAI,KADNC,CAEV;AAAA,EAEJ,CAAC,GACA,CAACP,GAAOG,CAAa,CAAC;AAEzB,SACEQ,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,MACJ,KAAK;AAAA,MACL,WAAWC;AAAA,QACThB;AAAA,QACAL,MAAe,YAAY,eAAe;AAAA,QAC1C;AAAA,MAAA;AAAA,MAGF,UAAA;AAAA,QAAAsB,gBAAAA,EAAAA;AAAAA,UAACnB;AAAA,UAAA;AAAA,YACC,WAAWkB;AAAA,cACT;AAAA,cACAf,KAAkB;AAAA,YAAA;AAAA,YAGnB,UAAAL;AAAA,UAAA;AAAA,QAAA;AAAA,QAEHkB,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWE;AAAA,cACTjB,MAAe,YACX,2EACA;AAAA,cACJ;AAAA,YAAA;AAAA,YAGF,UAAA;AAAA,cAAAkB,gBAAAA,EAAAA;AAAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAWD;AAAA,oBACTd;AAAA,oBACAH,MAAe,YAAY,0BAA0B;AAAA,kBAAA;AAAA,kBAGtD,UAAAF;AAAA,gBAAA;AAAA,cAAA;AAAA,cAGHiB,gBAAAA,EAAAA,KAACI,GAAA,EAAI,gBAAe,iBACjB,UAAA;AAAA,gBAAAb;AAAA,sCACA,OAAA,EAAI,WAAWW,EAAK,eAAe,GAAI,UAAAT,EAAA,CAAU;AAAA,cAAA,EAAA,CACpD;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/index.es128.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es128.js","sources":["../src/components/ui/SvgIcon/index.tsx"],"sourcesContent":["import { IconInfoType } from \"@/sections/FaqSections\";\nimport React, { useEffect, useState } from \"react\";\n\ninterface SvgIconProps {\n  icon: IconInfoType;\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nexport const SvgIcon: React.FC<SvgIconProps> = ({ \n  icon, \n  className = \"\",\n  style = {}\n}) => {\n  const [svgContent, setSvgContent] = useState<string>(\"\");\n  const [error, setError] = useState<boolean>(false);\n  const [isLoading, setIsLoading] = useState<boolean>(true);\n\n  const isDecorative = icon?.data?.additionalInfo?.customData?.isDecorative;\n  const altText = icon?.data?.additionalInfo?.customData?.translations?.it?.altText || \"Icona\";\n\n  useEffect(() => {\n    if (!icon?.url) {\n      setError(true);\n      setIsLoading(false);\n      return;\n    }\n\n    const fetchSvg = async () => {\n      try {\n        setIsLoading(true);\n        const response = await fetch(icon.url!);\n        if (!response.ok) throw new Error(`HTTP ${response.status}: Failed to fetch SVG`);\n        \n        const svgText = await response.text();\n        \n        // Basic validation to ensure it's actually SVG content\n        if (!svgText.includes('<svg')) {\n          throw new Error('Response is not valid SVG content');\n        }\n        \n        setSvgContent(svgText);\n        setError(false);\n      } catch (err) {\n        console.error('Error fetching SVG:', err);\n        setError(true);\n      } finally {\n        setIsLoading(false);\n      }\n    };\n\n    fetchSvg();\n  }, [icon?.url]);\n\n  const containerStyle = {\n    width: icon?.size?.width ?? 40,\n    height: icon?.size?.height ?? 40,\n    ...(icon?.position?.x !== undefined || icon?.position?.y !== undefined\n      ? {\n          transform: `translate(${icon?.position?.x ?? 0}px, ${icon?.position?.y ?? 0}px)`,\n        }\n      : {}),\n    ...style\n  };\n\n  // Show loading state or fallback while fetching\n  if (isLoading || error || !svgContent) {\n    return (\n      <img\n        src={icon?.url || \"\"}\n        alt={isDecorative ? \"\" : altText}\n        aria-hidden={isDecorative}\n        width={icon?.size?.width ?? 40}\n        height={icon?.size?.height ?? 40}\n        className={className}\n        style={{ \n          opacity: isLoading ? 0.5 : 1,\n          transition: 'opacity 0.2s ease-in-out',\n          ...containerStyle\n        }}\n      />\n    );\n  }\n\n  // For decorative images, hide from screen readers\n  if (isDecorative) {\n    return (\n      <div\n        className={className}\n        style={containerStyle}\n        aria-hidden=\"true\"\n        dangerouslySetInnerHTML={{ __html: svgContent }}\n      />\n    );\n  }\n\n  // For non-decorative images, include aria-label\n  return (\n    <div\n      className={className}\n      style={containerStyle}\n      role=\"img\"\n      aria-label={altText}\n      dangerouslySetInnerHTML={{ __html: svgContent }}\n    />\n  );\n};"],"names":["SvgIcon","icon","className","style","svgContent","setSvgContent","useState","error","setError","isLoading","setIsLoading","isDecorative","_c","_b","_a","altText","_h","_g","_f","_e","_d","useEffect","response","svgText","err","containerStyle","_i","_j","_k","_l","_m","_n","jsx","_o","_p"],"mappings":"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"}
+{"version":3,"file":"index.es128.js","sources":["../src/components/ui/SvgIcon/index.tsx"],"sourcesContent":["import { IconInfoType } from \"@/sections/FaqSections\";\r\nimport React, { useEffect, useState } from \"react\";\r\n\r\ninterface SvgIconProps {\r\n  icon: IconInfoType;\r\n  className?: string;\r\n  style?: React.CSSProperties;\r\n}\r\n\r\nexport const SvgIcon: React.FC<SvgIconProps> = ({ \r\n  icon, \r\n  className = \"\",\r\n  style = {}\r\n}) => {\r\n  const [svgContent, setSvgContent] = useState<string>(\"\");\r\n  const [error, setError] = useState<boolean>(false);\r\n  const [isLoading, setIsLoading] = useState<boolean>(true);\r\n\r\n  const isDecorative = icon?.data?.additionalInfo?.customData?.isDecorative;\r\n  const altText = icon?.data?.additionalInfo?.customData?.translations?.it?.altText || \"Icona\";\r\n\r\n  useEffect(() => {\r\n    if (!icon?.url) {\r\n      setError(true);\r\n      setIsLoading(false);\r\n      return;\r\n    }\r\n\r\n    const fetchSvg = async () => {\r\n      try {\r\n        setIsLoading(true);\r\n        const response = await fetch(icon.url!);\r\n        if (!response.ok) throw new Error(`HTTP ${response.status}: Failed to fetch SVG`);\r\n        \r\n        const svgText = await response.text();\r\n        \r\n        // Basic validation to ensure it's actually SVG content\r\n        if (!svgText.includes('<svg')) {\r\n          throw new Error('Response is not valid SVG content');\r\n        }\r\n        \r\n        setSvgContent(svgText);\r\n        setError(false);\r\n      } catch (err) {\r\n        console.error('Error fetching SVG:', err);\r\n        setError(true);\r\n      } finally {\r\n        setIsLoading(false);\r\n      }\r\n    };\r\n\r\n    fetchSvg();\r\n  }, [icon?.url]);\r\n\r\n  const containerStyle = {\r\n    width: icon?.size?.width ?? 40,\r\n    height: icon?.size?.height ?? 40,\r\n    ...(icon?.position?.x !== undefined || icon?.position?.y !== undefined\r\n      ? {\r\n          transform: `translate(${icon?.position?.x ?? 0}px, ${icon?.position?.y ?? 0}px)`,\r\n        }\r\n      : {}),\r\n    ...style\r\n  };\r\n\r\n  // Show loading state or fallback while fetching\r\n  if (isLoading || error || !svgContent) {\r\n    return (\r\n      <img\r\n        src={icon?.url || \"\"}\r\n        alt={isDecorative ? \"\" : altText}\r\n        aria-hidden={isDecorative}\r\n        width={icon?.size?.width ?? 40}\r\n        height={icon?.size?.height ?? 40}\r\n        className={className}\r\n        style={{ \r\n          opacity: isLoading ? 0.5 : 1,\r\n          transition: 'opacity 0.2s ease-in-out',\r\n          ...containerStyle\r\n        }}\r\n      />\r\n    );\r\n  }\r\n\r\n  // For decorative images, hide from screen readers\r\n  if (isDecorative) {\r\n    return (\r\n      <div\r\n        className={className}\r\n        style={containerStyle}\r\n        aria-hidden=\"true\"\r\n        dangerouslySetInnerHTML={{ __html: svgContent }}\r\n      />\r\n    );\r\n  }\r\n\r\n  // For non-decorative images, include aria-label\r\n  return (\r\n    <div\r\n      className={className}\r\n      style={containerStyle}\r\n      role=\"img\"\r\n      aria-label={altText}\r\n      dangerouslySetInnerHTML={{ __html: svgContent }}\r\n    />\r\n  );\r\n};"],"names":["SvgIcon","icon","className","style","svgContent","setSvgContent","useState","error","setError","isLoading","setIsLoading","isDecorative","_c","_b","_a","altText","_h","_g","_f","_e","_d","useEffect","response","svgText","err","containerStyle","_i","_j","_k","_l","_m","_n","jsx","_o","_p"],"mappings":"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"}

package/dist/index.es129.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es129.js","sources":["../src/components/ui/Switch/index.tsx"],"sourcesContent":["import * as SwitchRadix from \"@radix-ui/react-switch\";\nimport { Row } from \"../Row\";\nimport { Close, CheckIcon } from \"@/icons\";\nimport \"./Switch.scss\";\n\ntype SwitchProps = {\n  id?: string;\n  label?: string;\n  checked?: boolean;\n  name?: string;\n  disabled?: boolean;\n  setValue: (name: string, value: boolean) => void;\n  className?: string;\n};\n\nexport const Switch = ({\n  id = undefined,\n  label = \"Visibile\",\n  checked = false,\n  setValue,\n  name,\n  disabled = false,\n  className,\n}: SwitchProps) => {\n  return (\n    <Row alignItems=\"center\" gap=\"x16\" className={className}>\n      {label && (\n        <label className=\"text-muted fs-6 fw-bold\" htmlFor={id}>\n          {label}\n        </label>\n      )}\n      <SwitchRadix.Root\n        id={id}\n        disabled={disabled}\n        checked={checked}\n        onCheckedChange={(value) => {\n          setValue(name ?? \"\", value);\n        }}\n        className={\"ui-switch\"}\n        aria-label={label}\n      >\n        <SwitchRadix.Thumb className={\"ui-switch-thumb\"}>\n          {checked ? (\n            <CheckIcon width={12} height={12} />\n          ) : (\n            <Close width={12} height={12} />\n          )}\n        </SwitchRadix.Thumb>\n      </SwitchRadix.Root>\n    </Row>\n  );\n};\n"],"names":["Switch","id","label","checked","setValue","name","disabled","className","Row","jsx","SwitchRadix.Root","value","SwitchRadix.Thumb","CheckIcon","Close"],"mappings":";;;;;;AAeO,MAAMA,IAAS,CAAC;AAAA,EACrB,IAAAC,IAAK;AAAA,EACL,OAAAC,IAAQ;AAAA,EACR,SAAAC,IAAU;AAAA,EACV,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,WAAAC;AACF,6BAEKC,GAAA,EAAI,YAAW,UAAS,KAAI,OAAM,WAAAD,GAChC,UAAA;AAAA,EAAAL,2BACE,SAAA,EAAM,WAAU,2BAA0B,SAASD,GACjD,UAAAC,GACH;AAAA,EAEFO,gBAAAA,EAAAA;AAAAA,IAACC;AAAAA,IAAA;AAAA,MACC,IAAAT;AAAA,MACA,UAAAK;AAAA,MACA,SAAAH;AAAA,MACA,iBAAiB,CAACQ,MAAU;AAC1B,QAAAP,EAASC,KAAQ,IAAIM,CAAK;AAAA,MAC5B;AAAA,MACA,WAAW;AAAA,MACX,cAAYT;AAAA,MAEZ,UAAAO,gBAAAA,EAAAA,IAACG,GAAA,EAAkB,WAAW,mBAC3B,UAAAT,0BACEU,GAAA,EAAU,OAAO,IAAI,QAAQ,GAAA,CAAI,IAElCJ,gBAAAA,EAAAA,IAACK,GAAA,EAAM,OAAO,IAAI,QAAQ,IAAI,EAAA,CAElC;AAAA,IAAA;AAAA,EAAA;AACF,GACF;"}
+{"version":3,"file":"index.es129.js","sources":["../src/components/ui/Switch/index.tsx"],"sourcesContent":["import * as SwitchRadix from \"@radix-ui/react-switch\";\r\nimport { Row } from \"../Row\";\r\nimport { Close, CheckIcon } from \"@/icons\";\r\nimport \"./Switch.scss\";\r\n\r\ntype SwitchProps = {\r\n  id?: string;\r\n  label?: string;\r\n  checked?: boolean;\r\n  name?: string;\r\n  disabled?: boolean;\r\n  setValue: (name: string, value: boolean) => void;\r\n  className?: string;\r\n};\r\n\r\nexport const Switch = ({\r\n  id = undefined,\r\n  label = \"Visibile\",\r\n  checked = false,\r\n  setValue,\r\n  name,\r\n  disabled = false,\r\n  className,\r\n}: SwitchProps) => {\r\n  return (\r\n    <Row alignItems=\"center\" gap=\"x16\" className={className}>\r\n      {label && (\r\n        <label className=\"text-muted fs-6 fw-bold\" htmlFor={id}>\r\n          {label}\r\n        </label>\r\n      )}\r\n      <SwitchRadix.Root\r\n        id={id}\r\n        disabled={disabled}\r\n        checked={checked}\r\n        onCheckedChange={(value) => {\r\n          setValue(name ?? \"\", value);\r\n        }}\r\n        className={\"ui-switch\"}\r\n        aria-label={label}\r\n      >\r\n        <SwitchRadix.Thumb className={\"ui-switch-thumb\"}>\r\n          {checked ? (\r\n            <CheckIcon width={12} height={12} />\r\n          ) : (\r\n            <Close width={12} height={12} />\r\n          )}\r\n        </SwitchRadix.Thumb>\r\n      </SwitchRadix.Root>\r\n    </Row>\r\n  );\r\n};\r\n"],"names":["Switch","id","label","checked","setValue","name","disabled","className","Row","jsx","SwitchRadix.Root","value","SwitchRadix.Thumb","CheckIcon","Close"],"mappings":";;;;;;AAeO,MAAMA,IAAS,CAAC;AAAA,EACrB,IAAAC,IAAK;AAAA,EACL,OAAAC,IAAQ;AAAA,EACR,SAAAC,IAAU;AAAA,EACV,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,WAAAC;AACF,6BAEKC,GAAA,EAAI,YAAW,UAAS,KAAI,OAAM,WAAAD,GAChC,UAAA;AAAA,EAAAL,2BACE,SAAA,EAAM,WAAU,2BAA0B,SAASD,GACjD,UAAAC,GACH;AAAA,EAEFO,gBAAAA,EAAAA;AAAAA,IAACC;AAAAA,IAAA;AAAA,MACC,IAAAT;AAAA,MACA,UAAAK;AAAA,MACA,SAAAH;AAAA,MACA,iBAAiB,CAACQ,MAAU;AAC1B,QAAAP,EAASC,KAAQ,IAAIM,CAAK;AAAA,MAC5B;AAAA,MACA,WAAW;AAAA,MACX,cAAYT;AAAA,MAEZ,UAAAO,gBAAAA,EAAAA,IAACG,GAAA,EAAkB,WAAW,mBAC3B,UAAAT,0BACEU,GAAA,EAAU,OAAO,IAAI,QAAQ,GAAA,CAAI,IAElCJ,gBAAAA,EAAAA,IAACK,GAAA,EAAM,OAAO,IAAI,QAAQ,IAAI,EAAA,CAElC;AAAA,IAAA;AAAA,EAAA;AACF,GACF;"}