import{_ as U,bf as M,bt as h,bu as A,r as T,c as L,a as p,d as l,b as t,w as a,e as s,F as r,g,k as o,t as i,af as V,aQ as F,Q as N,n as B}from"./index-BUdRbiwj.js";import{F as f}from"./FPInput-CzR_dWoe.js";import{F as y}from"./FPCard-qHzcEQAE.js";const W={class:"atlas-container py-8"},j={class:"space-y-6"},$={class:"bg-gray-50 p-4 rounded-lg"},Q={class:"text-sm text-gray-600"},R={class:"font-mono"},q={class:"font-mono"},G={class:"font-mono"},H={class:"flex flex-wrap gap-3"},J={class:"flex items-center gap-3"},K={class:"grid grid-cols-1 md:grid-cols-2 gap-4"},O={class:"grid grid-cols-1 md:grid-cols-3 gap-4"},X={class:"flex justify-end"},Y={class:"grid grid-cols-2 md:grid-cols-4 gap-4"},Z={class:"text-sm font-medium text-gray-700"},ee={class:"space-y-1"},te={class:"bg-gray-50 p-4 rounded-lg"},se={class:"text-sm text-gray-600"},le={class:"font-mono"},ae={class:"font-mono"},oe={class:"font-mono"},ne={class:"mt-8 flex justify-center space-x-4"},re={__name:"FrappeUIDemo",setup(ie){const{currentTheme:b,theme:C,isDark:x,toggleTheme:D,getColor:m}=M();h();const{windowWidth:S,isMobile:c,isTablet:I,breakpoint:k}=A(),d=T({email:"",password:"",name:"",disabled:"Cannot edit this"}),v=T(!1),P=L(()=>[{name:"Primary",shades:[{name:"500",value:m("primary.500"),class:"bg-primary-500",textClass:"text-white"},{name:"600",value:m("primary.600"),class:"bg-primary-600",textClass:"text-white"},{name:"700",value:m("primary.700"),class:"bg-primary-700",textClass:"text-white"}]},{name:"Success",shades:[{name:"500",value:m("success.500"),class:"bg-success-500",textClass:"text-white"}]},{name:"Warning",shades:[{name:"500",value:m("warning.500"),class:"bg-warning-500",textClass:"text-gray-900"}]},{name:"Error",shades:[{name:"500",value:m("error.500"),class:"bg-error-500",textClass:"text-white"}]}]),z=_=>{console.log(`${_} card clicked!`)},E=()=>{d.value={email:"",password:"",name:"",disabled:"Cannot edit this"},v.value=!1},w=()=>{console.log("Current Theme State:",{theme:b.value,colors:C.value.colors,isDark:x.value,primaryColor:m("primary.700"),breakpoint:k.value})};return w(),(_,e)=>(g(),p("div",W,[l(s(y),{title:"Theme Demo",subtitle:"Test Frappe UI integration with Atlas CMMS theming"},{actions:a(()=>[l(s(r),{variant:"ghost",size:"sm",onClick:s(D)},{default:a(()=>[o(i(s(x)?"☀️":"🌙")+" "+i(s(x)?"Light":"Dark"),1)]),_:1},8,["onClick"])]),default:a(()=>[t("div",j,[t("div",$,[e[11]||(e[11]=t("h4",{class:"font-medium text-gray-900 mb-2"},"Current Theme",-1)),t("p",Q,[e[6]||(e[6]=o(" Theme: ",-1)),t("span",R,i(s(b)),1),e[7]||(e[7]=t("br",null,null,-1)),e[8]||(e[8]=o(" Primary Color: ",-1)),t("span",q,i(s(m)("primary.700")),1),e[9]||(e[9]=t("br",null,null,-1)),e[10]||(e[10]=o(" Background: ",-1)),t("span",G,i(s(C).colors.background),1)])]),t("div",null,[e[16]||(e[16]=t("h4",{class:"font-medium text-gray-900 mb-3"},"Button Variants",-1)),t("div",H,[l(s(r),{variant:"primary"},{default:a(()=>e[12]||(e[12]=[o("Primary Button",-1)])),_:1,__:[12]}),l(s(r),{variant:"secondary"},{default:a(()=>e[13]||(e[13]=[o("Secondary Button",-1)])),_:1,__:[13]}),l(s(r),{variant:"ghost"},{default:a(()=>e[14]||(e[14]=[o("Ghost Button",-1)])),_:1,__:[14]}),l(s(r),{variant:"danger"},{default:a(()=>e[15]||(e[15]=[o("Danger Button",-1)])),_:1,__:[15]})])]),t("div",null,[e[20]||(e[20]=t("h4",{class:"font-medium text-gray-900 mb-3"},"Button Sizes",-1)),t("div",J,[l(s(r),{size:"sm"},{default:a(()=>e[17]||(e[17]=[o("Small",-1)])),_:1,__:[17]}),l(s(r),{size:"md"},{default:a(()=>e[18]||(e[18]=[o("Medium",-1)])),_:1,__:[18]}),l(s(r),{size:"lg"},{default:a(()=>e[19]||(e[19]=[o("Large",-1)])),_:1,__:[19]})])]),t("div",null,[e[21]||(e[21]=t("h4",{class:"font-medium text-gray-900 mb-3"},"Input Components",-1)),t("div",K,[l(s(f),{modelValue:d.value.email,"onUpdate:modelValue":e[0]||(e[0]=n=>d.value.email=n),label:"Email Address",type:"email",placeholder:"Enter your email","prepend-icon":"mdi-email",required:""},null,8,["modelValue"]),l(s(f),{modelValue:d.value.password,"onUpdate:modelValue":e[1]||(e[1]=n=>d.value.password=n),label:"Password",type:"password",placeholder:"Enter password","prepend-icon":"mdi-lock","append-icon":v.value?"mdi-eye":"mdi-eye-off","append-icon-clickable":"",onAppendIconClick:e[2]||(e[2]=n=>v.value=!v.value)},null,8,["modelValue","append-icon"]),l(s(f),{modelValue:d.value.name,"onUpdate:modelValue":e[3]||(e[3]=n=>d.value.name=n),label:"Full Name",placeholder:"Enter your name","help-text":"This will be displayed on your profile"},null,8,["modelValue"]),l(s(f),{modelValue:d.value.disabled,"onUpdate:modelValue":e[4]||(e[4]=n=>d.value.disabled=n),label:"Disabled Input",placeholder:"This is disabled",disabled:""},null,8,["modelValue"])])]),t("div",null,[e[27]||(e[27]=t("h4",{class:"font-medium text-gray-900 mb-3"},"Card Variants",-1)),t("div",O,[l(s(y),{title:"Default Card",subtitle:"Standard card with border",padding:"sm"},{default:a(()=>e[22]||(e[22]=[t("p",{class:"text-sm text-gray-600"},"This is a default card with standard styling.",-1)])),_:1,__:[22]}),l(s(y),{variant:"elevated",title:"Elevated Card",hover:"",clickable:"",onClick:e[5]||(e[5]=n=>z("elevated"))},{default:a(()=>e[23]||(e[23]=[t("p",{class:"text-sm text-gray-600"},"This card has elevation and hover effects.",-1)])),_:1,__:[23]}),l(s(y),{variant:"outlined",padding:"lg"},{header:a(()=>e[24]||(e[24]=[t("div",{class:"text-center"},[t("h3",{class:"text-lg font-semibold text-primary-700"},"Custom Header")],-1)])),footer:a(()=>[t("div",X,[l(s(r),{size:"sm"},{default:a(()=>e[25]||(e[25]=[o("Action",-1)])),_:1,__:[25]})])]),default:a(()=>[e[26]||(e[26]=t("div",{class:"text-center"},[t("p",{class:"text-gray-600"},"Card with custom header slot")],-1))]),_:1,__:[26]})])]),t("div",null,[e[28]||(e[28]=t("h4",{class:"font-medium text-gray-900 mb-3"},"Color Palette",-1)),t("div",Y,[(g(!0),p(V,null,F(P.value,n=>(g(),p("div",{key:n.name,class:"space-y-2"},[t("h5",Z,i(n.name),1),t("div",ee,[(g(!0),p(V,null,F(n.shades,u=>(g(),p("div",{key:u.name,class:B([u.class,"h-8 rounded flex items-center justify-center text-xs font-mono"]),style:N({backgroundColor:u.value})},[t("span",{class:B(u.textClass)},i(u.name),3)],6))),128))])]))),128))])]),t("div",null,[e[34]||(e[34]=t("h4",{class:"font-medium text-gray-900 mb-3"},"Responsive Information",-1)),t("div",te,[t("p",se,[e[29]||(e[29]=o(" Window Width: ",-1)),t("span",le,i(s(S))+"px",1),e[30]||(e[30]=t("br",null,null,-1)),e[31]||(e[31]=o(" Breakpoint: ",-1)),t("span",ae,i(s(k)),1),e[32]||(e[32]=t("br",null,null,-1)),e[33]||(e[33]=o(" Device Type: ",-1)),t("span",oe,i(s(c)?"Mobile":s(I)?"Tablet":"Desktop"),1)])])])])]),_:1}),t("div",ne,[l(s(r),{onClick:E},{default:a(()=>e[35]||(e[35]=[o("Reset Form",-1)])),_:1,__:[35]}),l(s(r),{variant:"secondary",onClick:w},{default:a(()=>e[36]||(e[36]=[o("Log Theme State",-1)])),_:1,__:[36]})])]))}},pe=U(re,[["__scopeId","data-v-7d4a9525"]]);export{pe as default};