https://www.dreamcation.com.sg/_next/static/chunks/6718.a0790c7eaed98c27.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6718],{42348:(e,t,r)=>{r.d(t,{A:()=>c,j:()=>d});var n=r(57929),a=r(96137),l=r.n(a),s=r(48301),i=r(65750),o=r(50968);function c(e){let{arrow:t,unstyled:r,href:a,className:c,fill:u,target:p,rel:h,children:f,newTab:w,trapezoidBg:m,sameTab:x,...b}=e,g=(a.startsWith("http")||a.startsWith("tel")||a.startsWith("mailto")||w)&&!x,v="unfilled"===u;return(0,n.jsxs)(l(),{...b,href:a,className:(0,i.cn)(r?c:(0,s.r)({className:c,fill:u})),target:g?"_blank":p,rel:g?"noreferrer noopener":h,children:[r?f:(0,n.jsxs)("div",{className:(0,i.cn)("flex items-center justify-center uppercase z-10",{"gap-2.5":t}),children:[f,t?(0,n.jsx)(o.A,{className:(0,i.cn)({"fill-primary":v})}):null]}),r?null:(0,n.jsx)(d,{isWhite:v,trapezoidBg:m})]})}function d(e){let{isWhite:t,trapezoidBg:r}=e;return(0,n.jsx)("div",{className:(0,i.cn)("left-0 top-0 w-0 rounded-[6px] group-hover:w-[70%] bg-primary h-full trapezoid opacity-0 group-hover:opacity-100 transition-all duration-500 absolute",{"bg-[#AC1F241A]":t},r)})}},48301:(e,t,r)=>{r.d(t,{A:()=>d,r:()=>c});var n=r(57929),a=r(65750),l=r(20189),s=r(82078),i=r(50968),o=r(42348);let c=(0,s.tv)({base:"relative group px-5 rounded-[6px] h-9 xl:h-10 whitespace-nowrap uppercase flex items-center text-center justify-center bg-primary hover:bg-[#cb373c] text-white w-fit",variants:{fill:{unfilled:"border border-primary bg-white hover:bg-white text-primary"}}});function d(e){let{type:t,className:r,disabled:s,fill:d,unstyled:u,isPending:p,children:h,color:f,arrow:w,...m}=e,x="unfilled"===d;return(0,n.jsxs)("button",{disabled:s||p,...m,type:null!=t?t:"button",className:(0,a.cn)(u?r:c({className:r,fill:d})),children:[p?(0,n.jsx)(l.default,{size:5,color:"white"}):u?h:(0,n.jsxs)("div",{className:(0,a.cn)("flex items-center justify-center uppercase z-10",{"gap-2.5":w}),children:[h,w?(0,n.jsx)(i.A,{className:(0,a.cn)({"fill-primary":x})}):null]}),u?null:(0,n.jsx)(o.j,{isWhite:x})]})}},50968:(e,t,r)=>{r.d(t,{A:()=>l});var n=r(57929),a=r(65750);function l(e){let{fill:t,className:r,classNameParent:l,...s}=e;return(0,n.jsxs)("svg",{width:"20",fill:"none",height:"8",viewBox:"0 0 20 8",...s,className:(0,a.cn)(l),xmlns:"http://www.w3.org/2000/svg",children:[(0,n.jsx)("title",{children:"Arrow"}),(0,n.jsx)("path",{fillRule:"evenodd",className:(0,a.cn)(r),clipRule:"evenodd",d:"M17.6248 6.09127H0.699994C0.523995 6.09127 0 6.18327 0 6.80127C0 7.41926 0.523995 7.51126 0.699994 7.51126H19.2988C19.7048 7.51126 19.9998 7.22426 19.9998 6.80127C20.0037 6.63508 19.9452 6.47346 19.8358 6.34827C19.78 6.28429 19.7223 6.22193 19.6628 6.16127L14.3399 0.691321C13.9919 0.413323 13.6719 0.421323 13.3799 0.716321C13.0879 1.01032 13.0689 1.32632 13.3219 1.66631L17.6248 6.09127Z",fill:null!=t?t:"white"})]})}},66718:(e,t,r)=>{r.r(t),r.d(t,{default:()=>H});var n=r(57929),a=r(86409);let l=(0,a.A)("house",[["path",{d:"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8",key:"5wwlr5"}],["path",{d:"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z",key:"1d0kgt"}]]);var s=r(94520);let i=(0,a.A)("menu",[["path",{d:"M4 12h16",key:"1lakjw"}],["path",{d:"M4 18h16",key:"19g7jn"}],["path",{d:"M4 6h16",key:"1o0s65"}]]);var o=r(64157);function c(e,t){window.dispatchEvent(new StorageEvent("storage",{key:e,newValue:t}))}let d=(e,t)=>{let r=JSON.stringify(t);window.localStorage.setItem(e,r),c(e,r)},u=e=>window.localStorage.getItem(e),p=e=>(window.addEventListener("storage",e),()=>window.removeEventListener("storage",e)),h=()=>{throw Error("useLocalStorage is a client-only hook")};function f(e,t){let r=o.useSyncExternalStore(p,()=>u(e),h),n=o.useCallback(t=>{try{let n="function"==typeof t?t(JSON.parse(r)):t;if(null==n)window.localStorage.removeItem(e),c(e,null);else d(e,n)}catch(e){console.warn(e)}},[e,r]);return o.useEffect(()=>{null===u(e)&&void 0!==t&&d(e,t)}

