{"version":3,"file":"rO2t8VQl7.fGIxSrtf.mjs","names":["mask","Base","MotionSVG","SVG","svg","getProps","Icon","React.forwardRef","mask","Base","MotionSVG","SVG","svg","getProps","Icon","React.forwardRef","mask","Base","MotionSVG","SVG","svg","getProps","Icon","React.forwardRef","mask","Base","MotionSVG","SVG","svg","getProps","Icon","React.forwardRef","mask","Base","MotionSVG","SVG","svg","getProps","Icon","React.forwardRef","_Fragment","useState","useRef","useCallback","_Fragment","useState","useRef","useState","useRef","useCallback","_Fragment","useState","useRef","useState","u","c","y","f","h","r","t","a","l","n","m","t","d","Se","xe","b","t","j","h","v","m","p","k","I","y","c","be","ke","a","s.object","s.string","s.number","s.record","s.unknown","s.array","useState","useRef","useCallback","_Fragment","useMemo","BooklaSDK","useState","useRef","useCallback","_Fragment","DatePicker","React","ResourcePicker","useState","useState","_Fragment","TicketPicker","getProps","React.forwardRef","StepperIcon","React.useContext","React.useMemo","React.Fragment","React.useState","Handbag","React.forwardRef","useRef","React.useId","sharedStyle.className","sharedStyle1.className","RichText","sharedStyle.css","sharedStyle1.css","sharedStyle.fonts","sharedStyle1.fonts"],"sources":["https:/framerusercontent.com/modules/2bBO7ecGCaUAwBcUslR6/rA09pMRq6VWOkBdtu5sx/uAUTljIBr.js","https:/framerusercontent.com/modules/30rwfDng5ZdjRmRrKRfL/gZKTh47aVacdoAVXayzP/E1T3s41GV.js","https:/framerusercontent.com/modules/4NPoFPQEhSNg2OoiApwj/ob6f5zVw0r8uyASOMKVq/KF85dqOX0.js","https:/framerusercontent.com/modules/bNORwvR02wGMbARQ266w/8cSPQQ8U1lGNf08znwmV/P57b8hxa6.js","https:/framerusercontent.com/modules/FaxZInRwAZReJpbcbldd/muqXBKZwrJnuW4AxlyYL/Whn4aos15.js","https:/framerusercontent.com/modules/Hbc0lxqGSRzFG6uMT9yO/jZfB18ggDrqER5ihmIsa/GoogleMaps.js","https:/framerusercontent.com/modules/uKuLxytTFt6WQcFJXFO4/RdYXTflWZrpxDWa5ncZB/Icons.js","https:/framerusercontent.com/modules/yMu9AtrvZjKjtSUz4NJg/v7WMaUA4l3pCwFso8yJ6/Utils.js","https:/framerusercontent.com/modules/pKo2WrHMREToJOYhslXt/quh2jcA5EhYYsV9fhFj4/Styles_1_1.js","https:/framer.com/m/BaseStyles-U4WY5I.js@quh2jcA5EhYYsV9fhFj4","https:/framerusercontent.com/modules/ONd2gzYdinvDzO8zXcxq/7Xi7flsgqBkKzrwI4TaI/DatePicker.js","https:/framerusercontent.com/modules/R1swBv2gZiy9nRMk3H4s/xCRmTrZUqbnNdX6lRLi3/TimePicker.js","https:/framerusercontent.com/modules/6HKiEuZG4q1lGPyooYq3/Dzrt4YVlE1j5RxGTIzCj/FormView.js","https:/framerusercontent.com/modules/KbLkPmFoswCXpce2Acyb/rGKop9RIpNY13518eN2Y/ResourcePicker.js","https:/framerusercontent.com/modules/aOva5I3JJ3g24FlkcCDD/udZtsvfWIelaSpWp48Yw/AcceptTerms.js","https:/framerusercontent.com/modules/qYb8X84BeoOu1h0BvHkM/u4IpnhNLIugNbXBq3SUs/CodeField.js","https:/framerusercontent.com/modules/X3tJkLf4649YlY5SxtJo/xDkQF6LVBYNJEGAfl4WW/SummaryPanel.js","https:/esm.sh/zod@3.25.76/es2022/v3/helpers/util.mjs","https:/esm.sh/zod@3.25.76/es2022/v3/ZodError.mjs","https:/esm.sh/zod@3.25.76/es2022/v3/locales/en.mjs","https:/esm.sh/zod@3.25.76/es2022/v3/errors.mjs","https:/esm.sh/zod@3.25.76/es2022/v3/external.mjs","https:/esm.sh/zod@3.25.76/es2022/zod.mjs","https:/esm.sh/zod@^3.23.8?target=es2022","https:/esm.sh/@bookla-app/react-client-sdk@0.6.2/es2022/react-client-sdk.mjs","https:/esm.sh/@bookla-app/react-client-sdk@0.6.2","https:/framerusercontent.com/modules/5fxisXM1u7XfMKYefg7y/8K7EEK4bJr67a6geUjDi/AddonsPicker.js","https:/framerusercontent.com/modules/aAISrJOcNslmECdBIuH6/JMJ4QjOswl1SkoPIF3ej/BaseBooklaComponent.js","https:/framerusercontent.com/modules/N5wCSI4Ag0tixibNgeMw/dQ2y1cOaVF5aKJ8j5MSu/TicketPicker.js","https:/framerusercontent.com/modules/HjSMt0h328SuSimaBbZw/SeItCrLZixbSktOPmbA3/BKLTicketComponent.js","https:/framerusercontent.com/modules/nHWpbcOHROwZuHrCuGcp/QkZJMqtGBwYQnlno0lGp/mkmWZVJfb.js","https:/framerusercontent.com/modules/r4WcEdCoFRIFClSI5Qpo/rfyXXpXnhRwoz8Ze8scP/iKyGfqLYU.js","https:/framerusercontent.com/modules/ZnsQvPaknWYWn8yoPHYD/T1mCB7SMiQSQaLoCNkmd/rO2t8VQl7.js"],"sourcesContent":["// Generated by Framer (6ca5d98)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,cx,motion,useSVGTemplate,withCSS}from\"framer\";import*as React from\"react\";import{forwardRef}from\"react\";const mask=\"var(--framer-icon-mask)\";const Base=/*#__PURE__*/forwardRef(function(props,ref){return /*#__PURE__*/_jsx(\"svg\",{...props,ref:ref,children:props.children});});const MotionSVG=motion.create(Base);const SVG=/*#__PURE__*/forwardRef((props,ref)=>{const{animated,layoutId,children,...rest}=props;return animated?/*#__PURE__*/_jsx(MotionSVG,{...rest,layoutId:layoutId,ref:ref,children:children}):/*#__PURE__*/_jsx(\"svg\",{...rest,ref:ref,children:children});});const svg='';const getProps=({alpha,color,height,id,width,width1,...props})=>{return{...props,ezTt3ayMo:color??props.ezTt3ayMo??\"rgb(0, 0, 0)\",lschgej4H:width1??props.lschgej4H??1.5,qxTvv_EBh:alpha??props.qxTvv_EBh};};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{style,className,layoutId,variant,ezTt3ayMo,lschgej4H,qxTvv_EBh,...restProps}=getProps(props);const href=useSVGTemplate(\"3823332826\",svg);return /*#__PURE__*/_jsx(SVG,{...restProps,className:cx(\"framer-nNC3J\",className),layoutId:layoutId,ref:ref,role:\"presentation\",style:{\"--1m6trwb\":qxTvv_EBh,\"--21h8s6\":ezTt3ayMo,\"--pgex8v\":lschgej4H,...style},viewBox:\"0 0 24 24\",children:/*#__PURE__*/_jsx(\"use\",{href:href})});});const css=[`.framer-nNC3J { -webkit-mask: ${mask}; aspect-ratio: 1; display: block; mask: ${mask}; width: 24px; }`];/**\n * This is a generated Framer component.\n * @framerIntrinsicWidth 24\n * @framerIntrinsicHeight 24\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n * @framerVariables {\"ezTt3ayMo\":\"color\",\"lschgej4H\":\"width1\",\"qxTvv_EBh\":\"alpha\"}\n * @framerImmutableVariables true\n * @framerVector {\"name\":\"Compass Rose\",\"color\":{\"type\":\"variable\",\"value\":\"21h8s6\"},\"set\":{\"localId\":\"vectorSet/NGVKdicsm\",\"id\":\"NGVKdicsm\",\"moduleId\":\"omX0gWFPqDwhaiWwf6ab\"}}\n * @framerDisableUnlink true\n */const Icon=withCSS(Component,css,\"framer-nNC3J\");Icon.displayName=\"Compass Rose\";export default Icon;addPropertyControls(Icon,{ezTt3ayMo:{defaultValue:\"rgb(0, 0, 0)\",hidden:false,title:\"Color\",type:ControlType.Color},lschgej4H:{defaultValue:1.5,displayStepper:true,hidden:false,max:6,min:0,step:.5,title:\"Width\",type:ControlType.Number},qxTvv_EBh:{defaultValue:0,displayStepper:true,hidden:false,max:1,min:0,step:.1,title:\"Alpha\",type:ControlType.Number}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Icon\",\"slots\":[],\"annotations\":{\"framerDisableUnlink\":\"true\",\"framerVariables\":\"{\\\"ezTt3ayMo\\\":\\\"color\\\",\\\"lschgej4H\\\":\\\"width1\\\",\\\"qxTvv_EBh\\\":\\\"alpha\\\"}\",\"framerImmutableVariables\":\"true\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerIntrinsicHeight\":\"24\",\"framerVector\":\"{\\\"name\\\":\\\"Compass Rose\\\",\\\"color\\\":{\\\"type\\\":\\\"variable\\\",\\\"value\\\":\\\"21h8s6\\\"},\\\"set\\\":{\\\"localId\\\":\\\"vectorSet/NGVKdicsm\\\",\\\"id\\\":\\\"NGVKdicsm\\\",\\\"moduleId\\\":\\\"omX0gWFPqDwhaiWwf6ab\\\"}}\",\"framerIntrinsicWidth\":\"24\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","// Generated by Framer (6ca5d98)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,cx,motion,useSVGTemplate,withCSS}from\"framer\";import*as React from\"react\";import{forwardRef}from\"react\";const mask=\"var(--framer-icon-mask)\";const Base=/*#__PURE__*/forwardRef(function(props,ref){return /*#__PURE__*/_jsx(\"svg\",{...props,ref:ref,children:props.children});});const MotionSVG=motion.create(Base);const SVG=/*#__PURE__*/forwardRef((props,ref)=>{const{animated,layoutId,children,...rest}=props;return animated?/*#__PURE__*/_jsx(MotionSVG,{...rest,layoutId:layoutId,ref:ref,children:children}):/*#__PURE__*/_jsx(\"svg\",{...rest,ref:ref,children:children});});const svg='';const getProps=({alpha,color,height,id,width,width1,...props})=>{return{...props,ezTt3ayMo:color??props.ezTt3ayMo??\"rgb(0, 0, 0)\",lschgej4H:width1??props.lschgej4H??1.5,qxTvv_EBh:alpha??props.qxTvv_EBh};};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{style,className,layoutId,variant,ezTt3ayMo,lschgej4H,qxTvv_EBh,...restProps}=getProps(props);const href=useSVGTemplate(\"1166741002\",svg);return /*#__PURE__*/_jsx(SVG,{...restProps,className:cx(\"framer-vjcCb\",className),layoutId:layoutId,ref:ref,role:\"presentation\",style:{\"--1m6trwb\":qxTvv_EBh,\"--21h8s6\":ezTt3ayMo,\"--pgex8v\":lschgej4H,...style},viewBox:\"0 0 24 24\",children:/*#__PURE__*/_jsx(\"use\",{href:href})});});const css=[`.framer-vjcCb { -webkit-mask: ${mask}; aspect-ratio: 1; display: block; mask: ${mask}; width: 24px; }`];/**\n * This is a generated Framer component.\n * @framerIntrinsicWidth 24\n * @framerIntrinsicHeight 24\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n * @framerVariables {\"ezTt3ayMo\":\"color\",\"lschgej4H\":\"width1\",\"qxTvv_EBh\":\"alpha\"}\n * @framerImmutableVariables true\n * @framerVector {\"name\":\"Cheers\",\"color\":{\"type\":\"variable\",\"value\":\"21h8s6\"},\"set\":{\"localId\":\"vectorSet/NGVKdicsm\",\"id\":\"NGVKdicsm\",\"moduleId\":\"omX0gWFPqDwhaiWwf6ab\"}}\n * @framerDisableUnlink true\n */const Icon=withCSS(Component,css,\"framer-vjcCb\");Icon.displayName=\"Cheers\";export default Icon;addPropertyControls(Icon,{ezTt3ayMo:{defaultValue:\"rgb(0, 0, 0)\",hidden:false,title:\"Color\",type:ControlType.Color},lschgej4H:{defaultValue:1.5,displayStepper:true,hidden:false,max:6,min:0,step:.5,title:\"Width\",type:ControlType.Number},qxTvv_EBh:{defaultValue:0,displayStepper:true,hidden:false,max:1,min:0,step:.1,title:\"Alpha\",type:ControlType.Number}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Icon\",\"slots\":[],\"annotations\":{\"framerVector\":\"{\\\"name\\\":\\\"Cheers\\\",\\\"color\\\":{\\\"type\\\":\\\"variable\\\",\\\"value\\\":\\\"21h8s6\\\"},\\\"set\\\":{\\\"localId\\\":\\\"vectorSet/NGVKdicsm\\\",\\\"id\\\":\\\"NGVKdicsm\\\",\\\"moduleId\\\":\\\"omX0gWFPqDwhaiWwf6ab\\\"}}\",\"framerDisableUnlink\":\"true\",\"framerContractVersion\":\"1\",\"framerVariables\":\"{\\\"ezTt3ayMo\\\":\\\"color\\\",\\\"lschgej4H\\\":\\\"width1\\\",\\\"qxTvv_EBh\\\":\\\"alpha\\\"}\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerImmutableVariables\":\"true\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerIntrinsicWidth\":\"24\",\"framerIntrinsicHeight\":\"24\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","// Generated by Framer (6ca5d98)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,cx,motion,useSVGTemplate,withCSS}from\"framer\";import*as React from\"react\";import{forwardRef}from\"react\";const mask=\"var(--framer-icon-mask)\";const Base=/*#__PURE__*/forwardRef(function(props,ref){return /*#__PURE__*/_jsx(\"svg\",{...props,ref:ref,children:props.children});});const MotionSVG=motion.create(Base);const SVG=/*#__PURE__*/forwardRef((props,ref)=>{const{animated,layoutId,children,...rest}=props;return animated?/*#__PURE__*/_jsx(MotionSVG,{...rest,layoutId:layoutId,ref:ref,children:children}):/*#__PURE__*/_jsx(\"svg\",{...rest,ref:ref,children:children});});const svg='';const getProps=({alpha,color,height,id,width,width1,...props})=>{return{...props,ezTt3ayMo:color??props.ezTt3ayMo??\"rgb(0, 0, 0)\",lschgej4H:width1??props.lschgej4H??1.5,qxTvv_EBh:alpha??props.qxTvv_EBh};};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{style,className,layoutId,variant,ezTt3ayMo,lschgej4H,qxTvv_EBh,...restProps}=getProps(props);const href=useSVGTemplate(\"2109778876\",svg);return /*#__PURE__*/_jsx(SVG,{...restProps,className:cx(\"framer-5yi3D\",className),layoutId:layoutId,ref:ref,role:\"presentation\",style:{\"--1m6trwb\":qxTvv_EBh,\"--21h8s6\":ezTt3ayMo,\"--pgex8v\":lschgej4H,...style},viewBox:\"0 0 24 24\",children:/*#__PURE__*/_jsx(\"use\",{href:href})});});const css=[`.framer-5yi3D { -webkit-mask: ${mask}; aspect-ratio: 1; display: block; mask: ${mask}; width: 24px; }`];/**\n * This is a generated Framer component.\n * @framerIntrinsicWidth 24\n * @framerIntrinsicHeight 24\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n * @framerVariables {\"ezTt3ayMo\":\"color\",\"lschgej4H\":\"width1\",\"qxTvv_EBh\":\"alpha\"}\n * @framerImmutableVariables true\n * @framerVector {\"name\":\"Users\",\"color\":{\"type\":\"variable\",\"value\":\"21h8s6\"},\"set\":{\"localId\":\"vectorSet/NGVKdicsm\",\"id\":\"NGVKdicsm\",\"moduleId\":\"omX0gWFPqDwhaiWwf6ab\"}}\n * @framerDisableUnlink true\n */const Icon=withCSS(Component,css,\"framer-5yi3D\");Icon.displayName=\"Users\";export default Icon;addPropertyControls(Icon,{ezTt3ayMo:{defaultValue:\"rgb(0, 0, 0)\",hidden:false,title:\"Color\",type:ControlType.Color},lschgej4H:{defaultValue:1.5,displayStepper:true,hidden:false,max:6,min:0,step:.5,title:\"Width\",type:ControlType.Number},qxTvv_EBh:{defaultValue:0,displayStepper:true,hidden:false,max:1,min:0,step:.1,title:\"Alpha\",type:ControlType.Number}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Icon\",\"slots\":[],\"annotations\":{\"framerVector\":\"{\\\"name\\\":\\\"Users\\\",\\\"color\\\":{\\\"type\\\":\\\"variable\\\",\\\"value\\\":\\\"21h8s6\\\"},\\\"set\\\":{\\\"localId\\\":\\\"vectorSet/NGVKdicsm\\\",\\\"id\\\":\\\"NGVKdicsm\\\",\\\"moduleId\\\":\\\"omX0gWFPqDwhaiWwf6ab\\\"}}\",\"framerContractVersion\":\"1\",\"framerIntrinsicHeight\":\"24\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerImmutableVariables\":\"true\",\"framerIntrinsicWidth\":\"24\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerDisableUnlink\":\"true\",\"framerVariables\":\"{\\\"ezTt3ayMo\\\":\\\"color\\\",\\\"lschgej4H\\\":\\\"width1\\\",\\\"qxTvv_EBh\\\":\\\"alpha\\\"}\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","// Generated by Framer (6ca5d98)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,cx,motion,useSVGTemplate,withCSS}from\"framer\";import*as React from\"react\";import{forwardRef}from\"react\";const mask=\"var(--framer-icon-mask)\";const Base=/*#__PURE__*/forwardRef(function(props,ref){return /*#__PURE__*/_jsx(\"svg\",{...props,ref:ref,children:props.children});});const MotionSVG=motion.create(Base);const SVG=/*#__PURE__*/forwardRef((props,ref)=>{const{animated,layoutId,children,...rest}=props;return animated?/*#__PURE__*/_jsx(MotionSVG,{...rest,layoutId:layoutId,ref:ref,children:children}):/*#__PURE__*/_jsx(\"svg\",{...rest,ref:ref,children:children});});const svg='';const getProps=({alpha,color,height,id,width,width1,...props})=>{return{...props,ezTt3ayMo:color??props.ezTt3ayMo??\"rgb(0, 0, 0)\",lschgej4H:width1??props.lschgej4H??1.5,qxTvv_EBh:alpha??props.qxTvv_EBh};};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{style,className,layoutId,variant,ezTt3ayMo,lschgej4H,qxTvv_EBh,...restProps}=getProps(props);const href=useSVGTemplate(\"1727193461\",svg);return /*#__PURE__*/_jsx(SVG,{...restProps,className:cx(\"framer-d4tNk\",className),layoutId:layoutId,ref:ref,role:\"presentation\",style:{\"--1m6trwb\":qxTvv_EBh,\"--21h8s6\":ezTt3ayMo,\"--pgex8v\":lschgej4H,...style},viewBox:\"0 0 24 24\",children:/*#__PURE__*/_jsx(\"use\",{href:href})});});const css=[`.framer-d4tNk { -webkit-mask: ${mask}; aspect-ratio: 1; display: block; mask: ${mask}; width: 24px; }`];/**\n * This is a generated Framer component.\n * @framerIntrinsicWidth 24\n * @framerIntrinsicHeight 24\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n * @framerVariables {\"ezTt3ayMo\":\"color\",\"lschgej4H\":\"width1\",\"qxTvv_EBh\":\"alpha\"}\n * @framerImmutableVariables true\n * @framerVector {\"name\":\"Clock\",\"color\":{\"type\":\"variable\",\"value\":\"21h8s6\"},\"set\":{\"localId\":\"vectorSet/NGVKdicsm\",\"id\":\"NGVKdicsm\",\"moduleId\":\"omX0gWFPqDwhaiWwf6ab\"}}\n * @framerDisableUnlink true\n */const Icon=withCSS(Component,css,\"framer-d4tNk\");Icon.displayName=\"Clock\";export default Icon;addPropertyControls(Icon,{ezTt3ayMo:{defaultValue:\"rgb(0, 0, 0)\",hidden:false,title:\"Color\",type:ControlType.Color},lschgej4H:{defaultValue:1.5,displayStepper:true,hidden:false,max:6,min:0,step:.5,title:\"Width\",type:ControlType.Number},qxTvv_EBh:{defaultValue:0,displayStepper:true,hidden:false,max:1,min:0,step:.1,title:\"Alpha\",type:ControlType.Number}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Icon\",\"slots\":[],\"annotations\":{\"framerIntrinsicHeight\":\"24\",\"framerVariables\":\"{\\\"ezTt3ayMo\\\":\\\"color\\\",\\\"lschgej4H\\\":\\\"width1\\\",\\\"qxTvv_EBh\\\":\\\"alpha\\\"}\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerDisableUnlink\":\"true\",\"framerContractVersion\":\"1\",\"framerImmutableVariables\":\"true\",\"framerVector\":\"{\\\"name\\\":\\\"Clock\\\",\\\"color\\\":{\\\"type\\\":\\\"variable\\\",\\\"value\\\":\\\"21h8s6\\\"},\\\"set\\\":{\\\"localId\\\":\\\"vectorSet/NGVKdicsm\\\",\\\"id\\\":\\\"NGVKdicsm\\\",\\\"moduleId\\\":\\\"omX0gWFPqDwhaiWwf6ab\\\"}}\",\"framerIntrinsicWidth\":\"24\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","// Generated by Framer (6ca5d98)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,cx,motion,useSVGTemplate,withCSS}from\"framer\";import*as React from\"react\";import{forwardRef}from\"react\";const mask=\"var(--framer-icon-mask)\";const Base=/*#__PURE__*/forwardRef(function(props,ref){return /*#__PURE__*/_jsx(\"svg\",{...props,ref:ref,children:props.children});});const MotionSVG=motion.create(Base);const SVG=/*#__PURE__*/forwardRef((props,ref)=>{const{animated,layoutId,children,...rest}=props;return animated?/*#__PURE__*/_jsx(MotionSVG,{...rest,layoutId:layoutId,ref:ref,children:children}):/*#__PURE__*/_jsx(\"svg\",{...rest,ref:ref,children:children});});const svg='';const getProps=({alpha,color,height,id,width,width1,...props})=>{return{...props,ezTt3ayMo:color??props.ezTt3ayMo??\"rgb(0, 0, 0)\",lschgej4H:width1??props.lschgej4H??1.5,qxTvv_EBh:alpha??props.qxTvv_EBh};};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{style,className,layoutId,variant,ezTt3ayMo,lschgej4H,qxTvv_EBh,...restProps}=getProps(props);const href=useSVGTemplate(\"4159562592\",svg);return /*#__PURE__*/_jsx(SVG,{...restProps,className:cx(\"framer-XrTFE\",className),layoutId:layoutId,ref:ref,role:\"presentation\",style:{\"--1m6trwb\":qxTvv_EBh,\"--21h8s6\":ezTt3ayMo,\"--pgex8v\":lschgej4H,...style},viewBox:\"0 0 24 24\",children:/*#__PURE__*/_jsx(\"use\",{href:href})});});const css=[`.framer-XrTFE { -webkit-mask: ${mask}; aspect-ratio: 1; display: block; mask: ${mask}; width: 24px; }`];/**\n * This is a generated Framer component.\n * @framerIntrinsicWidth 24\n * @framerIntrinsicHeight 24\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n * @framerVariables {\"ezTt3ayMo\":\"color\",\"lschgej4H\":\"width1\",\"qxTvv_EBh\":\"alpha\"}\n * @framerImmutableVariables true\n * @framerVector {\"name\":\"Map Pin\",\"color\":{\"type\":\"variable\",\"value\":\"21h8s6\"},\"set\":{\"localId\":\"vectorSet/NGVKdicsm\",\"id\":\"NGVKdicsm\",\"moduleId\":\"omX0gWFPqDwhaiWwf6ab\"}}\n * @framerDisableUnlink true\n */const Icon=withCSS(Component,css,\"framer-XrTFE\");Icon.displayName=\"Map Pin\";export default Icon;addPropertyControls(Icon,{ezTt3ayMo:{defaultValue:\"rgb(0, 0, 0)\",hidden:false,title:\"Color\",type:ControlType.Color},lschgej4H:{defaultValue:1.5,displayStepper:true,hidden:false,max:6,min:0,step:.5,title:\"Width\",type:ControlType.Number},qxTvv_EBh:{defaultValue:0,displayStepper:true,hidden:false,max:1,min:0,step:.1,title:\"Alpha\",type:ControlType.Number}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Icon\",\"slots\":[],\"annotations\":{\"framerVector\":\"{\\\"name\\\":\\\"Map Pin\\\",\\\"color\\\":{\\\"type\\\":\\\"variable\\\",\\\"value\\\":\\\"21h8s6\\\"},\\\"set\\\":{\\\"localId\\\":\\\"vectorSet/NGVKdicsm\\\",\\\"id\\\":\\\"NGVKdicsm\\\",\\\"moduleId\\\":\\\"omX0gWFPqDwhaiWwf6ab\\\"}}\",\"framerDisableUnlink\":\"true\",\"framerIntrinsicHeight\":\"24\",\"framerImmutableVariables\":\"true\",\"framerIntrinsicWidth\":\"24\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerVariables\":\"{\\\"ezTt3ayMo\\\":\\\"color\\\",\\\"lschgej4H\\\":\\\"width1\\\",\\\"qxTvv_EBh\\\":\\\"alpha\\\"}\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","import{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,motion}from\"framer\";import{containerStyles,useRadius,borderRadiusControl}from\"https://framer.com/m/framer/default-utils.js@^0.45.0\";const coordinatesRegex=/^((?:\\-?|\\+?)?\\d+(?:\\.\\d+)?),\\s*((?:\\-?|\\+?)?\\d+(?:\\.\\d+)?)$/;/**\n * GOOGLE MAPS\n *\n * @framerIntrinsicWidth 600\n * @framerIntrinsicHeight 400\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n */export default function GoogleMaps({coordinates,zoom,style,...props}){const borderRadius=useRadius(props);return /*#__PURE__*/_jsx(motion.div,{style:{...style,...containerStyles,overflow:\"hidden\",borderRadius},...props,children:/*#__PURE__*/_jsx(\"iframe\",{style:{height:\"100%\",width:\"100%\",border:0},src:`https://maps.google.com/maps?q=${encodeURIComponent(coordinates)}&z=${zoom}&output=embed`})});}addPropertyControls(GoogleMaps,{coordinates:{type:ControlType.String,title:\"Location\",placeholder:\"Framer B.V.\",defaultValue:\"Framer B.V.\",description:\"The name of the place or its GPS coordinates.\"},zoom:{type:ControlType.Number,step:1,min:0,max:25,title:\"Zoom\",defaultValue:15},...borderRadiusControl});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"GoogleMaps\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerIntrinsicHeight\":\"400\",\"framerIntrinsicWidth\":\"600\",\"framerSupportedLayoutWidth\":\"fixed\",\"framerSupportedLayoutHeight\":\"fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./GoogleMaps.map","import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import*as React from\"react\";function createLucideIcon(iconName,children){const Icon=/*#__PURE__*/React.forwardRef(({size=24,color=\"currentColor\",strokeWidth=2,className,...props},ref)=>/*#__PURE__*/_jsx(\"svg\",{ref:ref,xmlns:\"http://www.w3.org/2000/svg\",width:size,height:size,viewBox:\"0 0 24 24\",fill:\"none\",stroke:color,strokeWidth:strokeWidth,strokeLinecap:\"round\",strokeLinejoin:\"round\",className:className?`lucide lucide-${iconName} ${className}`:`lucide lucide-${iconName}`,...props,children:children}));Icon.displayName=iconName;return Icon;}export const Minus=createLucideIcon(\"minus\",/*#__PURE__*/_jsx(\"path\",{d:\"M5 12h14\"}));export const Plus=createLucideIcon(\"plus\",/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(\"path\",{d:\"M5 12h14\"}),/*#__PURE__*/_jsx(\"path\",{d:\"M12 5v14\"})]}));export const Calendar=createLucideIcon(\"calendar\",/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(\"path\",{d:\"M8 2v4\"}),/*#__PURE__*/_jsx(\"path\",{d:\"M16 2v4\"}),/*#__PURE__*/_jsx(\"rect\",{width:\"18\",height:\"18\",x:\"3\",y:\"4\",rx:\"2\"}),/*#__PURE__*/_jsx(\"path\",{d:\"M3 10h18\"})]}));export const ChevronUp=createLucideIcon(\"chevron-up\",/*#__PURE__*/_jsx(\"path\",{d:\"m18 15-6-6-6 6\"}));export const ChevronDown=createLucideIcon(\"chevron-down\",/*#__PURE__*/_jsx(\"path\",{d:\"m6 9 6 6 6-6\"}));export const AlertCircle=createLucideIcon(\"alert-circle\",/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(\"circle\",{cx:\"12\",cy:\"12\",r:\"10\"}),/*#__PURE__*/_jsx(\"line\",{x1:\"12\",x2:\"12\",y1:\"8\",y2:\"12\"}),/*#__PURE__*/_jsx(\"line\",{x1:\"12\",x2:\"12.01\",y1:\"16\",y2:\"16\"})]}));\nexport const __FramerMetadata__ = {\"exports\":{\"AlertCircle\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"Calendar\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"Plus\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"Minus\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"ChevronDown\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"IconProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"ChevronUp\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Icons.map","export function getRouteId(allRoute,path){for(const[key,value]of Object.entries(allRoute)){if(value?.path===path){return key;}}return\"\";}export function formatPrice(amount,currency){return formatPriceWithLocale(amount,currency,\"en-US\");}export function formatPriceWithLocale(amount,currency,locale){let currencyFormat=new Intl.NumberFormat(locale,{style:\"currency\",currency:currency});return currencyFormat.format(amount/100);}export function formatPriceWithConfig(amount,currency,showDecimalPlaces){return formatPriceWithConfigWithLocale(amount,currency,showDecimalPlaces,\"en-US\");}export function formatPriceWithConfigWithLocale(amount,currency,showDecimalPlaces,locale){const formatted=formatPriceWithLocale(amount,currency,locale);if(!showDecimalPlaces){// Remove decimal places (assumes format like \"$10.00\")\nreturn formatted.replace(/[.,]\\d+/,\"\");}return formatted;}export function adjustToSize(size,toSize){const newSize=adjustToSizeNum(size,toSize);return`${newSize}px`;}export function adjustToSizeNum(size,toSize){switch(toSize){case\"sm\":return Math.round(size/4*.75*4);case\"md\":return size;case\"lg\":return Math.round(size/4*1.25*4);default:return size;}}export const parseIsoDuration=isoDuration=>{// Parse ISO 8601 duration format (e.g., PT30M, PT1H30M)\nconst daysMatch=isoDuration.match(/(\\d+)D/);const hourMatch=isoDuration.match(/(\\d+)H/);const minuteMatch=isoDuration.match(/(\\d+)M/);if(!hourMatch&&!minuteMatch&&!daysMatch){return{days:0,hours:0,minutes:0};}return{days:daysMatch?parseInt(daysMatch[1]??\"\",10):0,hours:hourMatch?parseInt(hourMatch[1]??\"\",10):0,minutes:minuteMatch?parseInt(minuteMatch[1]??\"\",10):0};};export function durationToISO(duration){if(duration.days===0&&duration.hours===0&&duration.minutes===0){return\"PT0S\";}let str=\"P\";if(duration.days>0){str+=`${duration.days}D`;}if(duration.hours>0||duration.minutes>0||duration.seconds>0){str+=\"T\";}if(duration.hours>0){str+=`${duration.hours}H`;}if(duration.minutes>0){str+=`${duration.minutes}M`;}return str;}/**\n * Returns the UTC offset (in minutes, east of UTC is positive) of an IANA\n * timezone at a specific instant. This is the native replacement for\n * moment(...).tz(timeZone).utcOffset().\n *\n * It works by formatting the instant as wall-clock time in the target zone,\n * treating that wall clock as if it were UTC, and measuring the gap back to\n * the real instant. Because it reads the wall clock at the given instant it\n * resolves DST correctly without any external library.\n */function tzOffsetMinutes(timeZone,date){const dtf=new Intl.DateTimeFormat(\"en-US\",{timeZone:timeZone,year:\"numeric\",month:\"numeric\",day:\"numeric\",hour:\"numeric\",minute:\"numeric\",second:\"numeric\",hour12:false});const map={};dtf.formatToParts(date).forEach(p=>map[p.type]=p.value);let hour=parseInt(map.hour??\"0\",10);// Some environments format midnight as hour \"24\" instead of \"0\".\nif(hour===24){hour=0;}const asUTC=Date.UTC(parseInt(map.year??\"0\",10),parseInt(map.month??\"1\",10)-1,parseInt(map.day??\"1\",10),hour,parseInt(map.minute??\"0\",10),parseInt(map.second??\"0\",10));return Math.round((asUTC-date.getTime())/6e4);}/**\n * Re-interprets the wall-clock time of `date` (as seen in the local/runtime\n * timezone) as if it were in `timeZone`, and returns the resulting instant as\n * a UTC ISO 8601 string.\n *\n * Native, dependency-free replacement for the previous moment-timezone\n * implementation. The output is identical to:\n *\n * moment(localDt).tz(timeZone)\n * .add(localDt.utcOffset() - dt.utcOffset(), \"minutes\")\n * .toISOString(false)\n *\n * Note: like the original, this depends on the runtime's local timezone for\n * the source wall clock and only differs by whole minutes.\n *\n * Invalid input returns null, matching the old moment behavior\n * (moment(invalid).toISOString() === null) rather than throwing.\n */export function DateInCompanyTimeZone(date,timeZone){const instant=new Date(date);// Old moment behavior: unparseable input produced null, not a throw.\nif(Number.isNaN(instant.getTime())){return null;}// Offset of the local/runtime zone at this instant (minutes east of UTC).\n// Equivalent to moment(date).utcOffset().\nconst localOffset=-instant.getTimezoneOffset();// Offset of the target zone at this same instant.\n// Equivalent to moment(date).tz(timeZone).utcOffset().\nconst tzOffset=tzOffsetMinutes(timeZone,instant);const shifted=new Date(instant.getTime()+(localOffset-tzOffset)*60*1e3);return shifted.toISOString();}/**\n * Gets the timezone offset between Current time zone and the given timezone in minutes\n * Positive values mean the timezone is ahead of Local time\n * Negative values mean the timezone is behind Local time\n *\n * @param timeZone IANA timezone string (e.g., 'Europe/London')\n * @param date Optional date to calculate the offset for (defaults to now)\n * @returns Offset in minutes\n */export function getTimezoneOffset(timeZone,date=new Date){try{// Use Intl.DateTimeFormat to get the time in both UTC and the target timezone\nconst localFormatter=new Intl.DateTimeFormat(\"en-US\",{year:\"numeric\",month:\"numeric\",day:\"numeric\",hour:\"numeric\",minute:\"numeric\",second:\"numeric\",hour12:false});const tzFormatter=new Intl.DateTimeFormat(\"en-US\",{timeZone:timeZone,year:\"numeric\",month:\"numeric\",day:\"numeric\",hour:\"numeric\",minute:\"numeric\",second:\"numeric\",hour12:false});// Format the date in both timezones\nconst localParts=localFormatter.formatToParts(date);const tzParts=tzFormatter.formatToParts(date);// Parse the formatted parts into Date objects\nfunction getDateFromParts(parts){const map={};parts.forEach(p=>map[p.type]=p.value);return new Date(parseInt(map.year),parseInt(map.month)-1,parseInt(map.day),parseInt(map.hour),parseInt(map.minute),parseInt(map.second));}const localDate=getDateFromParts(localParts);const tzDate=getDateFromParts(tzParts);return(tzDate.getTime()-localDate.getTime())/(60*1e3);}catch(error){console.error(\"Error calculating timezone offset:\",error);// Fallback method\nconst date=new Date;return-date.getTimezoneOffset();}}\nexport const __FramerMetadata__ = {\"exports\":{\"DateInCompanyTimeZone\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"formatPrice\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"durationToISO\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"adjustToSizeNum\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"formatPriceWithConfig\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"getTimezoneOffset\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"getRouteId\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"formatPriceWithLocale\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"parseIsoDuration\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"formatPriceWithConfigWithLocale\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"adjustToSize\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Utils.map","export const headline1={fontWeight:800,fontStyle:\"italic\",letterSpacing:\"-0.5px\"};export const headline2={fontWeight:600,letterSpacing:\"-0.44px\"};export const body1={fontWeight:500,letterSpacing:\"-0.44px\"};export const body2={fontWeight:500,letterSpacing:\"-0.57px\"};export const spinnerStyle=color=>({width:\"16px\",height:\"16px\",border:\"2px solid \"+color,borderTop:\"2px solid transparent\",borderRadius:\"50%\",animation:\"spin 1s linear infinite\",position:\"absolute\",right:\"12px\",top:\"50%\",transform:\"translateY(-50%)\"});\nexport const __FramerMetadata__ = {\"exports\":{\"headline2\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"spinnerStyle\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"body1\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"headline1\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"body2\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Styles_1_1.map","/*\n * Styles_1_1\n *\n * Learn More: https://www.framer.com/asset-urls\n */\n\nexport * from \"https://framerusercontent.com/modules/pKo2WrHMREToJOYhslXt/quh2jcA5EhYYsV9fhFj4/Styles_1_1.js\"\n","import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{useState,useEffect,useCallback,useRef,forwardRef,useImperativeHandle}from\"react\";import{Calendar}from\"https://framerusercontent.com/modules/uKuLxytTFt6WQcFJXFO4/RdYXTflWZrpxDWa5ncZB/Icons.js\";import{adjustToSize,adjustToSizeNum}from\"https://framerusercontent.com/modules/yMu9AtrvZjKjtSUz4NJg/v7WMaUA4l3pCwFso8yJ6/Utils.js\";import{headline2,body2}from\"https://framer.com/m/BaseStyles-U4WY5I.js@quh2jcA5EhYYsV9fhFj4\";const DatePicker=({size,backgroundColor,border,borderRadius,padding,primary,itemBgColor,itemSelectColor,itemTextColor,itemSecondaryTextColor,itemSelectedTextColor,itemSelectedSecondaryTextColor,itemBorderRadius,fontFamily,locale,value,onDateChange,startOnMonday=true,minDates=3,maxDates=7,availableDates,layout=\"default\"},ref)=>{const[selectedDate,setSelectedDate]=useState(value||new Date);const[visibleDates,setVisibleDates]=useState([]);const[visibleCount,setVisibleCount]=useState(maxDates);const getInitialOffset=()=>{if(!value)return 0;const today=new Date;today.setHours(0,0,0,0);const targetDate=new Date(value);targetDate.setHours(0,0,0,0);const daysDiff=Math.floor((targetDate.getTime()-today.getTime())/(1e3*60*60*24));return Math.max(0,daysDiff);};const[startOffset,setStartOffset]=useState(getInitialOffset);// For calendar layout: tracks the month being viewed (1st of the month)\nconst getInitialViewMonth=()=>{const base=value||new Date;return new Date(base.getFullYear(),base.getMonth(),1);};const[viewMonth,setViewMonth]=useState(getInitialViewMonth);const containerRef=useRef(null);const isDateAvailable=date=>{const year=date.getFullYear();const month=String(date.getMonth()+1).padStart(2,\"0\");const day=String(date.getDate()).padStart(2,\"0\");const dateString=`${year}-${month}-${day}`;return availableDates?.includes(dateString)??false;};const containerStyle={width:\"100%\",margin:\"0 auto\",padding:padding,backgroundColor:backgroundColor,borderWidth:border.borderWidth,borderColor:border.borderColor,borderStyle:border.borderStyle,borderRadius:borderRadius};const headerStyle={display:\"flex\",justifyContent:\"space-between\",alignItems:\"center\",marginBottom:adjustToSize(8,size)};const titleContainerStyle={display:\"flex\",alignItems:\"center\",gap:adjustToSize(8,size)};const titleBlockStyle={display:\"flex\",flexDirection:\"column\",gap:adjustToSize(2,size),marginBottom:adjustToSize(8,size)};const titleStyle={...headline2,color:primary,fontFamily:fontFamily!==\"\"?fontFamily:null,fontSize:adjustToSize(17,size)};const subtitleStyle={...body2,color:itemSecondaryTextColor,fontFamily:fontFamily!==\"\"?fontFamily:null,fontSize:adjustToSize(12,size),margin:0};const navigationContainerStyle={display:\"flex\",alignItems:\"center\",gap:adjustToSize(8,size)};const navigationButtonStyle={background:\"none\",//border: \"solid \" + itemBgColor,\nborder:\"0px\",cursor:\"pointer\",borderRadius:itemBorderRadius,padding:\"8px \"+adjustToSize(8,size),minWidth:\"40px\"};const dateGridStyle={display:\"flex\",gap:adjustToSize(8,size),width:\"100%\"};// Calendar layout grid styles\nconst calendarGridStyle={display:\"grid\",gridTemplateColumns:\"repeat(7, 1fr)\",gap:adjustToSize(4,size),width:\"100%\"};const weekdayHeaderStyle={...body2,fontFamily:fontFamily!==\"\"?fontFamily:null,fontSize:adjustToSize(12,size),color:itemSecondaryTextColor,textAlign:\"center\",padding:adjustToSize(4,size)+\" 0\"};const getDateButtonStyle=(isSelected,isCurrentDate,hasAvailability,isPastDate)=>({display:\"flex\",flexDirection:\"column\",alignItems:\"center\",justifyContent:\"center\",flex:1,padding:adjustToSize(12,size),backgroundColor:isSelected?itemSelectColor:itemBgColor,color:isSelected?itemSelectedTextColor:itemTextColor,boxShadow:isCurrentDate&&!isSelected?`inset 0 0 0 2px ${primary}`:\"none\",border:\"none\",borderRadius:itemBorderRadius,cursor:isPastDate?\"not-allowed\":\"pointer\",minWidth:adjustToSize(64,size),opacity:isPastDate?.3:hasAvailability||isSelected?1:.5,hover:{transform:isPastDate?\"none\":\"translateY(-1px)\"}});// Calendar cell style — square-ish, no minWidth so it scales with grid\nconst getCalendarCellStyle=(isSelected,isCurrentDate,hasAvailability,isPastDate,isOutsideMonth)=>({display:\"flex\",flexDirection:\"column\",alignItems:\"center\",justifyContent:\"center\",aspectRatio:\"1 / 1\",padding:adjustToSize(4,size),backgroundColor:isSelected?itemSelectColor:itemBgColor,color:isSelected?itemSelectedTextColor:itemTextColor,boxShadow:isCurrentDate&&!isSelected?`inset 0 0 0 2px ${primary}`:\"none\",border:\"none\",borderRadius:itemBorderRadius,cursor:isPastDate||isOutsideMonth?\"not-allowed\":\"pointer\",opacity:isOutsideMonth?0:isPastDate?.3:hasAvailability||isSelected?1:.5,visibility:isOutsideMonth?\"hidden\":\"visible\"});const dayNameStyle=isSelected=>({...body2,fontFamily:fontFamily!==\"\"?fontFamily:null,fontSize:adjustToSize(14,size),marginBottom:adjustToSize(4,size),color:isSelected?itemSelectedSecondaryTextColor:itemSecondaryTextColor});const dateNumberStyle={...headline2,fontFamily:fontFamily!==\"\"?fontFamily:null,fontSize:adjustToSize(17,size)};const calendarDateNumberStyle={...headline2,fontFamily:fontFamily!==\"\"?fontFamily:null,fontSize:adjustToSize(15,size)};const calendarButtonStyle={background:\"none\",border:\"none\",padding:adjustToSize(4,size),cursor:\"pointer\",display:\"flex\",alignItems:\"center\",justifyContent:\"center\"};const calendarContainerStyle={position:\"relative\",width:adjustToSize(16,size),height:adjustToSize(16,size),display:\"flex\",alignItems:\"center\",justifyContent:\"center\"};const dateInputStyle={position:\"absolute\",left:0,top:0,width:\"100%\",height:\"100%\",opacity:0,cursor:\"pointer\",boxSizing:\"border-box\",WebkitAppearance:\"none\",\"&::WebkitCalendarPickerIndicator\":{position:\"absolute\",left:0,top:0,width:\"100%\",height:\"100%\",margin:0,padding:0,cursor:\"pointer\"}};// Add availability dot styling\nconst availabilityDotStyle=isSelected=>({width:\"4px\",height:\"4px\",borderRadius:\"50%\",backgroundColor:isSelected?itemSelectedSecondaryTextColor:itemSecondaryTextColor,marginTop:\"2px\",opacity:.5});const hiddenAvailabilityDotStyle={width:\"4px\",height:\"4px\",borderRadius:\"50%\",backgroundColor:\"transparent\",marginTop:\"2px\"};// Calculate number of visible dates based on container width\nconst calculateVisibleDates=useCallback(()=>{if(!containerRef.current)return;const containerWidth=containerRef.current.offsetWidth;const minWidth=adjustToSizeNum(80,size)// Minimum width for each date button (including gap)\n;const calculatedCount=Math.floor((containerWidth-adjustToSizeNum(36,size))/minWidth)// 48px for padding\n;// Clamp the count between minDates and maxDates\nconst newCount=Math.max(minDates,Math.min(maxDates,calculatedCount));setVisibleCount(newCount);},[minDates,maxDates]);const handleNativeDateChange=e=>{const newDate=new Date(e.target.value);doChangeDate(newDate);};const doChangeDate=newDate=>{setSelectedDate(newDate);onDateChange?.(newDate);setStartOffset(Math.floor((newDate.getTime()-new Date().getTime())/(1e3*60*60*24)));setViewMonth(new Date(newDate.getFullYear(),newDate.getMonth(),1));};// Add function to check if previous is disabled (default layout)\nconst isPreviousDisabled=()=>{const today=new Date;today.setHours(0,0,0,0);const startDate=new Date;startDate.setDate(startDate.getDate()+startOffset-visibleCount);const endDate=new Date(startDate);endDate.setDate(startDate.getDate()+visibleCount-1);return endDate{const today=new Date;const currentMonthStart=new Date(today.getFullYear(),today.getMonth(),1);return viewMonth.getTime()<=currentMonthStart.getTime();};useImperativeHandle(ref,()=>({doChangeDate}),[]);// Handle window resize\nuseEffect(()=>{const handleResize=()=>{calculateVisibleDates();};window.addEventListener(\"resize\",handleResize);// Initial calculation\ncalculateVisibleDates();return()=>window.removeEventListener(\"resize\",handleResize);},[calculateVisibleDates]);useEffect(()=>{if(value!==undefined){const newValue=new Date(value);newValue.setHours(0,0,0,0);const currentSelected=new Date(selectedDate);currentSelected.setHours(0,0,0,0);// Only update if different\nif(newValue.getTime()!==currentSelected.getTime()){setSelectedDate(value);// Calculate days from today\nconst today=new Date;today.setHours(0,0,0,0);const daysDiff=Math.floor((newValue.getTime()-today.getTime())/(1e3*60*60*24));// Update offset to ensure the date is visible\n// Center it in the view if possible\nconst centerOffset=Math.floor(visibleCount/2);const newOffset=Math.max(0,daysDiff-centerOffset);setStartOffset(newOffset);setViewMonth(new Date(newValue.getFullYear(),newValue.getMonth(),1));}}},[value,visibleCount]);const formatHeaderDate=date=>{return new Intl.DateTimeFormat(locale,{day:\"numeric\",month:\"long\",year:\"numeric\"}).format(date);};const formatMonthYear=date=>{return new Intl.DateTimeFormat(locale,{month:\"long\",year:\"numeric\"}).format(date);};const formatSubtitleDate=date=>{return new Intl.DateTimeFormat(locale,{weekday:\"short\",month:\"short\",day:\"numeric\"}).format(date);};const generateDateRange=useCallback(()=>{const dates=[];const baseDate=new Date;baseDate.setDate(baseDate.getDate()+startOffset);for(let i=0;i