@anoki/fse-ui 1.0.0-beta1.37.33 → 1.0.0-beta1.37.35

package/dist/index.es134.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es134.js","sources":["../src/components/ui/CommunicationSeach/index.tsx"],"sourcesContent":["import \"./CommunicationSearch.scss\";\nimport clsx from \"clsx\";\nimport { ChangeEvent, useEffect, useMemo, useState } from \"react\";\nimport { Button, Col, Row } from \"@/components\";\nimport { Close, Spinner } from \"@/icons\";\nimport { Service } from \"@anoki/fse-common\";\nimport { useToggle } from \"usehooks-ts\";\n\nexport type Suggestion = {\n  category: string;\n  items: Service[];\n};\n\nexport type CommunicationSearchProps = {\n  btnText: string;\n  helperText?: string;\n  value: string;\n  items: Suggestion[];\n  loading?: boolean;\n  setValue: (value: string) => void;\n  setSelectedElement: (value: Service) => void;\n};\n\nexport const CommunicationSearch = ({\n  btnText,\n  helperText = \"Cosa vuoi approfondire?\",\n  value,\n  loading,\n  items,\n  setValue,\n  setSelectedElement,\n}: CommunicationSearchProps) => {\n  const [valueInput, setValueInput] = useState<string>(value ?? \"\");\n  const [filteredItems, setFilteredItems] = useState<Suggestion[]>([]);\n  const [focus, _, setFocus] = useToggle(false);\n\n  const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n    const inputValue = e.target.value;\n    setValueInput(inputValue);\n    setValue(inputValue);\n\n    if (inputValue.length >= 3) {\n      const results = items\n        .map((group) => ({\n          category: group.category,\n          items: group.items.filter((item) =>\n            item.name?.toLowerCase().includes(inputValue.toLowerCase()),\n          ),\n        }))\n        .filter((group) => group.items.length > 0);\n\n      setFilteredItems(results);\n    } else {\n      setFilteredItems([]);\n    }\n  };\n\n  const handleSelectItem = (item: Service) => {\n    setValueInput(item.name);\n    setFilteredItems([]);\n    setSelectedElement(item);\n    setFocus(false);\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  useEffect(() => {\n    if (valueInput?.length >= 3) {\n      handleInputChange({ target: { value: valueInput } } as any);\n      return;\n    }\n\n    return;\n  }, [items]);\n\n  const showMenu = useMemo(() => {\n    if (focus) {\n      return true;\n    }\n\n    if (\n      valueInput.length >= 3 &&\n      (filteredItems?.length > 0 || items.length > 0)\n    ) {\n      return true;\n    }\n\n    return focus;\n  }, [filteredItems, focus]);\n\n  return (\n    <div\n      className={clsx(\n        \"ui-communication-search\",\n        \"br-x4 bg-border-secondary w-full\",\n      )}\n      onBlur={() => setFocus(false)}\n    >\n      <div className={\"position-relative\"}>\n        <input\n          id=\"search\"\n          type=\"search\"\n          className={clsx(\n            \"ui-communication-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          onFocus={() => setFocus(true)}\n        />\n        {valueInput && valueInput.length >= 3 && (\n          <Close\n            className={\"ui-clean-button\"}\n            onClick={() => {\n              setValueInput(\"\");\n              setFilteredItems([]);\n              handleInputChange({ target: { value: \"\" } } as any);\n            }}\n          />\n        )}\n      </div>\n\n      <div\n        className={clsx(\"ui-wrap-list-item-search shadow position-absolute\", {\n          \"py-x24\": showMenu,\n        })}\n      >\n        {loading && (\n          <Row className=\"px-x24\">\n            <Spinner />\n          </Row>\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          {showMenu &&\n            [...(filteredItems.length ? filteredItems : items)].map(\n              (group, index) => (\n                <div key={index}>\n                  <h4 className=\"category-title fw-semibold text-dark fs-6 mb-x8 px-x24\">\n                    {group.category}\n                  </h4>\n                  <ul className=\"list-unstyled\">\n                    {group.items.map((item) => (\n                      <li\n                        key={item.id}\n                        onClick={() => handleSelectItem(item)}\n                        className=\"cursor-pointer py-x8 px-x24\"\n                      >\n                        {highlightMatch(item.name, valueInput || \"\")}\n                      </li>\n                    ))}\n                  </ul>\n                </div>\n              ),\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            handleInputChange({ target: { value: valueInput } } as any);\n            setFocus(true);\n          }}\n        >\n          {btnText}\n        </Button>\n      </div>\n    </div>\n  );\n};\n"],"names":["CommunicationSearch","btnText","helperText","value","loading","items","setValue","setSelectedElement","valueInput","setValueInput","useState","filteredItems","setFilteredItems","focus","_","setFocus","useToggle","handleInputChange","e","inputValue","results","group","item","_a","handleSelectItem","highlightMatch","text","query","index","beforeMatch","match","afterMatch","jsxs","Fragment","jsx","useEffect","showMenu","useMemo","clsx","Close","Row","Spinner","Col","Button"],"mappings":"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"}
+{"version":3,"file":"index.es134.js","sources":["../src/components/ui/CommunicationSeach/index.tsx"],"sourcesContent":["import \"./CommunicationSearch.scss\";\nimport clsx from \"clsx\";\nimport { ChangeEvent, useEffect, useMemo, useState } from \"react\";\nimport { Button, Col } from \"@/components\";\nimport { Close, Spinner } from \"@/icons\";\nimport { Service } from \"@anoki/fse-common\";\nimport { useToggle } from \"usehooks-ts\";\n\nexport type Suggestion = {\n  category: string;\n  items: Service[];\n};\n\nexport type CommunicationSearchProps = {\n  btnText: string;\n  helperText?: string;\n  value: string;\n  items: Suggestion[];\n  loading?: boolean;\n  emptyLabel?: string;\n  setValue: (value: string) => void;\n  setSelectedElement: (value: Service) => void;\n};\n\nexport const CommunicationSearch = ({\n  btnText,\n  helperText = \"Cosa vuoi approfondire?\",\n  value,\n  loading,\n  items,\n  emptyLabel = \"Nessun risultato disponibile\",\n  setValue,\n  setSelectedElement,\n}: CommunicationSearchProps) => {\n  const [valueInput, setValueInput] = useState<string>(value ?? \"\");\n  const [filteredItems, setFilteredItems] = useState<Suggestion[]>([]);\n  const [focus, _, setFocus] = useToggle(false);\n\n  const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n    const inputValue = e.target.value;\n    setValueInput(inputValue);\n    setValue(inputValue);\n\n    if (inputValue.length >= 3) {\n      const results = items\n        .map((group) => ({\n          category: group.category,\n          items: group.items.filter((item) =>\n            item.name?.toLowerCase().includes(inputValue.toLowerCase()),\n          ),\n        }))\n        .filter((group) => group.items.length > 0);\n\n      setFilteredItems(results);\n    } else {\n      setFilteredItems([]);\n    }\n  };\n\n  const handleSelectItem = (item: Service) => {\n    setValueInput(item.name);\n    setFilteredItems([]);\n    setSelectedElement(item);\n    setFocus(false);\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  useEffect(() => {\n    if (valueInput?.length >= 3) {\n      handleInputChange({ target: { value: valueInput } } as any);\n      return;\n    }\n\n    return;\n  }, [items]);\n\n  const showMenu = useMemo(() => {\n    if (focus) {\n      return true;\n    }\n\n    if (\n      valueInput.length >= 3 &&\n      (filteredItems?.length > 0 || items.length > 0)\n    ) {\n      return true;\n    }\n\n    return focus;\n  }, [filteredItems, focus]);\n\n  const parsedData = useMemo(() => {\n    return [...(filteredItems.length ? filteredItems : items)];\n  }, []);\n\n  return (\n    <div\n      className={clsx(\n        \"ui-communication-search\",\n        \"br-x4 bg-border-secondary w-full\",\n      )}\n      onBlur={() => setFocus(false)}\n    >\n      <div className={\"position-relative\"}>\n        <input\n          id=\"search\"\n          type=\"search\"\n          className={clsx(\n            \"ui-communication-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          onFocus={() => setFocus(true)}\n        />\n        {loading && <Spinner className=\"ui-loading-spinner\" />}\n        {valueInput && valueInput.length >= 3 && (\n          <Close\n            className={\"ui-clean-button\"}\n            onClick={() => {\n              setValueInput(\"\");\n              setFilteredItems([]);\n              handleInputChange({ target: { value: \"\" } } as any);\n            }}\n          />\n        )}\n      </div>\n\n      <div\n        className={clsx(\"ui-wrap-list-item-search shadow position-absolute\", {\n          \"py-x24\": showMenu,\n        })}\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          {showMenu && (\n            <>\n              {parsedData.map((group, index) =>\n                group.items?.length ? (\n                  <>\n                    {\" \"}\n                    <div key={index}>\n                      <h4 className=\"category-title fw-semibold text-dark fs-6 mb-x8 px-x24\">\n                        {group.category}\n                      </h4>\n                      <ul className=\"list-unstyled\">\n                        {group.items.map((item) => (\n                          <li\n                            key={item.id}\n                            onClick={() => handleSelectItem(item)}\n                            className=\"cursor-pointer py-x8 px-x24\"\n                          >\n                            {highlightMatch(item.name, valueInput || \"\")}\n                          </li>\n                        ))}\n                      </ul>\n                    </div>\n                  </>\n                ) : (\n                  <></>\n                ),\n              )}\n\n              {!loading &&\n              parsedData.every(\n                (suggestion) => suggestion.items.length === 0,\n              ) ? (\n                <p className=\" px-x24 fs-6\">{emptyLabel}</p>\n              ) : (\n                \"\"\n              )}\n            </>\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            handleInputChange({ target: { value: valueInput } } as any);\n            setFocus(true);\n          }}\n        >\n          {btnText}\n        </Button>\n      </div>\n    </div>\n  );\n};\n"],"names":["CommunicationSearch","btnText","helperText","value","loading","items","emptyLabel","setValue","setSelectedElement","valueInput","setValueInput","useState","filteredItems","setFilteredItems","focus","_","setFocus","useToggle","handleInputChange","e","inputValue","results","group","item","_a","handleSelectItem","highlightMatch","text","query","index","beforeMatch","match","afterMatch","jsxs","Fragment","jsx","useEffect","showMenu","useMemo","parsedData","clsx","Spinner","Close","Col","suggestion","Button"],"mappings":"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"}

