@anoki/fse-ui 2.3.0-5-SNAPSHOT1 → 2.3.0-5-SNAPSHOT2

package/dist/index.es111.js.map

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

package/dist/index.es112.js

@@ -1,5 +1,5 @@
 import { j as e } from "./index.es241.js";
-import { clsx as o } from "./index.es243.js";
+import { clsx as o } from "./index.es244.js";
 import { ActionIconText as f } from "./index.es18.js";
 import './components/ui/NotificationsSettingsHeader/NotificationsSettingsHeader.css';/* empty css            */
 import { Info as x } from "./index.es211.js";

package/dist/index.es112.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es112.js","sources":["../src/components/ui/NotificationsSettingsHeader/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { Info } from \"@/icons\";\nimport { ActionIconText } from \"../ActionIconText\";\nimport \"./NotificationsSettingsHeader.scss\";\n\ntype TableHeaderProps = {\n  className?: string;\n  showEmail?: boolean;\n  showSms?: boolean;\n};\n\nexport const notificationsSettingsHeaderId = (columnKey: string) =>\n  `notifications-settings-header-${columnKey}`;\n\nexport const NotificationsSettingsHeader = ({\n  className,\n  showEmail = false,\n  showSms = false,\n  ...props\n}: TableHeaderProps) => {\n  const allColumns = [\n    {\n      label: \"Categoria notifica\",\n      noIcon: true,\n      isFlex: true,\n      key: \"category\",\n      alwaysVisible: true,\n    },\n    {\n      label: \"SMS\",\n      fixedWidth: true,\n      key: \"sms\",\n      visible: showSms,\n      popupInfo: {\n        title: \"SMS\",\n        description: \"SMS come metodo di notifica\",\n        isOpen: false,\n        onClickCloseBtn: () => {},\n        ariaLabel: \"Informazioni SMS\",\n      },\n    },\n    {\n      label: \"Email\",\n      fixedWidth: true,\n      key: \"email\",\n      visible: showEmail,\n      popupInfo: {\n        title: \"Email\",\n        description: \"Email come metodo di notifica\",\n        isOpen: false,\n        onClickCloseBtn: () => {},\n        ariaLabel: \"Informazioni Email\",\n      },\n    },\n  ];\n\n  const visibleColumns = allColumns.filter(\n    (column) => column.alwaysVisible || column.visible,\n  );\n\n  return (\n    <div>\n      <div className={clsx(className)} {...props}>\n        <table className=\"w-full flex\" role=\"table\">\n          <thead>\n            <tr className=\"w-full flex\">\n              {visibleColumns.map((column, index) => {\n                const headerId = notificationsSettingsHeaderId(column.key);\n                return (\n                  <th\n                    key={headerId}\n                    id={headerId}\n                    scope=\"col\"\n                    aria-colindex={index + 1}\n                    data-column-key={column.key}\n                    className={clsx(\n                      \"table-header-divider-cell w-full\",\n                      column.isFlex ? \"flex-1\" : \"flex-none\",\n                    )}\n                  >\n                    <div\n                      className={clsx(\n                        \"table__cell--header--content\",\n                        column.fixedWidth ? \"table-header-fixed-width \" : \"\",\n                      )}\n                    >\n                      <div>\n                        <ActionIconText\n                          classNameText={\"text-grey-black\"}\n                          noIcon={column.noIcon}\n                          icon={<Info />}\n                          textLabel={column.label}\n                          iconPosition={\"right\"}\n                          popupInfo={column.popupInfo}\n                          positionPopUp={\n                            visibleColumns.length === index + 1\n                              ? \"left\"\n                              : \"right\"\n                          }\n                        />\n                      </div>\n                    </div>\n                  </th>\n                );\n              })}\n            </tr>\n          </thead>\n          <tbody>\n            <tr className=\"sr-only\">\n              {visibleColumns.map((column, index) => {\n                const headerId = notificationsSettingsHeaderId(column.key);\n                return (\n                  <td\n                    key={`${headerId}-data`}\n                    headers={headerId}\n                    aria-colindex={index + 1}\n                  >\n                    {/* Empty data cell for accessibility */}\n                  </td>\n                );\n              })}\n            </tr>\n          </tbody>\n        </table>\n      </div>\n      <div className={\"table-header-divider\"} />\n    </div>\n  );\n};\n\nexport default NotificationsSettingsHeader;\n\n\n\n"],"names":["notificationsSettingsHeaderId","columnKey","NotificationsSettingsHeader","className","showEmail","showSms","props","visibleColumns","column","jsx","clsx","jsxs","index","headerId","ActionIconText","Info"],"mappings":"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"}
+{"version":3,"file":"index.es112.js","sources":["../src/components/ui/NotificationsSettingsHeader/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport { Info } from \"@/icons\";\r\nimport { ActionIconText } from \"../ActionIconText\";\r\nimport \"./NotificationsSettingsHeader.scss\";\r\n\r\ntype TableHeaderProps = {\r\n  className?: string;\r\n  showEmail?: boolean;\r\n  showSms?: boolean;\r\n};\r\n\r\nexport const notificationsSettingsHeaderId = (columnKey: string) =>\r\n  `notifications-settings-header-${columnKey}`;\r\n\r\nexport const NotificationsSettingsHeader = ({\r\n  className,\r\n  showEmail = false,\r\n  showSms = false,\r\n  ...props\r\n}: TableHeaderProps) => {\r\n  const allColumns = [\r\n    {\r\n      label: \"Categoria notifica\",\r\n      noIcon: true,\r\n      isFlex: true,\r\n      key: \"category\",\r\n      alwaysVisible: true,\r\n    },\r\n    {\r\n      label: \"SMS\",\r\n      fixedWidth: true,\r\n      key: \"sms\",\r\n      visible: showSms,\r\n      popupInfo: {\r\n        title: \"SMS\",\r\n        description: \"SMS come metodo di notifica\",\r\n        isOpen: false,\r\n        onClickCloseBtn: () => {},\r\n        ariaLabel: \"Informazioni SMS\",\r\n      },\r\n    },\r\n    {\r\n      label: \"Email\",\r\n      fixedWidth: true,\r\n      key: \"email\",\r\n      visible: showEmail,\r\n      popupInfo: {\r\n        title: \"Email\",\r\n        description: \"Email come metodo di notifica\",\r\n        isOpen: false,\r\n        onClickCloseBtn: () => {},\r\n        ariaLabel: \"Informazioni Email\",\r\n      },\r\n    },\r\n  ];\r\n\r\n  const visibleColumns = allColumns.filter(\r\n    (column) => column.alwaysVisible || column.visible,\r\n  );\r\n\r\n  return (\r\n    <div>\r\n      <div className={clsx(className)} {...props}>\r\n        <table className=\"w-full flex\" role=\"table\">\r\n          <thead>\r\n            <tr className=\"w-full flex\">\r\n              {visibleColumns.map((column, index) => {\r\n                const headerId = notificationsSettingsHeaderId(column.key);\r\n                return (\r\n                  <th\r\n                    key={headerId}\r\n                    id={headerId}\r\n                    scope=\"col\"\r\n                    aria-colindex={index + 1}\r\n                    data-column-key={column.key}\r\n                    className={clsx(\r\n                      \"table-header-divider-cell w-full\",\r\n                      column.isFlex ? \"flex-1\" : \"flex-none\",\r\n                    )}\r\n                  >\r\n                    <div\r\n                      className={clsx(\r\n                        \"table__cell--header--content\",\r\n                        column.fixedWidth ? \"table-header-fixed-width \" : \"\",\r\n                      )}\r\n                    >\r\n                      <div>\r\n                        <ActionIconText\r\n                          classNameText={\"text-grey-black\"}\r\n                          noIcon={column.noIcon}\r\n                          icon={<Info />}\r\n                          textLabel={column.label}\r\n                          iconPosition={\"right\"}\r\n                          popupInfo={column.popupInfo}\r\n                          positionPopUp={\r\n                            visibleColumns.length === index + 1\r\n                              ? \"left\"\r\n                              : \"right\"\r\n                          }\r\n                        />\r\n                      </div>\r\n                    </div>\r\n                  </th>\r\n                );\r\n              })}\r\n            </tr>\r\n          </thead>\r\n          <tbody>\r\n            <tr className=\"sr-only\">\r\n              {visibleColumns.map((column, index) => {\r\n                const headerId = notificationsSettingsHeaderId(column.key);\r\n                return (\r\n                  <td\r\n                    key={`${headerId}-data`}\r\n                    headers={headerId}\r\n                    aria-colindex={index + 1}\r\n                  >\r\n                    {/* Empty data cell for accessibility */}\r\n                  </td>\r\n                );\r\n              })}\r\n            </tr>\r\n          </tbody>\r\n        </table>\r\n      </div>\r\n      <div className={\"table-header-divider\"} />\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default NotificationsSettingsHeader;\r\n\r\n\r\n\r\n"],"names":["notificationsSettingsHeaderId","columnKey","NotificationsSettingsHeader","className","showEmail","showSms","props","visibleColumns","column","jsx","clsx","jsxs","index","headerId","ActionIconText","Info"],"mappings":"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"}

