@anoki/fse-ui 1.0.0-beta1.37.30 → 1.0.0-beta1.37.31

package/dist/index.cjs9.js

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

package/dist/index.cjs96.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/Alert/Alert.css');const e=require("./index.cjs235.js");;/* empty css              */const c=require("./index.cjs273.js"),u=require("./index.cjs98.js"),a=require("./index.cjs207.js"),l=require("./index.cjs206.js"),d=require("./index.cjs199.js"),i=require("./index.cjs195.js"),j={DEFAULT:"default",INFO:"info",WARNING:"warning",DANGER:"danger",SUCCESS:"success"},h={default:e.jsxRuntimeExports.jsx(i.Info,{color:"primary",width:32,height:32}),info:e.jsxRuntimeExports.jsx(i.Info,{color:"primary",width:32,height:32}),warning:e.jsxRuntimeExports.jsx(l.QuestionCircle,{color:"warning",width:32,height:32}),danger:e.jsxRuntimeExports.jsx(d.ErrorExagon,{width:32,height:32}),success:e.jsxRuntimeExports.jsx(a.CheckCircle,{color:"status-success",width:32,height:32})},m=({title:n,description:t,subtitle:o,link:s,variant:r="default"})=>{const x=!!t||!!(s!=null&&s.title);return e.jsxRuntimeExports.jsx("blockquote",{className:`styled-alert alert-${r}`,children:e.jsxRuntimeExports.jsxs("div",{className:"container",children:[h[r],e.jsxRuntimeExports.jsxs("div",{className:"right-container",children:[e.jsxRuntimeExports.jsx("h4",{className:"title",children:n}),e.jsxRuntimeExports.jsx("p",{className:"subtitle",children:o}),x&&e.jsxRuntimeExports.jsx(c.Divider,{bg:"blue-30"}),e.jsxRuntimeExports.jsx("p",{className:"description",children:t}),e.jsxRuntimeExports.jsx(u.Link,{title:s.title,src:s.link})]})]})})};exports.Alert=m;exports.AlertVariantEnum=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/Alert/Alert.css');const e=require("./index.cjs235.js");;/* empty css              */const c=require("./index.cjs247.js"),u=require("./index.cjs98.js"),a=require("./index.cjs207.js"),l=require("./index.cjs206.js"),d=require("./index.cjs199.js"),i=require("./index.cjs195.js"),j={DEFAULT:"default",INFO:"info",WARNING:"warning",DANGER:"danger",SUCCESS:"success"},h={default:e.jsxRuntimeExports.jsx(i.Info,{color:"primary",width:32,height:32}),info:e.jsxRuntimeExports.jsx(i.Info,{color:"primary",width:32,height:32}),warning:e.jsxRuntimeExports.jsx(l.QuestionCircle,{color:"warning",width:32,height:32}),danger:e.jsxRuntimeExports.jsx(d.ErrorExagon,{width:32,height:32}),success:e.jsxRuntimeExports.jsx(a.CheckCircle,{color:"status-success",width:32,height:32})},m=({title:n,description:t,subtitle:o,link:s,variant:r="default"})=>{const x=!!t||!!(s!=null&&s.title);return e.jsxRuntimeExports.jsx("blockquote",{className:`styled-alert alert-${r}`,children:e.jsxRuntimeExports.jsxs("div",{className:"container",children:[h[r],e.jsxRuntimeExports.jsxs("div",{className:"right-container",children:[e.jsxRuntimeExports.jsx("h4",{className:"title",children:n}),e.jsxRuntimeExports.jsx("p",{className:"subtitle",children:o}),x&&e.jsxRuntimeExports.jsx(c.Divider,{bg:"blue-30"}),e.jsxRuntimeExports.jsx("p",{className:"description",children:t}),e.jsxRuntimeExports.jsx(u.Link,{title:s.title,src:s.link})]})]})})};exports.Alert=m;exports.AlertVariantEnum=j;
 //# sourceMappingURL=index.cjs96.js.map