package/dist/index.es191.js

@@ -1,10 +1,15 @@
 import { j as s } from "./index.es235.js";
-const n = ({ width: e = 24, height: r = 24 }) => /* @__PURE__ */ s.jsx(
+import { clsx as o } from "./index.es237.js";
+const t = ({
+  width: r = 24,
+  height: e = 24,
+  className: i
+}) => /* @__PURE__ */ s.jsx(
   "svg",
   {
-    width: e,
-    height: r,
-    className: "spinner",
+    width: r,
+    height: e,
+    className: o("spinner", i),
     viewBox: "0 0 50 50",
     children: /* @__PURE__ */ s.jsx(
       "circle",
@@ -20,6 +25,6 @@ const n = ({ width: e = 24, height: r = 24 }) => /* @__PURE__ */ s.jsx(
   }
 );
 export {
-  n as Spinner
+  t as Spinner
 };
 //# sourceMappingURL=index.es191.js.map

package/dist/index.es191.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es191.js","sources":["../src/icons/Spinner/index.tsx"],"sourcesContent":["type SpinnerProps = {\n  width?: number;\n  height?: number;\n};\n\nexport const Spinner = ({ width = 24, height = 24 }: SpinnerProps) => (\n  <svg\n    width={width}\n    height={height}\n    className=\"spinner\"\n    viewBox=\"0 0 50 50\"\n    // style={{ width: \"24px\", height: \"24px\" }}\n  >\n    <circle\n      className=\"path\"\n      cx=\"25\"\n      cy=\"25\"\n      r=\"20\"\n      fill=\"none\"\n      strokeWidth=\"5\"\n    ></circle>\n  </svg>\n);\n"],"names":["Spinner","width","height","jsx"],"mappings":";AAKO,MAAMA,IAAU,CAAC,EAAE,OAAAC,IAAQ,IAAI,QAAAC,IAAS,SAC7CC,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAAF;AAAA,IACA,QAAAC;AAAA,IACA,WAAU;AAAA,IACV,SAAQ;AAAA,IAGR,UAAAC,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,IAAG;AAAA,QACH,IAAG;AAAA,QACH,GAAE;AAAA,QACF,MAAK;AAAA,QACL,aAAY;AAAA,MAAA;AAAA,IAAA;AAAA,EACb;AACH;"}
+{"version":3,"file":"index.es191.js","sources":["../src/icons/Spinner/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\n\ntype SpinnerProps = {\n  width?: number;\n  height?: number;\n  className?: string;\n};\n\nexport const Spinner = ({\n  width = 24,\n  height = 24,\n  className,\n}: SpinnerProps) => (\n  <svg\n    width={width}\n    height={height}\n    className={clsx(\"spinner\", className)}\n    viewBox=\"0 0 50 50\"\n    // style={{ width: \"24px\", height: \"24px\" }}\n  >\n    <circle\n      className=\"path\"\n      cx=\"25\"\n      cy=\"25\"\n      r=\"20\"\n      fill=\"none\"\n      strokeWidth=\"5\"\n    ></circle>\n  </svg>\n);\n"],"names":["Spinner","width","height","className","jsx","clsx"],"mappings":";;AAQO,MAAMA,IAAU,CAAC;AAAA,EACtB,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,WAAAC;AACF,MACEC,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAAH;AAAA,IACA,QAAAC;AAAA,IACA,WAAWG,EAAK,WAAWF,CAAS;AAAA,IACpC,SAAQ;AAAA,IAGR,UAAAC,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,IAAG;AAAA,QACH,IAAG;AAAA,QACH,GAAE;AAAA,QACF,MAAK;AAAA,QACL,aAAY;AAAA,MAAA;AAAA,IAAA;AAAA,EACb;AACH;"}

package/dist/index.es239.js

@@ -1,4 +1,4 @@
-import { __require as r } from "./index.es444.js";
+import { __require as r } from "./index.es446.js";
 var a = r();
 export {
   a as l

package/dist/index.es246.js

@@ -1,5 +1,5 @@
-import { getDefaultExportFromCjs as r } from "./index.es445.js";
-import { __require as o } from "./index.es447.js";
+import { getDefaultExportFromCjs as r } from "./index.es447.js";
+import { __require as o } from "./index.es444.js";
 var e = o();
 const a = /* @__PURE__ */ r(e);
 export {

package/dist/index.es253.js

@@ -1,5 +1,5 @@
-import { c as w } from "./index.es468.js";
-import { m as l } from "./index.es469.js";
+import { c as w } from "./index.es483.js";
+import { m as l } from "./index.es484.js";
 function N(x) {
   let {
     swiper: a,

package/dist/index.es254.js

@@ -1,6 +1,6 @@
-import { c as $ } from "./index.es470.js";
-import { c as F } from "./index.es468.js";
-import { m, a as E, f as T, h as S } from "./index.es469.js";
+import { c as $ } from "./index.es485.js";
+import { c as F } from "./index.es483.js";
+import { m, a as E, f as T, h as S } from "./index.es484.js";
 function N(I) {
   let {
     swiper: e,

package/dist/index.es255.js

@@ -1,6 +1,6 @@
-import { g as F } from "./index.es471.js";
-import { c as y } from "./index.es470.js";
-import { c as K, m as n, h as j } from "./index.es469.js";
+import { g as F } from "./index.es486.js";
+import { c as y } from "./index.es485.js";
+import { c as K, m as n, h as j } from "./index.es484.js";
 function Y(P) {
   let {
     swiper: i,

package/dist/index.es282.js

@@ -1,11 +1,11 @@
 import * as p from "react";
-import { composeEventHandlers as m } from "./index.es453.js";
-import { composeRefs as E } from "./index.es454.js";
-import { createContextScope as S } from "./index.es455.js";
-import { useControllableState as P } from "./index.es456.js";
-import { Primitive as y } from "./index.es457.js";
-import { createMenuScope as D, Root as O, Anchor as T, Portal as j, Content as G, Group as k, Item as L, Label as K, CheckboxItem as U, RadioGroup as B, RadioItem as F, ItemIndicator as H, Separator as W, Arrow as $, SubTrigger as X, SubContent as q } from "./index.es458.js";
-import { useId as g } from "./index.es459.js";
+import { composeEventHandlers as m } from "./index.es456.js";
+import { composeRefs as E } from "./index.es457.js";
+import { createContextScope as S } from "./index.es458.js";
+import { useControllableState as P } from "./index.es459.js";
+import { Primitive as y } from "./index.es460.js";
+import { createMenuScope as D, Root as O, Anchor as T, Portal as j, Content as G, Group as k, Item as L, Label as K, CheckboxItem as U, RadioGroup as B, RadioItem as F, ItemIndicator as H, Separator as W, Arrow as $, SubTrigger as X, SubContent as q } from "./index.es461.js";
+import { useId as g } from "./index.es462.js";
 import { j as a } from "./index.es235.js";
 var M = "DropdownMenu", [z, bo] = S(
   M,

package/dist/index.es287.js

@@ -3,7 +3,7 @@ import { Button as m } from "./index.es28.js";
 import { HeaderTopBanner as g } from "./index.es21.js";
 import { useState as y, useRef as w, useCallback as C, useEffect as u } from "react";
 import { clsx as r } from "./index.es237.js";
-import { useFocusTrap as N } from "./index.es460.js";
+import { useFocusTrap as N } from "./index.es453.js";
 import { Container as k } from "./index.es6.js";
 import './components/navigations/HeaderMobile/HeaderMobile.css';/* empty css            */
 import { Col as L } from "./index.es10.js";

package/dist/index.es295.js

@@ -1,12 +1,12 @@
 import * as n from "react";
-import { useComposedRefs as N } from "./index.es454.js";
-import { createContextScope as M } from "./index.es455.js";
-import { composeEventHandlers as S } from "./index.es453.js";
-import { useControllableState as O } from "./index.es456.js";
+import { useComposedRefs as N } from "./index.es457.js";
+import { createContextScope as M } from "./index.es458.js";
+import { composeEventHandlers as S } from "./index.es456.js";
+import { useControllableState as O } from "./index.es459.js";
 import { usePrevious as A } from "./index.es463.js";
 import { useSize as B } from "./index.es464.js";
 import { Presence as H } from "./index.es465.js";
-import { Primitive as j } from "./index.es457.js";
+import { Primitive as j } from "./index.es460.js";
 import { j as f } from "./index.es235.js";
 var R = "Checkbox", [K, Y] = M(R), [L, q] = K(R), I = n.forwardRef(
   (e, l) => {

package/dist/index.es311.js

@@ -1,18 +1,18 @@
 import * as s from "react";
-import { composeEventHandlers as p } from "./index.es453.js";
-import { useComposedRefs as C } from "./index.es454.js";
-import { createContextScope as B, createContext as H } from "./index.es455.js";
-import { useId as x } from "./index.es459.js";
-import { useControllableState as V } from "./index.es456.js";
-import { DismissableLayer as q } from "./index.es472.js";
-import { FocusScope as K } from "./index.es473.js";
-import { Portal as U } from "./index.es474.js";
+import { composeEventHandlers as p } from "./index.es456.js";
+import { useComposedRefs as C } from "./index.es457.js";
+import { createContextScope as B, createContext as H } from "./index.es458.js";
+import { useId as x } from "./index.es462.js";
+import { useControllableState as V } from "./index.es459.js";
+import { DismissableLayer as q } from "./index.es468.js";
+import { FocusScope as K } from "./index.es469.js";
+import { Portal as U } from "./index.es470.js";
 import { Presence as R } from "./index.es465.js";
-import { Primitive as m } from "./index.es457.js";
-import { useFocusGuards as Y } from "./index.es475.js";
-import Z from "./index.es476.js";
-import { hideOthers as z } from "./index.es477.js";
-import { createSlot as J } from "./index.es478.js";
+import { Primitive as m } from "./index.es460.js";
+import { useFocusGuards as Y } from "./index.es471.js";
+import Z from "./index.es472.js";
+import { hideOthers as z } from "./index.es473.js";
+import { createSlot as J } from "./index.es474.js";
 import { j as i } from "./index.es235.js";
 var _ = "Dialog", [N, he] = B(_), [Q, u] = N(_), P = (e) => {
   const {

package/dist/index.es318.js

@@ -1,5 +1,5 @@
 import { j as t } from "./index.es235.js";
-import './components/ui/ConsentModal/ConsentModalFooter/ConsentModalFooter.css';/* empty css            */
+import './components/ui/DoctorModal/DoctorModalFooter/DoctorModalFooter.css';/* empty css            */
 const s = ({ children: o }) => /* @__PURE__ */ t.jsx("footer", { className: "ui-consent-modal-footer bg-white shadow", children: o });
 export {
   s as ConsentModalFooter

package/dist/index.es32.js

@@ -1,5 +1,5 @@
 import { j as e } from "./index.es235.js";
-import './components/ui/CardMapDoctor/CardMapDoctor.css';/* empty css            */
+import './components/ui/CardMapDoctorV2/CardMapDoctorV2.css';/* empty css            */
 import { useState as d, useRef as b } from "react";
 import { Root as N, Indicator as C } from "./index.es295.js";
 import { useClickOutside as g } from "./index.es296.js";

package/dist/index.es323.js

@@ -1,5 +1,5 @@
 import { j as t } from "./index.es235.js";
-import './components/ui/ConsentModal/ConsentModalFooter/ConsentModalFooter.css';/* empty css            */
+import './components/ui/DoctorModal/DoctorModalFooter/DoctorModalFooter.css';/* empty css            */
 const s = ({ children: o }) => /* @__PURE__ */ t.jsx("footer", { className: "ui-consent-modal-footer bg-white shadow", children: o });
 export {
   s as DoctorModalFooter

package/dist/index.es33.js

@@ -1,5 +1,5 @@
 import { j as s } from "./index.es235.js";
-import './components/ui/CardMapDoctor/CardMapDoctor.css';/* empty css            */
+import './components/ui/CardMapDoctorV2/CardMapDoctorV2.css';/* empty css            */
 import { useRef as w } from "react";
 import { Root as b, Indicator as g } from "./index.es295.js";
 import { useClickOutside as k } from "./index.es296.js";

package/dist/index.es334.js

@@ -1,5 +1,5 @@
 import { j as t } from "./index.es235.js";
-import './components/ui/ConsentModal/ConsentModalFooter/ConsentModalFooter.css';/* empty css            */
+import './components/ui/DoctorModal/DoctorModalFooter/DoctorModalFooter.css';/* empty css            */
 const s = ({
   children: o
 }) => /* @__PURE__ */ t.jsx("footer", { className: "ui-consent-modal-footer bg-white shadow", children: o });

package/dist/index.es342.js

@@ -1,11 +1,11 @@
 import * as s from "react";
-import { composeEventHandlers as T } from "./index.es453.js";
-import { useComposedRefs as _ } from "./index.es454.js";
-import { createContextScope as H } from "./index.es455.js";
-import { useControllableState as I } from "./index.es456.js";
+import { composeEventHandlers as T } from "./index.es456.js";
+import { useComposedRefs as _ } from "./index.es457.js";
+import { createContextScope as H } from "./index.es458.js";
+import { useControllableState as I } from "./index.es459.js";
 import { usePrevious as M } from "./index.es463.js";
 import { useSize as N } from "./index.es464.js";
-import { Primitive as w } from "./index.es457.js";
+import { Primitive as w } from "./index.es460.js";
 import { j as p } from "./index.es235.js";
 var S = "Switch", [B, J] = H(S), [q, z] = B(S), C = s.forwardRef(
   (e, n) => {

package/dist/index.es383.js

@@ -1,9 +1,9 @@
 import * as l from "react";
-import { createContextScope as T } from "./index.es455.js";
-import { useComposedRefs as A } from "./index.es454.js";
+import { createContextScope as T } from "./index.es458.js";
+import { useComposedRefs as A } from "./index.es457.js";
 import { createDialogScope as v, Root as O, Portal as j, Overlay as b, WarningProvider as w, Content as M, Title as I, Description as L, Close as f, Trigger as $ } from "./index.es311.js";
-import { composeEventHandlers as F } from "./index.es453.js";
-import { createSlottable as G } from "./index.es478.js";
+import { composeEventHandlers as F } from "./index.es456.js";
+import { createSlottable as G } from "./index.es474.js";
 import { j as i } from "./index.es235.js";
 var D = "AlertDialog", [W, te] = T(D, [
   v

package/dist/index.es389.js

@@ -1,4 +1,4 @@
-import { __require as r } from "./index.es568.js";
+import { __require as r } from "./index.es564.js";
 var i = r();
 export {
   i as F

package/dist/index.es423.js

@@ -1,5 +1,5 @@
 import { j as t } from "./index.es235.js";
-import './components/ui/ConsentModal/ConsentModalFooter/ConsentModalFooter.css';/* empty css            */
+import './components/ui/DoctorModal/DoctorModalFooter/DoctorModalFooter.css';/* empty css            */
 const s = ({
   children: o
 }) => /* @__PURE__ */ t.jsx("footer", { className: "ui-consent-modal-footer bg-white shadow", children: o });