https://exportyai.com/build/assets/Appearance-CQfpmZvN.js

1import{d,I as u,b_ as g,a as l,o as n,F as b,r as f,e as o,i as h,C as x,t as v,p as I,u as c,w as m,b as a,g as M}from"./app-Sjm4flg0.js";import{c as i}from"./SwitchLang.vue_vue_type_script_setup_true_lang-BsjLr_Uo.js";import{_ as $,a as w}from"./Layout.vue_vue_type_script_setup_true_lang-QJwLO4qf.js";import{_ as A}from"./AppLayout.vue_vue_type_script_setup_true_lang-CMTp3OzR.js";import"./AppLogoIcon.vue_vue_type_script_setup_true_lang-jGsn5TKp.js";import"./Primitive-DAwDL9yE.js";import"./useForwardExpose-CfMg8AVP.js";import"./useForwardPropsEmits-BLmhAoAD.js";import"./TooltipTrigger.vue_vue_type_script_setup_true_lang-BT2WONvi.js";import"./useDirection-8DtW-Wa-.js";import"./RovingFocusGroup-ux32MmRQ.js";import"./useArrowNavigation-B5rxJs06.js";/**
2 * @license lucide-vue-next v0.468.0 - ISC
3 *
4 * This source code is licensed under the ISC license.
5 * See the LICENSE file in the root directory of this source tree.
6 */const C=i("MonitorIcon",[["rect",{width:"20",height:"14",x:"2",y:"3",rx:"2",key:"48i651"}],["line",{x1:"8",x2:"16",y1:"21",y2:"21",key:"1svkeh"}],["line",{x1:"12",x2:"12",y1:"17",y2:"21",key:"vw1qmm"}]]);/**
7 * @license lucide-vue-next v0.468.0 - ISC
8 *
9 * This source code is licensed under the ISC license.
10 * See the LICENSE file in the root directory of this source tree.
11 */const B=i("MoonIcon",[["path",{d:"M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z",key:"a7tn18"}]]);/**
12 * @license lucide-vue-next v0.468.0 - ISC
13 *
14 * This source code is licensed under the ISC license.
15 * See the LICENSE file in the root directory of this source tree.
16 */const S=i("SunIcon",[["circle",{cx:"12",cy:"12",r:"4",key:"4exip2"}],["path",{d:"M12 2v2",key:"tus03m"}],["path",{d:"M12 20v2",key:"1lh1kg"}],["path",{d:"m4.93 4.93 1.41 1.41",key:"149t6j"}],["path",{d:"m17.66 17.66 1.41 1.41",key:"ptbguv"}],["path",{d:"M2 12h2",key:"1t8f8n"}],["path",{d:"M20 12h2",key:"1q8mjw"}],["path",{d:"m6.34 17.66-1.41 1.41",key:"1m8zz5"}],["path",{d:"m19.07 4.93-1.41 1.41",key:"1shlcs"}]]),z={class:"inline-flex gap-1 rounded-lg bg-neutral-100 p-1 dark:bg-neutral-800"},D=["onClick"],L={class:"ml-1.5 text-sm"},j=d({__name:"AppearanceTabs",setup(_){const{t:e}=u(),{appearance:s,updateAppearance:t}=g(),p=[{value:"light",Icon:S,label:e("Light")},{value:"dark",Icon:B,label:e("Dark")},{value:"system",Icon:C,label:e("System")}];return(F,N)=>(n(),l("div",z,[(n(),l(b,null,f(p,({value:r,Icon:k,label:y})=>o("button",{key:r,onClick:V=>c(t)(r),class:I(["flex items-center rounded-md px-3.5 py-1.5 transition-colors",c(s)===r?"bg-white shadow-xs dark:bg-neutral-700 dark:text-neutral-100":"text-neutral-500 hover:bg-neutral-200/60 hover:text-black dark:text-neutral-400 dark:hover:bg-neutral-700/60"])},[(n(),h(x(k),{class:"-ml-1 h-4 w-4"})),o("span",L,v(y),1)],10,D)),64))]))}}),q={class:"space-y-6"},W=d({__name:"Appearance",setup(_){const{t:e}=u(),s=[{title:e("Appearance settings"),href:"/settings/appearance"}];return(t,p)=>(n(),h(A,{breadcrumbs:s},{default:m(()=>[a(c(M),{title:t.$t("Appearance settings")},null,8,["title"]),a($,null,{default:m(()=>[o("div",q,[a(w,{title:t.$t("Appearance settings"),description:t.$t("Update your account's appearance settings")},null,8,["title","description"]),a(j)])]),_:1})]),_:1}))}});export{W as default};