@anoki/fse-ui 1.0.683 → 1.0.687

package/dist/index.es.js

@@ -10,10 +10,10 @@ import { Col as s } from "./index.es10.js";
 import { Search as u } from "./index.es11.js";
 import { SearchStructure as g } from "./index.es12.js";
 import { SearchService as T } from "./index.es13.js";
-import { SearchDocument as A } from "./index.es14.js";
+import { SearchDocument as h } from "./index.es14.js";
 import { SearchGeneric as L } from "./index.es15.js";
 import { Footer as b } from "./index.es16.js";
-import { HeaderSlim as P } from "./index.es17.js";
+import { HeaderSlim as I } from "./index.es17.js";
 import { HeaderPostLogin as w } from "./index.es18.js";
 import { Breadcrumb as v } from "./index.es19.js";
 import { TabBar as N } from "./index.es20.js";
@@ -35,10 +35,10 @@ import { VIDEO_PLAYER_SIZE as So, VideoPlayer as so } from "./index.es35.js";
 import { ArrowLink as uo } from "./index.es36.js";
 import { EntryButton as go } from "./index.es37.js";
 import { BaseModal as To } from "./index.es38.js";
-import { ConsentModal as Ao } from "./index.es39.js";
+import { ConsentModal as ho } from "./index.es39.js";
 import { DoctorModal as Lo } from "./index.es40.js";
 import { ProgressBar as bo } from "./index.es41.js";
-import { CardSelectDoctor as Po } from "./index.es42.js";
+import { CardSelectDoctor as Io } from "./index.es42.js";
 import { CardDoctorInfo as wo } from "./index.es43.js";
 import { DoctorConfirmModal as vo } from "./index.es44.js";
 import { DocumentUploadModal as No } from "./index.es45.js";
@@ -62,7 +62,7 @@ import { CheckboxFilter as sr } from "./index.es62.js";
 import { CardUser as ur } from "./index.es63.js";
 import { CardExemption as gr } from "./index.es64.js";
 import { Loader as Tr } from "./index.es65.js";
-import { Pagination as Ar, Table as hr, TableBody as Lr, TableCell as Mr, TableHead as br, TableHeader as Hr, TableRow as Pr } from "./index.es66.js";
+import { Pagination as hr, Table as Ar, TableBody as Lr, TableCell as Mr, TableHead as br, TableHeader as Hr, TableRow as Ir } from "./index.es66.js";
 import { CardTable as wr, TableMobile as Br, TableMobilePagination as vr } from "./index.es67.js";
 import { InfoPopup as Nr } from "./index.es68.js";
 import { CardNotification as yr } from "./index.es69.js";
@@ -84,9 +84,9 @@ import { NotificationSettingsSkeleton as de } from "./index.es84.js";
 import { SearchStructureSkeleton as se } from "./index.es85.js";
 import { ActionPoint as ue } from "./index.es86.js";
 import { Blockquote as ge, BlockquoteVariantEnum as Ee } from "./index.es87.js";
-import { Callout as ke, CalloutVariantEnum as Ae } from "./index.es88.js";
+import { Callout as ke, CalloutVariantEnum as he } from "./index.es88.js";
 import { ActionBanner as Le, ActionBannerVariantEnum as Me } from "./index.es89.js";
-import { Alert as He, AlertVariantEnum as Pe } from "./index.es90.js";
+import { Alert as He, AlertVariantEnum as Ie } from "./index.es90.js";
 import { AlertDialogUI as we } from "./index.es91.js";
 import { Link as ve } from "./index.es92.js";
 import { GenericSkeleton as Ne } from "./index.es93.js";
@@ -109,10 +109,10 @@ import { ActionsPopup as st } from "./index.es109.js";
 import { CardEventSlim as ut } from "./index.es110.js";
 import { CardPreview as gt } from "./index.es111.js";
 import { HomeHeaderSkeleton as Tt } from "./index.es112.js";
-import { Carousel as At } from "./index.es113.js";
+import { Carousel as ht } from "./index.es113.js";
 import { ShareButton as Lt } from "./index.es114.js";
 import { VerticalCardStepper as bt } from "./index.es115.js";
