@anoki/fse-ui 2.3.0-16-SNAPSHOT47 → 2.3.0-16-SNAPSHOT49

package/dist/index.cjs96.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index.cjs264.js"),d=require("./index.cjs339.js"),a=require("./index.cjs266.js"),c=({width:s=27,height:o=19,className:t,color:i="primary",decorative:e=!1,ariaLabel:l="Credit card"})=>{const n=d.createColorClasses({color:i});return r.jsxRuntimeExports.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:s,height:o,viewBox:"0 0 27 19",fill:"none",stroke:"currentColor",strokeWidth:"0.01",strokeLinecap:"round",strokeLinejoin:"round",className:a.clsx(t,n),"aria-hidden":e,"aria-label":e?void 0:l,children:r.jsxRuntimeExports.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M24.6667 0H2C0.895431 0 0 0.895431 0 2V16.6667C0 17.7712 0.895431 18.6667 2 18.6667H24.6667C25.7712 18.6667 26.6667 17.7712 26.6667 16.6667V2C26.6667 0.895431 25.7712 0 24.6667 0ZM1.33333 5.33333H25.3333V9.33333H1.33333V5.33333ZM24.6667 17.3333C25.0349 17.3333 25.3333 17.0349 25.3333 16.6667V10.6667H1.33333V16.6667C1.33333 17.0349 1.63181 17.3333 2 17.3333H24.6667ZM1.33333 4V2C1.33333 1.63181 1.63181 1.33333 2 1.33333H24.6667C25.0349 1.33333 25.3333 1.63181 25.3333 2V4H1.33333ZM2.66667 13.3333H8V12H2.66667V13.3333Z",fill:"currentColor"})})};exports.CreditCardV2=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index.cjs264.js"),d=require("./index.cjs306.js"),a=require("./index.cjs267.js"),c=({width:s=27,height:o=19,className:t,color:i="primary",decorative:e=!1,ariaLabel:l="Credit card"})=>{const n=d.createColorClasses({color:i});return r.jsxRuntimeExports.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:s,height:o,viewBox:"0 0 27 19",fill:"none",stroke:"currentColor",strokeWidth:"0.01",strokeLinecap:"round",strokeLinejoin:"round",className:a.clsx(t,n),"aria-hidden":e,"aria-label":e?void 0:l,children:r.jsxRuntimeExports.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M24.6667 0H2C0.895431 0 0 0.895431 0 2V16.6667C0 17.7712 0.895431 18.6667 2 18.6667H24.6667C25.7712 18.6667 26.6667 17.7712 26.6667 16.6667V2C26.6667 0.895431 25.7712 0 24.6667 0ZM1.33333 5.33333H25.3333V9.33333H1.33333V5.33333ZM24.6667 17.3333C25.0349 17.3333 25.3333 17.0349 25.3333 16.6667V10.6667H1.33333V16.6667C1.33333 17.0349 1.63181 17.3333 2 17.3333H24.6667ZM1.33333 4V2C1.33333 1.63181 1.63181 1.33333 2 1.33333H24.6667C25.0349 1.33333 25.3333 1.63181 25.3333 2V4H1.33333ZM2.66667 13.3333H8V12H2.66667V13.3333Z",fill:"currentColor"})})};exports.CreditCardV2=c;
 //# 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/DatePicker/DatePicker.css');const i=require("./index.cjs264.js"),o=require("./index.cjs3.js");;/* empty css              */const R=require("./index.cjs266.js"),f=require("react"),h=({label:s,value:c,maxValue:u,minValue:l,className:p,disabled:n,onClick:a,onChange:x,error:t,required:m=!1,id:b,autoComplete:v="off"})=>{const r=f.useRef(null),e=b||`datepicker-${s.toLowerCase().replace(/\s+/g,"-")}`;f.useEffect(()=>{t&&r.current?(r.current.setAttribute("aria-invalid","true"),r.current.setAttribute("aria-describedby",`${e}-error`)):r.current&&(r.current.setAttribute("aria-invalid","false"),r.current.removeAttribute("aria-describedby"))},[t,e]);const j=d=>{d.key==="Enter"&&!n&&(a==null||a())},D=c?o.DateTime.fromJSDate(c).toFormat("yyyy-MM-dd"):"";return i.jsxRuntimeExports.jsxs("div",{className:R.clsx("datepicker-container",p),role:"group","aria-labelledby":`${e}-label`,"aria-describedby":t?`${e}-error`:void 0,children:[i.jsxRuntimeExports.jsxs("label",{id:`${e}-label`,htmlFor:e,className:"datepicker-label fs-7",children:[s,m&&i.jsxRuntimeExports.jsx("span",{className:"text-error ml-1","aria-hidden":"true",children:"*"})]}),i.jsxRuntimeExports.jsx("input",{ref:r,id:e,type:"date",className:"datepicker-input fs-6",disabled:n,value:D,max:u?o.DateTime.fromJSDate(u).toFormat("yyyy-MM-dd"):void 0,min:l?o.DateTime.fromJSDate(l).toFormat("yyyy-MM-dd"):void 0,onClick:()=>a==null?void 0:a(),onChange:d=>{const y=new Date(d.target.value);isNaN(y.getTime())||x(y)},onKeyDown:j,"aria-required":m,"aria-disabled":n,"aria-label":s,"aria-invalid":!!t,"aria-describedby":t?`${e}-error`:void 0,autoComplete:v}),t&&i.jsxRuntimeExports.jsx("div",{id:`${e}-error`,className:"datepicker-error",role:"alert","aria-live":"polite",children:t})]})};exports.DatePicker=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/DatePicker/DatePicker.css');const i=require("./index.cjs264.js"),o=require("./index.cjs3.js");;/* empty css              */const R=require("./index.cjs267.js"),f=require("react"),h=({label:s,value:c,maxValue:u,minValue:l,className:p,disabled:n,onClick:a,onChange:x,error:t,required:m=!1,id:b,autoComplete:v="off"})=>{const r=f.useRef(null),e=b||`datepicker-${s.toLowerCase().replace(/\s+/g,"-")}`;f.useEffect(()=>{t&&r.current?(r.current.setAttribute("aria-invalid","true"),r.current.setAttribute("aria-describedby",`${e}-error`)):r.current&&(r.current.setAttribute("aria-invalid","false"),r.current.removeAttribute("aria-describedby"))},[t,e]);const j=d=>{d.key==="Enter"&&!n&&(a==null||a())},D=c?o.DateTime.fromJSDate(c).toFormat("yyyy-MM-dd"):"";return i.jsxRuntimeExports.jsxs("div",{className:R.clsx("datepicker-container",p),role:"group","aria-labelledby":`${e}-label`,"aria-describedby":t?`${e}-error`:void 0,children:[i.jsxRuntimeExports.jsxs("label",{id:`${e}-label`,htmlFor:e,className:"datepicker-label fs-7",children:[s,m&&i.jsxRuntimeExports.jsx("span",{className:"text-error ml-1","aria-hidden":"true",children:"*"})]}),i.jsxRuntimeExports.jsx("input",{ref:r,id:e,type:"date",className:"datepicker-input fs-6",disabled:n,value:D,max:u?o.DateTime.fromJSDate(u).toFormat("yyyy-MM-dd"):void 0,min:l?o.DateTime.fromJSDate(l).toFormat("yyyy-MM-dd"):void 0,onClick:()=>a==null?void 0:a(),onChange:d=>{const y=new Date(d.target.value);isNaN(y.getTime())||x(y)},onKeyDown:j,"aria-required":m,"aria-disabled":n,"aria-label":s,"aria-invalid":!!t,"aria-describedby":t?`${e}-error`:void 0,autoComplete:v}),t&&i.jsxRuntimeExports.jsx("div",{id:`${e}-error`,className:"datepicker-error",role:"alert","aria-live":"polite",children:t})]})};exports.DatePicker=h;
 //# sourceMappingURL=index.cjs97.js.map