package/dist/index.cjs97.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/AlertDialogUI/AlertDialogUI.css');const e=require("./index.cjs235.js"),t=require("./index.cjs383.js");;/* empty css              */const a=require("./index.cjs199.js"),u=require("./index.cjs207.js"),c=require("./index.cjs9.js"),j=require("./index.cjs28.js"),d=({title:i="Alert",description:r="Funzione al momento non ancora disponibile",confirmBtnLabel:n="OK",isOpen:o,onClose:l,variant:s="default",role:x="alertdialog"})=>e.jsxRuntimeExports.jsx(t.Root,{open:o,onOpenChange:l,children:e.jsxRuntimeExports.jsxs(t.Portal,{children:[e.jsxRuntimeExports.jsx(t.Overlay,{className:"ui-alertDialogOverlay"}),e.jsxRuntimeExports.jsxs(t.Content,{className:"ui-alertDialogContent fs-6 text-slate-28",role:x,children:[e.jsxRuntimeExports.jsxs(t.Title,{className:"ui-alertDialogTitle fw-bold fs-custom text-slate-20",children:[s==="error"&&e.jsxRuntimeExports.jsx(a.ErrorExagon,{width:20,height:20}),s==="success"&&e.jsxRuntimeExports.jsx(u.CheckCircle,{color:"status-success",width:20,height:20}),i]}),e.jsxRuntimeExports.jsx(t.Description,{className:"ui-alertDialogDescription",children:r}),e.jsxRuntimeExports.jsx(c.Row,{justifyContent:"flex-end",children:e.jsxRuntimeExports.jsx(t.Cancel,{asChild:!0,children:e.jsxRuntimeExports.jsx(j.Button,{variant:"primary",size:"3",children:n})})})]})]})});exports.AlertDialogUI=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/AlertDialogUI/AlertDialogUI.css');const e=require("./index.cjs235.js"),t=require("./index.cjs358.js");;/* empty css              */const a=require("./index.cjs199.js"),u=require("./index.cjs207.js"),c=require("./index.cjs9.js"),j=require("./index.cjs28.js"),d=({title:i="Alert",description:r="Funzione al momento non ancora disponibile",confirmBtnLabel:n="OK",isOpen:o,onClose:l,variant:s="default",role:x="alertdialog"})=>e.jsxRuntimeExports.jsx(t.Root,{open:o,onOpenChange:l,children:e.jsxRuntimeExports.jsxs(t.Portal,{children:[e.jsxRuntimeExports.jsx(t.Overlay,{className:"ui-alertDialogOverlay"}),e.jsxRuntimeExports.jsxs(t.Content,{className:"ui-alertDialogContent fs-6 text-slate-28",role:x,children:[e.jsxRuntimeExports.jsxs(t.Title,{className:"ui-alertDialogTitle fw-bold fs-custom text-slate-20",children:[s==="error"&&e.jsxRuntimeExports.jsx(a.ErrorExagon,{width:20,height:20}),s==="success"&&e.jsxRuntimeExports.jsx(u.CheckCircle,{color:"status-success",width:20,height:20}),i]}),e.jsxRuntimeExports.jsx(t.Description,{className:"ui-alertDialogDescription",children:r}),e.jsxRuntimeExports.jsx(c.Row,{justifyContent:"flex-end",children:e.jsxRuntimeExports.jsx(t.Cancel,{asChild:!0,children:e.jsxRuntimeExports.jsx(j.Button,{variant:"primary",size:"3",children:n})})})]})]})});exports.AlertDialogUI=d;
 //# sourceMappingURL=index.cjs97.js.map

package/dist/index.es10.js

@@ -1,9 +1,9 @@
 import { j as f } from "./index.es235.js";
 import { useMemo as x } from "react";
 import { clsx as y } from "./index.es236.js";
-import { createSpacingClasses as g } from "./index.es264.js";
+import { createSpacingClasses as g } from "./index.es238.js";
 import { createColorClasses as j } from "./index.es237.js";