-import { Login as Pt } from "./index.es116.js";
+import { Login as It } from "./index.es116.js";
 import { HOME_SERVICES_LAYOUTS as wt, HomeServices as Bt } from "./index.es117.js";
 import { WhatDoYouNeed as Ft } from "./index.es118.js";
 import { RichText as Vt } from "./index.es119.js";
@@ -135,10 +135,10 @@ import { Ellipse3 as Cp } from "./index.es135.js";
 import { FseDGT as Dp } from "./index.es136.js";
 import { FseMEF as Ep } from "./index.es137.js";
 import { Fse as kp } from "./index.es138.js";
-import { FseMS as hp } from "./index.es139.js";
+import { FseMS as Ap } from "./index.es139.js";
 import { FseUE as Mp } from "./index.es140.js";
 import { Lazio as Hp } from "./index.es141.js";
-import { Marche as Ip } from "./index.es142.js";
+import { Marche as Pp } from "./index.es142.js";
 import { ArrowLeft as Bp } from "./index.es143.js";
 import { ArrowRight as Fp } from "./index.es144.js";
 import { Home as Vp } from "./index.es145.js";
@@ -162,10 +162,10 @@ import { MedicHistory as Cm } from "./index.es162.js";
 import { Shape as Dm } from "./index.es163.js";
 import { Confirm as Em } from "./index.es164.js";
 import { NotChecked as km } from "./index.es165.js";
-import { Spinner as hm } from "./index.es166.js";
+import { Spinner as Am } from "./index.es166.js";
 import { Attachment as Mm } from "./index.es167.js";
 import { TriangleUp as Hm } from "./index.es168.js";
-import { TriangleDown as Im } from "./index.es169.js";
+import { TriangleDown as Pm } from "./index.es169.js";
 import { Info as Bm } from "./index.es170.js";
 import { Notification as Fm } from "./index.es171.js";
 import { EditPencil as Vm } from "./index.es172.js";
@@ -185,6 +185,7 @@ import { Twitter as af } from "./index.es185.js";
 import { Meta as lf } from "./index.es186.js";
 import { Whatsapp as df } from "./index.es187.js";
 import { PlayVideo as sf } from "./index.es188.js";