package/dist/index.cjs98.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index.cjs264.js"),k=require("./index.cjs266.js"),m=require("react"),d=require("./index.cjs97.js"),h=require("./index.cjs214.js"),E=({label:t,startDateLabel:p="Start Date",endDateLabel:j="End Date",startDate:l,endDate:c,className:b,disabled:x=!1,required:n=!1,error:a,onStartDateChange:o,onEndDateChange:u,onStartDateClick:f,onEndDateClick:R})=>{const r=m.useRef(null),i=t?`datepicker-range-${t.toLowerCase().replace(/\s+/g,"-")}`:"datepicker-range";m.useEffect(()=>{a&&r.current?(r.current.setAttribute("aria-invalid","true"),r.current.setAttribute("aria-describedby",`${i}-error`)):r.current&&(r.current.setAttribute("aria-invalid","false"),r.current.removeAttribute("aria-describedby"))},[a,i]);const g=e=>{c&&e>c?(o(e),u(e)):o(e)},v=e=>{l&&e<l&&o(e),u(e)};return s.jsxRuntimeExports.jsxs("div",{ref:r,className:k.clsx("base-col gap-x8",b),role:"group","aria-labelledby":t?`${i}-label`:void 0,"aria-describedby":a?`${i}-error`:void 0,children:[t&&s.jsxRuntimeExports.jsxs("label",{id:`${i}-label`,className:"text-sm text-dark",children:[t,n&&s.jsxRuntimeExports.jsx("span",{className:"text-error ml-1","aria-hidden":"true",children:"*"})]}),s.jsxRuntimeExports.jsxs(h.Row,{gap:"x16",role:"group",children:[s.jsxRuntimeExports.jsx(d.DatePicker,{label:p,value:l,maxValue:c,disabled:x,required:n,onChange:g,onClick:f,className:"flex-1"}),s.jsxRuntimeExports.jsx(d.DatePicker,{label:j,value:c,minValue:l,disabled:x,required:n,onChange:v,onClick:R,className:"flex-1"})]}),a&&s.jsxRuntimeExports.jsx("div",{id:`${i}-error`,className:"text-sm text-error",role:"alert","aria-live":"polite",children:a})]})};exports.DatePickerRange=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index.cjs264.js"),k=require("./index.cjs267.js"),m=require("react"),d=require("./index.cjs97.js"),h=require("./index.cjs214.js"),E=({label:t,startDateLabel:p="Start Date",endDateLabel:j="End Date",startDate:l,endDate:c,className:b,disabled:x=!1,required:n=!1,error:a,onStartDateChange:o,onEndDateChange:u,onStartDateClick:f,onEndDateClick:R})=>{const r=m.useRef(null),i=t?`datepicker-range-${t.toLowerCase().replace(/\s+/g,"-")}`:"datepicker-range";m.useEffect(()=>{a&&r.current?(r.current.setAttribute("aria-invalid","true"),r.current.setAttribute("aria-describedby",`${i}-error`)):r.current&&(r.current.setAttribute("aria-invalid","false"),r.current.removeAttribute("aria-describedby"))},[a,i]);const g=e=>{c&&e>c?(o(e),u(e)):o(e)},v=e=>{l&&e<l&&o(e),u(e)};return s.jsxRuntimeExports.jsxs("div",{ref:r,className:k.clsx("base-col gap-x8",b),role:"group","aria-labelledby":t?`${i}-label`:void 0,"aria-describedby":a?`${i}-error`:void 0,children:[t&&s.jsxRuntimeExports.jsxs("label",{id:`${i}-label`,className:"text-sm text-dark",children:[t,n&&s.jsxRuntimeExports.jsx("span",{className:"text-error ml-1","aria-hidden":"true",children:"*"})]}),s.jsxRuntimeExports.jsxs(h.Row,{gap:"x16",role:"group",children:[s.jsxRuntimeExports.jsx(d.DatePicker,{label:p,value:l,maxValue:c,disabled:x,required:n,onChange:g,onClick:f,className:"flex-1"}),s.jsxRuntimeExports.jsx(d.DatePicker,{label:j,value:c,minValue:l,disabled:x,required:n,onChange:v,onClick:R,className:"flex-1"})]}),a&&s.jsxRuntimeExports.jsx("div",{id:`${i}-error`,className:"text-sm text-error",role:"alert","aria-live":"polite",children:a})]})};exports.DatePickerRange=E;
 //# sourceMappingURL=index.cjs98.js.map

