https://www.dresden-convention.com/_nuxt/BnZ4TNSB.js

1import{$ as Re,s as re,a0 as Ue,a1 as je,a2 as ke,a3 as me,y as M,o as b,m as a,r as N,f as r,t as O,A as u,n as q,a4 as We,a5 as Te,a6 as Je,a7 as Ze,a8 as xe,a9 as Me,aa as Ge,ab as Ce,ac as Qe,ad as Xe,c as A,k as l,a as ae,b as t,ae as se,af as Ye,ag as j,ah as oe,F as K,d as R,ai as et,l as ue,aj as tt,ak as lt,al as st,am as he,an as ve,ao as at,ap as ot,q as it,v as _,aq as le,ar as E,as as rt,D as nt,C as dt,at as mt,E as ut,L as pt,K as gt,au as ce,av as ct,aw as ft,ax as bt,ay as yt,az as fe}from"./BzfDXNcU.js";import{_ as xt,a as ht}from"./Bb_2qVda.js";import{_ as vt}from"./DkurBH0K.js";import{D,a as kt,b as wt,c as _t}from"./_06lT5Jd.js";import{_ as It}from"./BaCQKy8T.js";import{_ as Vt}from"./lHefnVfN.js";import{_ as Bt}from"./mdfLtQ-D.js";import{_ as St}from"./nvcuWdrZ.js";import{_ as Lt}from"./CtElMH0h.js";import"./CgqWk8xa.js";import"./C6Y-ieo6.js";import"./DEdWzWD0.js";import"./cnjsiGIw.js";import"./P_cU2zAF.js";import"./DKzNMMjz.js";import"./D0N1TuNX.js";const ne={meta:"",ctrl:"",alt:"",win:"⊞",command:"⌘",shift:"⇧",control:"⌃",option:"⌥",enter:"↵",delete:"⌦",backspace:"⌫",escape:"⎋",tab:"⇥",capslock:"⇪",arrowup:"↑",arrowright:"→",arrowdown:"↓",arrowleft:"←",pageup:"⇞",pagedown:"⇟",home:"↖",end:"↘"},zt=()=>{const s=re(()=>navigator&&navigator.userAgent&&navigator.userAgent.match(/Macintosh;/)),i=Ue({meta:" ",alt:" ",ctrl:" "});je(()=>{i.meta=s.value?ne.command:"Ctrl",i.ctrl=s.value?ne.control:"Ctrl",i.alt=s.value?ne.option:"Alt"});function o(n){if(n)return["meta","alt","ctrl"].includes(n)?i[n]:ne[n]||n.toUpperCase()}return{macOS:s,getKbdKey:o}},Tt=Re(zt),Mt={base:"inline-flex items-center justify-center px-1 rounded-sm font-medium font-sans",variants:{variant:{solid:"bg-inverted text-inverted",outline:"bg-default text-highlighted ring ring-inset ring-accented",subtle:"bg-elevated text-default ring ring-inset ring-accented"},size:{sm:"h-4 min-w-[16px] text-[10px]",md:"h-5 min-w-[20px] text-[11px]",lg:"h-6 min-w-[24px] text-[12px]"}},defaultVariants:{variant:"outline",size:"md"}},Ct={__name:"DWKbd",props:{as:{type:null,required:!1,default:"kbd"},value:{type:null,required:!1},variant:{type:null,required:!1},size:{type:null,required:!1},class:{type:null,required:!1}},setup(s){const i=s,{getKbdKey:o}=Tt(),n=ke(),p=re(()=>me({extend:me(Mt),...n.ui?.kbd||{}}));return(f,y)=>(b(),M(u(We),{as:s.as,class:q(p.value({variant:s.variant,size:s.size,class:i.class}))},{default:a(()=>[N(f.$slots,"default",{},()=>[r(O(u(o)(s.value)),1)])]),_:3},8,["as","class"]))}},qe={__name:"DWDropdownMenuContent",props:{items:{type:null,required:!1},portal:{type:[Boolean,String],required:!1,skipCheck:!0},sub:{type:Boolean,required:!1},labelKey:{type:null,required:!0},checkedIcon:{type:String,required:!1},loadingIcon:{type:String,required:!1},externalIcon:{type:[Boolean,String],required:!1},class:{type:null,required:!1},ui:{type:null,required:!0},uiOverride:{type:null,required:!1},loop:{type:Boolean,required:!1},side:{type:null,required:!1},sideOffset:{type:Number,required:!1},align:{type:null,required:!1},alignOffset:{type:Number,required:!1},avoidCollisions:{type:Boolean,required:!1},collisionBoundary:{type:null,required:!1},collisionPadding:{type:[Number,Object],required:!1},arrowPadding:{type:Number,required:!1},sticky:{type:String,required:!1},hideWhenDetached:{type:Boolean,required:!1},positionStrategy:{type:String,required:!1},updatePositionStrategy:{type:String,required:!1},disableUpdateOnLayoutShift:{type:Boolean,required:!1},prioritizePosition:{type:Boolean,required:!1},reference:{type:null,required:!1}},emits:["escapeKeyDown","pointerDownOutside","focusOutside","interactOutside","closeAutoFocus"],setup(s,{emit:i}){const o=s,n=i,p=Te(),{dir:f}=Je(),y=ke(),k=Ze(xe(()=>o.portal)),I=Me(Ge(o,"sub","items","portal","labelKey","checkedIcon","loadingIcon","externalIcon","class","ui","uiOverride"),n),x=Ce(p,["default"]),[S,w]=Qe(),F=re(()=>f.value==="rtl"?y.ui.icons.chevronLeft:y.ui.icons.chevronRight),V=re(()=>o.items?.length?Xe(o.items)?o.items:[o.items]:[]);return(B,z)=>(b(),A(K,null,[l(u(S),null,{default:a(({item:m,active:h,index:g})=>[N(B.$slots,m.slot||"item",{item:m,index:g},()=>[N(B.$slots,m.slot?`${m.slot}-leading`:"item-leading",{item:m,active:h,index:g},()=>[m.loading?(b(),M(se,{key:0,name:s.loadingIcon||u(y).ui.icons.loading,class:q(s.ui.itemLeadingIcon({class:[s.uiOverride?.itemLeadingIcon,m.ui?.itemLeadingIcon],c

1olor:m?.color,loading:!0}))},null,8,["name","class"])):m.icon?(b(),M(se,{key:1,name:m.icon,class:q(s.ui.itemLeadingIcon({class:[s.uiOverride?.itemLeadingIcon,m.ui?.itemLeadingIcon],color:m?.color,active:h}))},null,8,["name","class"])):m.avatar?(b(),M(Ye,j({key:2,size:m.ui?.itemLeadingAvatarSize||o.uiOverride?.itemLeadingAvatarSize||s.ui.itemLeadingAvatarSize()},m.avatar,{class:s.ui.itemLeadingAvatar({class:[s.uiOverride?.itemLeadingAvatar,m.ui?.itemLeadingAvatar],active:h})}),null,16,["size","class"])):ae("",!0)]),u(oe)(m,o.labelKey)||p[m.slot?`${m.slot}-label`:"item-label"]?(b(),A("span",{key:0,class:q(s.ui.itemLabel({class:[s.uiOverride?.itemLabel,m.ui?.itemLabel],active:h}))},[N(B.$slots,m.slot?`${m.slot}-label`:"item-label",{item:m,active:h,index:g},()=>[r(O(u(oe)(m,o.labelKey)),1)]),m.target==="_blank"&&s.externalIcon!==!1?(b(),M(se,{key:0,name:typeof s.externalIcon=="string"?s.externalIcon:u(y).ui.icons.external,class:q(s.ui.itemLabelExternalIcon({class:[s.uiOverride?.itemLabelExternalIcon,m.ui?.itemLabelExternalIcon],color:m?.color,active:h}))},null,8,["name","class"])):ae("",!0)],2)):ae("",!0),t("span",{class:q(s.ui.itemTrailing({class:[s.uiOverride?.itemTrailing,m.ui?.itemTrailing]}))},[N(B.$slots,m.slot?`${m.slot}-trailing`:"item-trailing",{item:m,active:h,index:g},()=>[m.children?.length?(b(),M(se,{key:0,name:F.value,class:q(s.ui.itemTrailingIcon({class:[s.uiOverride?.itemTrailingIcon,m.ui?.itemTrailingIcon],color:m?.color,active:h}))},null,8,["name","class"])):m.kbds?.length?(b(),A("span",{key:1,class:q(s.ui.itemTrailingKbds({class:[s.uiOverride?.itemTrailingKbds,m.ui?.itemTrailingKbds]}))},[(b(!0),A(K,null,R(m.kbds,(L,C)=>(b(),M(Ct,j({key:C,size:m.ui?.itemTrailingKbdsSize||o.uiOverride?.itemTrailingKbdsSize||s.ui.itemTrailingKbdsSize(),ref_for:!0},typeof L=="string"?{value:L}:L),null,16,["size"]))),128))],2)):ae("",!0)]),l(u(D).ItemIndicator,{"as-child":""},{default:a(()=>[l(se,{name:s.checkedIcon||u(y).ui.icons.check,class:q(s.ui.itemTrailingIcon({class:[s.uiOverride?.itemTrailingIcon,m.ui?.itemTrailingIcon],color:m?.color}))},null,8,["name","class"])]),_:2},1024)],2)])]),_:3}),l(u(D).Portal,he(ve(u(k))),{default:a(()=>[(b(),M(et(s.sub?u(D).SubContent:u(D).Content),j({class:o.class},u(I)),{default:a(()=>[N(B.$slots,"content-top"),(b(!0),A(K,null,R(V.value,(m,h)=>(b(),M(u(D).Group,{key:`group-${h}`,class:q(s.ui.group({class:s.uiOverride?.group}))},{default:a(()=>[(b(!0),A(K,null,R(m,(g,L)=>(b(),A(K,{key:`group-${h}-${L}`},[g.type==="label"?(b(),M(u(D).Label,{key:0,class:q(s.ui.label({class:[s.uiOverride?.label,g.ui?.label,g.class]}))},{default:a(()=>[l(u(w),{item:g,index:L},null,8,["item","index"])]),_:2},1032,["class"])):g.type==="separator"?(b(),M(u(D).Separator,{key:1,class:q(s.ui.separator({class:[s.uiOverride?.separator,g.ui?.separator,g.class]}))},null,8,["class"])):g?.children?.length?(b(),M(u(D).Sub,{key:2,open:g.open,"default-open":g.defaultOpen},{default:a(()=>[l(u(D).SubTrigger,{as:"button",type:"button",disabled:g.disabled,"text-value":u(oe)(g,o.labelKey),class:q(s.ui.item({class:[s.uiOverride?.item,g.ui?.item,g.class],color:g?.color}))},{default:a(()=>[l(u(w),{item:g,index:L},null,8,["item","index"])]),_:2},1032,["disabled","text-value","class"]),l(qe,j({sub:"",class:o.class,ui:s.ui,"ui-override":s.uiOverride,portal:s.portal,items:g.children,al

1ign:"start","align-offset":-4,"side-offset":3,"label-key":s.labelKey,"checked-icon":s.checkedIcon,"loading-icon":s.loadingIcon,"external-icon":s.externalIcon,ref_for:!0},g.content),ue({_:2},[R(u(x),(C,$)=>({name:$,fn:a(pe=>[N(B.$slots,$,j({ref_for:!0},pe))])}))]),1040,["class","ui","ui-override","portal","items","label-key","checked-icon","loading-icon","external-icon"])]),_:2},1032,["open","default-open"])):g.type==="checkbox"?(b(),M(u(D).CheckboxItem,{key:3,"model-value":g.checked,disabled:g.disabled,"text-value":u(oe)(g,o.labelKey),class:q(s.ui.item({class:[s.uiOverride?.item,g.ui?.item,g.class],color:g?.color})),"onUpdate:modelValue":g.onUpdateChecked,onSelect:g.onSelect},{default:a(()=>[l(u(w),{item:g,index:L},null,8,["item","index"])]),_:2},1032,["model-value","disabled","text-value","class","onUpdate:modelValue","onSelect"])):(b(),M(u(D).Item,{key:4,"as-child":"",disabled:g.disabled,"text-value":u(oe)(g,o.labelKey),onSelect:g.onSelect},{default:a(()=>[l(tt,j({ref_for:!0},u(lt)(g),{custom:""}),{default:a(({active:C,...$})=>[l(st,j({ref_for:!0},$,{class:s.ui.item({class:[s.uiOverride?.item,g.ui?.item,g.class],color:g?.color,active:C})}),{default:a(()=>[l(u(w),{item:g,active:C,index:L},null,8,["item","active","index"])]),_:2},1040,["class"])]),_:2},1040)]),_:2},1032,["disabled","text-value","onSelect"]))],64))),128))]),_:2},1032,["class"]))),128)),N(B.$slots,"default"),N(B.$slots,"content-bottom")]),_:3},16,["class"]))]),_:3},16)],64))}},qt={slots:{content:"min-w-32 bg-default shadow-lg rounded-md ring ring-default divide-y divide-default overflow-y-auto scroll-py-1 data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in] origin-(--reka-dropdown-menu-content-transform-origin)",arrow:"fill-default",group:"p-1 isolate",label:"w-full flex items-center font-semibold text-highlighted",separator:"-mx-1 my-1 h-px bg-border",item:"group relative w-full flex items-center select-none outline-none before:absolute before:z-[-1] before:inset-px before:rounded-md data-disabled:cursor-not-allowed data-disabled:opacity-75",itemLeadingIcon:"shrink-0",itemLeadingAvatar:"shrink-0",itemLeadingAvatarSize:"",itemTrailing:"ms-auto inline-flex gap-1.5 items-center",itemTrailingIcon:"shrink-0",itemTrailingKbds:"hidden lg:inline-flex items-center shrink-0",itemTrailingKbdsSize:"",itemLabel:"truncate",itemLabelExternalIcon:"inline-block size-3 align-top text-dimmed"},variants:{color:{primary:"",secondary:"",success:"",info:"",warning:"",error:"",neutral:""},active:{true:{item:"text-highlighted before:bg-elevated",itemLeadingIcon:"text-default"},false:{item:["text-default data-highlighted:text-highlighted data-[state=open]:text-highlighted data-highlighted:before:bg-elevated/50 data-[state=open]:before:bg-elevated/50","transition-colors before:transition-colors"],itemLeadingIcon:["text-dimmed group-data-highlighted:text-default group-data-[state=open]:text-default","transition-colors"]}},loading:{true:{itemLeadingIcon:"animate-spin"}},size:{xs:{label:"p-1 text-xs gap-1",item:"p-1 text-xs gap-1",itemLeadingIcon:"size-4",itemLeadingAvatarSize:"3xs",itemTrailingIcon:"size-4",itemTrailingKbds:"gap-0.5",itemTrailingKbdsSize:"sm"},sm:{label:"p-1.5 text-xs gap-1.5",item:"p-1.5 text-xs gap-1.5",itemLeadingIcon:"size-4",itemLeadingAvatarSize:"3xs",itemTrailingIcon:"size-4",itemTrailingKbds:"gap-0.5",itemTrailingKbdsSize:"sm"},md:{label:"p-1.5 text-sm gap-1.5",item:"p-1.5 text-sm gap-1.5",itemLeadingIcon:"size-5",itemLeadingAvatarSize:"2xs",itemTrailingIcon:"size-5",itemTrailingKbds:"gap-0.5",itemTrailingKbdsSize:"md"},lg:{label:"p-2 text-sm gap-2",item:"p-2 text-sm gap-2",itemLeadingIcon:"size-5",itemLeadingAvatarSize:"2xs",itemTrailingIcon:"size-5",itemTrailingKbds:"gap-1",itemTrailingKbdsSize:"md"},xl:{label:"p-2 text-base gap-2",item:"p-2 text-base gap-2",itemLeadingIcon:"size-6",itemLeadingAvatarSize:"xs",itemTrailingIcon:"size-6",itemTrailingKbds:"gap-1",itemTrailingKbdsSize:"lg"}}},compoundVariants:[{color:"primary",active:!1,class:{item:"text-primary data-highlighted:text-primary data-highlighted:before:bg-primary/10 data-[state=open]:before:bg-primary/10",itemLeadingIcon:"text-primary/75 group-data-highlighted:text-primary group-data-[state=open]:text-primary"}}

1,{color:"secondary",active:!1,class:{item:"text-secondary data-highlighted:text-secondary data-highlighted:before:bg-secondary/10 data-[state=open]:before:bg-secondary/10",itemLeadingIcon:"text-secondary/75 group-data-highlighted:text-secondary group-data-[state=open]:text-secondary"}},{color:"success",active:!1,class:{item:"text-success data-highlighted:text-success data-highlighted:before:bg-success/10 data-[state=open]:before:bg-success/10",itemLeadingIcon:"text-success/75 group-data-highlighted:text-success group-data-[state=open]:text-success"}},{color:"info",active:!1,class:{item:"text-info data-highlighted:text-info data-highlighted:before:bg-info/10 data-[state=open]:before:bg-info/10",itemLeadingIcon:"text-info/75 group-data-highlighted:text-info group-data-[state=open]:text-info"}},{color:"warning",active:!1,class:{item:"text-warning data-highlighted:text-warning data-highlighted:before:bg-warning/10 data-[state=open]:before:bg-warning/10",itemLeadingIcon:"text-warning/75 group-data-highlighted:text-warning group-data-[state=open]:text-warning"}},{color:"error",active:!1,class:{item:"text-error data-highlighted:text-error data-highlighted:before:bg-error/10 data-[state=open]:before:bg-error/10",itemLeadingIcon:"text-error/75 group-data-highlighted:text-error group-data-[state=open]:text-error"}},{color:"primary",active:!0,class:{item:"text-primary before:bg-primary/10",itemLeadingIcon:"text-primary"}},{color:"secondary",active:!0,class:{item:"text-secondary before:bg-secondary/10",itemLeadingIcon:"text-secondary"}},{color:"success",active:!0,class:{item:"text-success before:bg-success/10",itemLeadingIcon:"text-success"}},{color:"info",active:!0,class:{item:"text-info before:bg-info/10",itemLeadingIcon:"text-info"}},{color:"warning",active:!0,class:{item:"text-warning before:bg-warning/10",itemLeadingIcon:"text-warning"}},{color:"error",active:!0,class:{item:"text-error before:bg-error/10",itemLeadingIcon:"text-error"}}],defaultVariants:{size:"md"}},Et={__name:"DWDropdownMenu",props:{size:{type:null,required:!1},items:{type:null,required:!1},checkedIcon:{type:String,required:!1},loadingIcon:{type:String,required:!1},externalIcon:{type:[Boolean,String],required:!1,default:!0},content:{type:Object,required:!1},arrow:{type:[Boolean,Object],required:!1},portal:{type:[Boolean,String],required:!1,skipCheck:!0,default:!0},labelKey:{type:null,required:!1,default:"label"},disabled:{type:Boolean,required:!1},class:{type:null,required:!1},ui:{type:null,required:!1},defaultOpen:{type:Boolean,required:!1},open:{type:Boolean,required:!1},modal:{type:Boolean,required:!1,default:!0}},emits:["update:open"],setup(s,{emit:i}){const o=s,n=i,p=Te(),f=ke(),y=Me(at(o,"defaultOpen","open","modal"),n),k=xe(()=>ot(o.content,{side:"bottom",sideOffset:8,collisionPadding:8})),I=xe(()=>o.arrow),x=Ce(p,["default"]),S=re(()=>me({extend:me(qt),...f.ui?.dropdownMenu||{}})({size:o.size}));return(w,F)=>(b(),M(u(_t),he(ve(u(y))),{default:a(({open:V})=>[p.default?(b(),M(u(kt),{key:0,"as-child":"",class:q(o.class),disabled:s.disabled},{default:a(()=>[N(w.$slots,"default",{open:V})]),_:2},1032,["class","disabled"])):ae("",!0),l(qe,j({class:S.value.content({class:[!p.default&&o.class,o.ui?.content]}),ui:S.value,"ui-override":o.ui},k.value,{items:s.items,portal:s.portal,"label-key":s.labelKey,"checked-icon":s.checkedIcon,"loading-icon":s.loadingIcon,"external-icon":s.externalIcon}),ue({default:a(()=>[s.arrow?(b(),M(u(wt),j({key:0},I.value,{class:S.value.arrow({class:o.ui?.arrow})}),null,16,["class"])):ae("",!0)]),_:2},[R(u(x),(B,z)=>({name:z,fn:a(m=>[N(w.$slots,z,he(ve(m)))])}))]),1040,["class","ui","ui-override","items","portal","label-key","checked-icon","loading-icon","external-icon"])]),_:3},16))}};var At=Object.defineProperty,Pt=(s,i,o)=>i in s?At(s,i,{enumerable:!0,configurable:!0,writable:!0,value:o}):s[i]=o,ie=(s,i,o)=>Pt(s,typeof i!="symbol"?i+"":i,o);const Se={"#":{pattern:/[0-9]/},"@":{pattern:/[a-zA-Z]/},"*":{pattern:/[a-zA-Z0-9]/}},Le=(s,i,o)=>s.replaceAll(i,"").replace(o,".").replace("..",".").replace(/[^.\d]/g,""),ze=(s,i,o)=>{var n;return new Intl.NumberFormat(((n=o.number)==null?void 0:n.locale)??"en",{minimumFractionDigits:s,maximumFractionDigits:i,roundingMode:"trunc"})},Ht=(s,i=!0,o)=>{var n,p,f,y;const k=((n=o.number)==null?void 0:n.unsigned)!==!0&&s.startsWith("-")?"-":"",I=((p=o.number)==null?void 0:p.fraction)??0;let x=ze(0,I,o);const S=x.formatToParts(1000.12),w=((f=S.find(m=>m.type==="group"))==null?void 0:f.value)??" ",F=((y=S.find(m=>m.type==="decimal"))==null?void 0:y.value)??".",V=Le(s,w,F);if(Number.isNaN(parseFloat(V)))return k;const B=V.split(".");if(B[1]!=null&&B[1].length>

1=1){const m=B[1].length<=I?B[1].length:I;x=ze(m,I,o)}let z=x.format(parseFloat(V));return i?I>0&&V.endsWith(".")&&!V.slice(0,-1).includes(".")&&(z+=F):z=Le(z,w,F),k+z},Ee=s=>JSON.parse(s.replaceAll("'",'"')),Ot=(s,i={})=>{const o={...i};s.dataset.maska!=null&&s.dataset.maska!==""&&(o.mask=Ft(s.dataset.maska)),s.dataset.maskaEager!=null&&(o.eager=de(s.dataset.maskaEager)),s.dataset.maskaReversed!=null&&(o.reversed=de(s.dataset.maskaReversed)),s.dataset.maskaTokensReplace!=null&&(o.tokensReplace=de(s.dataset.maskaTokensReplace)),s.dataset.maskaTokens!=null&&(o.tokens=$t(s.dataset.maskaTokens));const n={};return s.dataset.maskaNumberLocale!=null&&(n.locale=s.dataset.maskaNumberLocale),s.dataset.maskaNumberFraction!=null&&(n.fraction=parseInt(s.dataset.maskaNumberFraction)),s.dataset.maskaNumberUnsigned!=null&&(n.unsigned=de(s.dataset.maskaNumberUnsigned)),(s.dataset.maskaNumber!=null||Object.values(n).length>0)&&(o.number=n),o},de=s=>s!==""?!!JSON.parse(s):!0,Ft=s=>s.startsWith("[")&&s.endsWith("]")?Ee(s):s,$t=s=>{if(s.startsWith("{")&&s.endsWith("}"))return Ee(s);const i={};return s.split("|").forEach(o=>{const n=o.split(":");i[n[0]]={pattern:Ae()?new RegExp(n[1],"u"):new RegExp(n[1]),optional:n[2]==="optional",multiple:n[2]==="multiple",repeated:n[2]==="repeated"}}),i},Ae=()=>{try{return new RegExp("\\p{L}","u"),!0}catch{return!1}};class Dt{constructor(i={}){ie(this,"opts",{}),ie(this,"memo",new Map);const o={...i};if(o.tokens!=null){o.tokens=o.tokensReplace?{...o.tokens}:{...Se,...o.tokens};for(const n of Object.values(o.tokens))typeof n.pattern=="string"&&(n.pattern=Ae()?new RegExp(n.pattern,"u"):new RegExp(n.pattern))}else o.tokens=Se;Array.isArray(o.mask)&&(o.mask.length>1?o.mask=[...o.mask].sort((n,p)=>n.length-p.length):o.mask=o.mask[0]??""),o.mask===""&&(o.mask=null),this.opts=o}masked(i){return this.process(String(i),this.findMask(String(i)))}unmasked(i){return this.process(String(i),this.findMask(String(i)),!1)}isEager(){return this.opts.eager===!0}isReversed(){return this.opts.reversed===!0}completed(i){const o=this.findMask(String(i));if(this.opts.mask==null||o==null)return!1;const n=this.process(String(i),o).length;

1return typeof this.opts.mask=="string"?n>=this.opts.mask.length:n>=o.length}findMask(i){const o=this.opts.mask;if(o==null)return null;if(typeof o=="string")return o;if(typeof o=="function")return o(i);const n=this.process(i,o.slice(-1).pop()??"",!1);return o.find(p=>this.process(i,p,!1).length>=n.length)??""}escapeMask(i){const o=[],n=[];return i.split("").forEach((p,f)=>{p==="!"&&i[f-1]!=="!"?n.push(f-n.length):o.push(p)}),{mask:o.join(""),escaped:n}}process(i,o,n=!0){if(this.opts.number!=null)return Ht(i,n,this.opts);if(o==null)return i;const p=`v=${i},mr=${o},m=${n?1:0}`;if(this.memo.has(p))return this.memo.get(p);const{mask:f,escaped:y}=this.escapeMask(o),k=[],I=this.opts.tokens!=null?this.opts.tokens:{},x=this.isReversed()?-1:1,S=this.isReversed()?"unshift":"push",w=this.isReversed()?0:f.length-1,F=this.isReversed()?()=>m>-1&&h>-1:()=>m<f.length&&h<i.length,V=L=>!this.isReversed()&&L<=w||this.isReversed()&&L>=w;let B,z=-1,m=this.isReversed()?f.length-1:0,h=this.isReversed()?i.length-1:0,g=!1;for(;F();){const L=f.charAt(m),C=I[L],$=C?.transform!=null?C.transform(i.charAt(h)):i.charAt(h);if(!y.includes(m)&&C!=null?($.match(C.pattern)!=null?(k[S]($),C.repeated?(z===-1?z=m:m===w&&m!==z&&(m=z-x),w===z&&(m-=x)):C.multiple&&(g=!0,m-=x),m+=x):C.multiple?g&&(m+=x,h-=x,g=!1):$===B?B=void 0:C.optional&&(m+=x,h-=x),h+=x):(n&&!this.isEager()&&k[S](L),$===L&&!this.isEager()?h+=x:B=L,this.isEager()||(m+=x)),this.isEager())for(;V(m)&&(I[f.charAt(m)]==null||y.includes(m));){if(n){if(k[S](f.charAt(m)),i.charAt(h)===f.charAt(m)){m+=x,h+=x;continue}}else f.charAt(m)===i.charAt(h)&&(h+=x);m+=x}}return this.memo.set(p,k.join("")),this.memo.get(p)}}class Nt{constructor(i,o={}){ie(this,"items",new Map),ie(this,"eventAbortController"),ie(this,"onInput",n=>{if(n instanceof CustomEvent&&n.type==="input"&&!n.isTrusted&&!n.bubbles)return;const p=n.target,f=this.items.get(p);if(f===void 0)return;const y="inputType"in n&&n.inputType.startsWith("delete"),k=f.isEager(),I=y&&k&&f.unmasked(p.value)===""?"":p.value;this.fixCursor(p,y,()=>this.setValue(p,I))}),this.options=o,this.eventAbortController=new AbortController,this.init(this.getInputs(i))}update(i={}){this.options={...i},this.init(Array.from(this.items.keys()))}updateValue(i){var o;i.value!==""&&i.value!==((o=this.processInput(i))==null?void 0:o.masked)&&this.setValue(i,i.value)}destroy(){this.eventAbortController.abort(),this.items.clear()}init(i){const o=this.getOptions(this.options);for(const n of i){if(!this.items.has(n)){const{signal:f}=this.eventAbortController;n.addEventListener("input",this.onInput,{capture:!0,signal:f})}const p=new Dt(Ot(n,o));this.items.set(n,p),queueMicrotask(()=>this.updateValue(n)),n.selectionStart===null&&p.isEager()&&console.warn("Maska: input of `%s` type is not supported",n.type)}}getInputs(i){return typeof i=="string"?Array.from(document.querySelectorAll(i)):"length"in i?Array.from(i):[i]}getOptions(i){const{onMaska:o,preProcess:n,postProcess:p,...f}=i;return f}fixCursor(i,o,n){var p,f;const y=i.selectionStart,k=i.value;if(n(),y===null||y===k.length&&!o)return;const I=i.value,x=k.slice(0,y),S=I.slice(0,y),w=(p=this.processInput(i,x))==null?void 0:p.unmasked,F=(f=this.processInput(i,S))==null?void 0:f.unmasked;if(w===void 0||F===void 0)return;let V=y;x!==S&&(V+=o?I.length-k.length:w.length-F.length),i.setSelectionRange(V,V)}setValue(i,o){const n=this.processInput(i,o);n!==void 0&&(i.value=n.masked,this.options.onMaska!=null&&(Array.isArray(this.options.onMaska)?this.options.onMaska.forEach(p=>p(n)):this.options.onMaska(n)),i.dispatchEvent(new CustomEvent("maska",{detail:n})),i.dispatchEvent(new CustomEvent("input",{detail:n.masked})))}processInput(i,o){const n=this.items.get(i);if(n===void 0)return;let p=o??i.value;this.options.preProcess!=null&&(p=this.options.preProcess(p));let f=n.masked(p);return this.options.postProcess!=null&&(f=this.options.postProcess(f)),{masked:f,unmasked:n.unmasked(p),completed:n.completed(p)}}}const be=new WeakMap,Kt=(s,i)=>{if(s.arg==null||s.instance==null)return;const o="setup"in s.instance.$.type;s.arg in s.instance?s.instance[s.arg]=i:o&&console.warn("Maska: please expose `%s` using defineExpose",s.arg)},ye=(s,i)=>{var o;const n=s instanceof HTMLInputElement?s:s.querySelector("input");if(n==null||n?.type==="file")return;let p={};if(i.value!=null&&(p=typeof i.value=="string"?{mask:i.value}:{...i.value}),i.arg!=null){const f=y=>{const k=i.modifiers.unmasked?y.unmasked:i.modifiers.completed?y.completed:y.masked;Kt(i,k)};p.onMaska=p.onMaska==null?f:Array.isArray(p.onMaska)?[...p.onMaska,f]:[p.onMaska,f]}be.has(n)?(o=be.get(n))==null||o.update(p):be.set(n,new Nt(n,p))},Rt={class:"relative min-h-screen bg-white p-32 flex"},Ut={class:"flex-1 ml-256"},jt={class:"mb-48"},Wt={class:"flex items-center justify-between mb-21"},Jt={id:"color-palette",class:"mb-32 scroll-mt-40"},Zt={class:"border p-24"},Gt={class:"mb-32"},Qt={class:"flex flex-wrap gap-16"},Xt={class:"text-xs text-gray-700 font-mono text-center"},Yt={class:"text-xs text-gray-500 font-mono text-center"},el={class:"mb-32"},tl={class:"flex flex-wrap gap-16"},ll={class:"text-xs text-gray-700 font-mono text-center"},sl={class:"text-xs text-gray-500 font-mono text-center"},al={class:"mb-32"},ol={class:"flex flex-wrap gap-16"},il={class:"text-xs text-gray-700 font-mono text-center"},rl={class:"text-xs text-gray-500 font-mono text-center"},nl={class:"mb-32"},dl={class:"flex flex-wrap gap-16"},ml={class:"text-xs text-gray-700 font-mono text-center"},ul={class:"text-xs text-gray-500 font-mono text-center"},pl={id:"spaces",class:"mb-32 scroll-mt-40"},gl={class:"border p-24 flex gap-16"},cl={class:"text-xs text-gray-500 font-mono text-center"},fl={id:"typography",class:"mb-32 scroll-mt-40"},bl={class:"grid grid-cols-1 md:grid-cols-2 gap-32"},yl={class:"flex flex-col"},xl={class:"mb-16 mt-32 p-12 bg-yellow-50 border border-yellow-200"},hl={class:"text-yellow-800"},vl={class:"flex flex-col bg-accent-100 px-16 pb-16"},kl={class:"mb-16 mt-32 p-12 bg-yellow-50 border border-yellow-200"},wl={class:"text-yellow-800"},_l={id:"icons",class:"mb-32 scroll-mt-40"},Il={class:"grid grid-cols-8 gap-24 border p-24"},Vl={key:0,class:"size-24 bg-(--color-error-100) flex items-center justify-center rounded"},Bl={class:"text-xs text-gray-700 font-mono text-center mt-2"},Sl={id:"buttons",class:"mb-32 scroll-mt-40"},Ll={class:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-32"},zl={class:"border p-24 mb-16"},Tl={class:"space-y-3 flex flex-col gap-8"},Ml={class:"flex gap-8 flex-wrap items-start"},Cl={class:"flex gap-8 flex-wrap items-start"},ql={class:"border p-24 mb-16"},El={class:"space-y-3 flex flex-col gap-8"},Al={class:"flex gap-8 flex-wrap items-start"},Pl={class:"flex gap-8 flex-wrap items-start"},Hl={class:"border p-24 mb-16"},Ol={class:"space-y-3 flex flex-col gap-8"},Fl={class:"flex gap-8 flex-wrap items-start"},$l={class:"flex gap-8 flex-wrap items-start"},Dl={class:"border p-24 mb-16"},Nl={class:"space-y-3 flex flex-col gap-8"},Kl={class:"flex gap-8 flex-wrap items-start"},Rl={class:"border p-24 mb-16"},Ul={class:"space-y-3 flex flex-col gap-8"},jl={class:"flex gap-8 flex-wrap items-start"},Wl={class:"text-sm text-gray-700 mt-4 font-mono"},Jl={class:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-32"},Zl={class:"border p-24 mb-16 bg-accent-100"},Gl={class:"space-y-3 flex flex-col gap-8"},Ql={class:"flex gap-8 flex-wrap items-start"},Xl={class:"flex gap-8 flex-wrap items-start"},Yl={class:"border p-24 mb-16 bg-accent-100"},es={class:"space-y-3 flex flex-col gap-8"},ts={class:"flex gap-8 flex-wrap items-start"},ls={class:"flex gap-8 flex-wrap items-start"},ss={class:"border p-24 mb-16 bg-accent-100"},as={class:"space-y-3 flex flex-col gap-8"},os={class:"flex gap-8 flex-wrap items-start"},is={class:"text-sm text-gray-700 mt-4 font-mono"},rs={id:"menu-items",class:"mb-32 scroll-mt-40"},ns={class:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-32"},ds={class:"border p-24 mb-16 flex flex-col items-start"},ms={class:"flex flex-col gap-8"},us={class:"h-90"},ps={class:"h-90"},gs={class:"border p-24 mb-16"},cs={class:"space-y-3 flex flex-col gap-8"},fs={class:"flex flex-col gap-8 items-start"},bs={class:"border p-24 mb-16"},ys={class:"space-y-3 flex flex-col gap-8"},xs={class:"flex gap-8 flex-col items-start"},hs={class:"border p-24 mb-16"},vs={class:"space-y-3 flex flex-col gap-8"},ks={class:"flex gap-8 flex-col items-start"},ws={class:"border p-24 mb-16"},_s={class:"space-y-3 flex flex-col gap-8"},Is={class:"border p-24 mb-16"},Vs={class:"flex flex-col gap-24"},Bs={id:"pagination",class:"mb-32 scroll-mt-40"},Ss={class:"border p-24 mb-16"},Ls={class:"space-y-8"},zs={id:"form-elements",class:"mb-32 scroll-mt-40"},Ts={class:"grid grid-cols-1 md:grid-cols-2 gap-32"},Ms={class:"border p-24 mb-16"},Cs={class:"space-y-4 flex flex-col gap-16"},qs={class:"border p-24 mb-16"},Es={class:"space-y-4 flex flex-col gap-16"},As={class:"border p-24 mb-16"},Ps={class:"space-y-4 flex flex-col gap-16"},Hs={class:"border p-24 mb-16"},Os={class:"flex gap-24"},Fs={class:"flex flex-col gap-16"},$s={class:"flex flex-col gap-16"},Ds={class:"border p-24 mb-16"},Ns={class:"flex flex-col gap-16"},Ks={class:"flex gap-16"},Rs={class:"flex gap-16"},Us={id:"cards",class:"mb-32 scroll-mt-40"},js={class:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-32"},Ws={class:"border p-24"},Js={class:"border p-24"},Zs={class:"border p-24"},Gs={class:"border p-24"},Qs={class:"border p-24"},Xs={class:"border p-24 w-909 mt-32"},fa=it({__name:"ui-components",setup(s){const i=_(""),o=_("");_(""),_(null);const n=_(!1),p=_(!0),f=_(!1),y=_(!1),k=_(!1),I=_(!0),x=_(!1),S=_(!1),w=_(!1),F=()=>{w.value=!w.value},V=_(!1),B=()=>{V.value=!V.value},z=_(1);_(1),_(1),_(10);const m=_(["Input Text","Option 2","Option 3","Option 4"]),h=_("Input Text"),g=_("Input Text"),L=[{name:"accent-100",cssVar:"--color-accent-100",hex:"#FFEA00"},{name:"accent-60",cssVar:"--color-accent-60",hex:"#FFF266"}],C=[{name:"neutral-100",cssVar:"--color-neutral-100",hex:"#000000"},{name:"neutral-80",cssVar:"--color-neutral-80",hex:"#333333"},{name:"neutral-60",cssVar:"--color-neutral-60",hex:"#666666"},{name:"neutral-40",cssVar:"--color-neutral-40",hex:"#999999"},{name:"neutral-20",cssVar:"--color-neutral-20",hex:"#CCCCCC"},{name:"neutral-10",cssVar:"--color-neutral-10",hex:"#E5E5E5"},{name:"neutral-5",cssVar:"--color-neutral-5",hex:"#F2F2F2"},{name:"neutral-3",cssVar:"--color-neutral-3",hex:"#F7F7F7"},{name:"neutral-0",cssVar:"--color-neutral-0",hex:"#FFFFFF"}],$=[{name:"error",cssVar:"--color-error-100",hex:"#DE1135"},{name:"warning",cssVar:"--color-warning-100",hex:"#FEAF75"},{name:"info",cssVar:"--color-info-100",hex:"#009BF2"},{name:"success",cssVar:"--color-success-100",hex:"#0E8345"}],pe=[{name:".rounded-sm",cssVar:"--radius-sm",value:"8px",class:"rounded-sm"},{name:".rounded-md",cssVar:"--radius-md",value:"16px",class:"rounded-md"},{name:".rounded-lg",cssVar:"--radius-lg",value:"32px",class:"rounded-lg"},{name:".rounded-xl",cssVar:"--radius-xl",value:"64px",class:"rounded-xl"}],Pe=["i-material-symbols-chevron-left","i-material-symbols-chevron-right","i-material-symbols-keyboard-arrow-up","i-material-symbols-keyboard-arrow-down","i-material-symbols-arrow-left-alt","i-material-symbols-arrow-right-alt","i-material-symbols-arrow-upward-alt","i-material-symbols-call-made","i-material-symbols-expand-all","i-material-symbols-close","i-material-symbols-close-small","i-material-symbols-add-2","i-material-symbols-add","i-material-symbols-remove","i-material-symbols-check","i-material-symbols-dehaze","i-material-symbols-apps","i-material-symbols-news","i-material-symbols-send","i-material-symbols-mic","i-material-symbols-globe","i-material-symbols-location-on","i-material-symbols-search","i-material-symbols-mail","i-material-symbols-call","i-material-symbols-pause","i-material-symbols-play-arrow","i-material-symbols-play-circle","i-material-symbols-pause-circle","i-ic-baseline-access-time-filled","i-material-symbols-calendar-today","i-material-symbols-sunny","i-material-symbols-partly-cloudy-day","i-material-symbols-cloud","i-material-symbols-rainy","i-material-symbols-mode-cool","i-material-symbols-thunderstorm","i-material-symbols-camera-video","i-material-symbols-error","i-material-symbols-help","i-material-symbols-info","i-material-symbols-info-i","i-material-symbols-copyright-outline","i-material-symbols-contrast",{name:"contrast gespiegelt",isError:!0},"i-material-symbols-favorite","i-material-symbols-flag-2","i-material-symbols-distance","i-material-symbols-elevation","i-material-symbols-arrow-range","i-material-symbols-vertical-align-top","i-material-symbols-vertical-align-bottom","i-material-symbols-stairs","i-material-symbols-map","i-material-symbols-sports-and-outdoors","i-material-symbols-hiking","i-material-symbols-crown","i-material-symbols-confirmation-number","i-ic-baseline-facebook","i-ri-instagram-fill","i-mdi-linkedin","i-tdesign-logo-youtube-filled","i-bx-bxl-pinterest","i-ant-design-tik-tok-filled","i-ri-twitter-x-fill","

1i-material-symbols-picture-as-pdf","i-material-symbols-file-save","i-material-symbols-filter-alt","i-tabler-file","i-material-symbols-attractions-outline","i-material-symbols-local-see-outline","i-material-symbols-castle-outline","i-material-symbols-coffee-outline","i-material-symbols-nightlife","i-material-symbols-local-bar-outline","i-material-symbols-wine-bar-outline","i-material-symbols-local-activity-outline","i-material-symbols-confirmation-number-outline","i-material-symbols-theater-comedy-outline","i-material-symbols-comedy-mask-outline","i-material-symbols-stadium-outline","i-material-symbols-child-care-outline","i-material-symbols-crown-outline","i-material-symbols-calendar-apps-script-outline","i-material-symbols-web-traffic","i-material-symbols-forest-outline","i-material-symbols-favorite-outline","i-tabler-bulb","i-tabler-photo","i-material-symbols-delete-outline","i-material-symbols-chef-hat-outline","i-material-symbols-bed-outline"],He=[{pt:"pt-2",w:"w-2",label:"2px"},{pt:"pt-4",w:"w-4",label:"4px"},{pt:"pt-8",w:"w-8",label:"8px"},{pt:"pt-12",w:"w-12",label:"12px"},{pt:"pt-16",w:"w-16",label:"16px"},{pt:"pt-24",w:"w-24",label:"24px"},{pt:"pt-32",w:"w-32",label:"32px"},{pt:"pt-40",w:"w-40",label:"40px"},{pt:"pt-48",w:"w-48",label:"48px"},{pt:"pt-64",w:"w-64",label:"64px"},{pt:"pt-80",w:"w-80",label:"80px"},{pt:"pt-96",w:"w-96",label:"96px"},{pt:"pt-128",w:"w-128",label:"128px"},{pt:"pt-160",w:"w-160",label:"160px"}],Oe=_([{label:"Startseite",to:"/"},{label:"Components",to:"/components"},{label:"Breadcrumb",to:"/components/breadcrumb"}]),Fe=[{slot:"dropdown",children:[{label:"Home",to:"/"},{label:"Components",to:"/components"}]},{label:"Breadcrumb",to:"/components/breadcrumb"}];return(W,e)=>{const $e=rt,T=nt,we=dt,P=mt,H=ut,Y=ht,_e=xt,Ie=se,c=pt,Ve=ct,J=ft,ee=bt,De=yt,Be=vt,Ne=Et,Ke=It,Z=gt,U=Vt,ge=Bt,G=St,te=Lt;return b(),A("div",Rt,[e[184]||(e[184]=le('<nav class="fixed left-0 top-0 h-full w-256 bg-white border-r border-gray-200 px-24 py-40 flex flex-col gap-16 z-30"><h2 class="text-lg font-bold mb-16">Navigation</h2><a href="#color-palette" class="text-gray-700 hover:text-primary-600 py-4 transition-colors">Colors &amp; Effects</a><a href="#spaces" class="text-gray-700 hover:text-primary-600 py-4 transition-colors">Spaces</a><a href="#typography" class="text-gray-700 hover:text-primary-600 py-4 transition-colors">Typography</a><a href="#icons" class="text-gray-700 hover:text-primary-600 py-4 transition-colors">Icons</a><a href="#buttons" class="text-gray-700 hover:text-primary-600 py-4 transition-colors">Buttons</a><a href="#menu-items" class="text-gray-700 hover:text-primary-600 py-4 transition-colors">Menu Items</a><a href="#pagination" class="text-gray-700 hover:text-primary-600 py-4 transition-colors">Pagination</a><a href="#form-elements" class="text-gray-700 hover:text-primary-600 py-4 transition-colors">Inputs</a><a href="#cards" class="text-gray-700 hover:text-primary-600 py-4 transition-colors">Cards</a></nav>',1)),t("div",Ut,[t("div",jt,[t("div",Wt,[e[23]||(e[23]=t("h1",{class:"text-4xl font-bold text-gray-900"},"UI Components",-1)),l($e,{to:"/",variant:"ghost",color:"gray",icon:"i-heroicons-arrow-left"},{default:a(()=>e[22]||(e[22]=[r(" Back to Home ")])),_:1,__:[22]})])]),t("section",Jt,[e[30]||(e[30]=t("h2",{class:"text-2xl font-normal text-gray-900 mb-21"},"Colors & Effects ✅",-1)),t("div",Zt,[t("div",Gt,[e[24]||(e[24]=t("h3",{class:"text-lg font-normal text-gray-900 mb-8"},"Accent",-1)),t("div",Qt,[(b(),A(K,null,R(L,d=>t("div",{key:d.name,class:"flex flex-col items-center w-96"},[t("div",{class:"w-64 h-64 mb-8",style:ce({backgroundColor:`var(${d.cssVar})`,borderRadius:"0",border:"1px solid #e5e7eb"})},null,4),t("div",Xt,O(d.name),1),t("div",Yt,O(d.hex),1)])),64))])]),t("div",el,[e[25]||(e[25]=t("h3",{class:"text-lg font-normal text-gray-900 mb-8"},"Neutral",-1)),t("div",tl,[(b(),A(K,null,R(C,d=>t("div",{key:d.name,class:"flex flex-col items-center w-96"},[t("div",{class:"w-64 h-64 mb-8",style:ce({backgroundColor:`var(${d.cssVar})`,borderRadius:"0",border:"1px solid #e5e7eb"})},null,4),t("div",ll,O(d.name),1),t("div",sl,O(d.hex),1)])),64))])]),t("div",al,[e[26]||(e[26]=t("h3",{class:"text-lg font-normal text-gray-900 mb-8"},"Status",-1)),t("div",ol,[(b(),A(K,null,R($,d=>t("div",{key:d.name,class:"flex flex-col items-center w-96"},[t("div",{class:"w-64 h-64 mb-8",style:ce({backgroundColor:`var(${d.cssVar})`,borderRadius:"0",border:"1px solid #e5e7eb"})},null,4),t("div",il,O(d.name),1),t("div",rl,O(d.hex),1)])),64))])]),e[28]||(e[28]=le('<div class="mb-32"><h3 class="text-lg font-normal text-gray-900 mb-8">

1Backgrounds</h3><div class="flex gap-16"><div class="flex flex-col w-1/2"><div class="w-full h-265 mb-8 bg-(--bg-base)" style="border:1px solid #e5e7eb;"></div><span class="text-sm text-gray-700 font-mono">.bg-(--bg-base)</span></div><div class="flex flex-col w-1/2"><div class="w-full h-265 mb-8 bg-(--bg-accent)" style="border:1px solid #e5e7eb;"></div><span class="text-sm text-gray-700 font-mono">.bg-(--bg-accent)</span></div></div></div><div class="mb-32"><h3 class="text-lg font-normal text-gray-900 mb-8">Borders</h3><div class="flex gap-16"><div class="flex flex-col w-1/2 p-24 bg-(--bg-base)"><div class="w-full h-265 mb-8 border border-(--border-light-theme)"></div><span class="text-sm text-gray-700 font-mono">.border-(--border-light-theme)</span></div><div class="flex flex-col w-1/2 p-24 bg-(--color-neutral-100)"><div class="w-full h-265 mb-8 border border-(--border-dark-theme)"></div><span class="text-sm text-white font-mono">.border-(--border-dark-theme)</span></div></div></div>',2)),t("div",nl,[e[27]||(e[27]=t("h3",{class:"text-lg font-normal text-gray-900 mb-8"},"Border Radius",-1)),t("div",dl,[(b(),A(K,null,R(pe,d=>t("div",{key:d.name,class:"flex flex-col items-center"},[t("div",{class:q(["mb-8",d.class]),style:{width:"150px",height:"150px",backgroundColor:"var(--color-neutral-100)",border:"1px solid var(--color-neutral-100)"}},null,2),t("div",ml,O(d.name),1),t("div",ul,O(d.value),1)])),64))])]),e[29]||(e[29]=le('<div class="mb-32"><h3 class="text-lg font-normal text-gray-900 mb-32">Shadow &amp; Blur</h3><div class="flex gap-32"><div class="flex flex-col w-1/2"><div class="w-full h-256 mb-32 shadow-(--shadow-custom)" style="background:var(--bg-neutral);"></div><span class="text-sm text-gray-700 mt-4 font-mono">.shadow-(--shadow-custom)</span></div><div class="flex flex-col w-1/2"><div class="relative w-full h-256 mb-32"><div class="absolute inset-0 w-full h-256" style="background-color:var(--color-neutral-100);"></div><div class="absolute w-full h-256 -left-16 -bottom-16 backdrop-blur-sm" style="background-color:rgba(239, 243, 248, 0.95);z-index:10;"></div></div><span class="text-sm text-gray-700 mt-4 font-mono">.blur-sm</span></div></div></div>',1))])]),t("section",pl,[e[31]||(e[31]=le('<h2 class="text-2xl font-normal text-gray-900 mb-21">Spaces ✅</h2><div class="flex flex-col mb-16"><span>Usage: </span><span class="font-mono">.mb-16 -&gt; margin-bottom: 16px</span><span class="font-mono">.pt-16 -&gt; padding-top: 16px</span><span class="font-mono">.gap-16 -&gt; gap: 16px</span><span>etc.</span></div>',2)),t("div",gl,[(b(),A(K,null,R(He,d=>t("div",{key:d.label},[t("div",{class:q(`${d.pt} ${d.w} bg-(--color-neutral-100)`)},null,2),t("div",cl,O(d.label),1)])),64))])]),t("section",fl,[e[94]||(e[94]=t("h2",{class:"text-2xl font-normal text-gray-900 mb-21"},"Typography ✅",-1)),t("div",bl,[t("div",yl,[l(T,{semantic:"h1"},{default:a(()=>e[32]||(e[32]=[r(" Headline H1 ")])),_:1,__:[32]}),l(T,{semantic:"h1-style"},{default:a(()=>e[33]||(e[33]=[r(" Headline H1 Style ")])),_:1,__:[33]}),l(T,{semantic:"h2-style"},{default:a(()=>e[34]||(e[34]=[r(" Headline H2 Style ")])),_:1,__:[34]}),l(T,{semantic:"h3"},{default:a(()=>e[35]||(e[35]=[r(" Headline H3 ")])),_:1,__:[35]}),l(T,{semantic:"h3-style"},{default:a(()=>e[36]||(e[36]=[r(" Headline H3 Style ")])),_:1,__:[36]}),l(T,{semantic:"h4"},{default:a(()=>e[37]||(e[37]=[r(" Headline H4 ")])),_:1,__:[37]}),l(T,{semantic:"h4-style"},{default:a(()=>e[38]||(e[38]=[r(" Headline H4 Style ")])),_:1,__:[38]}),l(T,{semantic:"h5"},{default:a(()=>e[39]||(e[39]=[r(" Headline H5 ")])),_:1,__:[39]}),l(T,{semantic:"h5-style"},{default:a(()=>e[40]||(e[40]=[r(" Headline H5 Style ")])),_:1,__:[40]}),l(we,null,{default:a(()=>e[41]||(e[41]=[r("Tagline")])),_:1,__:[41]}),l(P,{size:"large"},{default:a(()=>e[42]||(e[42]=[r("Body large")])),_:1,__:[42]}),l(P,{size:"large",strong:""},{default:a(()=>e[43]||(e[43]=[r("Body large strong")])),_:1,__:[43]}),l(P,null,{default:a(()=>e[44]||(e[44]=[r("Body")])),_:1,__:[44]}),l(P,{strong:""},{default:a(()=>e[45]||(e[45]=[r("Body strong")])),_:1,__:[45]}),l(P,{size:"small"},{default:a(()=>e[46]||(e[46]=[r("Body small")])),_:1,__:[46]}),l(P,{size:"small",strong:""},{default:a(()=>e[47]||(e[47]=[r("Body small strong")])),_:1,__:[47]}),l(P,{size:"extra-small",strong:""},{default:a(()=>e[48]||(e[48]=[r("Input Label")])),_:1,__:[48]}),l(H,{to:"#typography",size:"small"},{default:a(()=>e[49]||(e[49]=[r("Link small")])),_:1,__:[49]}),l(H,{to:"#typography",size:"small",strong:""},{default:a(()=>e[50]||(e[50]=[r("Link small strong")])),_:1,__:[50]}),l(H,{to:"#typography"},{default:a(()=>

1e[51]||(e[51]=[r("Link medium")])),_:1,__:[51]}),l(H,{to:"#typography",strong:""},{default:a(()=>e[52]||(e[52]=[r("Link medium strong")])),_:1,__:[52]}),l(H,{to:"#typography",size:"large"},{default:a(()=>e[53]||(e[53]=[r("Link large")])),_:1,__:[53]}),l(H,{to:"#typography",size:"large",strong:""},{default:a(()=>e[54]||(e[54]=[r("Link large strong")])),_:1,__:[54]}),t("div",xl,[t("p",hl,[e[56]||(e[56]=t("strong",null,"Note:",-1)),e[57]||(e[57]=r(" The gap between marker and text cannot be changed due to browser limitations. See ")),l(H,{to:"https://css-tricks.com/everything-you-need-to-know-about-the-gap-after-the-list-marker/",target:"_blank",size:"small"},{default:a(()=>e[55]||(e[55]=[r("CSS-Tricks article on list marker gaps ")])),_:1,__:[55]}),e[58]||(e[58]=r(" for more details. "))])]),e[62]||(e[62]=le('<ul class="mb-32"><li>Bullet Point</li><li> Bullet Point <ul><li> Bullet Point <ul><li>Bullet Point</li></ul></li></ul></li></ul><ol><li>Numbered List</li><li> Numbered List <ol><li> Numbered List <ol><li>Numbered List</li></ol></li></ol></li></ol>',2)),l(_e,{class:"mt-32"},{default:a(()=>[l(Y,null,{default:a(()=>e[59]||(e[59]=[r("Benefit Point")])),_:1,__:[59]}),l(Y,null,{default:a(()=>e[60]||(e[60]=[r("Benefit Point")])),_:1,__:[60]}),l(Y,null,{default:a(()=>e[61]||(e[61]=[r("Benefit Point")])),_:1,__:[61]})]),_:1})]),t("div",vl,[l(T,{semantic:"h1",theme:"dark"},{default:a(()=>e[63]||(e[63]=[r(" Headline H1 ")])),_:1,__:[63]}),l(T,{semantic:"h1-style",theme:"dark"},{default:a(()=>e[64]||(e[64]=[r(" Headline H1 Style ")])),_:1,__:[64]}),l(T,{semantic:"h2-style",theme:"dark"},{default:a(()=>e[65]||(e[65]=[r(" Headline H2 Style ")])),_:1,__:[65]}),l(T,{semantic:"h3",theme:"dark"},{default:a(()=>e[66]||(e[66]=[r(" Headline H3 ")])),_:1,__:[66]}),l(T,{semantic:"h3-style",theme:"dark"},{default:a(()=>e[67]||(e[67]=[r(" Headline H3 Style ")])),_:1,__:[67]}),l(T,{semantic:"h4",theme:"dark"},{default:a(()=>e[68]||(e[68]=[r(" Headline H4 ")])),_:1,__:[68]}),l(T,{semantic:"h4-style",theme:"dark"},{default:a(()=>e[69]||(e[69]=[r(" Headline H4 Style ")])),_:1,__:[69]}),l(T,{semantic:"h5",theme:"dark"},{default:a(()=>e[70]||(e[70]=[r(" Headline H5 ")])),_:1,__:[70]}),l(T,{semantic:"h5-style",theme:"dark"},{default:a(()=>e[71]||(e[71]=[r(" Headline H5 Style ")])),_:1,__:[71]}),l(we,{theme:"dark"},{default:a(()=>e[72]||(e[72]=[r("Tagline")])),_:1,__:[72]}),l(P,{size:"large",theme:"dark"},{default:a(()=>e[73]||(e[73]=[r("Body large")])),_:1,__:[73]}),l(P,{size:"large",strong:"",theme:"dark"},{default:a(()=>e[74]||(e[74]=[r("Body large strong")])),_:1,__:[74]}),l(P,{theme:"dark"},{default:a(()=>e[75]||(e[75]=[r("Body")])),_:1,__:[75]}),l(P,{strong:"",theme:"dark"},{default:a(()=>e[76]||(e[76]=[r("Body strong")])),_:1,__:[76]}),l(P,{size:"small",theme:"dark"},{default:a(()=>e[77]||(e[77]=[r("Body small")])),_:1,__:[77]}),l(P,{size:"small",strong:"",theme:"dark"},{default:a(()=>e[78]||(e[78]=[r("Body small strong")])),_:1,__:[78]}),l(P,{size:"extra-small",strong:"",theme:"dark"},{default:a(()=>e[79]||(e[79]=[r("Input Label")])),_:1,__:[79]}),l(H,{to:"#typography",size:"small",theme:"dark"},{default:a(()=>e[80]||(e[80]=[r("Link small")])),_:1,__:[80]}),l(H,{to:"#typography",size:"small",strong:"",theme:"dark"},{default:a(()=>e[81]||(e[81]=[r("Link small strong")])),_:1,__:[81]}),l(H,{to:"#typography",theme:"dark"},{default:a(()=>e[82]||(e[82]=[r("Link medium")])),_:1,__:[82]}),l(H,{to:"#typography",strong:"",theme:"dark"},{default:a(()=>e[83]||(e[83]=[r("Link medium strong")])),_:1,__:[83]}),l(H,{to:"#typography",size:"large",theme:"dark"},{default:a(()=>e[84]||(e[84]=[r("Link large")])),_:1,__:[84]}),l(H,{to:"#typography",size:"large",strong:"",theme:"dark"},{default:a(()=>e[85]||(e[85]=[r("Link large strong")])),_:1,__:[85]}),t("div",kl,[t("p",wl,[e[87]||(e[87]=t("strong",null,"Note:",-1)),e[88]||(e[88]=r(" The gap between marker and text cannot be changed due to browser limitations. See ")),l(H,{to:"https://css-tricks.com/everything-you-need-to-know-about-the-gap-after-the-list-marker/",target:"_blank",size:"small"},{default:a(()=>e[86]||(e[86]=[r("CSS-Tricks article on list marker gaps ")])),_:1,__:[86]}),e[89]||(e[89]=r(" for more details. "))])]),e[93]||(e[93]=le('<ul class="mb-32 dark-theme"><li>Bullet Point</li><li> Bullet Point <ul><li> Bullet Point <ul><li>Bullet Point</li></ul></li></ul></li></ul><ol class="dark-theme"><li>Numbered List</li><li> Numbered List <ol><li> Numbered List <ol><li>Numbered List</li></ol></li></ol></li></ol>',2)),l(_e,{class:"dark-theme mt-32"},{default:a(()=>[l(Y,null,{default:a(()=>e[90]||(e[90]=[r("Benefit Point")])),_:1,__:[90]}),l(Y,null,{default:a(()=>e[91]||(e[91]=[r("Benefit Point")])),_:1,__:[91]}),l(Y,null,{default:a(()=>e[92]||(e[92]=[r("Benefit Point")])),_:1,__:[92]})]),_:1})])])]),t("section",_l,[e[95]||(e[95]=t("h2",{class:"text-2xl font-normal text-gray-900 mb-21"},"Icons ✅",-1)),t("div",Il,[(b(),A(K,null,R(Pe,d=>

1t("div",{key:typeof d=="string"?d:d.name,class:"flex flex-col items-center justify-center"},[typeof d=="object"&&d.isError?(b(),A("div",Vl,[l(Ie,{mode:"svg",name:"i-tabler-error-404",class:"size-16 text-white"})])):(b(),M(Ie,{key:1,mode:"svg",name:typeof d=="string"?d:d.name,class:"size-24 text-(--color-primary-100)"},null,8,["name"])),t("span",Bl,O(typeof d=="string"?d:d.name),1)])),64))])]),t("section",Sl,[e[145]||(e[145]=t("h2",{class:"text-2xl font-normal text-gray-900 mb-21"},"Buttons in Light Theme ✅",-1)),t("div",Ll,[t("div",zl,[e[104]||(e[104]=t("h3",{class:"text-lg font-normal text-gray-900 mb-16"},"CTA Button",-1)),t("div",Tl,[t("div",Ml,[l(c,{type:"cta",theme:"light"},{default:a(()=>e[96]||(e[96]=[r("Button")])),_:1,__:[96]}),l(c,{type:"cta",theme:"light",icon:"i-material-symbols-arrow-right-alt","icon-position":"right"},{default:a(()=>e[97]||(e[97]=[r(" Button ")])),_:1,__:[97]}),l(c,{type:"cta",theme:"light",icon:"i-material-symbols-arrow-left-alt"},{default:a(()=>e[98]||(e[98]=[r(" Button")])),_:1,__:[98]}),l(c,{type:"cta",theme:"light",icon:"i-material-symbols-play-arrow",square:""})]),e[102]||(e[102]=t("span",{class:"text-sm text-gray-700 mt-4 font-mono"},"type: cta, theme: light",-1)),t("div",Cl,[l(c,{type:"cta",theme:"light",disabled:""},{default:a(()=>e[99]||(e[99]=[r("Button")])),_:1,__:[99]}),l(c,{type:"cta",theme:"light",icon:"i-material-symbols-arrow-right-alt",disabled:"","icon-position":"right"},{default:a(()=>e[100]||(e[100]=[r(" Button")])),_:1,__:[100]}),l(c,{type:"cta",theme:"light",icon:"i-material-symbols-arrow-left-alt",disabled:""},{default:a(()=>e[101]||(e[101]=[r(" Button ")])),_:1,__:[101]}),l(c,{type:"cta",theme:"light",icon:"i-material-symbols-play-arrow",square:"",disabled:""})]),e[103]||(e[103]=t("span",{class:"text-sm text-gray-700 mt-4 font-mono"},"type: cta, theme: light, disabled",-1))])]),t("div",ql,[e[113]||(e[113]=t("h3",{class:"text-lg font-normal text-gray-900 mb-16"},"Primary Button",-1)),t("div",El,[t("div",Al,[l(c,{type:"primary",theme:"light"},{default:a(()=>e[105]||(e[105]=[r("Button")])),_:1,__:[105]}),l(c,{type:"primary",theme:"light",icon:"i-material-symbols-arrow-right-alt","icon-position":"right"},{default:a(()=>e[106]||(e[106]=[r(" Button ")])),_:1,__:[106]}),l(c,{type:"primary",theme:"light",icon:"i-material-symbols-arrow-left-alt"},{default:a(()=>e[107]||(e[107]=[r(" Button")])),_:1,__:[107]}),l(c,{type:"primary",theme:"light",icon:"i-material-symbols-play-arrow",square:""})]),e[111]||(e[111]=t("span",{class:"text-sm text-gray-700 mt-4 font-mono"},"type: primary, theme: light",-1)),t("div",Pl,[l(c,{type:"primary",theme:"light",disabled:""},{default:a(()=>e[108]||(e[108]=[r("Button")])),_:1,__:[108]}),l(c,{type:"primary",theme:"light",icon:"i-material-symbols-arrow-right-alt","icon-position":"right",disabled:""},{default:a(()=>e[109]||(e[109]=[r(" Button")])),_:1,__:[109]}),l(c,{type:"primary",theme:"light",icon:"i-material-symbols-arrow-left-alt",disabled:""},{default:a(()=>e[110]||(e[110]=[r("Button ")])),_:1,__:[110]}),l(c,{type:"primary",theme:"light",icon:"i-material-symbols-play-arrow",square:"",disabled:""})]),e[112]||(e[112]=t("span",{class:"text-sm text-gray-700 mt-4 font-mono"},"type: primary, theme: light, disabled",-1))])]),t("div",Hl,[e[122]||(e[122]=t("h3",{class:"text-lg font-normal text-gray-900 mb-16"},"Text Button",-1)),t("div",Ol,[t("div",Fl,[l(c,{type:"text",theme:"light"},{default:a(()=>e[114]||(e[114]=[r("Button")])),_:1,__:[114]}),l(c,{type:"text",theme:"light",icon:"i-material-symbols-arrow-right-alt","icon-position":"right"},{default:a(()=>e[115]||(e[115]=[r(" Button ")])),_:1,__:[115]}),l(c,{type:"text",theme:"light",icon:"i-material-symbols-arrow-left-alt"},{default:a(()=>e[116]||(e[116]=[r("Button ")])),_:1,__:[116]})]),e[120]||(e[120]=t("span",{class:"text-sm text-gray-700 mt-4 font-mono"},"type: text, theme: light",-1)),t("div",$l,[l(c,{type:"text",theme:"light",disabled:""},{default:a(()=>e[117]||(e[117]=[r("Button")])),_:1,__:[117]}),l(c,{type:"text",theme:"light",icon:"i-material-symbols-arrow-right-alt","icon-position":"right",disabled:""},{default:a(()=>e[118]||(e[118]=[r("Button ")])),_:1,__:[118]}),l(c,{type:"text",theme:"light",icon:"i-material-symbols-arrow-left-alt",disabled:""},{default:a(()=>e[119]||(e[119]=[r(" Button ")])),_:1,__:[119]})]),e[121]||(e[121]=t("span",{class:"text-sm text-gray-700 mt-4 font-mono"},"type: text, theme: light, disabled",-1))])]),t("div",Dl,[e[124]||(e[124]=t("h3",{class:"text-lg font-normal text-gray-900 mb-16"},"To Top Button",-1)),t("div",Nl,[t("div",Kl,[l(c,{type:"toTop",icon:"i-material-symbols-arrow-upward-alt"})]),e[123]||(e[123]=t("span",{class:"text-sm text-gray-700 mt-4 font-mono"},"type: toTop",-1))])]),t("div",Rl,[e[125]||(e[125]=t("h3",{class:"text-lg font-normal text-gray-900 mb-16"},"Simple Favorite Button",-1)),t("div",Ul,[t("div",jl,[l(c,{type:"simpleFavorite",active:u(w),onClick:F},null,8,["active"])]),t("span",Wl,"type: simpleFavorite, active: "+O(u(w)),1)])])]),e[146]||(e[146]=t("h2",{class:"text-2xl font-normal text-gray-900 mb-21 mt-21"},"Buttons in Dark Theme ✅",-1)),t("div",Jl,[t("div",Zl,[e[134]||(e[134]=t("h3",{class:"text-lg font-normal text-neutral-100 mb-16"},"CTA Button",-1)),t("div",Gl,[t("div",Ql,[l(c,{type:"cta",theme:"dark"},{default:a(()=>e[126]||(e[126]=[r("Button")])),_:1,__:[126]}),l(c,{type:"cta",theme:"dark",icon:"i-material-symbols-arrow-right-alt","icon-position":"right"},{default:a(()=>e[127]||(e[127]=[r(" Button ")])),_:1,__:[127]}),l(c,{type:"cta",theme:"dark",icon:"i-material-symbols-arrow-left-alt"},{default:a(()=>e[128]||(e[128]=[r(" Button")])),_:1,__:[128]}),l(c,{type:"cta",theme:"dark",icon:"i-material-symbols-play-arrow",square:""})]),e[132]||(e[132]=t("span",{class:"text-sm text-neutral-100 mt-4 font-mono"},"type: cta, theme: dark",-1)),t("div",Xl,[l(c,{type:"cta",theme:"dark",disabled:""},{default:a(()=>e[129]||(e[129]=[r("Button")])),_:1,__:[129]}),l(c,{type:"cta",theme:"dark",icon:"i-material-symbols-arrow-right-alt",disabled:"","icon-position":"right"},{default:a(()=>e[130]||(e[130]=[r(" Button")])),_:1,__:[130]}),l(c,{type:"cta",theme:"dark",icon:"i-material-symbols-arrow-left-alt",disabled:""},{default:a(()=>e[131]||(e[131]=[r(" Button ")])),_:1,__:[131]}),l(c,{type:"cta",theme:"dark",icon:"i-material-symbols-play-arrow",square:"",disabled:""})]),e[133]||(e[133]=t("span",{class:"text-sm text-neutral-100 mt-4 font-mono"},"type: cta, theme: dark, disabled",-1))])]),t("div",Yl,[e[143]||(e[143]=t("h3",{class:"text-lg font-normal text-neutral-100 mb-16"},"Primary Button",-1)),t("div",es,[t("div",ts,[l(c,{type:"primary",theme:"dark"},{default:a(()=>

1e[135]||(e[135]=[r("Button")])),_:1,__:[135]}),l(c,{type:"primary",theme:"dark",icon:"i-material-symbols-arrow-right-alt","icon-position":"right"},{default:a(()=>e[136]||(e[136]=[r(" Button ")])),_:1,__:[136]}),l(c,{type:"primary",theme:"dark",icon:"i-material-symbols-arrow-left-alt"},{default:a(()=>e[137]||(e[137]=[r(" Button")])),_:1,__:[137]}),l(c,{type:"primary",theme:"dark",icon:"i-material-symbols-play-arrow",square:""})]),e[141]||(e[141]=t("span",{class:"text-sm text-neutral-100 mt-4 font-mono"},"type: primary, theme: dark",-1)),t("div",ls,[l(c,{type:"primary",theme:"dark",disabled:""},{default:a(()=>e[138]||(e[138]=[r("Button")])),_:1,__:[138]}),l(c,{type:"primary",theme:"dark",icon:"i-material-symbols-arrow-right-alt","icon-position":"right",disabled:""},{default:a(()=>e[139]||(e[139]=[r(" Button")])),_:1,__:[139]}),l(c,{type:"primary",theme:"dark",icon:"i-material-symbols-arrow-left-alt",disabled:""},{default:a(()=>e[140]||(e[140]=[r("Button ")])),_:1,__:[140]}),l(c,{type:"primary",theme:"dark",icon:"i-material-symbols-play-arrow",square:"",disabled:""})]),e[142]||(e[142]=t("span",{class:"text-sm text-neutral-100 mt-4 font-mono"},"type: primary, theme: dark, disabled",-1))])]),t("div",ss,[e[144]||(e[144]=t("h3",{class:"text-lg font-normal text-gray-900 mb-16"},"Favorite Button",-1)),t("div",as,[t("div",os,[l(c,{type:"favorite",active:u(V),onClick:B},null,8,["active"])]),t("span",is,"type: favorite, active: "+O(u(V)),1)])])])]),t("section",rs,[e[166]||(e[166]=t("h2",{class:"text-2xl font-normal text-gray-900 mb-21"},"Menu Items ✅",-1)),t("div",ns,[t("div",ds,[e[149]||(e[149]=t("h3",{class:"text-lg font-normal text-gray-700 mb-16"},"Main Menu",-1)),t("div",ms,[t("div",us,[l(Ve,{label:"Menu-Item"})]),e[147]||(e[147]=t("span",{class:"text-sm text-gray-700 mt-4 font-mono"},"active: false",-1)),t("div",ps,[l(Ve,{label:"Menu-Item",active:""})]),e[148]||(e[148]=t("span",{class:"text-sm text-gray-700 mt-4 font-mono"},"active: true",-1))])]),t("div",gs,[e[152]||(e[152]=t("h3",{class:"text-lg font-normal text-gray-700 mb-16"},"Sub Menu Head",-1)),t("div",cs,[t("div",fs,[l(J,{label:"Menu-Item"}),l(J,{label:"Menu-Item",arrowRight:""}),l(J,{label:"Menu-Item",icon:"i-material-symbols-arrow-left-alt"}),l(J,{label:"Menu-Item",icon:"i-material-symbols-castle-outline",arrowRight:""}),e[150]||(e[150]=t("span",{class:"text-sm text-gray-700 mt-4 font-mono"},"active: false",-1)),l(J,{label:"Menu-Item",active:""}),l(J,{label:"Menu-Item",arrowRight:"",active:""}),l(J,{label:"Menu-Item",icon:"i-material-symbols-arrow-left-alt",active:""}),l(J,{label:"Menu-Item",icon:"i-material-symbols-castle-outline",arrowRight:"",active:""}),e[151]||(e[151]=t("span",{class:"text-sm text-gray-700 mt-4 font-mono"},"active: true",-1))])])]),t("div",bs,[e[155]||(e[155]=t("h3",{class:"text-lg font-normal text-gray-700 mb-16"},"Sub Menu",-1)),t("div",ys,[t("div",xs,[l(ee,{label:"Menu-Item"}),l(ee,{icon:"i-material-symbols-arrow-right-alt",label:"Menu-Item",iconPosition:"right"}),l(ee,{icon:"i-material-symbols-arrow-left-alt",label:"Menu-Item"}),e[153]||(e[153]=t("span",{class:"text-sm text-gray-700 mt-4 font-mono"},"active: false",-1)),l(ee,{label:"Menu-Item",active:""}),l(ee,{icon:"i-material-symbols-arrow-right-alt",label:"Menu-Item",iconPosition:"right",active:""}),l(ee,{icon:"i-material-symbols-arrow-left-alt",label:"Menu-Item",active:""})]),e[154]||(e[154]=t("span",{class:"text-sm text-gray-700 mt-4 font-mono"},"active: true",-1))])]),t("div",hs,[e[161]||(e[161]=t("h3",{class:"text-lg font-normal text-gray-700 mb-16"},"Satellite Menu",-1)),t("div",vs,[t("div",ks,[l(c,{type:"satelliteMenu"},{default:a(()=>e[156]||(e[156]=[r("Menu-Item")])),_:1,__:[156]}),l(c,{type:"satelliteMenu",icon:"i-material-symbols-keyboard-arrow-down",trailing:""},{default:a(()=>e[157]||(e[157]=[r(" Menu-Item ")])),_:1,__:[157]}),l(c,{type:"satelliteMenu",icon:"i-material-symbols-keyboard-arrow-down"},{default:a(()=>e[158]||(e[158]=[r(" Menu-Item ")])),_:1,__:[158]})]),e[159]||(e[159]=t("span",{class:"text-sm text-gray-700 mt-4 font-mono"},"type: satelliteMenu",-1)),e[160]||(e[160]=t("div",{class:"mb-16 p-12 bg-yellow-50 border border-yellow-200"},[t("p",{class:"text-yellow-800"},[t("strong",null,"Note:"),r(' Ich kann keine Stelle im Design finden, wo diese Buttons wirklich mal "active" bleiben. Daher hab ich das hier weggelassen. ')])],-1))])]),t("div",ws,[e[162]||(e[162]=t("h3",{class:"text-lg font-normal text-gray-700 mb-16"},"Rolling Button",-1)),t("div",_s,[l(De,{icon:"i-material-symbols-search",label:"Suche"})])]),t("div",Is,[e[165]||(e[165]=t("h3",{class:"text-lg font-normal text-gray-700 mb-16"},"Breadcrumb",-1)),t("div",Vs,[t("div",null,[l(Be,{items:u(Oe),"separator-icon":"i-material-symbols-light-horizontal-rule"},null,8,["items"]),e[163]||(e[163]=t("span",{class:"text-sm text-gray-700 mt-8 font-mono"},"desktop",-1))]),t("div",null,[l(Be,{items:Fe,"separator-icon":"i-material-symbols-light-horizontal-rule"},{dropdown:a(({item:d})=>[l(Ne,{items:d.children,content:{align:"start"}},{default:a(()=>[l(c,{type:"subMenu",icon:"i-material-symbols-apps",class:"[&>span]:!size-24 [&>span]:!bg-neutral-100 flex justify-center"})]),_:2},1032,["items"])]),_:1}),e[164]||(e[164]=t("span",{class:"text-sm text-gray-700 mt-8 font-mono"},"mobile",-1))])])])])]),t("section",Bs,[e[168]||(e[168]=t("h2",{class:"text-2xl font-normal text-gray-900 mb-21"},"Pagination ✅",-1)),t("div",Ss,[t("div",Ls,[t("div",null,[e[167]||(e[167]=t("h3",{class:"text-lg font-normal text-gray-900 mb-16"},"Basic Pagination",-1)),l(Ke,{modelValue:u(z),"onUpdate:modelValue":e[0]||(e[0]=d=>E(z)?z.value=d:null),total:100,color:"pagination","active-color":"pagination",variant:"light",activeVariant:"dark",ellipsisIcon:"i-tdesign-ellipsis","show-edges":"","per-page":20,nextIcon:"i-material-symbols-arrow-right-alt",prevIcon:"i-material-symbols-arrow-left-alt"},null,8,["modelValue"])])])])]),t("section",zs,[e[176]||(e[176]=t("h2",{class:"text-2xl font-normal text-gray-900 mb-21"},"Inputs ✅",-1)),t("div",Ts,[t("div",Ms,[e[169]||(e[169]=t("h3",{class:"text-lg font-normal text-gray-900 mb-16"},"Input Fields",-1)),t("div",Cs,[l(U,{label:"Normal"},{default:a(()=>[l(Z,{modelValue:W.inputValue1,"onUpdate:modelValue":e[1]||(e[1]=d=>W.inputValue1=d),placeholder:"Input Text"},null,8,["modelValue"])]),_:1}),l(U,{label:"Error",required:"",error:"Bitte füllen Sie das Feld aus.",color:"error"},{default:a(()=>[l(Z,{modelValue:W.inputValue2,"onUpdate:modelValue":e[2]||(e[2]=d=>W.inputValue2=d),placeholder:"Input Text"},null,8,["modelValue"])]),_:1}),l(U,{label:"Disabled"},{default:a(()=>[l(Z,{modelValue:W.inputValue3,"onUpdate:modelValue":e[3]||(e[3]=d=>W.inputValue3=d),placeholder:"Input Text",disabled:""},null,8,["modelValue"])]),_:1})])]),t("div",qs,[e[170]||(e[170]=t("h3",{class:"text-lg font-normal text-gray-900 mb-16"},"Selects / Dropdowns",-1)),t("div",Es,[l(U,{label:"Normal"},{default:a(()=>[l(ge,{modelValue:u(h),"onUpdate:modelValue":e[4]||(e[4]=d=>E(h)?h.value=d:null),items:u(m),variant:"standard"},null,8,["modelValue","items"])]),_:1}),l(U,{label:"Error",required:"",error:"Bitte füllen Sie das Feld aus.",color:"error"},{default:a(()=>[l(ge,{modelValue:W.selectedItem2,"onUpdate:modelValue":e[5]||(e[5]=d=>W.selectedItem2=d),items:u(m),variant:"standard",placeholder:"Please choose",required:"",color:"error"},null,8,["modelValue","items"])]),_:1}),l(U,{label:"Disabled"},{default:a(()=>[l(ge,{modelValue:u(g),"onUpdate:modelValue":e[6]||(e[6]=d=>E(g)?g.value=d:null),items:u(m),variant:"standard",disabled:""},null,8,["modelValue","items"])]),_:1})])]),t("div",As,[e[172]||(e[172]=t("h3",{class:"text-lg font-normal text-gray-900 mb-16"},"Date Input",-1)),t("div",Ps,[l(U,{label:"Normal"},{default:a(()=>

1[fe(l(Z,{modelValue:u(o),"onUpdate:modelValue":e[7]||(e[7]=d=>E(o)?o.value=d:null),placeholder:"tt.mm.jjjj",trailingIcon:"i-material-symbols-calendar-today"},null,8,["modelValue"]),[[u(ye),{mask:"##.##.####",tokens:{"#":{pattern:/[0-9]/}},preProcess:d=>d.replace(/[^0-9]/g,""),postProcess:d=>{const v=d.split(".");if(v.length>=2){const Q=parseInt(v[0]),X=parseInt(v[1]);Q===0?v[0]="01":Q>31&&(v[0]="31"),X===0?v[1]="01":X>12&&(v[1]="12")}return v.join(".")}}]])]),_:1}),l(U,{label:"Error",error:"Bitte füllen Sie das Feld aus.",color:"error"},{default:a(()=>[fe(l(Z,{modelValue:u(o),"onUpdate:modelValue":e[8]||(e[8]=d=>E(o)?o.value=d:null),placeholder:"tt.mm.jjjj",trailingIcon:"i-material-symbols-calendar-today",color:"error"},null,8,["modelValue"]),[[u(ye),{mask:"##.##.####",tokens:{"#":{pattern:/[0-9]/}},preProcess:d=>d.replace(/[^0-9]/g,""),postProcess:d=>{const v=d.split(".");if(v.length>=2){const Q=parseInt(v[0]),X=parseInt(v[1]);Q===0?v[0]="01":Q>31&&(v[0]="31"),X===0?v[1]="01":X>12&&(v[1]="12")}return v.join(".")}}]])]),_:1}),l(U,{label:"Disabled"},{default:a(()=>[fe(l(Z,{modelValue:u(o),"onUpdate:modelValue":e[9]||(e[9]=d=>E(o)?o.value=d:null),placeholder:"tt.mm.jjjj",trailingIcon:"i-material-symbols-calendar-today",disabled:""},null,8,["modelValue"]),[[u(ye),{mask:"##.##.####",tokens:{"#":{pattern:/[0-9]/}},preProcess:d=>d.replace(/[^0-9]/g,""),postProcess:d=>{const v=d.split(".");if(v.length>=2){const Q=parseInt(v[0]),X=parseInt(v[1]);Q===0?v[0]="01":Q>

131&&(v[0]="31"),X===0?v[1]="01":X>12&&(v[1]="12")}return v.join(".")}}]])]),_:1}),e[171]||(e[171]=t("div",{class:"mb-16 p-12 bg-yellow-50 border border-yellow-200"},[t("p",{class:"text-yellow-800"},[t("strong",null,"Note:"),r(" Can't make calendar icon appear grey when disabled. ")])],-1))])]),t("div",Hs,[e[173]||(e[173]=t("h3",{class:"text-lg font-normal text-gray-900 mb-16"},"Checkboxes",-1)),t("div",Os,[t("div",Fs,[l(G,{modelValue:u(n),"onUpdate:modelValue":e[10]||(e[10]=d=>E(n)?n.value=d:null),label:"Unchecked",icon:"i-material-symbols-check"},null,8,["modelValue"]),l(G,{modelValue:u(p),"onUpdate:modelValue":e[11]||(e[11]=d=>E(p)?p.value=d:null),label:"Checked",icon:"i-material-symbols-check"},null,8,["modelValue"]),l(G,{modelValue:u(f),"onUpdate:modelValue":e[12]||(e[12]=d=>E(f)?f.value=d:null),label:"Error State",required:"",color:"error",icon:"i-material-symbols-check"},null,8,["modelValue"]),l(G,{modelValue:u(y),"onUpdate:modelValue":e[13]||(e[13]=d=>E(y)?y.value=d:null),label:"Disabled",disabled:"",icon:"i-material-symbols-check"},null,8,["modelValue"])]),t("div",$s,[l(G,{modelValue:u(k),"onUpdate:modelValue":e[14]||(e[14]=d=>E(k)?k.value=d:null),label:"Unchecked",indicator:"end",icon:"i-material-symbols-check"},null,8,["modelValue"]),l(G,{modelValue:u(I),"onUpdate:modelValue":e[15]||(e[15]=d=>E(I)?I.value=d:null),label:"Checked",indicator:"end",icon:"i-material-symbols-check"},null,8,["modelValue"]),l(G,{modelValue:u(x),"onUpdate:modelValue":e[16]||(e[16]=d=>E(x)?x.value=d:null),label:"Error State",required:"",indicator:"end",color:"error",icon:"i-material-symbols-check"},null,8,["modelValue"]),l(G,{modelValue:u(S),"onUpdate:modelValue":e[17]||(e[17]=d=>E(S)?S.value=d:null),label:"Disabled",disabled:"",indicator:"end",icon:"i-material-symbols-check"},null,8,["modelValue"])])])]),t("div",Ds,[e[175]||(e[175]=t("h3",{class:"text-lg font-normal text-gray-900 mb-16"},"Searchbar",-1)),t("div",Ns,[t("div",Ks,[l(Z,{modelValue:u(i),"onUpdate:modelValue":e[19]||(e[19]=d=>E(i)?i.value=d:null),placeholder:"Suchbegriff eingeben",variant:"search"},ue({_:2},[u(i).length?{name:"trailing",fn:a(()=>[l(c,{type:"text",theme:"light",class:"text-neutral-40 mr-14 md:mr-20",square:"",icon:"i-material-symbols-close-small","aria-label":"Suche löschen",onClick:e[18]||(e[18]=d=>i.value="")})]),key:"0"}:void 0]),1032,["modelValue"]),l(c,{type:"cta",theme:"light",icon:"i-material-symbols-search"},{default:a(()=>e[174]||(e[174]=[r(" Suchen ")])),_:1,__:[174]})]),t("div",Rs,[l(Z,{modelValue:u(i),"onUpdate:modelValue":e[21]||(e[21]=d=>E(i)?i.value=d:null),placeholder:"Suchbegriff eingeben",variant:"search"},ue({_:2},[u(i).length?{name:"trailing",fn:a(()=>[l(c,{type:"text",theme:"light",class:"text-neutral-40 mr-14 md:mr-20",square:"",icon:"i-material-symbols-close-small","aria-label":"Suche löschen",onClick:e[20]||(e[20]=d=>i.value="")})]),key:"0"}:void 0]),1032,["modelValue"]),l(c,{type:"cta",theme:"light",icon:"i-material-symbols-search",class:"px-14 md:px-12",square:""})])])])])]),t("section",Us,[e[183]||(e[183]=t("h2",{class:"text-2xl font-normal text-gray-900 mb-21"},"Cards",-1)),t("div",js,[t("div",Ws,[e[177]||(e[177]=t("h3",{class:"text-lg font-semibold mb-16"},"Complete Card",-1)),l(te,{image:{src:"/example-image.png",alt:"Example image",width:400,height:300},headline:"Das ist eine Headline",text:"Body Text - Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. .",link:"/test",isHighlight:!0,type:"standard",copyright:"© 2024 Example"})]),t("div",Js,[e[178]||(e[178]=t("h3",{class:"text-lg font-semibold mb-16"},"Image Only",-1)),l(te,{image:{src:"/example-image.png",alt:"Example image",width:400,height:300},link:"/test",type:"standard",copyright:"© 2024 Image Only Example"})]),t("div",Zs,[e[179]||(e[179]=t("h3",{class:"text-lg font-semibold mb-16"},"No Link",-1)),l(te,{image:{src:"/example-image.png",alt:"Example image",width:400,height:300},headline:"Das ist eine Headline",text:"Body Text - Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.",type:"standard",copyright:"© 2024 No Link Example"})]),t("div",Gs,[e[180]||(e[180]=t("h3",{class:"text-lg font-semibold mb-16"},"News Card",-1)),l(te,{image:{src:"/example-image.png",alt:"Example image",width:400,height:300},headline:"Das ist eine Headline",text:"Body Text - Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.",location:"Filmnächte am Elbufer",date:"20.06.2026",link:"/test",type:"news",copyright:"© 2024 News Example"})]),t("div",Qs,[e[181]||(e[181]=t("h3",{class:"text-lg font-semibold mb-16"},"Location Card",-1)),l(te,{image:{src:"/example-image.png",alt:"Example image",width:400,height:300},headline:"Das ist eine Headline",location:"Dresden",link:"/test",type:"location",copyright:"© 2024 Location 

1Example"})])]),t("div",Xs,[e[182]||(e[182]=t("h3",{class:"text-lg font-semibold mb-16"},"Merkzettel / Wishlist Card",-1)),l(te,{image:{src:"/example-image.png",alt:"Example image",width:400,height:300},headline:"Location Name",features:["Anzahl Tagungsräume: 34","Anzahl der Hotelzimmer: 345"],location:"Filmnächte am Elbufer",locationKind:"Hotel",phone:"0351 23456789",mail:"[email protected]",link:"/test",type:"wishlist",copyright:"© 2024 Wishlist Example"})])])])])}}});export{fa as default};