+import { SearchIcon as uf } from "./index.es189.js";
 o.defaultLocale = "it";
 export {
   ie as AccessLogSkeleton,
@@ -198,7 +199,7 @@ export {
   cm as Add,
   He as Alert,
   we as AlertDialogUI,
-  Pe as AlertVariantEnum,
+  Ie as AlertVariantEnum,
   pp as ArrowDown,
   Bp as ArrowLeft,
   uo as ArrowLink,
@@ -219,7 +220,7 @@ export {
   Op as Calendar,
   ef as CalendarOutline,
   ke as Callout,
-  Ae as CalloutVariantEnum,
+  he as CalloutVariantEnum,
   Z as CardCategory,
   tr as CardDoctor,
   wo as CardDoctorInfo,
@@ -234,11 +235,11 @@ export {
   po as CardOpeningHours,
   gt as CardPreview,
   rr as CardReminder,
-  Po as CardSelectDoctor,
+  Io as CardSelectDoctor,
   oo as CardService,
   wr as CardTable,
   ur as CardUser,
-  At as Carousel,
+  ht as Carousel,
   Qo as CategoryContent,
   jo as CategoryHeader,
   zm as CenterMap,
@@ -250,7 +251,7 @@ export {
   np as Close,
   s as Col,
   Em as Confirm,
-  Ao as ConsentModal,
+  ho as ConsentModal,
   le as ConsentPrivacySkeleton,
   x as Container,
   _m as CopyLink,
@@ -290,7 +291,7 @@ export {
   kp as Fse,
   Dp as FseDGT,
   Ep as FseMEF,
-  hp as FseMS,
+  Ap as FseMS,
   Mp as FseUE,
   Ne as GenericSkeleton,
   i as GridContainer,
@@ -302,7 +303,7 @@ export {
   W as Header,
   Ko as HeaderNavigation,
   w as HeaderPostLogin,
-  P as HeaderSlim,
+  I as HeaderSlim,
   y as HeaderTopBanner,
   xe as HealthProfileSkeleton,
   Vp as Home,
@@ -321,8 +322,8 @@ export {
   ff as Linkedin,
   Jp as ListStructures,
   Tr as Loader,
-  Pt as Login,
-  Ip as Marche,
+  It as Login,
+  Pp as Marche,
   Cm as MedicHistory,
   lf as Meta,
   Ye as ModalsHeader,
@@ -336,7 +337,7 @@ export {
   te as NotificationsListSkeleton,
   Wr as NotificationsSettingsHeader,
   fm as Obscured,
-  Ar as Pagination,
+  hr as Pagination,
   sf as PlayVideo,
   bo as ProgressBar,
   Xm as QuestionCircle,
@@ -345,8 +346,9 @@ export {
   d as Row,
   Ot as SERVICES_LAYOUTS,
   u as Search,
-  A as SearchDocument,
+  h as SearchDocument,
   L as SearchGeneric,
+  uf as SearchIcon,
   T as SearchService,
   g as SearchStructure,
   se as SearchStructureSkeleton,
@@ -356,14 +358,14 @@ export {
   Dm as Shape,
   Lt as ShareButton,
   Ym as ShareLink,
-  hm as Spinner,
+  Am as Spinner,
   Ut as SuggestedServices,
   zp as Support,
   fo as SupportBanner,
   Zp as SupportNoCircle,
   Uo as Switch,
   N as TabBar,
-  hr as Table,
+  Ar as Table,
   Lr as TableBody,
   Mr as TableCell,
   br as TableHead,
@@ -371,7 +373,7 @@ export {
   Br as TableMobile,
   vr as TableMobilePagination,
   ot as TableOfContents,
-  Pr as TableRow,
+  Ir as TableRow,
   Kr as TableSkeleton,
   ao as TabsGlossary,
   ze as Tag,
@@ -379,7 +381,7 @@ export {
   Ze as TagsGroup,
   dr as TitleSection,
   Xp as Tool,
-  Im as TriangleDown,
+  Pm as TriangleDown,
   Hm as TriangleUp,
   af as Twitter,
   So as VIDEO_PLAYER_SIZE,

package/dist/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../src/index.ts"],"sourcesContent":["import \"./styles/index.scss\";\nimport { Settings } from \"luxon\";\nSettings.defaultLocale = \"it\";\n\nexport * from \"./components\";\nexport * from \"./sections\";\nexport * from \"./icons\";\n"],"names":["Settings"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEAA,EAAS,gBAAgB;"}
+{"version":3,"file":"index.es.js","sources":["../src/index.ts"],"sourcesContent":["import \"./styles/index.scss\";\nimport { Settings } from \"luxon\";\nSettings.defaultLocale = \"it\";\n\nexport * from \"./components\";\nexport * from \"./sections\";\nexport * from \"./icons\";\n"],"names":["Settings"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEAA,EAAS,gBAAgB;"}

package/dist/index.es10.js

@@ -1,9 +1,9 @@
-import { j as f } from "./index.es208.js";
+import { j as f } from "./index.es209.js";
 import { useMemo as x } from "react";
-import { clsx as y } from "./index.es210.js";
-import { createSpacingClasses as g } from "./index.es224.js";
-import { createColorClasses as j } from "./index.es223.js";
-import { createTypographyClasses as u } from "./index.es226.js";
+import { clsx as y } from "./index.es211.js";
+import { createSpacingClasses as g } from "./index.es225.js";
+import { createColorClasses as j } from "./index.es224.js";
+import { createTypographyClasses as u } from "./index.es227.js";
 const M = ({
   as: o,
   className: r,

package/dist/index.es100.js

@@ -1,7 +1,7 @@
-import { j as e } from "./index.es208.js";
+import { j as e } from "./index.es209.js";
 import './components/ui/DelegateCard/DelegateCard.css';/* empty css            */
 import { useRef as w } from "react";
-import { Checkbox as u, CheckboxIndicator as b } from "./index.es250.js";
+import { Root as u, Indicator as g } from "./index.es251.js";
 import { Row as t } from "./index.es9.js";
 import { Col as l } from "./index.es10.js";
 const y = ({
@@ -59,7 +59,7 @@ const y = ({
             id: a,
             checked: i,
             className: "ui-checkbox-filter",
-            children: /* @__PURE__ */ e.jsx(b, { children: /* @__PURE__ */ e.jsx(j, {}) })
+            children: /* @__PURE__ */ e.jsx(g, { children: /* @__PURE__ */ e.jsx(j, {}) })
           }
         ),
         /* @__PURE__ */ e.jsxs(

package/dist/index.es101.js

@@ -1,6 +1,6 @@
-import { j as e } from "./index.es208.js";
+import { j as e } from "./index.es209.js";
 import './components/ui/ChangeRelatedCard/ChangeRelatedCard.css';/* empty css            */
-import { Divider as d } from "./index.es233.js";
+import { Divider as d } from "./index.es234.js";
 import { LOGOS as n } from "./index.es24.js";
 import { Col as h } from "./index.es10.js";
 import { Row as i } from "./index.es9.js";

package/dist/index.es102.js

@@ -1,11 +1,11 @@
-import { j as s } from "./index.es208.js";
+import { j as s } from "./index.es209.js";
 import f, { useState as w, useEffect as i } from "react";
 import './components/ui/TableOfContents/TableOfContents.css';/* empty css            */
-import { useMediaQuery as v } from "./index.es229.js";
-import { clsx as b } from "./index.es210.js";
+import { useMediaQuery as v } from "./index.es230.js";
+import { clsx as b } from "./index.es211.js";
 import { Row as j } from "./index.es9.js";
 import { ArrowDown as N } from "./index.es129.js";
-import { ScrollArea as g } from "./index.es345.js";
+import { ScrollArea as g } from "./index.es346.js";
 const H = ({
   title: n = "Indice",
   headings: r,

package/dist/index.es103.js

@@ -1,5 +1,5 @@
-import { j as t } from "./index.es208.js";
-import { clsx as m } from "./index.es210.js";
+import { j as t } from "./index.es209.js";
+import { clsx as m } from "./index.es211.js";
 import { useState as p, useRef as x, useEffect as w } from "react";
 import './components/ui/DelegateFilterDropDown/DelegateFilterDropDown.css';/* empty css            */
 import { Close as S } from "./index.es132.js";

package/dist/index.es104.js

@@ -1,5 +1,5 @@
-import { j as o } from "./index.es208.js";
-import { clsx as p } from "./index.es210.js";
+import { j as o } from "./index.es209.js";
+import { clsx as p } from "./index.es211.js";
 import { useState as f, useRef as w, useEffect as h } from "react";
 import './components/ui/GroupCodeExemptionFilterDropDown/GroupCodeExemptionFilterDropDown.css';/* empty css            */
 import { Close as D } from "./index.es132.js";

package/dist/index.es105.js

@@ -1,6 +1,6 @@
-import { j as e } from "./index.es208.js";
+import { j as e } from "./index.es209.js";
 import './components/ui/EditorialWidget/EditorialWidget.css';/* empty css            */
-import { clsx as l } from "./index.es210.js";
+import { clsx as l } from "./index.es211.js";
 import { Section as r } from "./index.es47.js";
 import { Col as c } from "./index.es10.js";
 var m = /* @__PURE__ */ ((s) => (s.LIGHT = "light", s.EVIDENCE = "evidence", s.DEFAULT = "default", s))(m || {});

package/dist/index.es106.js

@@ -1,6 +1,6 @@
-import { j as e } from "./index.es208.js";
+import { j as e } from "./index.es209.js";
 import './components/ui/AvatarSkeleton/AvatarSkeleton.css';/* empty css            */
-import { clsx as a } from "./index.es210.js";
+import { clsx as a } from "./index.es211.js";
 import { Col as r } from "./index.es10.js";
 const m = ({ size: t = "2" }) => {
   const s = a(

package/dist/index.es107.js

@@ -1,4 +1,4 @@
-import { j as s } from "./index.es208.js";
+import { j as s } from "./index.es209.js";
 import './components/ui/NotificationsListModalSkeleton/NotificationsListModalSkeleton.css';/* empty css            */
 const d = () => /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-container", children: [...Array(3)].map((o, e) => /* @__PURE__ */ s.jsxs("div", { className: "docs-skeleton-document", children: [
   /* @__PURE__ */ s.jsxs("div", { className: "docs-skeleton-document-header", children: [

package/dist/index.es108.js

@@ -1,8 +1,8 @@
-import { j as o } from "./index.es208.js";
+import { j as o } from "./index.es209.js";
 import { useState as c } from "react";
-import { StepItem as f } from "./index.es351.js";
+import { StepItem as f } from "./index.es352.js";
 import './components/ui/Accordion/AccordionStepper/AccordionStepper.css';/* empty css            */
-import S from "./index.es353.js";
+import S from "./index.es354.js";
 const h = ({
   steps: s,
   mainTitle: l,

package/dist/index.es109.js

@@ -1,6 +1,6 @@
-import { j as c } from "./index.es208.js";
+import { j as c } from "./index.es209.js";
 import { useRef as l, useState as x, useEffect as E } from "react";
-import { clsx as g } from "./index.es210.js";
+import { clsx as g } from "./index.es211.js";
 import './components/ui/ActionsPopup/ActionsPopup.css';/* empty css            */
 const N = ({
   isOpen: o = !1,

package/dist/index.es11.js

@@ -1,48 +1,75 @@
-import { j as r } from "./index.es208.js";
+import { j as r } from "./index.es209.js";
 import './components/ui/Search/Search.css';/* empty css            */
-import { clsx as t } from "./index.es210.js";
-import { useState as o } from "react";
-import { Button as p } from "./index.es25.js";
-const h = ({
-  btnText: l,
-  helperText: u,
-  onChangeValue: s,
-  value: c,
-  onSearch: e
+import { clsx as t } from "./index.es211.js";
+import { useState as x } from "react";
+import { Button as d } from "./index.es25.js";
+import { SearchIcon as o } from "./index.es189.js";
+const v = ({
+  btnText: m,
+  helperText: l,
+  onChangeValue: a,
+  value: p,
+  variant: c = "basic",
+  onSearch: s
 }) => {
-  const [a, m] = o(c);
-  return /* @__PURE__ */ r.jsxs("div", { className: t("ui-search", "br-x4 bg-border-secondary w-full"), children: [
-    /* @__PURE__ */ r.jsx(
-      "input",
-      {
-        id: "search",
-        type: "search",
-        className: t(
-          "ui-search-input",
-          "bg-white fs-6 text-slate-20 br-x4 w-full pl-x24"
+  const [i, u] = x(p);
+  return /* @__PURE__ */ r.jsx(
+    "div",
+    {
+      className: t("ui-search", "br-x4 bg-border-secondary w-full", c),
+      children: c === "basic" ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+        /* @__PURE__ */ r.jsx(
+          "input",
+          {
+            id: "search",
+            type: "search",
+            className: t(
+              "ui-search-input",
+              "bg-white fs-6 text-slate-20 br-x4 w-full pl-x24"
+            ),
+            placeholder: l,
+            "aria-label": "Barra di ricerca",
+            value: i,
+            onChange: (e) => {
+              a && a(e.target.value), u(e.target.value);
+            }
+          }
         ),
-        placeholder: u,
-        "aria-label": "Barra di ricerca",
-        value: a,
-        onChange: (i) => {
-          s && s(i.target.value), m(i.target.value);
-        }
-      }
-    ),
-    /* @__PURE__ */ r.jsx("div", { className: t("ui-div-btn"), children: /* @__PURE__ */ r.jsx(
-      p,
-      {
-        className: t(
-          "ui-btn-search",
-          "bg-primary text-white fs-7 fw-semibold br-x4"
-        ),
-        onClick: () => e == null ? void 0 : e(a),
-        children: l
-      }
-    ) })
-  ] });
+        /* @__PURE__ */ r.jsx("div", { className: t("ui-div-btn"), children: /* @__PURE__ */ r.jsx(
+          d,
+          {
+            className: t(
+              "ui-btn-search",
+              "bg-primary text-white fs-7 fw-semibold br-x4"
+            ),
+            onClick: () => s == null ? void 0 : s(i),
+            children: m
+          }
+        ) })
+      ] }) : /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+        /* @__PURE__ */ r.jsx(o, { width: 20, height: 20 }),
+        /* @__PURE__ */ r.jsx(
+          "input",
+          {
+            id: "search",
+            type: "search",
+            className: t(
+              "ui-search-input",
+              "bg-white fs-6 text-slate-20 br-x4 w-full pl-x24"
+            ),
+            placeholder: l,
+            "aria-label": "Barra di ricerca",
+            value: i,
+            onChange: (e) => {
+              a && a(e.target.value), u(e.target.value);
+            }
+          }
+        )
+      ] })
+    }
+  );
 };
 export {
-  h as Search
+  v as Search
 };
 //# sourceMappingURL=index.es11.js.map

package/dist/index.es11.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es11.js","sources":["../src/components/ui/Search/index.tsx"],"sourcesContent":["import \"./Search.scss\";\nimport clsx from \"clsx\";\nimport { useState } from \"react\";\nimport { Button } from \"@/components\";\n\ntype SearchProps = {\n  btnText: string;\n  helperText: string;\n  value: string;\n  onChangeValue?: (value: string) => void;\n  onSearch?: (value: string) => void;\n};\n\nexport const Search = ({\n  btnText,\n  helperText,\n  onChangeValue,\n  value,\n  onSearch,\n}: SearchProps) => {\n  const [valueInput, setValueInput] = useState(value);\n  return (\n    <div className={clsx(\"ui-search\", \"br-x4 bg-border-secondary w-full\")}>\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        value={valueInput}\n        onChange={(e) => {\n          if (onChangeValue) {\n            onChangeValue(e.target.value);\n          }\n          setValueInput(e.target.value);\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    </div>\n  );\n};\n"],"names":["Search","btnText","helperText","onChangeValue","value","onSearch","valueInput","setValueInput","useState","clsx","jsx","e","Button"],"mappings":";;;;;AAaO,MAAMA,IAAS,CAAC;AAAA,EACrB,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AACF,MAAmB;AACjB,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAASJ,CAAK;AAClD,gCACG,OAAI,EAAA,WAAWK,EAAK,aAAa,kCAAkC,GAClE,UAAA;AAAA,IAAAC,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH,MAAK;AAAA,QACL,WAAWD;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,QACA,aAAaP;AAAA,QACb,cAAW;AAAA,QACX,OAAOI;AAAA,QACP,UAAU,CAACK,MAAM;AACf,UAAIR,KACYA,EAAAQ,EAAE,OAAO,KAAK,GAEhBJ,EAAAI,EAAE,OAAO,KAAK;AAAA,QAAA;AAAA,MAC9B;AAAA,IACF;AAAA,IACCD,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAWD,EAAK,YAAY,GAC/B,UAAAC,gBAAAA,EAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,WAAWH;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,QACA,SAAS,MAAMJ,KAAA,gBAAAA,EAAWC;AAAA,QAEzB,UAAAL;AAAA,MAAA;AAAA,IAAA,EAEL,CAAA;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"index.es11.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};\n\nexport const Search = ({\n  btnText,\n  helperText,\n  onChangeValue,\n  value,\n  variant = \"basic\",\n  onSearch,\n}: SearchProps) => {\n  const [valueInput, setValueInput] = useState(value);\n  return (\n    <div\n      className={clsx(\"ui-search\", \"br-x4 bg-border-secondary w-full\", variant)}\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            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          <SearchIcon width={20} height={20} />\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            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","valueInput","setValueInput","useState","jsx","clsx","jsxs","Fragment","Button","SearchIcon"],"mappings":";;;;;;AAeO,MAAMA,IAAS,CAAC;AAAA,EACrB,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,UAAAC;AACF,MAAmB;AACjB,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAASL,CAAK;AAEhD,SAAAM,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAK,aAAa,oCAAoCN,CAAO;AAAA,MAEvE,UAAAA,MAAY,UAETO,gBAAAA,EAAA,KAAAC,EAAA,UAAA,EAAA,UAAA;AAAA,QAAAH,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAG;AAAA,YACH,MAAK;AAAA,YACL,WAAWC;AAAA,cACT;AAAA,cACA;AAAA,YACF;AAAA,YACA,aAAaT;AAAA,YACb,cAAW;AAAA,YACX,OAAOK;AAAA,YACP,UAAU,CAAC,MAAM;AACf,cAAIJ,KACYA,EAAA,EAAE,OAAO,KAAK,GAEhBK,EAAA,EAAE,OAAO,KAAK;AAAA,YAAA;AAAA,UAC9B;AAAA,QACF;AAAA,QAECE,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAWC,EAAK,YAAY,GAC/B,UAAAD,gBAAAA,EAAA;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,WAAWH;AAAA,cACT;AAAA,cACA;AAAA,YACF;AAAA,YACA,SAAS,MAAML,KAAA,gBAAAA,EAAWC;AAAA,YAEzB,UAAAN;AAAA,UAAA;AAAA,QAAA,EAEL,CAAA;AAAA,MAAA,EAAA,CACF,IAGEW,gBAAAA,EAAAA,KAAAC,EAAA,UAAA,EAAA,UAAA;AAAA,QAAAH,gBAAAA,EAAA,IAACK,GAAW,EAAA,OAAO,IAAI,QAAQ,IAAI;AAAA,QACnCL,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAG;AAAA,YACH,MAAK;AAAA,YACL,WAAWC;AAAA,cACT;AAAA,cACA;AAAA,YACF;AAAA,YACA,aAAaT;AAAA,YACb,cAAW;AAAA,YACX,OAAOK;AAAA,YACP,UAAU,CAAC,MAAM;AACf,cAAIJ,KACYA,EAAA,EAAE,OAAO,KAAK,GAEhBK,EAAA,EAAE,OAAO,KAAK;AAAA,YAAA;AAAA,UAC9B;AAAA,QAAA;AAAA,MACF,EACF,CAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}

package/dist/index.es110.js

@@ -1,4 +1,4 @@
-import { j as e } from "./index.es208.js";
+import { j as e } from "./index.es209.js";
 import './components/ui/CardEventSlim/CardEvent.css';/* empty css            */
 import { CalendarOutline as i } from "./index.es182.js";
 const o = ({

package/dist/index.es111.js

@@ -1,7 +1,7 @@
-import { j as s } from "./index.es208.js";
+import { j as s } from "./index.es209.js";
 import './components/ui/CardPreview/CardPreview.css';/* empty css            */
 import { ArrowLink as l } from "./index.es36.js";
-import { Image as m } from "./index.es357.js";
+import { Image as m } from "./index.es358.js";
 const x = ({
   imageUrl: e,
   title: i,

package/dist/index.es112.js

@@ -1,4 +1,4 @@
-import { j as e } from "./index.es208.js";
+import { j as e } from "./index.es209.js";
 import './components/ui/HomeHeaderSkeleton/HomeHeaderSkeleton.css';/* empty css            */
 const r = () => /* @__PURE__ */ e.jsx("div", { className: "home-header-skeleton-container", children: /* @__PURE__ */ e.jsxs("div", { className: "home-header-skeleton-header-row", children: [
   /* @__PURE__ */ e.jsx("div", { className: "home-header-skeleton-doctor-name pulse" }),

package/dist/index.es113.js

@@ -1,7 +1,7 @@
-import { j as a } from "./index.es208.js";
-import { Swiper as t, SwiperSlide as o } from "./index.es359.js";
-import c from "./index.es360.js";
-import n from "./index.es361.js";
+import { j as a } from "./index.es209.js";
+import { Swiper as t, SwiperSlide as o } from "./index.es360.js";
+import c from "./index.es361.js";
+import n from "./index.es362.js";
 import './components/ui/Carousel/Carousel.css';import './node_modules/swiper/modules/pagination.css';import './node_modules/swiper/modules/navigation.css';import './node_modules/swiper/swiper.css';/* empty css            */
 /* empty css            */
 /* empty css            */

package/dist/index.es114.js

@@ -1,7 +1,7 @@
-import { j as t } from "./index.es208.js";
+import { j as t } from "./index.es209.js";
 import './components/ui/ShareButton/ShareButton.css';/* empty css            */
 import "./index.es.js";
-import { clsx as p } from "./index.es210.js";
+import { clsx as p } from "./index.es211.js";
 import { useState as u, useRef as f, useEffect as d } from "react";
 import { ShareLink as h } from "./index.es176.js";
 import { Meta as x } from "./index.es186.js";

package/dist/index.es115.js

@@ -1,5 +1,5 @@
-import { j as e } from "./index.es208.js";
-import n from "./index.es189.js";
+import { j as e } from "./index.es209.js";
+import n from "./index.es190.js";
 import "./index.es3.js";
 import './components/ui/VerticalCardStepper/VerticalCardStepper.css';/* empty css            */
 import { ArrowLink as m } from "./index.es36.js";

package/dist/index.es116.js

@@ -1,4 +1,4 @@
-import { j as i } from "./index.es208.js";
+import { j as i } from "./index.es209.js";
 import { Section as s } from "./index.es47.js";
 import './sections/Login/Login.css';/* empty css            */
 import { EntryButton as g } from "./index.es37.js";

package/dist/index.es117.js

@@ -1,9 +1,9 @@
-import { j as r } from "./index.es208.js";
+import { j as r } from "./index.es209.js";
 import { Section as u } from "./index.es47.js";
-import { clsx as f } from "./index.es210.js";
+import { clsx as f } from "./index.es211.js";
 import './sections/HomeServices/HomeServices.css';/* empty css            */
 import { useMemo as j } from "react";
-import { l as t } from "./index.es212.js";
+import { l as t } from "./index.es213.js";
 import { CardCategory as v } from "./index.es26.js";
 import { Col as w } from "./index.es10.js";
 import { ArrowLink as T } from "./index.es36.js";

package/dist/index.es118.js

@@ -1,4 +1,4 @@
-import { j as e } from "./index.es208.js";
+import { j as e } from "./index.es209.js";
 import './sections/WhatDoYouNeed/WhatDoYouNeed.css';/* empty css            */
 import { Section as r } from "./index.es47.js";
 import { Col as c } from "./index.es10.js";

package/dist/index.es119.js

@@ -1,8 +1,8 @@
-import { j as r } from "./index.es208.js";
+import { j as r } from "./index.es209.js";
 import './sections/RichText/RichText.css';/* empty css            */
 import { HTMLBalancer as a } from "./index.es124.js";
 import n from "react";
-import { clsx as x } from "./index.es210.js";
+import { clsx as x } from "./index.es211.js";
 import { Section as e } from "./index.es47.js";
 import { Col as f } from "./index.es10.js";
 const T = ({

package/dist/index.es12.js

@@ -1,8 +1,8 @@
-import { j as e } from "./index.es208.js";
+import { j as e } from "./index.es209.js";
 import './components/ui/SearchStructure/SearchStructure.css';/* empty css            */
-import { clsx as l } from "./index.es210.js";
+import { clsx as l } from "./index.es211.js";
 import { useState as h } from "react";
-import { useMediaQuery as N } from "./index.es229.js";
+import { useMediaQuery as N } from "./index.es230.js";
 import { Close as I } from "./index.es132.js";
 import { Col as y } from "./index.es10.js";
 import { Button as L } from "./index.es25.js";

package/dist/index.es120.js

@@ -1,9 +1,9 @@
-import { j as o } from "./index.es208.js";
+import { j as o } from "./index.es209.js";
 import { Section as l } from "./index.es47.js";
-import { clsx as f } from "./index.es210.js";
+import { clsx as f } from "./index.es211.js";
 import './sections/Services/Services.css';/* empty css            */
 import { useMemo as j } from "react";
-import { l as a } from "./index.es212.js";
+import { l as a } from "./index.es213.js";
 import { Col as m } from "./index.es10.js";
 import { ArrowLink as v } from "./index.es36.js";
 import { CardCategory as g } from "./index.es26.js";

package/dist/index.es121.js

@@ -1,6 +1,6 @@
-import { j as r } from "./index.es208.js";
+import { j as r } from "./index.es209.js";
 import { Section as c } from "./index.es47.js";
-import { clsx as u } from "./index.es210.js";
+import { clsx as u } from "./index.es211.js";
 import './sections/SuggestedServices/SuggestedServices.css';/* empty css            */
 import { CardService as p } from "./index.es29.js";
 import { Col as x } from "./index.es10.js";