package/dist/index.cjs99.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/DeclarantsSelect/DeclarantsSelect.css');const s=require("./index.cjs264.js"),j=require("./index.cjs266.js"),o=require("react");;/* empty css              */const y=require("./index.cjs80.js"),L=require("./index.cjs19.js"),M=require("./index.cjs82.js"),$=({size:w="large",items:p=[],className:E,selectedItem:i,setSelectedItem:f,placeholder:g=""})=>{const[n,c]=o.useState(!1),[l,u]=o.useState(""),d=o.useRef(null),x=o.useRef(null),m=p.filter(e=>{var r;return`${(r=e.labels)==null?void 0:r.it}`.toLowerCase().includes(l.toLowerCase())});o.useEffect(()=>{const e=t=>{d.current&&!d.current.contains(t.target)&&c(!1)};return n?document.addEventListener("mousedown",e):document.removeEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[n]),o.useEffect(()=>{n&&(u(""),x.current&&x.current.focus())},[n]);const R=e=>{n&&u(e.target.value)},v=()=>{c(!n)},b=e=>{e.stopPropagation(),f(null),u("")},C=o.useMemo(()=>{var e;return!n&&i?((e=p.find(t=>t.code===i))==null?void 0:e.labels.it)||"":l},[n,i,l]),h=i!==null||l.length>0,N=(e,t)=>{if(!t||t.trim()==="")return s.jsxRuntimeExports.jsxs("span",{style:{color:"black",fontSize:"0.85rem"},children:[" ",e," "]});const r=e.toLowerCase().indexOf(t.toLowerCase());if(r===-1)return e;const a=e.slice(0,r),S=e.slice(r,r+t.length),k=e.slice(r+t.length);return s.jsxRuntimeExports.jsxs("span",{style:{color:"black",fontSize:"0.85rem"},children:[a,s.jsxRuntimeExports.jsx("span",{style:{fontSize:"0.85rem"},className:"text-primary fw-bold",children:S}),k]})};return s.jsxRuntimeExports.jsxs("div",{ref:d,className:j.clsx("ui-related-dropdown","br-x4 bg-border-secondary w-full",E),style:w==="large"?{maxWidth:"100%"}:{maxWidth:"553px"},children:[s.jsxRuntimeExports.jsxs("div",{className:"ui-input-container",children:[s.jsxRuntimeExports.jsx("input",{ref:x,className:j.clsx("ui-related-dropdown-input","bg-white fs-6 br-x4 w-full pl-x24",{active:n}),value:C,onChange:R,placeholder:g,onClick:v}),h&&s.jsxRuntimeExports.jsx("div",{className:"ui-close-button",onClick:b,children:s.jsxRuntimeExports.jsx(y.Close,{width:40})}),!h&&s.jsxRuntimeExports.jsx("div",{className:"ui-close-button",children:s.jsxRuntimeExports.jsx(L.ArrowDown,{width:40,height:40})})]}),n&&s.jsxRuntimeExports.jsx("div",{className:"ui-related-dropdown-options",children:s.jsxRuntimeExports.jsx("div",{className:"px-x24 shadow w-full",children:s.jsxRuntimeExports.jsx(M.Col,{gap:"x4",text:"primary",fs:"custom",fw:"regular",className:"ui-options-list fw-regular",children:m.length>0?m.map((e,t)=>{var a;const r=`${(a=e.labels)==null?void 0:a.it} `;return s.jsxRuntimeExports.jsx("div",{className:"ui-option-item",onClick:()=>{f((e==null?void 0:e.code)||""),c(!1)},children:N(r,l)},(e==null?void 0:e.code)||t)}):s.jsxRuntimeExports.jsx("div",{className:"ui-option-item no-results",children:s.jsxRuntimeExports.jsx("span",{style:{color:"gray"},children:"Nessun risultato trovato"})})})})})]})};exports.DeclarantsSelect=$;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/DeclarantsSelect/DeclarantsSelect.css');const s=require("./index.cjs264.js"),j=require("./index.cjs267.js"),o=require("react");;/* empty css              */const y=require("./index.cjs80.js"),L=require("./index.cjs19.js"),M=require("./index.cjs82.js"),$=({size:w="large",items:p=[],className:E,selectedItem:i,setSelectedItem:f,placeholder:g=""})=>{const[n,c]=o.useState(!1),[l,u]=o.useState(""),d=o.useRef(null),x=o.useRef(null),m=p.filter(e=>{var r;return`${(r=e.labels)==null?void 0:r.it}`.toLowerCase().includes(l.toLowerCase())});o.useEffect(()=>{const e=t=>{d.current&&!d.current.contains(t.target)&&c(!1)};return n?document.addEventListener("mousedown",e):document.removeEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[n]),o.useEffect(()=>{n&&(u(""),x.current&&x.current.focus())},[n]);const R=e=>{n&&u(e.target.value)},v=()=>{c(!n)},b=e=>{e.stopPropagation(),f(null),u("")},C=o.useMemo(()=>{var e;return!n&&i?((e=p.find(t=>t.code===i))==null?void 0:e.labels.it)||"":l},[n,i,l]),h=i!==null||l.length>0,N=(e,t)=>{if(!t||t.trim()==="")return s.jsxRuntimeExports.jsxs("span",{style:{color:"black",fontSize:"0.85rem"},children:[" ",e," "]});const r=e.toLowerCase().indexOf(t.toLowerCase());if(r===-1)return e;const a=e.slice(0,r),S=e.slice(r,r+t.length),k=e.slice(r+t.length);return s.jsxRuntimeExports.jsxs("span",{style:{color:"black",fontSize:"0.85rem"},children:[a,s.jsxRuntimeExports.jsx("span",{style:{fontSize:"0.85rem"},className:"text-primary fw-bold",children:S}),k]})};return s.jsxRuntimeExports.jsxs("div",{ref:d,className:j.clsx("ui-related-dropdown","br-x4 bg-border-secondary w-full",E),style:w==="large"?{maxWidth:"100%"}:{maxWidth:"553px"},children:[s.jsxRuntimeExports.jsxs("div",{className:"ui-input-container",children:[s.jsxRuntimeExports.jsx("input",{ref:x,className:j.clsx("ui-related-dropdown-input","bg-white fs-6 br-x4 w-full pl-x24",{active:n}),value:C,onChange:R,placeholder:g,onClick:v}),h&&s.jsxRuntimeExports.jsx("div",{className:"ui-close-button",onClick:b,children:s.jsxRuntimeExports.jsx(y.Close,{width:40})}),!h&&s.jsxRuntimeExports.jsx("div",{className:"ui-close-button",children:s.jsxRuntimeExports.jsx(L.ArrowDown,{width:40,height:40})})]}),n&&s.jsxRuntimeExports.jsx("div",{className:"ui-related-dropdown-options",children:s.jsxRuntimeExports.jsx("div",{className:"px-x24 shadow w-full",children:s.jsxRuntimeExports.jsx(M.Col,{gap:"x4",text:"primary",fs:"custom",fw:"regular",className:"ui-options-list fw-regular",children:m.length>0?m.map((e,t)=>{var a;const r=`${(a=e.labels)==null?void 0:a.it} `;return s.jsxRuntimeExports.jsx("div",{className:"ui-option-item",onClick:()=>{f((e==null?void 0:e.code)||""),c(!1)},children:N(r,l)},(e==null?void 0:e.code)||t)}):s.jsxRuntimeExports.jsx("div",{className:"ui-option-item no-results",children:s.jsxRuntimeExports.jsx("span",{style:{color:"gray"},children:"Nessun risultato trovato"})})})})})]})};exports.DeclarantsSelect=$;
 //# sourceMappingURL=index.cjs99.js.map

package/dist/index.es100.js

@@ -1,7 +1,7 @@
 import { j as e } from "./index.es264.js";
 import './components/ui/DelegateCard/DelegateCard.css';/* empty css            */
 import { useRef as b } from "react";
-import { Checkbox as g, CheckboxIndicator as C } from "./index.es368.js";
+import { Checkbox as g, CheckboxIndicator as C } from "./index.es335.js";
 import { Row as t } from "./index.es214.js";
 import { CheckIcon as N } from "./index.es72.js";
 import { Col as s } from "./index.es82.js";

package/dist/index.es101.js

@@ -1,5 +1,5 @@
 import { j as t } from "./index.es264.js";
-import { clsx as d } from "./index.es266.js";
+import { clsx as d } from "./index.es267.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.es80.js";

package/dist/index.es103.js

@@ -1,5 +1,5 @@
 import { j as s } from "./index.es264.js";
-import { clsx as v } from "./index.es266.js";
+import { clsx as v } from "./index.es267.js";
 const m = ({
   width: e = 20,
   height: l = 20,

package/dist/index.es104.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es264.js";
-import { clsx as a } from "./index.es266.js";
-import { createColorClasses as e } from "./index.es339.js";
+import { clsx as a } from "./index.es267.js";
+import { createColorClasses as e } from "./index.es306.js";
 import './components/ui/Divider/Divider.css';/* empty css            */
 const p = ({
   direction: o = "horizontal",

package/dist/index.es105.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es264.js";
-import { clsx as t } from "./index.es266.js";
-import { createColorClasses as i } from "./index.es339.js";
+import { clsx as t } from "./index.es267.js";
+import { createColorClasses as i } from "./index.es306.js";
 const p = ({
   width: c = 32,
   height: v = 32,

package/dist/index.es106.js

@@ -1,10 +1,10 @@
 import { j as i } from "./index.es264.js";
 import { BaseModal as n } from "./index.es32.js";
-import { clsx as a } from "./index.es266.js";
+import { clsx as a } from "./index.es267.js";
 import './components/ui/DoctorConfirmModal/DoctorConfirmModal.css';/* empty css            */
-import { DoctorConfirmModalContent as s } from "./index.es407.js";
-import { DoctorConfirmModalHeader as d } from "./index.es408.js";
-import { DoctorConfirmModalFooter as f } from "./index.es409.js";
+import { DoctorConfirmModalContent as s } from "./index.es381.js";
+import { DoctorConfirmModalHeader as d } from "./index.es382.js";
+import { DoctorConfirmModalFooter as f } from "./index.es383.js";
 const o = ({
   open: r,
   overrideClassNames: t,

package/dist/index.es107.js

@@ -1,8 +1,8 @@
 import { j as a } from "./index.es264.js";
-import { clsx as n } from "./index.es266.js";
-import './components/ui/DoctorModal/DoctorModal.css';/* empty css            */
-import { DoctorModalContent as p } from "./index.es411.js";
-import { DoctorModalFooter as d } from "./index.es412.js";
+import { clsx as n } from "./index.es267.js";
+import './components/ui/CreateReservationModal/CreateReservationModal.css';/* empty css            */
+import { DoctorModalContent as p } from "./index.es385.js";
+import { DoctorModalFooter as d } from "./index.es386.js";
 import { BaseModal as l } from "./index.es32.js";
 const o = ({
   open: r,

package/dist/index.es109.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es264.js";
-import { clsx as c } from "./index.es266.js";
-import { createColorClasses as i } from "./index.es339.js";
+import { clsx as c } from "./index.es267.js";
+import { createColorClasses as i } from "./index.es306.js";
 const f = ({
   width: h = 32,
   height: v = 32,

package/dist/index.es11.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es264.js";
-import { clsx as i } from "./index.es266.js";
-import { createColorClasses as n } from "./index.es339.js";
+import { clsx as i } from "./index.es267.js";
+import { createColorClasses as n } from "./index.es306.js";
 const x = ({
   width: s = 32,
   height: o = 32,

package/dist/index.es110.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es264.js";
-import { clsx as i } from "./index.es266.js";
-import { createColorClasses as n } from "./index.es339.js";
+import { clsx as i } from "./index.es267.js";
+import { createColorClasses as n } from "./index.es306.js";
 const v = ({
   width: e = 24,
   height: o = 24,

package/dist/index.es112.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es264.js";
-import { clsx as t } from "./index.es266.js";
-import { createColorClasses as i } from "./index.es339.js";
+import { clsx as t } from "./index.es267.js";
+import { createColorClasses as i } from "./index.es306.js";
 const f = ({
   width: l = 24,
   height: e = 24,

package/dist/index.es113.js

@@ -1,7 +1,7 @@
 import { j as e } from "./index.es264.js";
 import { useState as R } from "react";
 import { Button as u } from "./index.es36.js";
-import { clsx as r } from "./index.es266.js";
+import { clsx as r } from "./index.es267.js";
 import './components/ui/DocumentUploadComponent/DocumentUploadComponent.css';/* empty css            */
 import { Attachment as v } from "./index.es24.js";
 import { Col as z } from "./index.es82.js";

package/dist/index.es114.js

@@ -1,9 +1,9 @@
 import { j as a } from "./index.es264.js";
-import { clsx as d } from "./index.es266.js";
+import { clsx as d } from "./index.es267.js";
 import './components/ui/DocumentUploadModal/DocumentUploadModal.css';/* empty css            */
-import { DocumentUploadModalHeader as p } from "./index.es418.js";
-import { DocumentUploadModalContent as l } from "./index.es419.js";
-import { DocumentUploadModalFooter as i } from "./index.es420.js";
+import { DocumentUploadModalHeader as p } from "./index.es392.js";
+import { DocumentUploadModalContent as l } from "./index.es393.js";
+import { DocumentUploadModalFooter as i } from "./index.es394.js";
 import { BaseModal as n } from "./index.es32.js";
 const o = ({
   open: r,

package/dist/index.es117.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es264.js";
-import { clsx as o } from "./index.es266.js";
-import { createColorClasses as d } from "./index.es339.js";
+import { clsx as o } from "./index.es267.js";
+import { createColorClasses as d } from "./index.es306.js";
 const v = ({
   width: a = 24,
   height: r = 24,

package/dist/index.es118.js

@@ -1,7 +1,7 @@
 import { j as e } from "./index.es264.js";
-import { Root as i, Trigger as c, Portal as m, Content as d, Group as x, Item as u } from "./index.es421.js";
-import { clsx as o } from "./index.es266.js";
-import { createColorClasses as h } from "./index.es339.js";
+import { Root as i, Trigger as c, Portal as m, Content as d, Group as x, Item as u } from "./index.es395.js";
+import { clsx as o } from "./index.es267.js";
+import { createColorClasses as h } from "./index.es306.js";
 import './components/ui/Dropdown/Dropdown.css';/* empty css            */
 import { Row as w } from "./index.es214.js";
 import { ArrowDown as p } from "./index.es19.js";

package/dist/index.es119.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es264.js";
-import { clsx as m } from "./index.es266.js";
-import { createColorClasses as n } from "./index.es339.js";
+import { clsx as m } from "./index.es267.js";
+import { createColorClasses as n } from "./index.es306.js";
 const x = ({
   width: s = 24,
   height: e = 24,

package/dist/index.es12.js

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

package/dist/index.es120.js

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

package/dist/index.es121.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es264.js";
-import { clsx as p } from "./index.es266.js";
-import { createColorClasses as m } from "./index.es339.js";
+import { clsx as p } from "./index.es267.js";
+import { createColorClasses as m } from "./index.es306.js";
 const x = ({
   width: r = 114,
   height: e = 115,

package/dist/index.es122.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es264.js";
-import { clsx as c } from "./index.es266.js";
-import { createColorClasses as y } from "./index.es339.js";
+import { clsx as c } from "./index.es267.js";
+import { createColorClasses as y } from "./index.es306.js";
 const n = ({
   width: e = 121,
   height: t = 121,

package/dist/index.es123.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es264.js";
-import { clsx as i } from "./index.es266.js";
-import { createColorClasses as t } from "./index.es339.js";
+import { clsx as i } from "./index.es267.js";
+import { createColorClasses as t } from "./index.es306.js";
 const x = ({
   width: m = 100,
   height: c = 100,

package/dist/index.es126.js

@@ -1,5 +1,5 @@
 import { j as l } from "./index.es264.js";
-import { clsx as n } from "./index.es266.js";
+import { clsx as n } from "./index.es267.js";
 const x = ({
   width: o = 20,
   height: e = 20,

package/dist/index.es127.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es264.js";
-import { clsx as a } from "./index.es266.js";
-import { createColorClasses as v } from "./index.es339.js";
+import { clsx as a } from "./index.es267.js";
+import { createColorClasses as v } from "./index.es306.js";
 const x = ({
   width: r = 18,
   height: i = 18,

package/dist/index.es128.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es264.js";
-import { clsx as i } from "./index.es266.js";
-import { createColorClasses as n } from "./index.es339.js";
+import { clsx as i } from "./index.es267.js";
+import { createColorClasses as n } from "./index.es306.js";
 const p = ({
   width: C = 32,
   height: l = 32,

package/dist/index.es129.js

@@ -1,7 +1,7 @@
 import { j as o } from "./index.es264.js";
 import { BaseModal as m } from "./index.es32.js";
 import { CardFaqCTA as j, CardFaqCTAType as u } from "./index.es49.js";
-import S from "./index.es297.js";
+import S from "./index.es493.js";
 import { useState as a } from "react";
 import { RichText as q } from "./index.es213.js";
 import './sections/FaqSections/FaqSections.css';/* empty css            */

package/dist/index.es13.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es264.js";
-import { clsx as d } from "./index.es266.js";
-import { createColorClasses as m } from "./index.es339.js";
+import { clsx as d } from "./index.es267.js";
+import { createColorClasses as m } from "./index.es306.js";
 const p = ({
   width: e = 24,
   height: o = 24,

package/dist/index.es130.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es264.js";
-import { clsx as n } from "./index.es266.js";
-import { createColorClasses as d } from "./index.es339.js";
+import { clsx as n } from "./index.es267.js";
+import { createColorClasses as d } from "./index.es306.js";
 const u = ({
   width: e = 24,
   height: o = 24,

package/dist/index.es131.js

@@ -1,5 +1,5 @@
 import { j as e } from "./index.es264.js";
-import { clsx as t } from "./index.es266.js";
+import { clsx as t } from "./index.es267.js";
 import { ArrowLink as f } from "./index.es21.js";
 import './components/ui/FeaturedCard/FeaturedCard.css';/* empty css            */
 import { SectionHeading as p } from "./index.es224.js";

package/dist/index.es132.js

@@ -1,9 +1,9 @@
 import { j as e } from "./index.es264.js";
 import './styles/typography.css';import './components/ui/Feedback/Feedback.css';/* empty css            */
-import { Rating as y } from "./index.es427.js";
-import { Questions as z } from "./index.es428.js";
+import { Rating as y } from "./index.es401.js";
+import { Questions as z } from "./index.es402.js";
 import { useState as o, useEffect as B } from "react";
-import { CardComponent as D } from "./index.es429.js";
+import { CardComponent as D } from "./index.es403.js";
 /* empty css            */
 function W({
   question: p,

package/dist/index.es135.js

@@ -1,9 +1,9 @@
 import { j as e } from "./index.es264.js";
-import { clsx as l } from "./index.es266.js";
+import { clsx as l } from "./index.es267.js";
 import './components/ui/FilterDropDown/FilterDropDown.css';/* empty css            */
 import { ArrowDown as u } from "./index.es19.js";
 import { useState as p, useRef as f, useEffect as x } from "react";
-import { ArrowList as w } from "./index.es432.js";
+import { ArrowList as w } from "./index.es406.js";
 import { Col as h } from "./index.es82.js";
 const C = ({
   size: n,

package/dist/index.es136.js

@@ -1,70 +1,91 @@
 import { j as e } from "./index.es264.js";
-import { clsx as l } from "./index.es266.js";
+import { clsx as u } from "./index.es267.js";
 import './components/ui/FilterDropDownV2/FilterDropDownV2.css';/* empty css            */
-import { ArrowDown as u } from "./index.es19.js";
-import { useState as f, useRef as p, useEffect as x } from "react";
-import { ArrowList as v } from "./index.es432.js";
-import { Col as w } from "./index.es82.js";
-const C = ({
-  items: a = [],
-  className: c,
-  label: d,
+import { ArrowDown as v } from "./index.es19.js";
+import { useState as w, useRef as m, useEffect as h } from "react";
+import { ArrowList as j } from "./index.es406.js";
+import { useFocusTrap as E } from "./index.es408.js";
+import { Col as y } from "./index.es82.js";
+const A = ({
+  items: p = [],
+  className: f,
+  label: x,
   value: n,
-  setValue: m
+  setValue: a
 }) => {
-  const [s, o] = f(!1), t = p(null);
-  return x(() => {
-    const r = (i) => {
-      t.current && !t.current.contains(i.target) && o(!1);
+  const [r, t] = w(!1), l = m(null), d = m(null);
+  return E(d, r), h(() => {
+    if (!r) return;
+    const o = (s) => {
+      var c;
+      (c = l.current) != null && c.contains(s.target) || t(!1);
+    }, i = (s) => {
+      s.key === "Escape" && t(!1);
     };
-    return s ? document.addEventListener("mousedown", r) : document.removeEventListener("mousedown", r), () => {
-      document.removeEventListener("mousedown", r);
+    return document.addEventListener("mousedown", o), document.addEventListener("keydown", i), () => {
+      document.removeEventListener("mousedown", o), document.removeEventListener("keydown", i);
     };
-  }, [s]), /* @__PURE__ */ e.jsxs("div", { ref: t, className: l(c, "ui-filter-dropdown-v2"), children: [
+  }, [r]), /* @__PURE__ */ e.jsxs("div", { ref: l, className: u(f, "ui-filter-dropdown-v2"), children: [
     /* @__PURE__ */ e.jsxs(
       "button",
       {
         className: "ui-button-accordion-v2",
         type: "button",
-        onClick: () => o(!s),
+        "aria-expanded": r,
+        "aria-haspopup": "listbox",
+        onClick: () => t(!r),
         children: [
-          /* @__PURE__ */ e.jsx("h1", { className: "fw-semibold fs-custom text-primary", children: n || d }),
+          /* @__PURE__ */ e.jsx("h1", { className: "fw-semibold fs-custom text-primary", children: n || x }),
           /* @__PURE__ */ e.jsx(
-            u,
+            v,
             {
               color: "primary",
-              className: l("ui-arrow-v2", { "ui-expanded-v2": s })
+              className: u("ui-arrow-v2", { "ui-expanded-v2": r })
             }
           )
         ]
       }
     ),
-    s && /* @__PURE__ */ e.jsxs("div", { className: "ui-wrap-list-item-filter-v2 position-relative pt-x12", children: [
-      /* @__PURE__ */ e.jsx(v, { className: "ui-arrow-list-v2 position-absolute" }),
-      /* @__PURE__ */ e.jsx("div", { className: "p-x24 h-full shadow", children: /* @__PURE__ */ e.jsx(
-        w,
-        {
-          gap: "x24",
-          text: "primary",
-          fs: "custom",
-          fw: "regular",
-          className: "ui-list-item-filter-v2 h-full overflow fw-regular",
-          children: a.map((r, i) => /* @__PURE__ */ e.jsx(
-            "div",
+    r && /* @__PURE__ */ e.jsxs(
+      "div",
+      {
+        ref: d,
+        className: "ui-wrap-list-item-filter-v2 position-relative pt-x12",
+        children: [
+          /* @__PURE__ */ e.jsx(j, { className: "ui-arrow-list-v2 position-absolute" }),
+          /* @__PURE__ */ e.jsx("div", { className: "p-x24 h-full shadow", children: /* @__PURE__ */ e.jsx(
+            y,
             {
-              onClick: () => {
-                m(r.value), o(!1);
-              },
-              children: r == null ? void 0 : r.label
-            },
-            i
-          ))
-        }
-      ) })
-    ] })
+              gap: "x24",
+              text: "primary",
+              fs: "custom",
+              fw: "regular",
+              className: "ui-list-item-filter-v2 h-full overflow fw-regular",
+              role: "listbox",
+              children: p.map((o, i) => /* @__PURE__ */ e.jsx(
+                "div",
+                {
+                  role: "option",
+                  "aria-selected": o.value === n,
+                  tabIndex: 0,
+                  onClick: () => {
+                    a(o.value), t(!1);
+                  },
+                  onKeyDown: (s) => {
+                    (s.key === "Enter" || s.key === " ") && (s.preventDefault(), a(o.value), t(!1));
+                  },
+                  children: o.label
+                },
+                i
+              ))
+            }
+          ) })
+        ]
+      }
+    )
   ] });
 };
 export {
-  C as FilterDropDownV2
+  A as FilterDropDownV2
 };
 //# sourceMappingURL=index.es136.js.map

package/dist/index.es136.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es136.js","sources":["../src/components/ui/FilterDropDownV2/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport \"./FilterDropDownV2.scss\";\nimport { ArrowDown } from \"@/icons/ArrowDown\";\nimport { useEffect, useRef, useState } from \"react\";\nimport { ArrowList } from \"@/icons/ArrowList\";\nimport { Col } from \"@/components\";\n\nexport type FilterDropDownV2Item = {\n  label: string;\n  value: string;\n};\n\ntype FilterDropDownV2Props = {\n  items: FilterDropDownV2Item[];\n  className?: string;\n  value?: string;\n  label?: string;\n  setValue: (filter: string) => void;\n};\nexport const FilterDropDownV2 = ({\n  items = [],\n  className,\n  label,\n  value,\n  setValue,\n}: FilterDropDownV2Props) => {\n  const [isExpanded, setIsExpanded] = useState(false);\n  const dropdownRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (\n        dropdownRef.current &&\n        !dropdownRef.current.contains(event.target as Node)\n      ) {\n        setIsExpanded(false);\n      }\n    };\n\n    if (isExpanded) {\n      document.addEventListener(\"mousedown\", handleClickOutside);\n    } else {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n    }\n\n    return () => {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n    };\n  }, [isExpanded]);\n\n  return (\n    <div ref={dropdownRef} className={clsx(className, \"ui-filter-dropdown-v2\")}>\n      <button\n        className=\"ui-button-accordion-v2\"\n        type=\"button\"\n        onClick={() => setIsExpanded(!isExpanded)}\n      >\n        <h1 className=\"fw-semibold fs-custom text-primary\">\n          {value ? value : label}\n        </h1>\n        <ArrowDown\n          color=\"primary\"\n          className={clsx(\"ui-arrow-v2\", { \"ui-expanded-v2\": isExpanded })}\n        />\n      </button>\n      {isExpanded && (\n        <div className={\"ui-wrap-list-item-filter-v2 position-relative pt-x12\"}>\n          <ArrowList className={\"ui-arrow-list-v2 position-absolute\"} />\n          <div className={\"p-x24 h-full shadow\"}>\n            <Col\n              gap={\"x24\"}\n              text={\"primary\"}\n              fs={\"custom\"}\n              fw={\"regular\"}\n              className={\"ui-list-item-filter-v2 h-full overflow fw-regular\"}\n            >\n              {items.map((item, index) => {\n                return (\n                  <div\n                    key={index}\n                    onClick={() => {\n                      setValue(item.value);\n                      setIsExpanded(false);\n                    }}\n                  >\n                    {item?.label}\n                  </div>\n                );\n              })}\n            </Col>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["FilterDropDownV2","items","className","label","value","setValue","isExpanded","setIsExpanded","useState","dropdownRef","useRef","useEffect","handleClickOutside","event","jsxs","clsx","jsx","ArrowDown","ArrowList","Col","item","index"],"mappings":";;;;;;;AAmBO,MAAMA,IAAmB,CAAC;AAAA,EAC/B,OAAAC,IAAQ,CAAA;AAAA,EACR,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AACF,MAA6B;AAC3B,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAS,EAAK,GAC5CC,IAAcC,EAAuB,IAAI;AAE/C,SAAAC,EAAU,MAAM;AACd,UAAMC,IAAqB,CAACC,MAAsB;AAChD,MACEJ,EAAY,WACZ,CAACA,EAAY,QAAQ,SAASI,EAAM,MAAc,KAElDN,EAAc,EAAK;AAAA,IAEvB;AAEA,WAAID,IACF,SAAS,iBAAiB,aAAaM,CAAkB,IAEzD,SAAS,oBAAoB,aAAaA,CAAkB,GAGvD,MAAM;AACX,eAAS,oBAAoB,aAAaA,CAAkB;AAAA,IAC9D;AAAA,EACF,GAAG,CAACN,CAAU,CAAC,GAGbQ,gBAAAA,OAAC,SAAI,KAAKL,GAAa,WAAWM,EAAKb,GAAW,uBAAuB,GACvE,UAAA;AAAA,IAAAY,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,MAAK;AAAA,QACL,SAAS,MAAMP,EAAc,CAACD,CAAU;AAAA,QAExC,UAAA;AAAA,UAAAU,gBAAAA,MAAC,MAAA,EAAG,WAAU,sCACX,UAAAZ,KAAgBD,GACnB;AAAA,UACAa,gBAAAA,EAAAA;AAAAA,YAACC;AAAA,YAAA;AAAA,cACC,OAAM;AAAA,cACN,WAAWF,EAAK,eAAe,EAAE,kBAAkBT,GAAY;AAAA,YAAA;AAAA,UAAA;AAAA,QACjE;AAAA,MAAA;AAAA,IAAA;AAAA,IAEDA,KACCQ,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAW,wDACd,UAAA;AAAA,MAAAE,gBAAAA,EAAAA,IAACE,GAAA,EAAU,WAAW,qCAAA,CAAsC;AAAA,MAC5DF,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAW,uBACd,UAAAA,gBAAAA,EAAAA;AAAAA,QAACG;AAAA,QAAA;AAAA,UACC,KAAK;AAAA,UACL,MAAM;AAAA,UACN,IAAI;AAAA,UACJ,IAAI;AAAA,UACJ,WAAW;AAAA,UAEV,UAAAlB,EAAM,IAAI,CAACmB,GAAMC,MAEdL,gBAAAA,EAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cAEC,SAAS,MAAM;AACb,gBAAAX,EAASe,EAAK,KAAK,GACnBb,EAAc,EAAK;AAAA,cACrB;AAAA,cAEC,UAAAa,KAAA,gBAAAA,EAAM;AAAA,YAAA;AAAA,YANFC;AAAA,UAAA,CASV;AAAA,QAAA;AAAA,MAAA,EACH,CACF;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"index.es136.js","sources":["../src/components/ui/FilterDropDownV2/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport \"./FilterDropDownV2.scss\";\nimport { ArrowDown } from \"@/icons/ArrowDown\";\nimport { useEffect, useRef, useState } from \"react\";\nimport { ArrowList } from \"@/icons/ArrowList\";\nimport { Col } from \"@/components\";\nimport { useFocusTrap } from \"@/hooks/useFocusTrap\";\n\nexport type FilterDropDownV2Item = {\n  label: string;\n  value: string;\n};\n\ntype FilterDropDownV2Props = {\n  items: FilterDropDownV2Item[];\n  className?: string;\n  value?: string;\n  label?: string;\n  setValue: (filter: string) => void;\n};\nexport const FilterDropDownV2 = ({\n  items = [],\n  className,\n  label,\n  value,\n  setValue,\n}: FilterDropDownV2Props) => {\n  const [isExpanded, setIsExpanded] = useState(false);\n  const dropdownRef = useRef<HTMLDivElement>(null);\n  const listRef = useRef<HTMLDivElement>(null);\n\n  useFocusTrap(listRef, isExpanded);\n\n  useEffect(() => {\n    if (!isExpanded) return;\n\n    const handleClickOutside = (event: MouseEvent) => {\n      if (!dropdownRef.current?.contains(event.target as Node)) {\n        setIsExpanded(false);\n      }\n    };\n\n    const handleEscape = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") setIsExpanded(false);\n    };\n\n    document.addEventListener(\"mousedown\", handleClickOutside);\n    document.addEventListener(\"keydown\", handleEscape);\n\n    return () => {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n      document.removeEventListener(\"keydown\", handleEscape);\n    };\n  }, [isExpanded]);\n\n  return (\n    <div ref={dropdownRef} className={clsx(className, \"ui-filter-dropdown-v2\")}>\n      <button\n        className=\"ui-button-accordion-v2\"\n        type=\"button\"\n        aria-expanded={isExpanded}\n        aria-haspopup=\"listbox\"\n        onClick={() => setIsExpanded(!isExpanded)}\n      >\n        <h1 className=\"fw-semibold fs-custom text-primary\">\n          {value || label}\n        </h1>\n        <ArrowDown\n          color=\"primary\"\n          className={clsx(\"ui-arrow-v2\", { \"ui-expanded-v2\": isExpanded })}\n        />\n      </button>\n      {isExpanded && (\n        <div\n          ref={listRef}\n          className={\"ui-wrap-list-item-filter-v2 position-relative pt-x12\"}\n        >\n          <ArrowList className={\"ui-arrow-list-v2 position-absolute\"} />\n          <div className={\"p-x24 h-full shadow\"}>\n            <Col\n              gap={\"x24\"}\n              text={\"primary\"}\n              fs={\"custom\"}\n              fw={\"regular\"}\n              className={\"ui-list-item-filter-v2 h-full overflow fw-regular\"}\n              role=\"listbox\"\n            >\n              {items.map((item, index) => {\n                return (\n                  <div\n                    key={index}\n                    role=\"option\"\n                    aria-selected={item.value === value}\n                    tabIndex={0}\n                    onClick={() => {\n                      setValue(item.value);\n                      setIsExpanded(false);\n                    }}\n                    onKeyDown={(e) => {\n                      if (e.key === \"Enter\" || e.key === \" \") {\n                        e.preventDefault();\n                        setValue(item.value);\n                        setIsExpanded(false);\n                      }\n                    }}\n                  >\n                    {item.label}\n                  </div>\n                );\n              })}\n            </Col>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["FilterDropDownV2","items","className","label","value","setValue","isExpanded","setIsExpanded","useState","dropdownRef","useRef","listRef","useFocusTrap","useEffect","handleClickOutside","event","_a","handleEscape","jsxs","clsx","jsx","ArrowDown","ArrowList","Col","item","index","e"],"mappings":";;;;;;;;AAoBO,MAAMA,IAAmB,CAAC;AAAA,EAC/B,OAAAC,IAAQ,CAAA;AAAA,EACR,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AACF,MAA6B;AAC3B,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAS,EAAK,GAC5CC,IAAcC,EAAuB,IAAI,GACzCC,IAAUD,EAAuB,IAAI;AAE3C,SAAAE,EAAaD,GAASL,CAAU,GAEhCO,EAAU,MAAM;AACd,QAAI,CAACP,EAAY;AAEjB,UAAMQ,IAAqB,CAACC,MAAsB;;AAChD,OAAKC,IAAAP,EAAY,YAAZ,QAAAO,EAAqB,SAASD,EAAM,WACvCR,EAAc,EAAK;AAAA,IAEvB,GAEMU,IAAe,CAACF,MAAyB;AAC7C,MAAIA,EAAM,QAAQ,YAAUR,EAAc,EAAK;AAAA,IACjD;AAEA,oBAAS,iBAAiB,aAAaO,CAAkB,GACzD,SAAS,iBAAiB,WAAWG,CAAY,GAE1C,MAAM;AACX,eAAS,oBAAoB,aAAaH,CAAkB,GAC5D,SAAS,oBAAoB,WAAWG,CAAY;AAAA,IACtD;AAAA,EACF,GAAG,CAACX,CAAU,CAAC,GAGbY,gBAAAA,OAAC,SAAI,KAAKT,GAAa,WAAWU,EAAKjB,GAAW,uBAAuB,GACvE,UAAA;AAAA,IAAAgB,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,MAAK;AAAA,QACL,iBAAeZ;AAAA,QACf,iBAAc;AAAA,QACd,SAAS,MAAMC,EAAc,CAACD,CAAU;AAAA,QAExC,UAAA;AAAA,UAAAc,gBAAAA,EAAAA,IAAC,MAAA,EAAG,WAAU,sCACX,UAAAhB,KAASD,GACZ;AAAA,UACAiB,gBAAAA,EAAAA;AAAAA,YAACC;AAAA,YAAA;AAAA,cACC,OAAM;AAAA,cACN,WAAWF,EAAK,eAAe,EAAE,kBAAkBb,GAAY;AAAA,YAAA;AAAA,UAAA;AAAA,QACjE;AAAA,MAAA;AAAA,IAAA;AAAA,IAEDA,KACCY,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAKP;AAAA,QACL,WAAW;AAAA,QAEX,UAAA;AAAA,UAAAS,gBAAAA,EAAAA,IAACE,GAAA,EAAU,WAAW,qCAAA,CAAsC;AAAA,UAC5DF,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAW,uBACd,UAAAA,gBAAAA,EAAAA;AAAAA,YAACG;AAAA,YAAA;AAAA,cACC,KAAK;AAAA,cACL,MAAM;AAAA,cACN,IAAI;AAAA,cACJ,IAAI;AAAA,cACJ,WAAW;AAAA,cACX,MAAK;AAAA,cAEJ,UAAAtB,EAAM,IAAI,CAACuB,GAAMC,MAEdL,gBAAAA,EAAAA;AAAAA,gBAAC;AAAA,gBAAA;AAAA,kBAEC,MAAK;AAAA,kBACL,iBAAeI,EAAK,UAAUpB;AAAA,kBAC9B,UAAU;AAAA,kBACV,SAAS,MAAM;AACb,oBAAAC,EAASmB,EAAK,KAAK,GACnBjB,EAAc,EAAK;AAAA,kBACrB;AAAA,kBACA,WAAW,CAACmB,MAAM;AAChB,qBAAIA,EAAE,QAAQ,WAAWA,EAAE,QAAQ,SACjCA,EAAE,eAAA,GACFrB,EAASmB,EAAK,KAAK,GACnBjB,EAAc,EAAK;AAAA,kBAEvB;AAAA,kBAEC,UAAAiB,EAAK;AAAA,gBAAA;AAAA,gBAhBDC;AAAA,cAAA,CAmBV;AAAA,YAAA;AAAA,UAAA,EACH,CACF;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GAEJ;AAEJ;"}

package/dist/index.es138.js

@@ -1,6 +1,6 @@
 import { j as C } from "./index.es264.js";
-import { createColorClasses as a } from "./index.es339.js";
-import { clsx as d } from "./index.es266.js";
+import { createColorClasses as a } from "./index.es306.js";
+import { clsx as d } from "./index.es267.js";
 const f = ({
   width: e = 24,
   height: s = 24,

package/dist/index.es139.js

@@ -1,6 +1,6 @@
 import { j as t } from "./index.es264.js";
 import './components/ui/filters/FiltersChips/FiltersChips.css';/* empty css            */
-import { clsx as l } from "./index.es266.js";
+import { clsx as l } from "./index.es267.js";
 import { Row as p } from "./index.es214.js";
 function m(r) {
   return typeof r == "string" ? r : r.value;

package/dist/index.es14.js

@@ -1,10 +1,10 @@
 import { j as a } from "./index.es264.js";
 import { BaseModal as i } from "./index.es32.js";
-import { clsx as s } from "./index.es266.js";
+import { clsx as s } from "./index.es267.js";
 import './components/ui/AddNewModal/AddNewModal.css';/* empty css            */
-import { AddNewModalHeader as l } from "./index.es326.js";
-import { AddNewModalContent as p } from "./index.es327.js";
-import { AddNewModalFooter as n } from "./index.es328.js";
+import { AddNewModalHeader as l } from "./index.es292.js";
+import { AddNewModalContent as p } from "./index.es293.js";
+import { AddNewModalFooter as n } from "./index.es294.js";
 const o = ({
   open: r,
   overrideClassNames: e,

package/dist/index.es140.js

@@ -1,8 +1,8 @@
 import { j as s } from "./index.es264.js";
-import { clsx as a } from "./index.es266.js";
-import './components/ui/DoctorModal/DoctorModal.css';/* empty css            */
-import { DoctorModalContent as i } from "./index.es411.js";
-import { DoctorModalFooter as n } from "./index.es412.js";
+import { clsx as a } from "./index.es267.js";
+import './components/ui/CreateReservationModal/CreateReservationModal.css';/* empty css            */
+import { DoctorModalContent as i } from "./index.es385.js";
+import { DoctorModalFooter as n } from "./index.es386.js";
 import { BaseModal as l } from "./index.es32.js";
 const o = ({
   open: r,