package/dist/index.es113.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es241.js";
 import './components/ui/ProgressBar/ProgressBar.css';/* empty css            */
-import { clsx as o } from "./index.es243.js";
+import { clsx as o } from "./index.es244.js";
 import { Button as n } from "./index.es32.js";
 import { Close as t } from "./index.es182.js";
 const u = ({

package/dist/index.es113.js.map

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

@@ -1,5 +1,5 @@
 import { j as s } from "./index.es241.js";
-import { clsx as c } from "./index.es243.js";
+import { clsx as c } from "./index.es244.js";
 import './components/ui/RadioCard/RadioCard.css';/* empty css            */
 import { Col as t } from "./index.es61.js";
 const h = ({

package/dist/index.es115.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es241.js";
 import { CreditCard as c } from "./index.es185.js";
-import { clsx as w } from "./index.es243.js";
+import { clsx as w } from "./index.es244.js";
 import './components/ui/ReservationRecapCard/ReservationRecapCard.css';/* empty css            */
 import { EditPencil as N } from "./index.es193.js";
 import { Col as s } from "./index.es61.js";

package/dist/index.es115.js.map

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

@@ -1,9 +1,9 @@
 import { j as x } from "./index.es241.js";
 import { useMemo as y } from "react";
-import { clsx as g } from "./index.es243.js";
-import { createSpacingClasses as j } from "./index.es360.js";
-import { createColorClasses as u } from "./index.es314.js";
-import { createTypographyClasses as h } from "./index.es361.js";
+import { clsx as g } from "./index.es244.js";
+import { createSpacingClasses as j } from "./index.es334.js";
+import { createColorClasses as u } from "./index.es281.js";
+import { createTypographyClasses as h } from "./index.es335.js";
 const E = ({
   as: o,
   className: r,

package/dist/index.es117.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es241.js";
 import './components/ui/Search/Search.css';/* empty css            */
-import { clsx as r } from "./index.es243.js";
+import { clsx as r } from "./index.es244.js";
 import { useState as x } from "react";
 import { SearchIcon as d } from "./index.es226.js";
 import { Button as h } from "./index.es32.js";

package/dist/index.es117.js.map

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

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es241.js";
 import './components/ui/SearchDocument/SearchDocument.css';/* empty css            */
-import { clsx as n } from "./index.es243.js";
+import { clsx as n } from "./index.es244.js";
 import { useState as u } from "react";
 import { Close as C } from "./index.es182.js";
 import { Col as N } from "./index.es61.js";

package/dist/index.es118.js.map

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

@@ -1,8 +1,8 @@
 import { j as e } from "./index.es241.js";
 import { useState as C, useId as G } from "react";
-import { clsx as m } from "./index.es243.js";
+import { clsx as m } from "./index.es244.js";
 import './components/ui/SearchGeneric/SearchGeneric.css';/* empty css            */
-import { useMediaQuery as Q } from "./index.es284.js";
+import { useMediaQuery as Q } from "./index.es250.js";
 import { Close as S } from "./index.es182.js";
 import { Col as A } from "./index.es61.js";
 import { Button as D } from "./index.es32.js";

package/dist/index.es119.js.map

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

@@ -2,7 +2,7 @@ import { j as e } from "./index.es241.js";
 import { Container as m } from "./index.es65.js";
 import { LOGOS as n } from "./index.es9.js";
 import { Divider as l } from "./index.es72.js";
-import { clsx as x } from "./index.es243.js";
+import { clsx as x } from "./index.es244.js";
 import { Row as d } from "./index.es116.js";
 const b = ({
   asLink: i = "a",

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

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es241.js";
 import './components/ui/SearchService/SearchService.css';/* empty css            */
-import { clsx as n } from "./index.es243.js";
+import { clsx as n } from "./index.es244.js";
 import { useState as h } from "react";
 import { Close as v } from "./index.es182.js";
 import { Col as C } from "./index.es61.js";

package/dist/index.es120.js.map

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

@@ -1,8 +1,8 @@
 import { j as e } from "./index.es241.js";
 import './components/ui/SearchStructure/SearchStructure.css';/* empty css            */
-import { clsx as l } from "./index.es243.js";
+import { clsx as l } from "./index.es244.js";
 import { useState as h } from "react";
-import { useMediaQuery as N } from "./index.es284.js";
+import { useMediaQuery as N } from "./index.es250.js";
 import { Close as I } from "./index.es182.js";
 import { Col as y } from "./index.es61.js";
 import { Button as L } from "./index.es32.js";

package/dist/index.es121.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es121.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":";;;;;;;;AAiBO,MAAMA,IAAkB,CAAC;AAAA,EAC9B,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,kBAAAC,IAAmBD;AAAA,EACnB,OAAAE;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AACF,MAAmB;AACjB,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAA6BL,CAAK,GAChE,CAACM,GAAeC,CAAgB,IAAIF,EAAsB,CAAA,CAAE,GAC5DG,IAAYC,EAAc,oBAAoB,GAE9CC,IAAoB,CAACC,MAAqC;AAC9D,UAAMC,IAAaD,EAAE,OAAO;AAG5B,QAFAP,EAAcQ,CAAU,GAEpBA,EAAW,UAAU,GAAG;AAC1B,YAAMC,IAAUZ,EAAM;AAAA,QAAO,CAACa,MAC5B,CAACA,EAAK,QAAQ,YAAYA,EAAK,QAAQ,SAASA,EAAK,QAAQ,IAAI,EAAE;AAAA,UACjE,CAACC,MAAUA,KAAA,gBAAAA,EAAO,cAAc,SAASH,EAAW;QAAa;AAAA,MACnE;AAEF,MAAAL,EAAiBM,CAAO;AAAA,IAC1B;AACE,MAAAN,EAAiB,CAAA,CAAE;AAAA,EAEvB,GAEMS,IAAmB,CAACF,MAAoB;AAC5C,IAAAV,EAAcU,EAAK,QAAQ,YAAY,GACvCP,EAAiB,CAAA,CAAE;AAAA,EACrB,GAEMU,IAAiB,CAACC,GAAcC,MAAkB;AACtD,QAAI,CAACA,EAAO,QAAOD;AAEnB,UAAME,IAAQF,EAAK,YAAA,EAAc,QAAQC,EAAM,aAAa;AAC5D,QAAIC,MAAU,GAAI,QAAOF;AAEzB,UAAMG,IAAcH,EAAK,MAAM,GAAGE,CAAK,GACjCE,IAAQJ,EAAK,MAAME,GAAOA,IAAQD,EAAM,MAAM,GAC9CI,IAAaL,EAAK,MAAME,IAAQD,EAAM,MAAM;AAElD,WACEK,gBAAAA,EAAAA,KAAAC,YAAA,EACG,UAAA;AAAA,MAAAJ;AAAA,MACDK,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAW,wBAAyB,UAAAJ,GAAM;AAAA,MAC/CC;AAAA,IAAA,GACH;AAAA,EAEJ;AAEA,gCACG,OAAA,EAAI,WAAWI,EAAK,aAAa,kCAAkC,GAClE,UAAA;AAAA,IAAAH,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAW,qBACd,UAAA;AAAA,MAAAE,gBAAAA,EAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAG;AAAA,UACH,MAAK;AAAA,UACL,WAAWC;AAAA,YACT;AAAA,YACA;AAAA,YACAxB,KAAcA,EAAW,UAAU,KAAK;AAAA,UAAA;AAAA,UAE1C,aAAaK,IAAYV,IAAaC;AAAA,UACtC,OAAOI;AAAA,UACP,UAAUO;AAAA,UACV,WAAW;AAAA,QAAA;AAAA,MAAA;AAAA,MAEZP,KAAcA,EAAW,UAAU,KAClCuB,gBAAAA,EAAAA;AAAAA,QAACE;AAAA,QAAA;AAAA,UACC,WAAW;AAAA,UACX,SAAS,MAAM;AACb,YAAAxB,EAAc,EAAE,GAChBG,EAAiB,CAAA,CAAE;AAAA,UACrB;AAAA,QAAA;AAAA,MAAA;AAAA,IACF,GAEJ;AAAA,IACCD,EAAc,SAAS,KACtBoB,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,2DACb,UAAAA,gBAAAA,EAAAA;AAAAA,MAACG;AAAA,MAAA;AAAA,QACC,KAAK;AAAA,QACL,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,WAAU;AAAA,QAET,UAAAvB,EAAc,IAAI,CAACQ,GAAMM,MACxBM,gBAAAA,MAAC,OAAA,EAAgB,SAAS,MAAMV,EAAiBF,CAAI,GAClD,UAAAG,EAAeH,EAAK,QAAQ,cAAcX,KAAc,EAAE,EAAA,GADnDiB,CAEV,CACD;AAAA,MAAA;AAAA,IAAA,GAEL;AAAA,IAEFM,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAWC,EAAK,YAAY,GAC/B,UAAAD,gBAAAA,EAAAA;AAAAA,MAACI;AAAA,MAAA;AAAA,QACC,WAAWH;AAAA,UACT;AAAA,UACA;AAAA,QAAA;AAAA,QAEF,SAAS,MAAM;AACb,UAAApB,EAAiB,CAAA,CAAE,GACnBL,EAASC,KAAc,EAAE;AAAA,QAC3B;AAAA,QAEC,UAAAN;AAAA,MAAA;AAAA,IAAA,EACH,CACF;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"index.es121.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.es122.js.map

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

@@ -1,7 +1,7 @@
 import { j as i } from "./index.es241.js";
-import { Title as n } from "./index.es438.js";
-import { Description as o } from "./index.es439.js";
-import { clsx as t } from "./index.es243.js";
+import { Title as n } from "./index.es412.js";
+import { Description as o } from "./index.es413.js";
+import { clsx as t } from "./index.es244.js";
 const c = ({ className: e, children: s }) => /* @__PURE__ */ i.jsx("section", { className: e, children: s }), b = ({
   className: e,
   title: s,