-import { createTypographyClasses as u } from "./index.es266.js";
+import { createTypographyClasses as u } from "./index.es240.js";
 const M = ({
   as: o,
   className: r,

package/dist/index.es100.js

@@ -3,7 +3,7 @@ import './components/ui/CardFile/CardFile.css';/* empty css            */
 import { Button as p } from "./index.es28.js";
 import { ArrowLink as x } from "./index.es41.js";
 import { clsx as i } from "./index.es236.js";
-import { F as c } from "./index.es389.js";
+import { F as c } from "./index.es364.js";
 import { File as m } from "./index.es181.js";
 import { Download as h } from "./index.es186.js";
 import { Link as f } from "./index.es98.js";

package/dist/index.es102.js

@@ -1,7 +1,7 @@
 import { j as o } from "./index.es235.js";
 import { clsx as m } from "./index.es236.js";
 import './components/ui/ChangeProfileModal/ChangeProfileModal.css';/* empty css            */
-import { ChangeProfileModalContent as d } from "./index.es392.js";
+import { ChangeProfileModalContent as d } from "./index.es367.js";
 import { ModalsHeader as c } from "./index.es104.js";
 import { BaseModal as f } from "./index.es43.js";
 import { Button as p } from "./index.es28.js";

package/dist/index.es103.js

@@ -2,9 +2,9 @@ import { j as a } from "./index.es235.js";
 import { BaseModal as i } from "./index.es43.js";
 import { clsx as s } from "./index.es236.js";
 import './components/ui/AddNewModal/AddNewModal.css';/* empty css            */
-import { AddNewModalHeader as l } from "./index.es394.js";
-import { AddNewModalContent as p } from "./index.es395.js";
-import { AddNewModalFooter as n } from "./index.es396.js";
+import { AddNewModalHeader as l } from "./index.es369.js";
+import { AddNewModalContent as p } from "./index.es370.js";
+import { AddNewModalFooter as n } from "./index.es371.js";
 const o = ({
   open: r,
   overrideClassNames: e,

package/dist/index.es104.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es235.js";
 import './components/ui/ModalsHeader/ModalsHeader.css';/* empty css            */
-import { Title as o, Close as l } from "./index.es311.js";
+import { Title as o, Close as l } from "./index.es285.js";
 import { Button as i } from "./index.es28.js";
 import { Close as m } from "./index.es156.js";
 const h = ({

package/dist/index.es107.js

@@ -1,7 +1,7 @@
 import { j as e } from "./index.es235.js";
 import './components/ui/DelegateCard/DelegateCard.css';/* empty css            */
 import { useRef as b } from "react";
-import { Root as N, Indicator as v } from "./index.es295.js";
+import { Root as N, Indicator as v } from "./index.es269.js";
 import { Row as l } from "./index.es9.js";
 import { Col as s } from "./index.es10.js";
 const O = ({

package/dist/index.es108.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es235.js";
 import './components/ui/ChangeRelatedCard/ChangeRelatedCard.css';/* empty css            */
-import { Divider as h } from "./index.es273.js";
+import { Divider as h } from "./index.es247.js";
 import { LOGOS as r } from "./index.es27.js";
 import { Col as f } from "./index.es10.js";
 import { Row as t } from "./index.es9.js";

package/dist/index.es109.js

@@ -1,11 +1,11 @@
 import { j as s } from "./index.es235.js";
 import v, { useState as b, useEffect as i } from "react";
 import './components/ui/TableOfContents/TableOfContents.css';/* empty css            */
-import { useMediaQuery as j } from "./index.es269.js";
+import { useMediaQuery as j } from "./index.es243.js";
 import { clsx as n } from "./index.es236.js";
 import { Row as N } from "./index.es9.js";
 import { ArrowDown as g } from "./index.es153.js";
-import { ScrollArea as E } from "./index.es401.js";
+import { ScrollArea as E } from "./index.es376.js";
 const M = ({
   title: a = "Indice",
   headings: r,

package/dist/index.es115.js

@@ -1,8 +1,8 @@
 import { j as o } from "./index.es235.js";
 import { useState as c } from "react";
-import { StepItem as f } from "./index.es407.js";
+import { StepItem as f } from "./index.es382.js";
 import './components/ui/Accordion/AccordionStepper/AccordionStepper.css';/* empty css            */
-import S from "./index.es409.js";
+import S from "./index.es384.js";
 const h = ({
   steps: s,
   mainTitle: l,

package/dist/index.es116.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es235.js";
 import { useState as i } from "react";
-import { StepItemGenericAccordion as m } from "./index.es410.js";
+import { StepItemGenericAccordion as m } from "./index.es385.js";
 import './components/ui/Accordion/GenericAccordion/GenericAccordion.css';/* empty css            */
 const x = ({
   mainTitle: c,

package/dist/index.es119.js

@@ -1,7 +1,7 @@
 import { j as s } from "./index.es235.js";
 import './components/ui/CardPreview/CardPreview.css';/* empty css            */
 import { ArrowLink as o } from "./index.es41.js";
-import { Image as _ } from "./index.es415.js";
+import { Image as _ } from "./index.es390.js";
 var m = /* @__PURE__ */ ((e) => (e.WITH_TOPIC_DATE = "withTopicDate", e.NO_TOPIC_DATE = "noTopicDate", e))(m || {});
 const p = ({
   variant: e = "withTopicDate",

package/dist/index.es12.js

@@ -2,7 +2,7 @@ import { j as e } from "./index.es235.js";
 import './components/ui/SearchStructure/SearchStructure.css';/* empty css            */
 import { clsx as l } from "./index.es236.js";
 import { useState as h } from "react";
-import { useMediaQuery as N } from "./index.es269.js";
+import { useMediaQuery as N } from "./index.es243.js";
 import { Close as I } from "./index.es156.js";
 import { Col as y } from "./index.es10.js";
 import { Button as L } from "./index.es28.js";

package/dist/index.es121.js

@@ -1,7 +1,7 @@
 import { j as a } from "./index.es235.js";
-import { Swiper as t, SwiperSlide as o } from "./index.es253.js";
-import c from "./index.es254.js";
-import n from "./index.es255.js";
+import { Swiper as t, SwiperSlide as o } from "./index.es392.js";
+import c from "./index.es393.js";
+import n from "./index.es394.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.es124.js

@@ -1,8 +1,8 @@
 import { j as s } from "./index.es235.js";
 import { clsx as a } from "./index.es236.js";
 import './components/ui/DoctorModal/DoctorModal.css';/* empty css            */
-import { DoctorModalContent as i } from "./index.es322.js";
-import { DoctorModalFooter as n } from "./index.es323.js";
+import { DoctorModalContent as i } from "./index.es296.js";
+import { DoctorModalFooter as n } from "./index.es297.js";
 import { BaseModal as l } from "./index.es43.js";
 const o = ({
   open: r,

package/dist/index.es126.js

@@ -1,8 +1,8 @@
 import { j as m } from "./index.es235.js";
 import { clsx as s } from "./index.es236.js";
 import './components/ui/DoctorModal/DoctorModal.css';/* empty css            */
-import { CreateReservationModalFooter as i } from "./index.es423.js";
-import { CreateReservationModalContent as n } from "./index.es424.js";
+import { CreateReservationModalFooter as i } from "./index.es404.js";
+import { CreateReservationModalContent as n } from "./index.es405.js";
 import { BaseModal as p } from "./index.es43.js";
 const o = ({
   open: r,

package/dist/index.es128.js

@@ -1,7 +1,7 @@
 import { j as e } from "./index.es235.js";
 import { clsx as h } from "./index.es236.js";
 import './components/ui/ReservationRecapCard/ReservationRecapCard.css';/* empty css            */
-import { CreditCard as f } from "./index.es427.js";
+import { CreditCard as f } from "./index.es408.js";
 import { EditPencil as b } from "./index.es197.js";
 import { Col as s } from "./index.es10.js";
 import { Row as a } from "./index.es9.js";

package/dist/index.es130.js

@@ -1,9 +1,9 @@
 import { j as e } from "./index.es235.js";
 import './styles/typography.css';import './components/ui/Feedback/Feedback.css';/* empty css            */
-import { Rating as M } from "./index.es430.js";
-import { Questions as y } from "./index.es431.js";
+import { Rating as M } from "./index.es411.js";
+import { Questions as y } from "./index.es412.js";
 import { useState as o, useEffect as z } from "react";
-import { CardComponent as B } from "./index.es432.js";
+import { CardComponent as B } from "./index.es413.js";
 /* empty css            */
 function U({
   question: f,

package/dist/index.es131.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es235.js";
 import './components/ui/CardFaqCTA/CardFaqCTA.css';/* empty css            */
-import { CtaCardIcon as d } from "./index.es434.js";
+import { CtaCardIcon as d } from "./index.es415.js";
 var C = /* @__PURE__ */ ((r) => (r.FAQ = "FAQ", r.CTA = "CTA", r.CTAICON = "CTAICON", r))(C || {});
 const h = ({
   type: r = "Evento",

package/dist/index.es134.js

@@ -2,7 +2,7 @@ import { j as e } from "./index.es235.js";
 import './components/ui/CommunicationSeach/CommunicationSearch.css';/* empty css            */
 import { clsx as l } from "./index.es236.js";
 import { useState as j, useEffect as k, useMemo as F } from "react";
-import { useToggle as L } from "./index.es437.js";
+import { useToggle as L } from "./index.es418.js";
 import { Close as S } from "./index.es156.js";
 import { Row as B } from "./index.es9.js";
 import { Spinner as E } from "./index.es191.js";
@@ -11,21 +11,21 @@ import { Button as R } from "./index.es28.js";
 const P = ({
   btnText: b,
   helperText: w = "Cosa vuoi approfondire?",
-  value: C,
-  loading: N,
+  value: v,
+  loading: C,
   items: c,
-  setValue: p,
-  setSelectedElement: v
+  setValue: x,
+  setSelectedElement: N
 }) => {
-  const [t, u] = j(C ?? ""), [o, n] = j([]), [h, O, x] = L(), d = (s) => {
+  const [t, h] = j(v ?? ""), [o, n] = j([]), [d, O, f] = L(), m = (s) => {
     const r = s.target.value;
-    if (u(r), p(r), r.length >= 3) {
+    if (h(r), x(r), r.length >= 3) {
       const a = c.map((i) => ({
         category: i.category,
         items: i.items.filter(
-          (f) => {
-            var m;
-            return (m = f.name) == null ? void 0 : m.toLowerCase().includes(r.toLowerCase());
+          (p) => {
+            var u;
+            return (u = p.name) == null ? void 0 : u.toLowerCase().includes(r.toLowerCase());
           }
         )
       })).filter((i) => i.items.length > 0);
@@ -33,25 +33,25 @@ const P = ({
     } else
       n([]);
   }, y = (s) => {
-    u(s.name), n([]), v(s), x(!1);
+    h(s.name), n([]), N(s), f(!1);
   }, M = (s, r) => {
     if (!r) return s;
     const a = s.toLowerCase().indexOf(r.toLowerCase());
     if (a === -1) return s;
-    const i = s.slice(0, a), f = s.slice(a, a + r.length), m = s.slice(a + r.length);
+    const i = s.slice(0, a), p = s.slice(a, a + r.length), u = s.slice(a + r.length);
     return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       i,
-      /* @__PURE__ */ e.jsx("span", { className: "text-primary fw-bold", children: f }),
-      m
+      /* @__PURE__ */ e.jsx("span", { className: "text-primary fw-bold", children: p }),
+      u
     ] });
   };
   k(() => {
     if ((t == null ? void 0 : t.length) >= 3) {
-      d({ target: { value: t } });
+      m({ target: { value: t } });
       return;
     }
   }, [c]);
-  const g = F(() => h || t.length >= 3 && ((o == null ? void 0 : o.length) > 0 || c.length > 0) ? !0 : h, [o, h]);
+  const g = F(() => d || t.length >= 3 && ((o == null ? void 0 : o.length) > 0 || c.length > 0) ? !0 : d, [o, d]);
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -73,8 +73,8 @@ const P = ({
               placeholder: w,
               "aria-label": "Barra di ricerca",
               value: t,
-              onChange: d,
-              onFocus: () => x(!0)
+              onChange: m,
+              onFocus: () => f(!0)
             }
           ),
           t && t.length >= 3 && /* @__PURE__ */ e.jsx(
@@ -82,7 +82,7 @@ const P = ({
             {
               className: "ui-clean-button",
               onClick: () => {
-                u(""), n([]);
+                h(""), n([]), m({ target: { value: "" } });
               }
             }
           )
@@ -94,7 +94,7 @@ const P = ({
               "py-x24": g
             }),
             children: [
-              N && /* @__PURE__ */ e.jsx(B, { className: "px-x24", children: /* @__PURE__ */ e.jsx(E, {}) }),
+              C && /* @__PURE__ */ e.jsx(B, { className: "px-x24", children: /* @__PURE__ */ e.jsx(E, {}) }),
               /* @__PURE__ */ e.jsx(
                 I,
                 {
@@ -130,7 +130,7 @@ const P = ({
               "bg-primary text-white fs-7 md-fs-6 fw-semibold br-x4"
             ),
             onClick: () => {
-              n([]), p(t ?? ""), d({ target: { value: t } });
+              n([]), x(t ?? ""), m({ target: { value: t } }), f(!0);
             },
             children: b
           }

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    >\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            }}\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          }}\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, 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    >\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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"}

package/dist/index.es136.js

@@ -3,7 +3,7 @@ import { Section as l } from "./index.es53.js";
 import { clsx as v } from "./index.es236.js";
 import './sections/HomeServices/HomeServices.css';/* empty css            */
 import { useMemo as j } from "react";
-import { l as c } from "./index.es240.js";
+import { l as c } from "./index.es422.js";
 import { CardCategory as m } from "./index.es30.js";
 import { Col as g } from "./index.es10.js";
 import { ArrowLink as T } from "./index.es41.js";

package/dist/index.es139.js

@@ -3,7 +3,7 @@ import { Section as i } from "./index.es53.js";
 import { clsx as v } from "./index.es236.js";
 import './sections/Services/Services.css';/* empty css            */
 import { useMemo as f } from "react";
-import { l as s } from "./index.es240.js";
+import { l as s } from "./index.es422.js";
 import { Col as m } from "./index.es10.js";
 import { ArrowLink as g } from "./index.es41.js";
 import { CardCategory as j } from "./index.es30.js";

package/dist/index.es143.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es235.js";
-import i from "./index.es247.js";
-import a from "./index.es248.js";
+import i from "./index.es429.js";
+import a from "./index.es318.js";
 const z = (n, t = void 0) => {
   const e = i.sanitize(n).replace(
     /^<([a-z][a-z0-9]*)([^>]*)>(.*)<\/\1>$/i,

package/dist/index.es147.js

@@ -1,7 +1,7 @@
 import { j as e } from "./index.es235.js";
 import './sections/TableCard/TableCard.css';/* empty css            */
 import { useState as p, useMemo as x } from "react";
-import { useDebouncedValue as d } from "./index.es252.js";
+import { useDebouncedValue as d } from "./index.es433.js";
 import { Search as u } from "./index.es11.js";
 import { GridContainer as h } from "./index.es7.js";
 import { GridItem as f } from "./index.es8.js";

package/dist/index.es148.js

@@ -1,15 +1,15 @@
 import { j as r } from "./index.es235.js";
 import { useRef as L, useState as g, useCallback as x, useEffect as T } from "react";
-import { Swiper as _, SwiperSlide as V } from "./index.es253.js";
-import B from "./index.es254.js";
-import F from "./index.es255.js";
-import q from "./index.es256.js";
+import { Swiper as _, SwiperSlide as V } from "./index.es392.js";
+import B from "./index.es393.js";
+import F from "./index.es394.js";
+import q from "./index.es434.js";
 import './sections/Slider/Slider.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            */
 /* empty css            */
 import { clsx as z } from "./index.es236.js";
-import { Pause as D } from "./index.es261.js";
+import { Pause as D } from "./index.es436.js";
 import { File as G } from "./index.es181.js";
 import { ArrowLeft as f } from "./index.es168.js";
 import { PlayVideo as H } from "./index.es214.js";

package/dist/index.es149.js

@@ -1,6 +1,6 @@
 import { j as i } from "./index.es235.js";
 import './sections/CommunicationContents/CommunicationContents.css';/* empty css            */
-import l from "./index.es263.js";
+import l from "./index.es438.js";
 import { AggregationItemCard as m } from "./index.es133.js";
 import { Row as t } from "./index.es9.js";
 import { Spinner as p } from "./index.es191.js";

package/dist/index.es15.js

@@ -2,7 +2,7 @@ import { j as s } from "./index.es235.js";
 import { useState as w } from "react";
 import { clsx as n } from "./index.es236.js";
 import './components/ui/SearchGeneric/SearchGeneric.css';/* empty css            */
-import { useMediaQuery as E } from "./index.es269.js";
+import { useMediaQuery as E } from "./index.es243.js";
 import { Close as M } from "./index.es156.js";
 import { Col as R } from "./index.es10.js";
 import { Button as G } from "./index.es28.js";

package/dist/index.es16.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es235.js";
 import { Container as p } from "./index.es6.js";
-import { Divider as j } from "./index.es273.js";
+import { Divider as j } from "./index.es247.js";
 import './components/navigations/Footer/Footer.css';/* empty css            */
 import { clsx as N } from "./index.es236.js";
 import { FseDGT as b } from "./index.es160.js";

package/dist/index.es18.js

@@ -1,7 +1,7 @@
 import { j as e } from "./index.es235.js";
 import { LOGOS as i } from "./index.es27.js";
 import { clsx as s } from "./index.es236.js";
-import { Divider as l } from "./index.es273.js";
+import { Divider as l } from "./index.es247.js";
 import './components/navigations/HeaderPostLogin/HeaderPostLogin.css';/* empty css            */
 import { Col as o } from "./index.es10.js";
 import { Row as v } from "./index.es9.js";

package/dist/index.es19.js

@@ -1,5 +1,5 @@
 import { j as r } from "./index.es235.js";
-import { BreadcrumbItem as o } from "./index.es277.js";
+import { BreadcrumbItem as o } from "./index.es251.js";
 import { clsx as l } from "./index.es236.js";
 import './components/navigations/Breadcrumb/Breadcrumb.css';/* empty css            */
 const n = ({

package/dist/index.es21.js

@@ -1,7 +1,7 @@
 import { j as e } from "./index.es235.js";
 import { Container as m } from "./index.es6.js";
 import { LOGOS as n } from "./index.es27.js";
-import { Divider as l } from "./index.es273.js";
+import { Divider as l } from "./index.es247.js";
 import { clsx as x } from "./index.es236.js";
 import { Row as d } from "./index.es9.js";
 const b = ({

package/dist/{index.es264.js → index.es238.js}

@@ -27,4 +27,4 @@ const p = [
 export {
   a as createSpacingClasses
 };
-//# sourceMappingURL=index.es264.js.map
+//# sourceMappingURL=index.es238.js.map

package/dist/{index.es264.js.map → index.es238.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index.es264.js","sources":["../src/theme/spacing.ts"],"sourcesContent":["export type SpacingKey =\n  | \"x4\"\n  | \"x8\"\n  | \"x12\"\n  | \"x16\"\n  | \"x20\"\n  | \"x24\"\n  | \"x28\"\n  | \"x32\"\n  | \"x36\"\n  | \"x40\"\n  | \"x44\"\n  | \"x48\"\n  | \"x52\"\n  | \"x56\"\n  | \"x60\"\n  | \"x64\"\n  | \"x68\"\n  | \"x72\"\n  | \"x76\"\n  | \"x80\"\n  | \"x84\"\n  | \"x88\"\n  | \"x92\"\n  | \"x96\"\n  | \"x100\"\n  | \"x104\";\n\nexport type SpacingProps = {\n  gap?: SpacingKey;\n  m?: SpacingKey; // margin\n  mx?: SpacingKey; // margin x\n  my?: SpacingKey; // margin y\n  mt?: SpacingKey; // margin top\n  mr?: SpacingKey; // margin bottom\n  mb?: SpacingKey; // margin right\n  ml?: SpacingKey; // margin left\n  p?: SpacingKey; // padding\n  px?: SpacingKey; // padding x\n  py?: SpacingKey; // padding y\n  pt?: SpacingKey; // padding top\n  pr?: SpacingKey; // padding bottom\n  pb?: SpacingKey; // padding right\n  pl?: SpacingKey; // padding left\n  br?: SpacingKey; // border-radius\n  \"br-t\"?: SpacingKey; // border-radius top\n  \"br-r\"?: SpacingKey; // border-radius right\n  \"br-b\"?: SpacingKey; // border-radius bottom\n  \"br-l\"?: SpacingKey; // border-radius left\n  \"min-h\"?: SpacingKey; // min-height\n  \"min-w\"?: SpacingKey; // min-width\n  \"max-h\"?: SpacingKey; // max-height\n  \"max-w\"?: SpacingKey; // max-width\n};\n\nexport type SpacingPropsKeys = keyof SpacingProps;\nconst spacingPropsKeys: SpacingPropsKeys[] = [\n  \"gap\",\n  \"m\",\n  \"mx\",\n  \"my\",\n  \"mt\",\n  \"mr\",\n  \"mb\",\n  \"ml\",\n  \"p\",\n  \"px\",\n  \"py\",\n  \"pt\",\n  \"pr\",\n  \"pb\",\n  \"pl\",\n  \"br\",\n  \"br-t\",\n  \"br-r\",\n  \"br-b\",\n  \"br-l\",\n  \"min-h\",\n  \"min-w\",\n  \"max-h\",\n  \"max-w\",\n];\n\nexport const createSpacingClasses = <TProps extends SpacingProps>(\n  props: TProps,\n) => {\n  return spacingPropsKeys\n    .map((key) => (props[key] ? `${key}-${props[key]}` : \"\"))\n    .filter(Boolean);\n};\n"],"names":["spacingPropsKeys","createSpacingClasses","props","key"],"mappings":"AAwDA,MAAMA,IAAuC;AAAA,EAC3C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAEaC,IAAuB,CAClCC,MAEOF,EACJ,IAAI,CAACG,MAASD,EAAMC,CAAG,IAAI,GAAGA,CAAG,IAAID,EAAMC,CAAG,CAAC,KAAK,EAAG,EACvD,OAAO,OAAO;"}
+{"version":3,"file":"index.es238.js","sources":["../src/theme/spacing.ts"],"sourcesContent":["export type SpacingKey =\n  | \"x4\"\n  | \"x8\"\n  | \"x12\"\n  | \"x16\"\n  | \"x20\"\n  | \"x24\"\n  | \"x28\"\n  | \"x32\"\n  | \"x36\"\n  | \"x40\"\n  | \"x44\"\n  | \"x48\"\n  | \"x52\"\n  | \"x56\"\n  | \"x60\"\n  | \"x64\"\n  | \"x68\"\n  | \"x72\"\n  | \"x76\"\n  | \"x80\"\n  | \"x84\"\n  | \"x88\"\n  | \"x92\"\n  | \"x96\"\n  | \"x100\"\n  | \"x104\";\n\nexport type SpacingProps = {\n  gap?: SpacingKey;\n  m?: SpacingKey; // margin\n  mx?: SpacingKey; // margin x\n  my?: SpacingKey; // margin y\n  mt?: SpacingKey; // margin top\n  mr?: SpacingKey; // margin bottom\n  mb?: SpacingKey; // margin right\n  ml?: SpacingKey; // margin left\n  p?: SpacingKey; // padding\n  px?: SpacingKey; // padding x\n  py?: SpacingKey; // padding y\n  pt?: SpacingKey; // padding top\n  pr?: SpacingKey; // padding bottom\n  pb?: SpacingKey; // padding right\n  pl?: SpacingKey; // padding left\n  br?: SpacingKey; // border-radius\n  \"br-t\"?: SpacingKey; // border-radius top\n  \"br-r\"?: SpacingKey; // border-radius right\n  \"br-b\"?: SpacingKey; // border-radius bottom\n  \"br-l\"?: SpacingKey; // border-radius left\n  \"min-h\"?: SpacingKey; // min-height\n  \"min-w\"?: SpacingKey; // min-width\n  \"max-h\"?: SpacingKey; // max-height\n  \"max-w\"?: SpacingKey; // max-width\n};\n\nexport type SpacingPropsKeys = keyof SpacingProps;\nconst spacingPropsKeys: SpacingPropsKeys[] = [\n  \"gap\",\n  \"m\",\n  \"mx\",\n  \"my\",\n  \"mt\",\n  \"mr\",\n  \"mb\",\n  \"ml\",\n  \"p\",\n  \"px\",\n  \"py\",\n  \"pt\",\n  \"pr\",\n  \"pb\",\n  \"pl\",\n  \"br\",\n  \"br-t\",\n  \"br-r\",\n  \"br-b\",\n  \"br-l\",\n  \"min-h\",\n  \"min-w\",\n  \"max-h\",\n  \"max-w\",\n];\n\nexport const createSpacingClasses = <TProps extends SpacingProps>(\n  props: TProps,\n) => {\n  return spacingPropsKeys\n    .map((key) => (props[key] ? `${key}-${props[key]}` : \"\"))\n    .filter(Boolean);\n};\n"],"names":["spacingPropsKeys","createSpacingClasses","props","key"],"mappings":"AAwDA,MAAMA,IAAuC;AAAA,EAC3C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAEaC,IAAuB,CAClCC,MAEOF,EACJ,IAAI,CAACG,MAASD,EAAMC,CAAG,IAAI,GAAGA,CAAG,IAAID,EAAMC,CAAG,CAAC,KAAK,EAAG,EACvD,OAAO,OAAO;"}

package/dist/index.es24.js

@@ -1,5 +1,5 @@
 import { j as e } from "./index.es235.js";
-import { Root as i, Trigger as c, Portal as m, Content as d, Group as x, Item as u } from "./index.es282.js";
+import { Root as i, Trigger as c, Portal as m, Content as d, Group as x, Item as u } from "./index.es256.js";
 import { clsx as o } from "./index.es236.js";
 import { createColorClasses as h } from "./index.es237.js";
 import './components/ui/Dropdown/Dropdown.css';/* empty css            */

package/dist/index.es240.js

@@ -1,6 +1,5 @@
-import { __require as r } from "./index.es457.js";
-var a = r();
+const s = ["fs", "fw"], t = (r) => s.map((o) => r[o] ? `${o}-${r[o]}` : "").filter(Boolean);
 export {
-  a as l
+  t as createTypographyClasses
 };
 //# sourceMappingURL=index.es240.js.map

package/dist/index.es240.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es240.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"index.es240.js","sources":["../src/theme/typography.ts"],"sourcesContent":["export type TypographyKeys =\n  | \"0\"\n  | \"1\"\n  | \"2\"\n  | \"3\"\n  | \"4\"\n  | \"5\"\n  | \"6\"\n  | \"7\"\n  | \"8\"\n  | \"custom\";\n\nexport type TypographyProps = {\n  fs?: TypographyKeys;\n  fw?: \"regular\" | \"medium\" | \"semibold\" | \"bold\";\n};\n\nexport type TypographyPropsKeys = keyof TypographyProps;\nconst typographyPropsKeys: TypographyPropsKeys[] = [\"fs\", \"fw\"];\n\nexport const createTypographyClasses = <TProps extends TypographyProps>(\n  props: TProps,\n) => {\n  return typographyPropsKeys\n    .map((key) => (props[key] ? `${key}-${props[key]}` : \"\"))\n    .filter(Boolean);\n};\n"],"names":["typographyPropsKeys","createTypographyClasses","props","key"],"mappings":"AAkBA,MAAMA,IAA6C,CAAC,MAAM,IAAI,GAEjDC,IAA0B,CACrCC,MAEOF,EACJ,IAAI,CAACG,MAASD,EAAMC,CAAG,IAAI,GAAGA,CAAG,IAAID,EAAMC,CAAG,CAAC,KAAK,EAAG,EACvD,OAAO,OAAO;"}

package/dist/index.es243.js

@@ -0,0 +1,18 @@
+import { useState as r, useEffect as o } from "react";
+const m = (t) => {
+  const [a, s] = r(!1);
+  return o(() => {
+    const e = window.matchMedia(t);
+    s(e.matches);
+    const n = (c) => {
+      s(c.matches);
+    };
+    return e.addEventListener("change", n), () => {
+      e.removeEventListener("change", n);
+    };
+  }, [t]), a;
+};
+export {
+  m as useMediaQuery
+};
+//# sourceMappingURL=index.es243.js.map

package/dist/index.es243.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es243.js","sources":["../src/hooks/useMediaQuery.ts"],"sourcesContent":["import { useState, useEffect } from \"react\";\n\nexport const useMediaQuery = (query: string): boolean => {\n  const [matches, setMatches] = useState(false);\n\n  useEffect(() => {\n    const media = window.matchMedia(query);\n\n    setMatches(media.matches);\n\n    const listener = (event: MediaQueryListEvent) => {\n      setMatches(event.matches);\n    };\n\n    media.addEventListener(\"change\", listener);\n\n    return () => {\n      media.removeEventListener(\"change\", listener);\n    };\n  }, [query]);\n\n  return matches;\n};\n\nexport const useMediaQueryV2 = (\n  query: string,\n  initialValue: boolean,\n): boolean => {\n  const [matches, setMatches] = useState(initialValue);\n\n  useEffect(() => {\n    const media = window.matchMedia(query);\n\n    setMatches(media.matches);\n\n    const listener = (event: MediaQueryListEvent) => {\n      setMatches(event.matches);\n    };\n\n    media.addEventListener(\"change\", listener);\n\n    return () => {\n      media.removeEventListener(\"change\", listener);\n    };\n  }, [query]);\n\n  return matches;\n};\n\ntype Breakpoint = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\ntype BreakpointMap = {\n  [key in Breakpoint]: boolean;\n};\n\nconst breakpoints: Record<Breakpoint, number> = {\n  xs: 576,\n  sm: 768,\n  md: 992,\n  lg: 1200,\n  xl: 1400,\n};\n\nexport const useBreakpoint = (): BreakpointMap => {\n  const [current, setCurrent] = useState<BreakpointMap>({\n    xs: false,\n    sm: false,\n    md: false,\n    lg: false,\n    xl: false,\n  });\n\n  const evaluate = () => {\n    const width = window.innerWidth;\n    const result: BreakpointMap = {\n      xs: width < breakpoints.xs,\n      sm: width >= breakpoints.xs && width < breakpoints.md,\n      md: width >= breakpoints.md && width < breakpoints.lg,\n      lg: width >= breakpoints.lg && width < breakpoints.xl,\n      xl: width >= breakpoints.lg,\n    };\n    setCurrent(result);\n  };\n\n  useEffect(() => {\n    evaluate();\n    window.addEventListener(\"resize\", evaluate);\n    return () => window.removeEventListener(\"resize\", evaluate);\n  }, []);\n\n  return current;\n};\n"],"names":["useMediaQuery","query","matches","setMatches","useState","useEffect","media","listener","event"],"mappings":";AAEa,MAAAA,IAAgB,CAACC,MAA2B;AACvD,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAK;AAE5C,SAAAC,EAAU,MAAM;AACR,UAAAC,IAAQ,OAAO,WAAWL,CAAK;AAErC,IAAAE,EAAWG,EAAM,OAAO;AAElB,UAAAC,IAAW,CAACC,MAA+B;AAC/C,MAAAL,EAAWK,EAAM,OAAO;AAAA,IAC1B;AAEM,WAAAF,EAAA,iBAAiB,UAAUC,CAAQ,GAElC,MAAM;AACL,MAAAD,EAAA,oBAAoB,UAAUC,CAAQ;AAAA,IAC9C;AAAA,EAAA,GACC,CAACN,CAAK,CAAC,GAEHC;AACT;"}