1,[e,t]),[r?JSON.parse(r):t,n]}var w=r(30245),m=r(11058),x=r(48301),b=r(42348),g=r(65750),v=r(36620),y=r(76477),j=r(28875),k=r(84928),N=r(73168),C=r(64936),A=r(11437),S="Switch",[E,L]=(0,j.A)(S),[R,O]=E(S),M=o.forwardRef((e,t)=>{let{__scopeSwitch:r,name:a,checked:l,defaultChecked:s,required:i,disabled:c,value:d="on",onCheckedChange:u,form:p,...h}=e,[f,w]=o.useState(null),m=(0,y.s)(t,e=>w(e)),x=o.useRef(!1),b=!f||p||!!f.closest("form"),[g,j]=(0,k.i)({prop:l,defaultProp:null!=s&&s,onChange:u,caller:S});return(0,n.jsxs)(R,{scope:r,checked:g,disabled:c,children:[(0,n.jsx)(A.sG.button,{type:"button",role:"switch","aria-checked":g,"aria-required":i,"data-state":_(g),"data-disabled":c?"":void 0,disabled:c,value:d,...h,ref:m,onClick:(0,v.mK)(e.onClick,e=>{j(e=>!e),b&&(x.current=e.isPropagationStopped(),x.current||e.stopPropagation())})}),b&&(0,n.jsx)(I,{control:f,bubbles:!x.current,name:a,value:d,checked:g,required:i,disabled:c,form:p,style:{transform:"translateX(-100%)"}})]})});M.displayName=S;var z="SwitchThumb",W=o.forwardRef((e,t)=>{let{__scopeSwitch:r,...a}=e,l=O(z,r);return(0,n.jsx)(A.sG.span,{"data-state":_(l.checked),"data-disabled":l.disabled?"":void 0,...a,ref:t})});W.displayName=z;var I=o.forwardRef((e,t)=>{let{__scopeSwitch:r,control:a,checked:l,bubbles:s=!0,...i}=e,c=o.useRef(null),d=(0,y.s)(c,t),u=(0,N.Z)(l),p=(0,C.X)(a);return o.useEffect(()=>{let e=c.current;if(!e)return;let t=Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype,"checked").set;if(u!==l&&t){let r=new Event("click",{bubbles:s});t.call(e,l),e.dispatchEvent(r)}},[u,l,s]),(0,n.jsx)("input",{type:"checkbox","aria-hidden":!0,defaultChecked:l,...i,tabIndex:-1,ref:d,style:{...i.style,...p,position:"absolute",pointerEvents:"none",opacity:0,margin:0}})});function _(e){return e?"checked":"unchecked"}I.displayName="SwitchBubbleInput";let B=o.forwardRef((e,t)=>{let{className:r,...a}=e;return(0,n.jsx)(M,{className:(0,g.cn)("peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",r),...a,ref:t,children:(0,n.jsx)(W,{className:(0,g.cn)("pointer-events-none block h-4 w-4 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0")})})});function H(e){let{setComponentSlug:t,firstContentBlock:r,filteredContentBlocks:a,componentSlug:c,setIsMobileMode:d,isMobileMode:u}=e,[p,h]=f("recent-slugs",[r]),[v,y]=f("menu-style",{open:!0});return(0,n.jsxs)(o.Fragment,{children:[(0,n.jsxs)("aside",{className:(0,g.cn)("sticky space-y-4 top-0 min-h-screen z-50 bg-primary text-white animate w-[20%]",{"w-0 translate-x-full invisible":!v.open,"p-6":v.open}),children:[(0,n.jsxs)("section",{className:"space-y-1",children:[(0,n.jsx)("p",{children:"Mobile Mode (400px of width)"}),(0,n.jsx)(B,{className:"data-[state=checked]:bg-green-600",checked:u,onCheckedChange:e=>d(e)})]}),(0,n.jsxs)("section",{className:"space-y-1",children:[(0,n.jsx)("p",{children:"Select components"}),(0,n.jsx)(w.A,{value:c,showSearch:!0,filterOption:(e,t)=>{var r;return(null!=(r=null==t?void 0:t.label)?r:"").toString().toLowerCase().includes(e.toLowerCase())},onChange:e=>{t(e);let r=structuredClone(p),n=r.indexOf(e);-1!==n&&r.splice(n,1),r.unshift(e),r.length>10&&r.pop(),h(r)},className:"w-full",children:a.map((e,t)=>(0,n.jsx)(w.A.Option,{value:e.slug,children:"".concat(e.title,", ").concat(e.slug)},t))})]}),(0,n.jsxs)("section",{className:"space-y-1",children:[(0,n.jsx)("p",{children:"Recent viewed components"}),(0,n.jsx)("ul",{className:"flex flex-wrap gap-2 items-center",children:p.map((e,r)=>{let a=e===c;return(0,n.jsx)("li",{children:(0,n.jsx)(x.A,{unstyled:!0,className:(0,g.cn)("px-4 pt-1 pb-0.5 bg-white text-black animate",{"bg-white/70":!a}),onClick:()=>{t(e);let r=structuredClone(p),n=r.indexOf(e);-1!==n&&r.splice(n,1),r.unshift(e),h(r)},children:e})},r)})})]})]}),(0,n.jsxs)("nav",{className:"fixed centered-bottom mb-24 bg-primary p-2 rounded-xl flex gap-2",children:[(0,n.jsx)(b.A,{unstyled:!0,className:"pt-2 pb-1 bg-white text-black px-4 roun

1ded-xl",newTab:!0,href:"/",children:(0,n.jsx)(l,{width:30})}),(0,n.jsx)(b.A,{unstyled:!0,className:"pt-2 pb-1 bg-white text-black px-4 rounded-xl",newTab:!0,href:"".concat(m.R7.componentList,"/").concat(c),children:"View Component"}),(0,n.jsx)(x.A,{className:"pt-2 pb-1 bg-white text-black px-4 rounded-xl",unstyled:!0,onClick:()=>y(e=>({...e,open:!e.open})),children:v.open?(0,n.jsx)(s.A,{}):(0,n.jsx)(i,{})})]})]})}B.displayName=M.displayName},86409:(e,t,r)=>{r.d(t,{A:()=>o});var n=r(64157);let a=e=>{let t=e.replace(/^([A-Z])|[\s-_]+(\w)/g,(e,t,r)=>r?r.toUpperCase():t.toLowerCase());return t.charAt(0).toUpperCase()+t.slice(1)},l=function(){for(var e=arguments.length,t=Array(e),r=0;r<e;r++)t[r]=arguments[r];return t.filter((e,t,r)=>!!e&&""!==e.trim()&&r.indexOf(e)===t).join(" ").trim()};var s={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"};let i=(0,n.forwardRef)((e,t)=>{let{color:r="currentColor",size:a=24,strokeWidth:i=2,absoluteStrokeWidth:o,className:c="",children:d,iconNode:u,...p}=e;return(0,n.createElement)("svg",{ref:t,...s,width:a,height:a,stroke:r,strokeWidth:o?24*Number(i)/Number(a):i,className:l("lucide",c),...!d&&!(e=>{for(let t in e)if(t.startsWith("aria-")||"role"===t||"title"===t)return!0})(p)&&{"aria-hidden":"true"},...p},[...u.map(e=>{let[t,r]=e;return(0,n.createElement)(t,r)}),...Array.isArray(d)?d:[d]])}),o=(e,t)=>{let r=(0,n.forwardRef)((r,s)=>{let{className:o,...c}=r;return(0,n.createElement)(i,{ref:s,iconNode:t,className:l("lucide-".concat(a(e).replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()),"lucide-".concat(e),o),...c})});return r.displayName=a(e),r}}}]);