@monkeyplus/flow 6.0.71 → 6.0.74

package/cms/dist/assets/Pages-xAtEr5In.js

@@ -1 +0,0 @@
-import{At as e,Ct as t,D as n,Dt as r,Fn as i,Ht as a,Jt as o,Kt as s,L as c,Lt as l,Mt as u,Nn as d,Nt as f,Pt as p,Qt as m,Rt as h,Vt as g,Wt as _,Yt as v,a as y,d as b,en as x,hn as S,j as C,jt as w,kn as T,ln as E,m as D,mn as O,o as k,sn as A,un as j,vt as M,wn as N,yn as P}from"./index.spa-Bttzn5Vp.js";import{T as ee,n as te,t as F}from"./Input-BCncVJ7t.js";import{a as I,b as L,c as R,d as ne,f as re,g as ie,h as ae,i as oe,l as se,m as z,n as B,o as V,p as H,r as U,s as W,u as G,v as K,y as ce}from"./Fields-BLqjNMhd.js";import{b as q,t as J,v as Y,x as X}from"./Button-BYGO05Rp.js";import{t as le}from"./DropdownMenu-CVUbPEtY.js";import{n as ue}from"./virtualizer-ZIBv4Ghl.js";import{n as de,t as fe}from"./Preview-CyTD_Z7s.js";import{t as Z}from"./cms-EdEv3eUj.js";import{t as pe}from"./dist-TO46HCAG.js";import{r as me}from"./Media-BNWQk3sM.js";import{t as he}from"./preview-CnzUuKun.js";import{n as ge,t as _e}from"./PageSideForm-BiTP0Rcj.js";import{t as ve}from"./Sidebar-CsdSwAef.js";import{n as ye,t as be}from"./useCmsBreadcrumb-CFid0hqD.js";function Q(t){let r=N([]),i=N(0),a=N(`closed`),o=t.searchTerm??N(``),s=null,c=null,l=null,u=null,f=null,p=null,m=null,h=null,_=null,v=null,y=null,{score:x}=te(),S=()=>{a.value!==`closed`&&(a.value=`closed`,p&&=(document.removeEventListener(`keydown`,p,!0),null),m&&=(t.editor.view.dom.removeEventListener(`blur`,m),null),v&&=(window.removeEventListener(`scroll`,v,!0),null),c&&l&&(c.removeEventListener(`mousedown`,l),l=null),s&&=(s.destroy(),null),c&&=(c.remove(),null))},C=t.filterFields??[`label`],w=t.filter||((e,t)=>{if(!t)return e;let n=[];for(let r of e){let e=null;for(let n of C){let i=b(r,n);if(i==null)continue;let a=Array.isArray(i)?i.map(String):[String(i)];for(let n of a){let r=n.replace(/[\s_-]/g,``),i=Math.min(x(n,t)??3,x(r,t)??3);if((e===null||i<e)&&(e=i),e===0)break}if(e===0)break}e!==null&&e<3&&n.push({item:r,score:e})}return n.sort((e,t)=>e.score-t.score),n.map(({item:e})=>e)}),T=t.limit??42,E=typeof t.pluginKey==`string`?new ae(t.pluginKey):t.pluginKey,O=e(()=>{let e=d(t.items);return e?.length?D(e)?e:[e]:[]}),k=e(()=>O.value.flatMap(e=>e)),A=e(()=>r.value.length?t.ignoreFilter?[r.value]:O.value.map(e=>{let t=e.filter(e=>r.value.includes(e));return t.sort((e,t)=>r.value.indexOf(e)-r.value.indexOf(t)),t}).filter(e=>e.length>0):[]),M=e(()=>r.value.filter(e=>e.type!==`label`&&e.type!==`separator`)),P=n(t.options,{strategy:`absolute`,placement:`bottom-start`,offset:8,flip:{},shift:{padding:8},size:!1,autoPlacement:!1,hide:!1,inline:!1}),F=V(P),I=e=>{if(!h)return;let t=h();t&&ee({getBoundingClientRect:()=>t},e,{placement:P.placement,strategy:P.strategy,middleware:F}).then(({x:t,y:n,strategy:r})=>{e.style.width=`max-content`,e.style.position=r,e.style.top=`0`,e.style.left=`0`,e.style.transform=`translate(${Math.round(t)}px, ${Math.round(n)}px)`})},L=()=>{a.value=`open`,p||(p=e=>{f&&f({event:e})&&(e.preventDefault(),e.stopPropagation())},document.addEventListener(`keydown`,p,!0)),m||(m=()=>{setTimeout(()=>{if(a.value===`open`){let e=t.editor.view.state.tr.setMeta(E,{exit:!0});t.editor.view.dispatch(e)}},0)},t.editor.view.dom.addEventListener(`blur`,m)),v||(v=()=>{c&&I(c)},window.addEventListener(`scroll`,v,!0)),_=e=>{i.value=e,s&&s.updateProps({groups:A.value,selectedIndex:e,onSelect:u,onHover:_,state:a.value})},s=new ne(R,{props:{groups:A.value,selectedIndex:i.value,onSelect:u,onHover:_,state:a.value},editor:t.editor}),c=document.createElement(`div`),c.style.position=P.strategy,c.style.zIndex=`50`,l=e=>{e.preventDefault()},c.addEventListener(`mousedown`,l),((typeof t.appendTo==`function`?t.appendTo():t.appendTo)??t.editor.view.dom.parentElement)?.appendChild(c),s.element&&c.appendChild(s.element),I(c)};t.ignoreFilter&&(y=j(()=>d(t.items),e=>{if(h){if(r.value=(e?.length?D(e)?e.flat():e:[]).slice(0,T),!r.value.length){S();return}if(i.value>=M.value.length&&(i.value=Math.max(0,M.value.length-1)),a.value===`closed`&&r.value.length){L();return}s&&s.updateProps({groups:A.value,selectedIndex:i.value,onSelect:u,onHover:_,state:a.value}),c&&I(c)}},{deep:!0,flush:`sync`}));let R={props:{groups:{type:Array,required:!0},selectedIndex:{type:Number,required:!0},onSelect:{type:Function,required:!0},onHover:{type:Function,required:!0},state:{type:String,required:!0}},setup(e){function n(t,n,r){t.preventDefault(),e.onSelect(n,r)}function r(t){e.onHover(t)}return()=>{let i=e.groups,a=new Map,o=0;for(let e of i)for(let t of e){let e=t;e.type!==`label`&&e.type!==`separator`&&a.set(t,o++)}return g(`div`,{class:t.ui.value.content(),role:`listbox`,"data-state":e.state},[g(`div`,{class:t.ui.value.viewport(),role:`presentation`},i.map((i,o)=>g(`div`,{key:`group-${o}`,class:t.ui.value.group(),role:`group`},i.map((i,s)=>{let c=i;if(c.type===`label`)return g(`div`,{key:`label-${o}-${s}`,class:t.ui.value.label({class:c.class})},t.renderItem(i,t.ui));if(c.type===`separator`)return g(`div`,{key:`separator-${o}-${s}`,class:t.ui.value.separator({class:c.class}),role:`separator`});let l=a.get(i),u=l===e.selectedIndex;return g(`div`,{key:`item-${l}`,class:t.ui.value.item({class:c.class,active:!1}),role:`option`,"aria-selected":u,"data-highlighted":u?``:void 0,"data-disabled":c.disabled?``:void 0,onMousedown:e=>n(e,i,l),onMouseenter:()=>r(l),ref:e=>{e&&u&&e.scrollIntoView({block:`nearest`,inline:`nearest`})}},t.renderItem(i,t.ui))}))))])}}};return{plugin:re({...t.suggestion||{},pluginKey:E,editor:t.editor,char:t.char,items:({query:e})=>(o.value=e,t.ignoreFilter?k.value.slice(0,T):w(k.value,e).slice(0,T)),command:({editor:e,range:n,props:r})=>{t.onSelect(e,n,r)},render:()=>(f=e=>{let{event:t}=e;if(!s||!M.value.length)return!1;if(t.key===`Escape`)return S(),!0;if(t.key===`ArrowUp`)return i.value=(i.value+M.value.length-1)%M.value.length,s?.updateProps({groups:A.value,selectedIndex:i.value,onSelect:u,onHover:_,state:a.value}),!0;if(t.key===`ArrowDown`)return i.value=(i.value+1)%M.value.length,s?.updateProps({groups:A.value,selectedIndex:i.value,onSelect:u,onHover:_,state:a.value}),!0;if(t.key===`Enter`||t.key===`Tab`){let e=M.value[i.value];return e&&u&&u(e),!0}return!1},{onStart:e=>{r.value=t.ignoreFilter?k.value.slice(0,T):e.items,i.value=0,u=t=>e.command(t),h=e.clientRect,r.value.length&&L()},onUpdate:e=>{if(r.value=t.ignoreFilter?k.value.slice(0,T):e.items,u=t=>e.command(t),i.value>=M.value.length&&(i.value=Math.max(0,M.value.length-1)),!r.value.length){S();return}s?s.updateProps({groups:A.value,selectedIndex:i.value,onSelect:u,onHover:_,state:a.value}):L(),c&&I(c)},onKeyDown:f,onExit:()=>{S(),h=null,o.value=``}})}),destroy:()=>{a.value=`closed`,p&&=(document.removeEventListener(`keydown`,p,!0),null),m&&=(t.editor.view.dom.removeEventListener(`blur`,m),null),v&&=(window.removeEventListener(`scroll`,v,!0),null),c&&l&&(c.removeEventListener(`mousedown`,l),l=null),s&&=(s.destroy(),null),c&&=(c.remove(),null),y&&=(y(),null)},filteredItems:r,searchTerm:o}}var xe={slots:{content:`min-w-48 max-w-60 max-h-96 bg-default shadow-lg rounded-md ring ring-default overflow-hidden 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) flex flex-col`,viewport:`relative divide-y divide-default scroll-py-1 overflow-y-auto flex-1`,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-start 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 flex items-center justify-center`,itemLeadingAvatar:`shrink-0`,itemLeadingAvatarSize:``,itemWrapper:`flex-1 flex flex-col text-start min-w-0`,itemLabel:`truncate`,itemDescription:`truncate text-muted`,itemLabelExternalIcon:`inline-block size-3 align-top text-dimmed`},variants:{size:{xs:{label:`p-1 text-[10px]/3 gap-1`,item:`p-1 text-xs gap-1`,itemLeadingIcon:`size-4 text-sm`,itemLeadingAvatarSize:`3xs`},sm:{label:`p-1.5 text-[10px]/3 gap-1.5`,item:`p-1.5 text-xs gap-1.5`,itemLeadingIcon:`size-4 text-sm`,itemLeadingAvatarSize:`3xs`},md:{label:`p-1.5 text-xs gap-1.5`,item:`p-1.5 text-sm gap-1.5`,itemLeadingIcon:`size-5 text-base`,itemLeadingAvatarSize:`2xs`},lg:{label:`p-2 text-xs gap-2`,item:`p-2 text-sm gap-2`,itemLeadingIcon:`size-5 text-base`,itemLeadingAvatarSize:`2xs`},xl:{label:`p-2 text-sm gap-2`,item:`p-2 text-base gap-2`,itemLeadingIcon:`size-6 text-xl`,itemLeadingAvatarSize:`xs`}},active:{true:{item:`text-highlighted before:bg-elevated/75`,itemLeadingIcon:`text-default`},false:{item:[`text-default data-highlighted:not-data-disabled:text-highlighted data-highlighted:not-data-disabled:before:bg-elevated/50`,`transition-colors before:transition-colors`],itemLeadingIcon:[`text-dimmed group-data-highlighted:not-group-data-disabled:text-default`,`transition-colors`]}}},defaultVariants:{size:`md`}},Se=Object.assign({inheritAttrs:!1},{__name:`EditorMentionMenu`,props:_({size:{type:null,required:!1},items:{type:Array,required:!1},class:{type:null,required:!1},ui:{type:Object,required:!1},editor:{type:Object,required:!1},char:{type:String,required:!1,default:`@`},pluginKey:{type:String,required:!1,default:`mentionMenu`},filterFields:{type:Array,required:!1},limit:{type:Number,required:!1},options:{type:Object,required:!1},suggestion:{type:Object,required:!1},appendTo:{type:Function,required:!1,skipCheck:!0},ignoreFilter:{type:Boolean,required:!1}},{searchTerm:{type:String,default:``},searchTermModifiers:{}}),emits:[`update:searchTerm`],setup(t){let n=t,r=A(t,`searchTerm`,{type:String,default:``}),i=C(),a=e(()=>X({extend:X(xe),...i.ui?.editorMentionMenu||{}})({size:n.size})),c=null;return v(async()=>{await s(),!(!n.editor||n.editor.isDestroyed)&&(c=Q({editor:n.editor,char:n.char,pluginKey:n.pluginKey,items:T(()=>n.items),filterFields:n.filterFields,ignoreFilter:n.ignoreFilter,limit:n.limit,options:n.options,suggestion:n.suggestion,appendTo:n.appendTo,searchTerm:r,ui:a,onSelect:(e,t,r)=>{e.chain().focus().deleteRange(t).insertContent({type:`mention`,attrs:{...r,mentionSuggestionChar:n.char}}).run()},renderItem:(e,t)=>[e.avatar?g(Y,{...e.avatar,size:t.value.itemLeadingAvatarSize(),class:t.value.itemLeadingAvatar()}):e.icon?g(q,{name:e.icon,class:t.value.itemLeadingIcon()}):null,g(`span`,{class:t.value.itemWrapper()},[g(`span`,{class:t.value.itemLabel()},e.label),e.description?g(`span`,{class:t.value.itemDescription()},e.description):null])]}),n.editor.registerPlugin(c.plugin))}),o(()=>{c&&=(c.destroy(),null),n.editor&&!n.editor.isDestroyed&&n.editor.unregisterPlugin(n.pluginKey)}),(e,t)=>(m(),p(`div`))}}),Ce={slots:{content:`min-w-48 max-w-60 max-h-96 bg-default shadow-lg rounded-md ring ring-default overflow-hidden 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) flex flex-col`,viewport:`relative divide-y divide-default scroll-py-1 overflow-y-auto flex-1`,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-start 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 flex items-center justify-center`,itemLeadingAvatar:`shrink-0`,itemLeadingAvatarSize:``,itemWrapper:`flex-1 flex flex-col text-start min-w-0`,itemLabel:`truncate`,itemDescription:`truncate text-muted`,itemLabelExternalIcon:`inline-block size-3 align-top text-dimmed`},variants:{size:{xs:{label:`p-1 text-[10px]/3 gap-1`,item:`p-1 text-xs gap-1`,itemLeadingIcon:`size-4 text-sm`,itemLeadingAvatarSize:`3xs`},sm:{label:`p-1.5 text-[10px]/3 gap-1.5`,item:`p-1.5 text-xs gap-1.5`,itemLeadingIcon:`size-4 text-sm`,itemLeadingAvatarSize:`3xs`},md:{label:`p-1.5 text-xs gap-1.5`,item:`p-1.5 text-sm gap-1.5`,itemLeadingIcon:`size-5 text-base`,itemLeadingAvatarSize:`2xs`},lg:{label:`p-2 text-xs gap-2`,item:`p-2 text-sm gap-2`,itemLeadingIcon:`size-5 text-base`,itemLeadingAvatarSize:`2xs`},xl:{label:`p-2 text-sm gap-2`,item:`p-2 text-base gap-2`,itemLeadingIcon:`size-6 text-xl`,itemLeadingAvatarSize:`xs`}},active:{true:{item:`text-highlighted before:bg-elevated/75`,itemLeadingIcon:`text-default`},false:{item:[`text-default data-highlighted:not-data-disabled:text-highlighted data-highlighted:not-data-disabled:before:bg-elevated/50`,`transition-colors before:transition-colors`],itemLeadingIcon:[`text-dimmed group-data-highlighted:not-group-data-disabled:text-default`,`transition-colors`]}}},defaultVariants:{size:`md`}},we=Object.assign({inheritAttrs:!1},{__name:`EditorSuggestionMenu`,props:{size:{type:null,required:!1},items:{type:Array,required:!1},class:{type:null,required:!1},ui:{type:Object,required:!1},editor:{type:Object,required:!1},char:{type:String,required:!1,default:`/`},pluginKey:{type:String,required:!1,default:`suggestionMenu`},filterFields:{type:Array,required:!1},limit:{type:Number,required:!1},options:{type:Object,required:!1},suggestion:{type:Object,required:!1},appendTo:{type:Function,required:!1,skipCheck:!0}},setup(t){let n=t,r=C(),i=a(`editorHandlers`,e(()=>W())),c=e(()=>X({extend:X(Ce),...r.ui?.editorSuggestionMenu||{}})({size:n.size})),l=null;return v(async()=>{await s(),!(!n.editor||n.editor.isDestroyed)&&(l=Q({editor:n.editor,char:n.char,pluginKey:n.pluginKey,items:T(()=>n.items),filterFields:n.filterFields,limit:n.limit,options:n.options,suggestion:n.suggestion,appendTo:n.appendTo,ui:c,onSelect:(e,t,n)=>{if(n.type===`label`||n.type===`separator`)return;e.chain().focus().deleteRange(t).run();let r=i?.value?.[n.kind];r&&r.execute(e,n).run()},renderItem:(e,t)=>e.type===`label`?[g(`span`,{},e.label)]:[e.icon?g(q,{name:e.icon,class:t.value.itemLeadingIcon()}):null,g(`span`,{class:t.value.itemWrapper()},[g(`span`,{class:t.value.itemLabel()},e.label),e.description?g(`span`,{class:t.value.itemDescription()},e.description):null])]}),n.editor.registerPlugin(l.plugin))}),o(()=>{l&&=(l.destroy(),null),n.editor&&!n.editor.isDestroyed&&n.editor.unregisterPlugin(n.pluginKey)}),(e,t)=>(m(),p(`div`))}}),Te=h({__name:`EditorImageUploadNode`,props:{decorations:{},selected:{type:Boolean},updateAttributes:{type:Function},deleteNode:{type:Function},node:{},view:{},getPos:{},innerDecorations:{},editor:{},extension:{},HTMLAttributes:{}},setup(e){let t=e,n=N(null),r=N(!1);return j(n,async e=>{if(!e)return;r.value=!0;let n=new FileReader;n.onload=async e=>{let n=e.target?.result;if(!n){r.value=!1;return}await new Promise(e=>setTimeout(e,1e3));let i=t.getPos();if(typeof i!=`number`){r.value=!1;return}t.editor.chain().focus().deleteRange({from:i,to:i+1}).setImage({src:n}).run(),r.value=!1},n.readAsDataURL(e)}),(e,t)=>{let i=Y,a=me;return m(),u(d(se),null,{default:O(()=>[l(a,{modelValue:d(n),"onUpdate:modelValue":t[0]||=e=>P(n)?n.value=e:null,accept:`image/*`,label:`Upload an image`,description:`SVG, PNG, JPG or GIF (max. 2MB)`,preview:!1,class:`min-h-48`},{leading:O(()=>[l(i,{icon:d(r)?`i-lucide-loader-circle`:`i-lucide-image`,size:`xl`,ui:{icon:[d(r)&&`animate-spin`]}},null,8,[`icon`,`ui`])]),_:1},8,[`modelValue`])]),_:1})}}}),Ee=H.create({name:`imageUpload`,group:`block`,atom:!0,draggable:!0,addAttributes(){return{}},parseHTML(){return[{tag:`div[data-type="image-upload"]`}]},renderHTML({HTMLAttributes:e}){return[`div`,z(e,{"data-type":`image-upload`})]},addNodeView(){return G(Te)},addCommands(){return{insertImageUpload:()=>({commands:e})=>e.insertContent({type:this.name})}}}),De={class:`flex items-center mr-0.5`},$=h({__name:`EditorLinkPopover`,props:{editor:{},autoOpen:{type:Boolean},heading:{type:Boolean}},setup(t){let n=t,r=N(!1),i=N(``),a=e(()=>n.editor.isActive(`link`)),o=e(()=>{if(!n.editor.isEditable)return!0;let{selection:e}=n.editor.state;return e.empty&&!n.editor.isActive(`link`)});j(()=>n.editor,(e,t,n)=>{if(!e)return;let r=()=>{let{href:t}=e.getAttributes(`link`);i.value=t||``};r(),e.on(`selectionUpdate`,r),n(()=>{e.off(`selectionUpdate`,r)})},{immediate:!0}),j(a,e=>{e&&n.autoOpen&&(r.value=!0)});function s(){if(!i.value)return;let{selection:e}=n.editor.state,t=e.empty,a=n.editor.isActive(`code`),o=n.editor.chain().focus();a&&!t?o=o.extendMarkRange(`code`).setLink({href:i.value}):(o=o.extendMarkRange(`link`).setLink({href:i.value}),t&&(o=o.insertContent({type:`text`,text:i.value}))),o.run(),r.value=!1}function c(){n.editor.chain().focus().extendMarkRange(`link`).unsetLink().setMeta(`preventAutolink`,!0).run(),i.value=``,r.value=!1}function f(){i.value&&window.open(i.value,`_blank`,`noopener,noreferrer`)}function p(e){e.key===`Enter`&&(e.preventDefault(),s())}return(e,t)=>{let n=J,h=oe,g=ue,_=F,v=K;return m(),u(v,{open:d(r),"onUpdate:open":t[1]||=e=>P(r)?r.value=e:null,ui:{content:`p-0.5`}},{content:O(()=>[l(_,{modelValue:d(i),"onUpdate:modelValue":t[0]||=e=>P(i)?i.value=e:null,autofocus:``,name:`url`,type:`url`,variant:`none`,placeholder:`Paste a link...`,onKeydown:p},{default:O(()=>[w(`div`,De,[l(n,{icon:`i-lucide-corner-down-left`,variant:`ghost`,size:`sm`,disabled:!d(i)&&!d(a),title:`Apply link`,onClick:s},null,8,[`disabled`]),l(g,{orientation:`vertical`,class:`h-6 mx-1`}),l(n,{icon:`i-lucide-external-link`,color:`neutral`,variant:`ghost`,size:`sm`,disabled:!d(i)&&!d(a),title:`Open in new window`,onClick:f},null,8,[`disabled`]),l(n,{icon:`i-lucide-trash`,color:`neutral`,variant:`ghost`,size:`sm`,disabled:!d(i)&&!d(a),title:`Remove link`,onClick:c},null,8,[`disabled`])])]),_:1},8,[`modelValue`])]),default:O(()=>[l(h,{text:`Link`},{default:O(()=>[l(n,{icon:`i-lucide-link`,color:`neutral`,"active-color":`primary`,variant:`ghost`,"active-variant":`soft`,size:`sm`,active:d(a),disabled:d(o)},null,8,[`active`,`disabled`])]),_:1})]),_:1},8,[`open`])}}}),Oe=h({__name:`PagesEditor`,props:{modelValue:{},modelModifiers:{}},emits:[`update:modelValue`],setup(e){let t=E(`editorRef`),n=A(e,`modelValue`),r={imageUpload:{canExecute:e=>e.can().insertContent({type:`imageUpload`}),execute:e=>e.chain().focus().insertContent({type:`imageUpload`}),isActive:e=>e.isActive(`imageUpload`),isDisabled:void 0}},a=[[{kind:`undo`,icon:`i-lucide-undo`,tooltip:{text:`Undo`}},{kind:`redo`,icon:`i-lucide-redo`,tooltip:{text:`Redo`}}],[{icon:`i-lucide-heading`,tooltip:{text:`Headings`},content:{align:`start`},items:[{kind:`heading`,level:1,icon:`i-lucide-heading-1`,label:`Heading 1`},{kind:`heading`,level:2,icon:`i-lucide-heading-2`,label:`Heading 2`},{kind:`heading`,level:3,icon:`i-lucide-heading-3`,label:`Heading 3`},{kind:`heading`,level:4,icon:`i-lucide-heading-4`,label:`Heading 4`}]},{icon:`i-lucide-list`,tooltip:{text:`Lists`},content:{align:`start`},items:[{kind:`bulletList`,icon:`i-lucide-list`,label:`Bullet List`},{kind:`orderedList`,icon:`i-lucide-list-ordered`,label:`Ordered List`}]},{kind:`blockquote`,icon:`i-lucide-text-quote`,tooltip:{text:`Blockquote`}},{kind:`codeBlock`,icon:`i-lucide-square-code`,tooltip:{text:`Code Block`}}],[{kind:`mark`,mark:`bold`,icon:`i-lucide-bold`,tooltip:{text:`Bold`}},{kind:`mark`,mark:`italic`,icon:`i-lucide-italic`,tooltip:{text:`Italic`}},{kind:`mark`,mark:`underline`,icon:`i-lucide-underline`,tooltip:{text:`Underline`}},{kind:`mark`,mark:`strike`,icon:`i-lucide-strikethrough`,tooltip:{text:`Strikethrough`}},{kind:`mark`,mark:`code`,icon:`i-lucide-code`,tooltip:{text:`Code`}}],[{slot:`link`,icon:`i-lucide-link`},{kind:`imageUpload`,icon:`i-lucide-image`,tooltip:{text:`Image`}}],[{icon:`i-lucide-align-justify`,tooltip:{text:`Text Align`},content:{align:`end`},items:[{kind:`textAlign`,align:`left`,icon:`i-lucide-align-left`,label:`Align Left`},{kind:`textAlign`,align:`center`,icon:`i-lucide-align-center`,label:`Align Center`},{kind:`textAlign`,align:`right`,icon:`i-lucide-align-right`,label:`Align Right`},{kind:`textAlign`,align:`justify`,icon:`i-lucide-align-justify`,label:`Align Justify`}]}]];function o(e){return[[{icon:`i-lucide-download`,to:e.state.doc.nodeAt(e.state.selection.from)?.attrs?.src,download:!0,tooltip:{text:`Download`}},{icon:`i-lucide-refresh-cw`,tooltip:{text:`Replace`},onClick:()=>{let{state:t}=e,{selection:n}=t,r=n.from,i=t.doc.nodeAt(r);i&&i.type.name===`image`&&e.chain().focus().deleteRange({from:r,to:r+i.nodeSize}).insertContentAt(r,{type:`imageUpload`}).run()}}],[{icon:`i-lucide-trash`,tooltip:{text:`Delete`},onClick:()=>{let{state:t}=e,{selection:n}=t,r=n.from,i=t.doc.nodeAt(r);i&&i.type.name===`image`&&e.chain().focus().deleteRange({from:r,to:r+i.nodeSize}).run()}}]]}let s=N();function c(e){return s.value?.node?.type?R(e,[[{type:`label`,label:pe(s.value.node.type)},{label:`Turn into`,icon:`i-lucide-repeat-2`,children:[{kind:`paragraph`,label:`Paragraph`,icon:`i-lucide-type`},{kind:`heading`,level:1,label:`Heading 1`,icon:`i-lucide-heading-1`},{kind:`heading`,level:2,label:`Heading 2`,icon:`i-lucide-heading-2`},{kind:`heading`,level:3,label:`Heading 3`,icon:`i-lucide-heading-3`},{kind:`heading`,level:4,label:`Heading 4`,icon:`i-lucide-heading-4`},{kind:`bulletList`,label:`Bullet List`,icon:`i-lucide-list`},{kind:`orderedList`,label:`Ordered List`,icon:`i-lucide-list-ordered`},{kind:`blockquote`,label:`Blockquote`,icon:`i-lucide-text-quote`},{kind:`codeBlock`,label:`Code Block`,icon:`i-lucide-square-code`}]},{kind:`clearFormatting`,pos:s.value?.pos,label:`Reset formatting`,icon:`i-lucide-rotate-ccw`}],[{kind:`duplicate`,pos:s.value?.pos,label:`Duplicate`,icon:`i-lucide-copy`},{label:`Copy to clipboard`,icon:`i-lucide-clipboard`,onSelect:async()=>{if(!s.value)return;let t=s.value.pos,n=e.state.doc.nodeAt(t);n&&await navigator.clipboard.writeText(n.textContent)}}],[{kind:`moveUp`,pos:s.value?.pos,label:`Move up`,icon:`i-lucide-arrow-up`},{kind:`moveDown`,pos:s.value?.pos,label:`Move down`,icon:`i-lucide-arrow-down`}],[{kind:`delete`,pos:s.value?.pos,label:`Delete`,icon:`i-lucide-trash`}]],r):[]}let f=[[{type:`label`,label:`Style`},{kind:`paragraph`,label:`Paragraph`,icon:`i-lucide-type`},{kind:`heading`,level:1,label:`Heading 1`,icon:`i-lucide-heading-1`},{kind:`heading`,level:2,label:`Heading 2`,icon:`i-lucide-heading-2`},{kind:`heading`,level:3,label:`Heading 3`,icon:`i-lucide-heading-3`},{kind:`bulletList`,label:`Bullet List`,icon:`i-lucide-list`},{kind:`orderedList`,label:`Numbered List`,icon:`i-lucide-list-ordered`},{kind:`blockquote`,label:`Blockquote`,icon:`i-lucide-text-quote`},{kind:`codeBlock`,label:`Code Block`,icon:`i-lucide-square-code`}],[{type:`label`,label:`Insert`},{kind:`mention`,label:`Mention`,icon:`i-lucide-at-sign`},{kind:`emoji`,label:`Emoji`,icon:`i-lucide-smile-plus`},{kind:`imageUpload`,label:`Image`,icon:`i-lucide-image`},{kind:`horizontalRule`,label:`Horizontal Rule`,icon:`i-lucide-separator-horizontal`}]],p=[{label:`benjamincanac`,avatar:{src:`https://avatars.githubusercontent.com/u/739984?v=4`,loading:`lazy`}},{label:`HugoRCD`,avatar:{src:`https://avatars.githubusercontent.com/u/71938701?v=4`,loading:`lazy`}},{label:`romhml`,avatar:{src:`https://avatars.githubusercontent.com/u/25613751?v=4`,loading:`lazy`}},{label:`sandros94`,avatar:{src:`https://avatars.githubusercontent.com/u/13056429?v=4`,loading:`lazy`}},{label:`hywax`,avatar:{src:`https://avatars.githubusercontent.com/u/149865959?v=4`,loading:`lazy`}},{label:`J-Michalek`,avatar:{src:`https://avatars.githubusercontent.com/u/71264422?v=4`,loading:`lazy`}},{label:`genu`,avatar:{src:`https://avatars.githubusercontent.com/u/928780?v=4`,loading:`lazy`}}];return(e,h)=>{let g=U,_=we,v=Se,y=J,b=le,x=B,S=I;return m(),u(S,{ref_key:`editorRef`,ref:t,modelValue:n.value,"onUpdate:modelValue":h[1]||=e=>n.value=e,"content-type":`html`,extensions:[d(Ee)],handlers:r,placeholder:`Write, type '/' for commands...`,ui:{base:`p-8 sm:px-16 py-13.5`},class:`w-full bg-white h-[99%] overflow-auto rounded-lg border border-gray-300`},{default:O(({editor:e,handlers:t})=>[l(g,{editor:e,items:a,class:`border-b border-muted sticky top-0 inset-x-0 py-2 z-50 bg-default overflow-x-auto`},{link:O(()=>[l($,{editor:e,"auto-open":``},null,8,[`editor`])]),_:2},1032,[`editor`]),l(g,{editor:e,items:o(e),layout:`bubble`,"should-show":({editor:e,view:t})=>e.isActive(`image`)&&t.hasFocus()},null,8,[`editor`,`items`,`should-show`]),l(_,{editor:e,items:f},null,8,[`editor`]),l(v,{editor:e,items:p},null,8,[`editor`]),l(x,{editor:e,onNodeChange:h[0]||=e=>s.value=e},{default:O(({ui:n,onClick:r})=>[l(y,{icon:`i-lucide-plus`,color:`neutral`,variant:`ghost`,size:`sm`,class:i(n.handle()),onClick:n=>{n.stopPropagation();let i=r();t.suggestion?.execute(e,{pos:i?.pos}).run()}},null,8,[`class`,`onClick`]),l(b,{modal:!1,items:c(e),content:{side:`left`},ui:{content:`w-48`,label:`text-xs`},"onUpdate:open":t=>e.chain().setMeta(`lockDragHandle`,t).run()},{default:O(({open:e})=>[l(y,{color:`neutral`,variant:`ghost`,"active-variant":`soft`,size:`sm`,icon:`i-lucide-grip-vertical`,active:e,class:i(n.handle())},null,8,[`active`,`class`])]),_:2},1032,[`items`,`onUpdate:open`])]),_:2},1032,[`editor`])]),_:1},8,[`modelValue`,`extensions`])}}}),ke={key:1,class:`max-w-[320px] mx-auto`},Ae={class:`pt-6 flex justify-center space-x-2`},je=h({__name:`PageSideContent`,setup(e){let{fields:t,push:n}=L(`content`);function i(e){e===`html`&&n({type:`html`,body:``}),e===`image`&&n({type:`image`,image:{src:``}})}return(e,n)=>{let a=ie,o=J;return m(),p(`div`,null,[(m(!0),p(r,null,x(d(t),(e,t)=>(m(),p(`div`,{key:t},[e.value.type===`html`?(m(),u(d(ce),{key:0,name:`content[${t}].body`},{default:O(({field:e})=>[l(Oe,{"model-value":e.value,"onUpdate:modelValue":e[`onUpdate:modelValue`]},null,8,[`model-value`,`onUpdate:modelValue`])]),_:1},8,[`name`])):f(``,!0),e.value.type===`image`?(m(),p(`div`,ke,[l(a,{name:`content[${t}].image`,field:{label:`Imagen`,name:`image`,widget:`image`,options:{}}},null,8,[`name`])])):f(``,!0),n[2]||=w(`div`,{class:`flex justify-center`},[w(`div`,{class:`h-6 w-1 bg-gray-300 inline-block text-center`})],-1)]))),128)),w(`div`,Ae,[l(o,{icon:`i-lucide-text`,label:`Texto`,onClick:n[0]||=e=>i(`html`)}),l(o,{icon:`i-lucide-image`,label:`Imagen`,onClick:n[1]||=e=>i(`image`)})])])}}}),Me={class:`p-3 overflow-auto w-full h-full absolute top-0 bg-gray-100`},Ne=h({__name:`PageSide`,props:{collection:{}},setup(e){let n=Z(),r=ge(),i=y(),a=he(),o=N([]),{state:s}=c(async()=>{let t=((typeof i.params.file==`string`?i.params.file:i.params.file?.[0])||``).split(`/`).pop(),{content:s,filePath:c}=await r.readFile(i.params.folder,t),[l]=t?.split(`.`)||[``],u=e.collection.preview?.url?.replace(`**`,l);return u&&(a.url=u,a.fetchPreview(n.removeBase(c),{...s})),o.value=s?.content||[],{content:{content:[],...s},fields:e.collection?.fields||[],filePath:c,fileName:t}},null,{});j(s,e=>{n.filePage=e},{immediate:!0});let p=N(!0);M(o,()=>{s.value?.filePath&&a.fetchPreview(n.removeBase(s.value.filePath),{...s.value.content,content:o.value})},{debounce:400,deep:!0});let h=N([{label:``,icon:`i-carbon-blog`,content:``,value:`content`},{label:``,icon:`i-tabler-seo`,content:``,value:`seo`}]),g=N(`content`);return(e,n)=>{let r=de,a=ve;return m(),u(a,{open:d(p),"onUpdate:open":n[2]||=e=>P(p)?p.value=e:null,collapsible:`icon`,variant:`overlay`,ui:{container:`h-full`,inner:`bg-elevated/25 divide-transparent`,body:`py-0`},style:{"--sidebar-width":`36rem`}},{default:O(()=>[d(s)?.content&&d(s).fields?.length&&d(i).params.file?.length?(m(),u(_e,{key:d(i).params.file?.[0],fields:d(s)?.fields||[],content:d(s).content,draft:{},"file-path":d(s).filePath},{actions:O(()=>[w(`div`,null,[l(r,{modelValue:d(g),"onUpdate:modelValue":n[0]||=e=>P(g)?g.value=e:null,content:!1,items:d(h),class:`mx-3`,color:`neutral`},null,8,[`modelValue`,`items`])])]),content:O(({blogContent:e})=>[S(w(`div`,Me,[l(je,{modelValue:d(o),"onUpdate:modelValue":n[1]||=e=>P(o)?o.value=e:null},null,8,[`modelValue`])],512),[[t,d(g)===`content`]])]),_:1},8,[`fields`,`content`,`file-path`])):f(``,!0)]),_:1},8,[`open`])}}}),Pe={class:`flex flex-1 bg-neutral-50 dark:bg-neutral-950 h-full`},Fe={class:`flex-1 flex flex-col`},Ie={class:`h-(--ui-header-height) shrink-0 flex items-center px-4 border-b border-default bg-white space-x-3`},Le={class:`flex-1`},Re={class:`flex-1 p-4 bg-white`},ze=h({__name:`Pages`,setup(t){let n=y(),r=Z();k();let i=e(()=>r.postsPages.find(e=>e.name===n.params.folder));e(()=>r.filePage);let a=be(`posts`);return(e,t)=>{let n=ye,r=fe;return m(),p(`div`,Pe,[l(Ne,{collection:d(i)},null,8,[`collection`]),w(`div`,Fe,[w(`div`,Ie,[w(`div`,Le,[l(n,{items:d(a),class:`truncate`},{separator:O(()=>[...t[0]||=[w(`span`,{class:`mx-2 text-gray-400`},`/`,-1)]]),_:1},8,[`items`])]),t[1]||=w(`div`,{id:`header-mode`},null,-1),t[2]||=w(`div`,{id:`header-undo`},null,-1),t[3]||=w(`div`,{id:`header-action`},null,-1)]),w(`div`,Re,[l(r)])])])}}});export{ze as default};

package/cms/dist/assets/Pages-zhSg3JzN.js

@@ -1 +0,0 @@
-import{A as e,An as t,At as n,Bt as r,Ct as i,Dt as a,E as o,Et as s,Gt as c,Ht as l,I as u,Jt as d,Lt as f,Nn as p,Nt as m,On as h,Ot as g,Pt as _,Rt as v,Wt as y,Xt as b,a as x,an as S,d as ee,ht as C,jt as w,kt as T,mn as E,o as D,on as O,p as k,rn as A,un as j,wn as M,yn as N}from"./index-5F4j9J7h.js";import{i as te,m as ne,r as P,t as F}from"./DropdownMenu-BZptii48.js";import{b as I,t as L,v as R,x as z}from"./Button-IK_nqXss.js";import{t as B}from"./cms-CtNvP11D.js";import{a as V,r as H}from"./Media-BqOLIuh6.js";import{S as U,a as W,c as G,d as K,f as q,g as J,h as Y,i as X,l as Z,m as re,n as ie,o as ae,p as oe,r as se,s as ce,t as le,u as ue}from"./EditorDragHandle-C6gCTajf.js";import{n as de,t as fe}from"./Preview-890exrfz.js";import{t as pe}from"./dist-TO46HCAG.js";import{t as me}from"./preview-BMvUjSWh.js";import{t as he}from"./Sidebar-CHe70jCj.js";import{n as ge,t as _e}from"./useCmsBreadcrumb-BgJkzt9z.js";function Q(e){let t=N([]),n=N(0),r=N(`closed`),i=e.searchTerm??N(``),a=null,c=null,l=null,u=null,d=null,p=null,m=null,g=null,_=null,v=null,y=null,{score:b}=te(),x=()=>{r.value!==`closed`&&(r.value=`closed`,p&&=(document.removeEventListener(`keydown`,p,!0),null),m&&=(e.editor.view.dom.removeEventListener(`blur`,m),null),v&&=(window.removeEventListener(`scroll`,v,!0),null),c&&l&&(c.removeEventListener(`mousedown`,l),l=null),a&&=(a.destroy(),null),c&&=(c.remove(),null))},S=e.filterFields??[`label`],C=e.filter||((e,t)=>{if(!t)return e;let n=[];for(let r of e){let e=null;for(let n of S){let i=ee(r,n);if(i==null)continue;let a=Array.isArray(i)?i.map(String):[String(i)];for(let n of a){let r=n.replace(/[\s_-]/g,``),i=Math.min(b(n,t)??3,b(r,t)??3);if((e===null||i<e)&&(e=i),e===0)break}if(e===0)break}e!==null&&e<3&&n.push({item:r,score:e})}return n.sort((e,t)=>e.score-t.score),n.map(({item:e})=>e)}),w=e.limit??42,T=typeof e.pluginKey==`string`?new re(e.pluginKey):e.pluginKey,E=s(()=>{let t=h(e.items);return t?.length?k(t)?t:[t]:[]}),D=s(()=>E.value.flatMap(e=>e)),A=s(()=>t.value.length?e.ignoreFilter?[t.value]:E.value.map(e=>{let n=e.filter(e=>t.value.includes(e));return n.sort((e,n)=>t.value.indexOf(e)-t.value.indexOf(n)),n}).filter(e=>e.length>0):[]),j=s(()=>t.value.filter(e=>e.type!==`label`&&e.type!==`separator`)),M=o(e.options,{strategy:`absolute`,placement:`bottom-start`,offset:8,flip:{},shift:{padding:8},size:!1,autoPlacement:!1,hide:!1,inline:!1}),P=W(M),F=e=>{if(!g)return;let t=g();t&&ne({getBoundingClientRect:()=>t},e,{placement:M.placement,strategy:M.strategy,middleware:P}).then(({x:t,y:n,strategy:r})=>{e.style.width=`max-content`,e.style.position=r,e.style.top=`0`,e.style.left=`0`,e.style.transform=`translate(${Math.round(t)}px, ${Math.round(n)}px)`})},I=()=>{r.value=`open`,p||(p=e=>{d&&d({event:e})&&(e.preventDefault(),e.stopPropagation())},document.addEventListener(`keydown`,p,!0)),m||(m=()=>{setTimeout(()=>{if(r.value===`open`){let t=e.editor.view.state.tr.setMeta(T,{exit:!0});e.editor.view.dispatch(t)}},0)},e.editor.view.dom.addEventListener(`blur`,m)),v||(v=()=>{c&&F(c)},window.addEventListener(`scroll`,v,!0)),_=e=>{n.value=e,a&&a.updateProps({groups:A.value,selectedIndex:e,onSelect:u,onHover:_,state:r.value})},a=new ue(L,{props:{groups:A.value,selectedIndex:n.value,onSelect:u,onHover:_,state:r.value},editor:e.editor}),c=document.createElement(`div`),c.style.position=M.strategy,c.style.zIndex=`50`,l=e=>{e.preventDefault()},c.addEventListener(`mousedown`,l),((typeof e.appendTo==`function`?e.appendTo():e.appendTo)??e.editor.view.dom.parentElement)?.appendChild(c),a.element&&c.appendChild(a.element),F(c)};e.ignoreFilter&&(y=O(()=>h(e.items),e=>{if(g){if(t.value=(e?.length?k(e)?e.flat():e:[]).slice(0,w),!t.value.length){x();return}if(n.value>=j.value.length&&(n.value=Math.max(0,j.value.length-1)),r.value===`closed`&&t.value.length){I();return}a&&a.updateProps({groups:A.value,selectedIndex:n.value,onSelect:u,onHover:_,state:r.value}),c&&F(c)}},{deep:!0,flush:`sync`}));let L={props:{groups:{type:Array,required:!0},selectedIndex:{type:Number,required:!0},onSelect:{type:Function,required:!0},onHover:{type:Function,required:!0},state:{type:String,required:!0}},setup(t){function n(e,n,r){e.preventDefault(),t.onSelect(n,r)}function r(e){t.onHover(e)}return()=>{let i=t.groups,a=new Map,o=0;for(let e of i)for(let t of e){let e=t;e.type!==`label`&&e.type!==`separator`&&a.set(t,o++)}return f(`div`,{class:e.ui.value.content(),role:`listbox`,"data-state":t.state},[f(`div`,{class:e.ui.value.viewport(),role:`presentation`},i.map((i,o)=>f(`div`,{key:`group-${o}`,class:e.ui.value.group(),role:`group`},i.map((i,s)=>{let c=i;if(c.type===`label`)return f(`div`,{key:`label-${o}-${s}`,class:e.ui.value.label({class:c.class})},e.renderItem(i,e.ui));if(c.type===`separator`)return f(`div`,{key:`separator-${o}-${s}`,class:e.ui.value.separator({class:c.class}),role:`separator`});let l=a.get(i),u=l===t.selectedIndex;return f(`div`,{key:`item-${l}`,class:e.ui.value.item({class:c.class,active:!1}),role:`option`,"aria-selected":u,"data-highlighted":u?``:void 0,"data-disabled":c.disabled?``:void 0,onMousedown:e=>n(e,i,l),onMouseenter:()=>r(l),ref:e=>{e&&u&&e.scrollIntoView({block:`nearest`,inline:`nearest`})}},e.renderItem(i,e.ui))}))))])}}};return{plugin:K({...e.suggestion||{},pluginKey:T,editor:e.editor,char:e.char,items:({query:t})=>(i.value=t,e.ignoreFilter?D.value.slice(0,w):C(D.value,t).slice(0,w)),command:({editor:t,range:n,props:r})=>{e.onSelect(t,n,r)},render:()=>(d=e=>{let{event:t}=e;if(!a||!j.value.length)return!1;if(t.key===`Escape`)return x(),!0;if(t.key===`ArrowUp`)return n.value=(n.value+j.value.length-1)%j.value.length,a?.updateProps({groups:A.value,selectedIndex:n.value,onSelect:u,onHover:_,state:r.value}),!0;if(t.key===`ArrowDown`)return n.value=(n.value+1)%j.value.length,a?.updateProps({groups:A.value,selectedIndex:n.value,onSelect:u,onHover:_,state:r.value}),!0;if(t.key===`Enter`||t.key===`Tab`){let e=j.value[n.value];return e&&u&&u(e),!0}return!1},{onStart:r=>{t.value=e.ignoreFilter?D.value.slice(0,w):r.items,n.value=0,u=e=>r.command(e),g=r.clientRect,t.value.length&&I()},onUpdate:i=>{if(t.value=e.ignoreFilter?D.value.slice(0,w):i.items,u=e=>i.command(e),n.value>=j.value.length&&(n.value=Math.max(0,j.value.length-1)),!t.value.length){x();return}a?a.updateProps({groups:A.value,selectedIndex:n.value,onSelect:u,onHover:_,state:r.value}):I(),c&&F(c)},onKeyDown:d,onExit:()=>{x(),g=null,i.value=``}})}),destroy:()=>{r.value=`closed`,p&&=(document.removeEventListener(`keydown`,p,!0),null),m&&=(e.editor.view.dom.removeEventListener(`blur`,m),null),v&&=(window.removeEventListener(`scroll`,v,!0),null),c&&l&&(c.removeEventListener(`mousedown`,l),l=null),a&&=(a.destroy(),null),c&&=(c.remove(),null),y&&=(y(),null)},filteredItems:t,searchTerm:i}}var ve={slots:{content:`min-w-48 max-w-60 max-h-96 bg-default shadow-lg rounded-md ring ring-default overflow-hidden 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) flex flex-col`,viewport:`relative divide-y divide-default scroll-py-1 overflow-y-auto flex-1`,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-start 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 flex items-center justify-center`,itemLeadingAvatar:`shrink-0`,itemLeadingAvatarSize:``,itemWrapper:`flex-1 flex flex-col text-start min-w-0`,itemLabel:`truncate`,itemDescription:`truncate text-muted`,itemLabelExternalIcon:`inline-block size-3 align-top text-dimmed`},variants:{size:{xs:{label:`p-1 text-[10px]/3 gap-1`,item:`p-1 text-xs gap-1`,itemLeadingIcon:`size-4 text-sm`,itemLeadingAvatarSize:`3xs`},sm:{label:`p-1.5 text-[10px]/3 gap-1.5`,item:`p-1.5 text-xs gap-1.5`,itemLeadingIcon:`size-4 text-sm`,itemLeadingAvatarSize:`3xs`},md:{label:`p-1.5 text-xs gap-1.5`,item:`p-1.5 text-sm gap-1.5`,itemLeadingIcon:`size-5 text-base`,itemLeadingAvatarSize:`2xs`},lg:{label:`p-2 text-xs gap-2`,item:`p-2 text-sm gap-2`,itemLeadingIcon:`size-5 text-base`,itemLeadingAvatarSize:`2xs`},xl:{label:`p-2 text-sm gap-2`,item:`p-2 text-base gap-2`,itemLeadingIcon:`size-6 text-xl`,itemLeadingAvatarSize:`xs`}},active:{true:{item:`text-highlighted before:bg-elevated/75`,itemLeadingIcon:`text-default`},false:{item:[`text-default data-highlighted:not-data-disabled:text-highlighted data-highlighted:not-data-disabled:before:bg-elevated/50`,`transition-colors before:transition-colors`],itemLeadingIcon:[`text-dimmed group-data-highlighted:not-group-data-disabled:text-default`,`transition-colors`]}}},defaultVariants:{size:`md`}},ye=Object.assign({inheritAttrs:!1},{__name:`EditorMentionMenu`,props:r({size:{type:null,required:!1},items:{type:Array,required:!1},class:{type:null,required:!1},ui:{type:Object,required:!1},editor:{type:Object,required:!1},char:{type:String,required:!1,default:`@`},pluginKey:{type:String,required:!1,default:`mentionMenu`},filterFields:{type:Array,required:!1},limit:{type:Number,required:!1},options:{type:Object,required:!1},suggestion:{type:Object,required:!1},appendTo:{type:Function,required:!1,skipCheck:!0},ignoreFilter:{type:Boolean,required:!1}},{searchTerm:{type:String,default:``},searchTermModifiers:{}}),emits:[`update:searchTerm`],setup(t){let r=t,i=A(t,`searchTerm`,{type:String,default:``}),a=e(),o=s(()=>z({extend:z(ve),...a.ui?.editorMentionMenu||{}})({size:r.size})),u=null;return c(async()=>{await l(),!(!r.editor||r.editor.isDestroyed)&&(u=Q({editor:r.editor,char:r.char,pluginKey:r.pluginKey,items:M(()=>r.items),filterFields:r.filterFields,ignoreFilter:r.ignoreFilter,limit:r.limit,options:r.options,suggestion:r.suggestion,appendTo:r.appendTo,searchTerm:i,ui:o,onSelect:(e,t,n)=>{e.chain().focus().deleteRange(t).insertContent({type:`mention`,attrs:{...n,mentionSuggestionChar:r.char}}).run()},renderItem:(e,t)=>[e.avatar?f(R,{...e.avatar,size:t.value.itemLeadingAvatarSize(),class:t.value.itemLeadingAvatar()}):e.icon?f(I,{name:e.icon,class:t.value.itemLeadingIcon()}):null,f(`span`,{class:t.value.itemWrapper()},[f(`span`,{class:t.value.itemLabel()},e.label),e.description?f(`span`,{class:t.value.itemDescription()},e.description):null])]}),r.editor.registerPlugin(u.plugin))}),y(()=>{u&&=(u.destroy(),null),r.editor&&!r.editor.isDestroyed&&r.editor.unregisterPlugin(r.pluginKey)}),(e,t)=>(d(),n(`div`))}}),be={slots:{content:`min-w-48 max-w-60 max-h-96 bg-default shadow-lg rounded-md ring ring-default overflow-hidden 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) flex flex-col`,viewport:`relative divide-y divide-default scroll-py-1 overflow-y-auto flex-1`,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-start 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 flex items-center justify-center`,itemLeadingAvatar:`shrink-0`,itemLeadingAvatarSize:``,itemWrapper:`flex-1 flex flex-col text-start min-w-0`,itemLabel:`truncate`,itemDescription:`truncate text-muted`,itemLabelExternalIcon:`inline-block size-3 align-top text-dimmed`},variants:{size:{xs:{label:`p-1 text-[10px]/3 gap-1`,item:`p-1 text-xs gap-1`,itemLeadingIcon:`size-4 text-sm`,itemLeadingAvatarSize:`3xs`},sm:{label:`p-1.5 text-[10px]/3 gap-1.5`,item:`p-1.5 text-xs gap-1.5`,itemLeadingIcon:`size-4 text-sm`,itemLeadingAvatarSize:`3xs`},md:{label:`p-1.5 text-xs gap-1.5`,item:`p-1.5 text-sm gap-1.5`,itemLeadingIcon:`size-5 text-base`,itemLeadingAvatarSize:`2xs`},lg:{label:`p-2 text-xs gap-2`,item:`p-2 text-sm gap-2`,itemLeadingIcon:`size-5 text-base`,itemLeadingAvatarSize:`2xs`},xl:{label:`p-2 text-sm gap-2`,item:`p-2 text-base gap-2`,itemLeadingIcon:`size-6 text-xl`,itemLeadingAvatarSize:`xs`}},active:{true:{item:`text-highlighted before:bg-elevated/75`,itemLeadingIcon:`text-default`},false:{item:[`text-default data-highlighted:not-data-disabled:text-highlighted data-highlighted:not-data-disabled:before:bg-elevated/50`,`transition-colors before:transition-colors`],itemLeadingIcon:[`text-dimmed group-data-highlighted:not-group-data-disabled:text-default`,`transition-colors`]}}},defaultVariants:{size:`md`}},xe=Object.assign({inheritAttrs:!1},{__name:`EditorSuggestionMenu`,props:{size:{type:null,required:!1},items:{type:Array,required:!1},class:{type:null,required:!1},ui:{type:Object,required:!1},editor:{type:Object,required:!1},char:{type:String,required:!1,default:`/`},pluginKey:{type:String,required:!1,default:`suggestionMenu`},filterFields:{type:Array,required:!1},limit:{type:Number,required:!1},options:{type:Object,required:!1},suggestion:{type:Object,required:!1},appendTo:{type:Function,required:!1,skipCheck:!0}},setup(t){let r=t,i=e(),a=v(`editorHandlers`,s(()=>ae())),o=s(()=>z({extend:z(be),...i.ui?.editorSuggestionMenu||{}})({size:r.size})),u=null;return c(async()=>{await l(),!(!r.editor||r.editor.isDestroyed)&&(u=Q({editor:r.editor,char:r.char,pluginKey:r.pluginKey,items:M(()=>r.items),filterFields:r.filterFields,limit:r.limit,options:r.options,suggestion:r.suggestion,appendTo:r.appendTo,ui:o,onSelect:(e,t,n)=>{if(n.type===`label`||n.type===`separator`)return;e.chain().focus().deleteRange(t).run();let r=a?.value?.[n.kind];r&&r.execute(e,n).run()},renderItem:(e,t)=>e.type===`label`?[f(`span`,{},e.label)]:[e.icon?f(I,{name:e.icon,class:t.value.itemLeadingIcon()}):null,f(`span`,{class:t.value.itemWrapper()},[f(`span`,{class:t.value.itemLabel()},e.label),e.description?f(`span`,{class:t.value.itemDescription()},e.description):null])]}),r.editor.registerPlugin(u.plugin))}),y(()=>{u&&=(u.destroy(),null),r.editor&&!r.editor.isDestroyed&&r.editor.unregisterPlugin(r.pluginKey)}),(e,t)=>(d(),n(`div`))}}),Se=_({__name:`EditorImageUploadNode`,props:{decorations:{},selected:{type:Boolean},updateAttributes:{type:Function},deleteNode:{type:Function},node:{},view:{},getPos:{},innerDecorations:{},editor:{},extension:{},HTMLAttributes:{}},setup(e){let t=e,n=N(null),r=N(!1);return O(n,async e=>{if(!e)return;r.value=!0;let n=new FileReader;n.onload=async e=>{let n=e.target?.result;if(!n){r.value=!1;return}await new Promise(e=>setTimeout(e,1e3));let i=t.getPos();if(typeof i!=`number`){r.value=!1;return}t.editor.chain().focus().deleteRange({from:i,to:i+1}).setImage({src:n}).run(),r.value=!1},n.readAsDataURL(e)}),(e,t)=>{let i=R,a=H;return d(),g(h(G),null,{default:j(()=>[m(a,{modelValue:h(n),"onUpdate:modelValue":t[0]||=e=>E(n)?n.value=e:null,accept:`image/*`,label:`Upload an image`,description:`SVG, PNG, JPG or GIF (max. 2MB)`,preview:!1,class:`min-h-48`},{leading:j(()=>[m(i,{icon:h(r)?`i-lucide-loader-circle`:`i-lucide-image`,size:`xl`,ui:{icon:[h(r)&&`animate-spin`]}},null,8,[`icon`,`ui`])]),_:1},8,[`modelValue`])]),_:1})}}}),Ce=q.create({name:`imageUpload`,group:`block`,atom:!0,draggable:!0,addAttributes(){return{}},parseHTML(){return[{tag:`div[data-type="image-upload"]`}]},renderHTML({HTMLAttributes:e}){return[`div`,oe(e,{"data-type":`image-upload`})]},addNodeView(){return Z(Se)},addCommands(){return{insertImageUpload:()=>({commands:e})=>e.insertContent({type:this.name})}}}),we={class:`flex items-center mr-0.5`},Te=_({__name:`EditorLinkPopover`,props:{editor:{},autoOpen:{type:Boolean},heading:{type:Boolean}},setup(e){let t=e,n=N(!1),r=N(``),i=s(()=>t.editor.isActive(`link`)),o=s(()=>{if(!t.editor.isEditable)return!0;let{selection:e}=t.editor.state;return e.empty&&!t.editor.isActive(`link`)});O(()=>t.editor,(e,t,n)=>{if(!e)return;let i=()=>{let{href:t}=e.getAttributes(`link`);r.value=t||``};i(),e.on(`selectionUpdate`,i),n(()=>{e.off(`selectionUpdate`,i)})},{immediate:!0}),O(i,e=>{e&&t.autoOpen&&(n.value=!0)});function c(){if(!r.value)return;let{selection:e}=t.editor.state,i=e.empty,a=t.editor.isActive(`code`),o=t.editor.chain().focus();a&&!i?o=o.extendMarkRange(`code`).setLink({href:r.value}):(o=o.extendMarkRange(`link`).setLink({href:r.value}),i&&(o=o.insertContent({type:`text`,text:r.value}))),o.run(),n.value=!1}function l(){t.editor.chain().focus().extendMarkRange(`link`).unsetLink().setMeta(`preventAutolink`,!0).run(),r.value=``,n.value=!1}function u(){r.value&&window.open(r.value,`_blank`,`noopener,noreferrer`)}function f(e){e.key===`Enter`&&(e.preventDefault(),c())}return(e,t)=>{let s=L,p=se,_=U,v=P,y=J;return d(),g(y,{open:h(n),"onUpdate:open":t[1]||=e=>E(n)?n.value=e:null,ui:{content:`p-0.5`}},{content:j(()=>[m(v,{modelValue:h(r),"onUpdate:modelValue":t[0]||=e=>E(r)?r.value=e:null,autofocus:``,name:`url`,type:`url`,variant:`none`,placeholder:`Paste a link...`,onKeydown:f},{default:j(()=>[a(`div`,we,[m(s,{icon:`i-lucide-corner-down-left`,variant:`ghost`,size:`sm`,disabled:!h(r)&&!h(i),title:`Apply link`,onClick:c},null,8,[`disabled`]),m(_,{orientation:`vertical`,class:`h-6 mx-1`}),m(s,{icon:`i-lucide-external-link`,color:`neutral`,variant:`ghost`,size:`sm`,disabled:!h(r)&&!h(i),title:`Open in new window`,onClick:u},null,8,[`disabled`]),m(s,{icon:`i-lucide-trash`,color:`neutral`,variant:`ghost`,size:`sm`,disabled:!h(r)&&!h(i),title:`Remove link`,onClick:l},null,8,[`disabled`])])]),_:1},8,[`modelValue`])]),default:j(()=>[m(p,{text:`Link`},{default:j(()=>[m(s,{icon:`i-lucide-link`,color:`neutral`,"active-color":`primary`,variant:`ghost`,"active-variant":`soft`,size:`sm`,active:h(i),disabled:h(o)},null,8,[`active`,`disabled`])]),_:1})]),_:1},8,[`open`])}}}),Ee=_({__name:`PagesEditor`,props:{modelValue:{},modelModifiers:{}},emits:[`update:modelValue`],setup(e){let n=S(`editorRef`),r=A(e,`modelValue`),i={imageUpload:{canExecute:e=>e.can().insertContent({type:`imageUpload`}),execute:e=>e.chain().focus().insertContent({type:`imageUpload`}),isActive:e=>e.isActive(`imageUpload`),isDisabled:void 0}},a=[[{kind:`undo`,icon:`i-lucide-undo`,tooltip:{text:`Undo`}},{kind:`redo`,icon:`i-lucide-redo`,tooltip:{text:`Redo`}}],[{icon:`i-lucide-heading`,tooltip:{text:`Headings`},content:{align:`start`},items:[{kind:`heading`,level:1,icon:`i-lucide-heading-1`,label:`Heading 1`},{kind:`heading`,level:2,icon:`i-lucide-heading-2`,label:`Heading 2`},{kind:`heading`,level:3,icon:`i-lucide-heading-3`,label:`Heading 3`},{kind:`heading`,level:4,icon:`i-lucide-heading-4`,label:`Heading 4`}]},{icon:`i-lucide-list`,tooltip:{text:`Lists`},content:{align:`start`},items:[{kind:`bulletList`,icon:`i-lucide-list`,label:`Bullet List`},{kind:`orderedList`,icon:`i-lucide-list-ordered`,label:`Ordered List`}]},{kind:`blockquote`,icon:`i-lucide-text-quote`,tooltip:{text:`Blockquote`}},{kind:`codeBlock`,icon:`i-lucide-square-code`,tooltip:{text:`Code Block`}}],[{kind:`mark`,mark:`bold`,icon:`i-lucide-bold`,tooltip:{text:`Bold`}},{kind:`mark`,mark:`italic`,icon:`i-lucide-italic`,tooltip:{text:`Italic`}},{kind:`mark`,mark:`underline`,icon:`i-lucide-underline`,tooltip:{text:`Underline`}},{kind:`mark`,mark:`strike`,icon:`i-lucide-strikethrough`,tooltip:{text:`Strikethrough`}},{kind:`mark`,mark:`code`,icon:`i-lucide-code`,tooltip:{text:`Code`}}],[{slot:`link`,icon:`i-lucide-link`},{kind:`imageUpload`,icon:`i-lucide-image`,tooltip:{text:`Image`}}],[{icon:`i-lucide-align-justify`,tooltip:{text:`Text Align`},content:{align:`end`},items:[{kind:`textAlign`,align:`left`,icon:`i-lucide-align-left`,label:`Align Left`},{kind:`textAlign`,align:`center`,icon:`i-lucide-align-center`,label:`Align Center`},{kind:`textAlign`,align:`right`,icon:`i-lucide-align-right`,label:`Align Right`},{kind:`textAlign`,align:`justify`,icon:`i-lucide-align-justify`,label:`Align Justify`}]}]];function o(e){return[[{icon:`i-lucide-download`,to:e.state.doc.nodeAt(e.state.selection.from)?.attrs?.src,download:!0,tooltip:{text:`Download`}},{icon:`i-lucide-refresh-cw`,tooltip:{text:`Replace`},onClick:()=>{let{state:t}=e,{selection:n}=t,r=n.from,i=t.doc.nodeAt(r);i&&i.type.name===`image`&&e.chain().focus().deleteRange({from:r,to:r+i.nodeSize}).insertContentAt(r,{type:`imageUpload`}).run()}}],[{icon:`i-lucide-trash`,tooltip:{text:`Delete`},onClick:()=>{let{state:t}=e,{selection:n}=t,r=n.from,i=t.doc.nodeAt(r);i&&i.type.name===`image`&&e.chain().focus().deleteRange({from:r,to:r+i.nodeSize}).run()}}]]}let s=N();function c(e){return s.value?.node?.type?ce(e,[[{type:`label`,label:pe(s.value.node.type)},{label:`Turn into`,icon:`i-lucide-repeat-2`,children:[{kind:`paragraph`,label:`Paragraph`,icon:`i-lucide-type`},{kind:`heading`,level:1,label:`Heading 1`,icon:`i-lucide-heading-1`},{kind:`heading`,level:2,label:`Heading 2`,icon:`i-lucide-heading-2`},{kind:`heading`,level:3,label:`Heading 3`,icon:`i-lucide-heading-3`},{kind:`heading`,level:4,label:`Heading 4`,icon:`i-lucide-heading-4`},{kind:`bulletList`,label:`Bullet List`,icon:`i-lucide-list`},{kind:`orderedList`,label:`Ordered List`,icon:`i-lucide-list-ordered`},{kind:`blockquote`,label:`Blockquote`,icon:`i-lucide-text-quote`},{kind:`codeBlock`,label:`Code Block`,icon:`i-lucide-square-code`}]},{kind:`clearFormatting`,pos:s.value?.pos,label:`Reset formatting`,icon:`i-lucide-rotate-ccw`}],[{kind:`duplicate`,pos:s.value?.pos,label:`Duplicate`,icon:`i-lucide-copy`},{label:`Copy to clipboard`,icon:`i-lucide-clipboard`,onSelect:async()=>{if(!s.value)return;let t=s.value.pos,n=e.state.doc.nodeAt(t);n&&await navigator.clipboard.writeText(n.textContent)}}],[{kind:`moveUp`,pos:s.value?.pos,label:`Move up`,icon:`i-lucide-arrow-up`},{kind:`moveDown`,pos:s.value?.pos,label:`Move down`,icon:`i-lucide-arrow-down`}],[{kind:`delete`,pos:s.value?.pos,label:`Delete`,icon:`i-lucide-trash`}]],i):[]}let l=[[{type:`label`,label:`Style`},{kind:`paragraph`,label:`Paragraph`,icon:`i-lucide-type`},{kind:`heading`,level:1,label:`Heading 1`,icon:`i-lucide-heading-1`},{kind:`heading`,level:2,label:`Heading 2`,icon:`i-lucide-heading-2`},{kind:`heading`,level:3,label:`Heading 3`,icon:`i-lucide-heading-3`},{kind:`bulletList`,label:`Bullet List`,icon:`i-lucide-list`},{kind:`orderedList`,label:`Numbered List`,icon:`i-lucide-list-ordered`},{kind:`blockquote`,label:`Blockquote`,icon:`i-lucide-text-quote`},{kind:`codeBlock`,label:`Code Block`,icon:`i-lucide-square-code`}],[{type:`label`,label:`Insert`},{kind:`mention`,label:`Mention`,icon:`i-lucide-at-sign`},{kind:`emoji`,label:`Emoji`,icon:`i-lucide-smile-plus`},{kind:`imageUpload`,label:`Image`,icon:`i-lucide-image`},{kind:`horizontalRule`,label:`Horizontal Rule`,icon:`i-lucide-separator-horizontal`}]],u=[{label:`benjamincanac`,avatar:{src:`https://avatars.githubusercontent.com/u/739984?v=4`,loading:`lazy`}},{label:`HugoRCD`,avatar:{src:`https://avatars.githubusercontent.com/u/71938701?v=4`,loading:`lazy`}},{label:`romhml`,avatar:{src:`https://avatars.githubusercontent.com/u/25613751?v=4`,loading:`lazy`}},{label:`sandros94`,avatar:{src:`https://avatars.githubusercontent.com/u/13056429?v=4`,loading:`lazy`}},{label:`hywax`,avatar:{src:`https://avatars.githubusercontent.com/u/149865959?v=4`,loading:`lazy`}},{label:`J-Michalek`,avatar:{src:`https://avatars.githubusercontent.com/u/71264422?v=4`,loading:`lazy`}},{label:`genu`,avatar:{src:`https://avatars.githubusercontent.com/u/928780?v=4`,loading:`lazy`}}];return(e,f)=>{let p=ie,_=xe,v=ye,y=L,b=F,x=le,S=X;return d(),g(S,{ref_key:`editorRef`,ref:n,modelValue:r.value,"onUpdate:modelValue":f[1]||=e=>r.value=e,"content-type":`html`,extensions:[h(Ce)],handlers:i,placeholder:`Write, type '/' for commands...`,ui:{base:`p-8 sm:px-16 py-13.5`},class:`w-full bg-white h-[99%] overflow-auto rounded-lg border border-gray-300`},{default:j(({editor:e,handlers:n})=>[m(p,{editor:e,items:a,class:`border-b border-muted sticky top-0 inset-x-0 py-2 z-50 bg-default overflow-x-auto`},{link:j(()=>[m(Te,{editor:e,"auto-open":``},null,8,[`editor`])]),_:2},1032,[`editor`]),m(p,{editor:e,items:o(e),layout:`bubble`,"should-show":({editor:e,view:t})=>e.isActive(`image`)&&t.hasFocus()},null,8,[`editor`,`items`,`should-show`]),m(_,{editor:e,items:l},null,8,[`editor`]),m(v,{editor:e,items:u},null,8,[`editor`]),m(x,{editor:e,onNodeChange:f[0]||=e=>s.value=e},{default:j(({ui:r,onClick:i})=>[m(y,{icon:`i-lucide-plus`,color:`neutral`,variant:`ghost`,size:`sm`,class:t(r.handle()),onClick:t=>{t.stopPropagation();let r=i();n.suggestion?.execute(e,{pos:r?.pos}).run()}},null,8,[`class`,`onClick`]),m(b,{modal:!1,items:c(e),content:{side:`left`},ui:{content:`w-48`,label:`text-xs`},"onUpdate:open":t=>e.chain().setMeta(`lockDragHandle`,t).run()},{default:j(({open:e})=>[m(y,{color:`neutral`,variant:`ghost`,"active-variant":`soft`,size:`sm`,icon:`i-lucide-grip-vertical`,active:e,class:t(r.handle())},null,8,[`active`,`class`])]),_:2},1032,[`items`,`onUpdate:open`])]),_:2},1032,[`editor`])]),_:1},8,[`modelValue`,`extensions`])}}}),De={key:1,class:`max-w-[320px] mx-auto`},$={class:`pt-6 flex justify-center space-x-2`},Oe=_({__name:`PageSideContent`,props:{modelValue:{default:[]},modelModifiers:{}},emits:[`update:modelValue`],setup(e){let t=A(e,`modelValue`);function r(e){e===`html`&&t.value.push({type:`html`,body:``}),e===`image`&&t.value.push({type:`image`,image:{src:``}})}return(e,o)=>{let s=Y,c=L;return d(),n(`div`,null,[(d(!0),n(i,null,b(t.value,(e,t)=>(d(),n(`div`,{key:t},[e.type===`html`?(d(),g(Ee,{key:0,modelValue:e.body,"onUpdate:modelValue":t=>e.body=t},null,8,[`modelValue`,`onUpdate:modelValue`])):T(``,!0),e.type===`image`?(d(),n(`div`,De,[m(s,{modelValue:e.image,"onUpdate:modelValue":t=>e.image=t,name:`image`,field:{label:`Imagen`,name:`image`,widget:`image`,options:{}}},null,8,[`modelValue`,`onUpdate:modelValue`])])):T(``,!0),o[2]||=a(`div`,{class:`flex justify-center`},[a(`div`,{class:`h-6 w-1 bg-gray-300 inline-block text-center`})],-1)]))),128)),a(`div`,$,[m(c,{icon:`i-lucide-text`,label:`Texto`,onClick:o[0]||=e=>r(`html`)}),m(c,{icon:`i-lucide-image`,label:`Imagen`,onClick:o[1]||=e=>r(`image`)})])])}}}),ke={class:`h-(--ui-header-height) shrink-0 flex items-center px-4 border-b border-default bg-white w-full`},Ae={class:`text-sm font-bold flex-1`},je=_({__name:`PageSide`,props:{collection:{}},setup(e){let t=B(),n=V(),r=x(),i=me(),o=N([]),{state:s,isReady:c}=u(async()=>{let a=((typeof r.params.file==`string`?r.params.file:r.params.file?.[0])||``).split(`/`).pop(),{content:s,filePath:c}=await n.readFileContent(r.params.folder,a),[l]=a?.split(`.`)||[``],u=e.collection.preview?.url?.replace(`**`,l);return u&&(i.url=u,i.fetchPreview(t.removeBase(c),{...s})),o.value=s?.content||[],{content:{...s},fields:e.collection?.fields||[],filePath:c,fileName:a}},null,{}),{executeImmediate:l,isLoading:f}=u(async()=>{s.value?.filePath&&await n.updateFile(s.value?.filePath,{...s.value.content,content:o.value})},null,{immediate:!0});O(s,e=>{t.filePage=e},{immediate:!0});let _=N(!0);C(o,()=>{s.value?.filePath&&i.fetchPreview(t.removeBase(s.value.filePath),{...s.value.content,content:o.value})},{debounce:400,deep:!0});let v=N([{label:``,icon:`i-lucide-laptop`,content:``,value:`desktop`},{label:``,icon:`i-lucide-smartphone`,content:``,value:`mobile`}]),y=N(`desktop`);return(t,n)=>{let r=de,i=L,s=he;return d(),g(s,{open:h(_),"onUpdate:open":n[3]||=e=>E(_)?_.value=e:null,collapsible:`icon`,variant:`overlay`,ui:{container:`h-full`,inner:`bg-elevated/25 divide-transparent`,body:`py-0`},style:{"--sidebar-width":`36rem`}},w({header:j(()=>[a(`div`,ke,[a(`div`,Ae,p(e.collection?.label),1),a(`div`,null,[m(r,{modelValue:h(y),"onUpdate:modelValue":n[0]||=e=>E(y)?y.value=e:null,content:!1,items:h(v),class:`mx-3`,color:`neutral`},null,8,[`modelValue`,`items`])]),m(i,{label:`Guardar`,leading:h(f),onClick:n[1]||=e=>h(l)()},null,8,[`leading`])])]),_:2},[h(c)?{name:`default`,fn:j(()=>[m(Oe,{modelValue:h(o),"onUpdate:modelValue":n[2]||=e=>E(o)?o.value=e:null},null,8,[`modelValue`])]),key:`0`}:void 0]),1032,[`open`])}}}),Me={class:`flex flex-1 bg-neutral-50 dark:bg-neutral-950 h-full`},Ne={class:`flex-1 flex flex-col`},Pe={class:`h-(--ui-header-height) shrink-0 flex items-center px-4 border-b border-default bg-white`},Fe={class:`flex-1`},Ie={class:`flex-1 p-4 bg-white`},Le=_({__name:`Pages`,setup(e){let t=x(),r=B();D();let i=s(()=>r.postsPages.find(e=>e.name===t.params.folder));s(()=>r.filePage);let o=_e(`posts`);return(e,t)=>{let r=ge,s=fe;return d(),n(`div`,Me,[m(je,{collection:h(i)},null,8,[`collection`]),a(`div`,Ne,[a(`div`,Pe,[a(`div`,Fe,[m(r,{items:h(o),class:`truncate`},{separator:j(()=>[...t[0]||=[a(`span`,{class:`mx-2 text-gray-400`},`/`,-1)]]),_:1},8,[`items`])]),t[1]||=a(`div`,{id:`header-mode`},null,-1),t[2]||=a(`div`,{id:`header-undo`},null,-1),t[3]||=a(`div`,{id:`header-action`},null,-1)]),a(`div`,Ie,[m(s)])])])}}});export{Le as default};

package/cms/dist/assets/Presence-BKPT4wLH.js

@@ -1,3 +0,0 @@
-import{Dn as e,Et as t,F as n,Ft as r,Ht as i,Kt as a,Lt as o,N as s,Pt as c,Tn as l,Zt as u,it as d,on as f,qt as p,yn as m}from"./index-5F4j9J7h.js";import{O as h,k as g}from"./Button-IK_nqXss.js";function _(){let e=document.activeElement;if(e==null)return null;for(;e!=null&&e.shadowRoot!=null&&e.shadowRoot.activeElement!=null;)e=e.shadowRoot.activeElement;return e}var[v,y]=g(`ConfigProvider`),b=c({inheritAttrs:!1,__name:`ConfigProvider`,props:{dir:{type:String,required:!1,default:`ltr`},locale:{type:String,required:!1,default:`en`},scrollBody:{type:[Boolean,Object],required:!1,default:!0},nonce:{type:String,required:!1,default:void 0},useId:{type:Function,required:!1,default:void 0}},setup(e){let t=e,{dir:n,locale:r,scrollBody:i,nonce:a}=l(t);return y({dir:n,locale:r,scrollBody:i,nonce:a,useId:t.useId}),(e,t)=>u(e.$slots,`default`)}});function x(){let i=r(),a=m(),o=t(()=>s());p(()=>{o.value!==s()&&e(a)});function s(){return a.value&&`$el`in a.value&&[`#text`,`#comment`].includes(a.value.$el.nodeName)?a.value.$el.nextElementSibling:n(a)}let c=Object.assign({},i.exposed),l={};for(let e in i.props)Object.defineProperty(l,e,{enumerable:!0,configurable:!0,get:()=>i.props[e]});if(Object.keys(c).length>0)for(let e in c)Object.defineProperty(l,e,{enumerable:!0,configurable:!0,get:()=>c[e]});Object.defineProperty(l,"$el",{enumerable:!0,configurable:!0,get:()=>i.vnode.el}),i.exposed=l;function u(e){if(a.value=e,e&&(Object.defineProperty(l,"$el",{enumerable:!0,configurable:!0,get:()=>e instanceof Element?e:e.$el}),!(e instanceof Element)&&!Object.hasOwn(e,`$el`))){let t=e.$.exposed,n=Object.assign({},l);for(let e in t)Object.defineProperty(n,e,{enumerable:!0,configurable:!0,get:()=>t[e]});i.exposed=n}}return{forwardRef:u,currentRef:a,currentElement:o}}function S(e,t){let n=m(e);function r(e){return t[n.value][e]??n.value}return{state:n,dispatch:e=>{n.value=r(e)}}}function C(e,n){let r=m({}),o=m(`none`),c=m(e),l=e.value?`mounted`:`unmounted`,u,p=n.value?.ownerDocument.defaultView??s,{state:h,dispatch:g}=S(l,{mounted:{UNMOUNT:`unmounted`,ANIMATION_OUT:`unmountSuspended`},unmountSuspended:{MOUNT:`mounted`,ANIMATION_END:`unmounted`},unmounted:{MOUNT:`mounted`}}),_=e=>{if(d){let t=new CustomEvent(e,{bubbles:!1,cancelable:!1});n.value?.dispatchEvent(t)}};f(e,async(e,t)=>{let a=t!==e;if(await i(),a){let i=o.value,a=w(n.value);e?(g(`MOUNT`),_(`enter`),a===`none`&&_(`after-enter`)):a===`none`||a===`undefined`||r.value?.display===`none`?(g(`UNMOUNT`),_(`leave`),_(`after-leave`)):t&&i!==a?(g(`ANIMATION_OUT`),_(`leave`)):(g(`UNMOUNT`),_(`after-leave`))}},{immediate:!0});let v=e=>{let t=w(n.value),r=t.includes(CSS.escape(e.animationName)),i=h.value===`mounted`?`enter`:`leave`;if(e.target===n.value&&r&&(_(`after-${i}`),g(`ANIMATION_END`),!c.value)){let e=n.value.style.animationFillMode;n.value.style.animationFillMode=`forwards`,u=p?.setTimeout(()=>{n.value?.style.animationFillMode===`forwards`&&(n.value.style.animationFillMode=e)})}e.target===n.value&&t===`none`&&g(`ANIMATION_END`)},y=e=>{e.target===n.value&&(o.value=w(n.value))},b=f(n,(e,t)=>{e?(r.value=getComputedStyle(e),e.addEventListener(`animationstart`,y),e.addEventListener(`animationcancel`,v),e.addEventListener(`animationend`,v)):(g(`ANIMATION_END`),u!==void 0&&p?.clearTimeout(u),t?.removeEventListener(`animationstart`,y),t?.removeEventListener(`animationcancel`,v),t?.removeEventListener(`animationend`,v))},{immediate:!0}),x=f(h,()=>{let e=w(n.value);o.value=h.value===`mounted`?e:`none`});return a(()=>{b(),x()}),{isPresent:t(()=>[`mounted`,`unmountSuspended`].includes(h.value))}}function w(e){return e&&getComputedStyle(e).animationName||`none`}var T=c({name:`Presence`,props:{present:{type:Boolean,required:!0},forceMount:{type:Boolean}},slots:{},setup(e,{slots:t,expose:i}){let{present:a,forceMount:s}=l(e),c=m(),{isPresent:u}=C(a,c);i({present:u});let d=t.default({present:u.value});d=h(d||[]);let f=r();if(d&&d?.length>1){let e=f?.parent?.type.name?`<${f.parent.type.name} />`:`component`;throw Error([`Detected an invalid children for \`${e}\` for  \`Presence\` component.`,``,"Note: Presence works similarly to `v-if` directly, but it waits for animation/transition to finished before unmounting. So it expect only one direct child of valid VNode type.",`You can apply a few solutions:`,["Provide a single child element so that `presence` directive attach correctly.",`Ensure the first child is an actual element instead of a raw text node or comment node.`].map(e=>`  - ${e}`).join(`
-`)].join(`
-`))}return()=>s.value||a.value||u.value?o(t.default({present:u.value})[0],{ref:e=>{let t=n(e);return t?.hasAttribute===void 0||(t?.hasAttribute(`data-reka-popper-content-wrapper`)?c.value=t.firstElementChild:c.value=t),t}}):null}});export{_ as a,v as i,x as n,b as r,T as t};

package/cms/dist/assets/Presence-BSNqXaUm.js

@@ -1,3 +0,0 @@
-import{Dn as e,Et as t,F as n,Ft as r,Ht as i,Kt as a,Lt as o,N as s,Pt as c,Tn as l,Zt as u,it as d,on as f,qt as p,yn as m}from"./index-BIKzIEd2.js";import{O as h,k as g}from"./Button-BuENm9tV.js";function _(){let e=document.activeElement;if(e==null)return null;for(;e!=null&&e.shadowRoot!=null&&e.shadowRoot.activeElement!=null;)e=e.shadowRoot.activeElement;return e}var[v,y]=g(`ConfigProvider`),b=c({inheritAttrs:!1,__name:`ConfigProvider`,props:{dir:{type:String,required:!1,default:`ltr`},locale:{type:String,required:!1,default:`en`},scrollBody:{type:[Boolean,Object],required:!1,default:!0},nonce:{type:String,required:!1,default:void 0},useId:{type:Function,required:!1,default:void 0}},setup(e){let t=e,{dir:n,locale:r,scrollBody:i,nonce:a}=l(t);return y({dir:n,locale:r,scrollBody:i,nonce:a,useId:t.useId}),(e,t)=>u(e.$slots,`default`)}});function x(){let i=r(),a=m(),o=t(()=>s());p(()=>{o.value!==s()&&e(a)});function s(){return a.value&&`$el`in a.value&&[`#text`,`#comment`].includes(a.value.$el.nodeName)?a.value.$el.nextElementSibling:n(a)}let c=Object.assign({},i.exposed),l={};for(let e in i.props)Object.defineProperty(l,e,{enumerable:!0,configurable:!0,get:()=>i.props[e]});if(Object.keys(c).length>0)for(let e in c)Object.defineProperty(l,e,{enumerable:!0,configurable:!0,get:()=>c[e]});Object.defineProperty(l,"$el",{enumerable:!0,configurable:!0,get:()=>i.vnode.el}),i.exposed=l;function u(e){if(a.value=e,e&&(Object.defineProperty(l,"$el",{enumerable:!0,configurable:!0,get:()=>e instanceof Element?e:e.$el}),!(e instanceof Element)&&!Object.hasOwn(e,`$el`))){let t=e.$.exposed,n=Object.assign({},l);for(let e in t)Object.defineProperty(n,e,{enumerable:!0,configurable:!0,get:()=>t[e]});i.exposed=n}}return{forwardRef:u,currentRef:a,currentElement:o}}function S(e,t){let n=m(e);function r(e){return t[n.value][e]??n.value}return{state:n,dispatch:e=>{n.value=r(e)}}}function C(e,n){let r=m({}),o=m(`none`),c=m(e),l=e.value?`mounted`:`unmounted`,u,p=n.value?.ownerDocument.defaultView??s,{state:h,dispatch:g}=S(l,{mounted:{UNMOUNT:`unmounted`,ANIMATION_OUT:`unmountSuspended`},unmountSuspended:{MOUNT:`mounted`,ANIMATION_END:`unmounted`},unmounted:{MOUNT:`mounted`}}),_=e=>{if(d){let t=new CustomEvent(e,{bubbles:!1,cancelable:!1});n.value?.dispatchEvent(t)}};f(e,async(e,t)=>{let a=t!==e;if(await i(),a){let i=o.value,a=w(n.value);e?(g(`MOUNT`),_(`enter`),a===`none`&&_(`after-enter`)):a===`none`||a===`undefined`||r.value?.display===`none`?(g(`UNMOUNT`),_(`leave`),_(`after-leave`)):t&&i!==a?(g(`ANIMATION_OUT`),_(`leave`)):(g(`UNMOUNT`),_(`after-leave`))}},{immediate:!0});let v=e=>{let t=w(n.value),r=t.includes(CSS.escape(e.animationName)),i=h.value===`mounted`?`enter`:`leave`;if(e.target===n.value&&r&&(_(`after-${i}`),g(`ANIMATION_END`),!c.value)){let e=n.value.style.animationFillMode;n.value.style.animationFillMode=`forwards`,u=p?.setTimeout(()=>{n.value?.style.animationFillMode===`forwards`&&(n.value.style.animationFillMode=e)})}e.target===n.value&&t===`none`&&g(`ANIMATION_END`)},y=e=>{e.target===n.value&&(o.value=w(n.value))},b=f(n,(e,t)=>{e?(r.value=getComputedStyle(e),e.addEventListener(`animationstart`,y),e.addEventListener(`animationcancel`,v),e.addEventListener(`animationend`,v)):(g(`ANIMATION_END`),u!==void 0&&p?.clearTimeout(u),t?.removeEventListener(`animationstart`,y),t?.removeEventListener(`animationcancel`,v),t?.removeEventListener(`animationend`,v))},{immediate:!0}),x=f(h,()=>{let e=w(n.value);o.value=h.value===`mounted`?e:`none`});return a(()=>{b(),x()}),{isPresent:t(()=>[`mounted`,`unmountSuspended`].includes(h.value))}}function w(e){return e&&getComputedStyle(e).animationName||`none`}var T=c({name:`Presence`,props:{present:{type:Boolean,required:!0},forceMount:{type:Boolean}},slots:{},setup(e,{slots:t,expose:i}){let{present:a,forceMount:s}=l(e),c=m(),{isPresent:u}=C(a,c);i({present:u});let d=t.default({present:u.value});d=h(d||[]);let f=r();if(d&&d?.length>1){let e=f?.parent?.type.name?`<${f.parent.type.name} />`:`component`;throw Error([`Detected an invalid children for \`${e}\` for  \`Presence\` component.`,``,"Note: Presence works similarly to `v-if` directly, but it waits for animation/transition to finished before unmounting. So it expect only one direct child of valid VNode type.",`You can apply a few solutions:`,["Provide a single child element so that `presence` directive attach correctly.",`Ensure the first child is an actual element instead of a raw text node or comment node.`].map(e=>`  - ${e}`).join(`
-`)].join(`
-`))}return()=>s.value||a.value||u.value?o(t.default({present:u.value})[0],{ref:e=>{let t=n(e);return t?.hasAttribute===void 0||(t?.hasAttribute(`data-reka-popper-content-wrapper`)?c.value=t.firstElementChild:c.value=t),t}}):null}});export{_ as a,v as i,x as n,b as r,T as t};

package/cms/dist/assets/Presence-Bs9zR2--.js

@@ -1,3 +0,0 @@
-import{Dn as e,Et as t,F as n,Ft as r,Ht as i,Kt as a,Lt as o,N as s,Pt as c,Tn as l,Zt as u,it as d,on as f,qt as p,yn as m}from"./index-CGiGNJrV.js";import{O as h,k as g}from"./Button-DbVI-83L.js";function _(){let e=document.activeElement;if(e==null)return null;for(;e!=null&&e.shadowRoot!=null&&e.shadowRoot.activeElement!=null;)e=e.shadowRoot.activeElement;return e}var[v,y]=g(`ConfigProvider`),b=c({inheritAttrs:!1,__name:`ConfigProvider`,props:{dir:{type:String,required:!1,default:`ltr`},locale:{type:String,required:!1,default:`en`},scrollBody:{type:[Boolean,Object],required:!1,default:!0},nonce:{type:String,required:!1,default:void 0},useId:{type:Function,required:!1,default:void 0}},setup(e){let t=e,{dir:n,locale:r,scrollBody:i,nonce:a}=l(t);return y({dir:n,locale:r,scrollBody:i,nonce:a,useId:t.useId}),(e,t)=>u(e.$slots,`default`)}});function x(){let i=r(),a=m(),o=t(()=>s());p(()=>{o.value!==s()&&e(a)});function s(){return a.value&&`$el`in a.value&&[`#text`,`#comment`].includes(a.value.$el.nodeName)?a.value.$el.nextElementSibling:n(a)}let c=Object.assign({},i.exposed),l={};for(let e in i.props)Object.defineProperty(l,e,{enumerable:!0,configurable:!0,get:()=>i.props[e]});if(Object.keys(c).length>0)for(let e in c)Object.defineProperty(l,e,{enumerable:!0,configurable:!0,get:()=>c[e]});Object.defineProperty(l,"$el",{enumerable:!0,configurable:!0,get:()=>i.vnode.el}),i.exposed=l;function u(e){if(a.value=e,e&&(Object.defineProperty(l,"$el",{enumerable:!0,configurable:!0,get:()=>e instanceof Element?e:e.$el}),!(e instanceof Element)&&!Object.hasOwn(e,`$el`))){let t=e.$.exposed,n=Object.assign({},l);for(let e in t)Object.defineProperty(n,e,{enumerable:!0,configurable:!0,get:()=>t[e]});i.exposed=n}}return{forwardRef:u,currentRef:a,currentElement:o}}function S(e,t){let n=m(e);function r(e){return t[n.value][e]??n.value}return{state:n,dispatch:e=>{n.value=r(e)}}}function C(e,n){let r=m({}),o=m(`none`),c=m(e),l=e.value?`mounted`:`unmounted`,u,p=n.value?.ownerDocument.defaultView??s,{state:h,dispatch:g}=S(l,{mounted:{UNMOUNT:`unmounted`,ANIMATION_OUT:`unmountSuspended`},unmountSuspended:{MOUNT:`mounted`,ANIMATION_END:`unmounted`},unmounted:{MOUNT:`mounted`}}),_=e=>{if(d){let t=new CustomEvent(e,{bubbles:!1,cancelable:!1});n.value?.dispatchEvent(t)}};f(e,async(e,t)=>{let a=t!==e;if(await i(),a){let i=o.value,a=w(n.value);e?(g(`MOUNT`),_(`enter`),a===`none`&&_(`after-enter`)):a===`none`||a===`undefined`||r.value?.display===`none`?(g(`UNMOUNT`),_(`leave`),_(`after-leave`)):t&&i!==a?(g(`ANIMATION_OUT`),_(`leave`)):(g(`UNMOUNT`),_(`after-leave`))}},{immediate:!0});let v=e=>{let t=w(n.value),r=t.includes(CSS.escape(e.animationName)),i=h.value===`mounted`?`enter`:`leave`;if(e.target===n.value&&r&&(_(`after-${i}`),g(`ANIMATION_END`),!c.value)){let e=n.value.style.animationFillMode;n.value.style.animationFillMode=`forwards`,u=p?.setTimeout(()=>{n.value?.style.animationFillMode===`forwards`&&(n.value.style.animationFillMode=e)})}e.target===n.value&&t===`none`&&g(`ANIMATION_END`)},y=e=>{e.target===n.value&&(o.value=w(n.value))},b=f(n,(e,t)=>{e?(r.value=getComputedStyle(e),e.addEventListener(`animationstart`,y),e.addEventListener(`animationcancel`,v),e.addEventListener(`animationend`,v)):(g(`ANIMATION_END`),u!==void 0&&p?.clearTimeout(u),t?.removeEventListener(`animationstart`,y),t?.removeEventListener(`animationcancel`,v),t?.removeEventListener(`animationend`,v))},{immediate:!0}),x=f(h,()=>{let e=w(n.value);o.value=h.value===`mounted`?e:`none`});return a(()=>{b(),x()}),{isPresent:t(()=>[`mounted`,`unmountSuspended`].includes(h.value))}}function w(e){return e&&getComputedStyle(e).animationName||`none`}var T=c({name:`Presence`,props:{present:{type:Boolean,required:!0},forceMount:{type:Boolean}},slots:{},setup(e,{slots:t,expose:i}){let{present:a,forceMount:s}=l(e),c=m(),{isPresent:u}=C(a,c);i({present:u});let d=t.default({present:u.value});d=h(d||[]);let f=r();if(d&&d?.length>1){let e=f?.parent?.type.name?`<${f.parent.type.name} />`:`component`;throw Error([`Detected an invalid children for \`${e}\` for  \`Presence\` component.`,``,"Note: Presence works similarly to `v-if` directly, but it waits for animation/transition to finished before unmounting. So it expect only one direct child of valid VNode type.",`You can apply a few solutions:`,["Provide a single child element so that `presence` directive attach correctly.",`Ensure the first child is an actual element instead of a raw text node or comment node.`].map(e=>`  - ${e}`).join(`
-`)].join(`
-`))}return()=>s.value||a.value||u.value?o(t.default({present:u.value})[0],{ref:e=>{let t=n(e);return t?.hasAttribute===void 0||(t?.hasAttribute(`data-reka-popper-content-wrapper`)?c.value=t.firstElementChild:c.value=t),t}}):null}});export{_ as a,v as i,x as n,b as r,T as t};

package/cms/dist/assets/Presence-DXmvDu-B.js

@@ -1,3 +0,0 @@
-import{Dn as e,Et as t,F as n,Ft as r,Ht as i,Kt as a,Lt as o,N as s,Pt as c,Tn as l,Zt as u,it as d,on as f,qt as p,yn as m}from"./index-1Es5a0_Z.js";import{O as h,k as g}from"./Button-BqeUw3Nb.js";function _(){let e=document.activeElement;if(e==null)return null;for(;e!=null&&e.shadowRoot!=null&&e.shadowRoot.activeElement!=null;)e=e.shadowRoot.activeElement;return e}var[v,y]=g(`ConfigProvider`),b=c({inheritAttrs:!1,__name:`ConfigProvider`,props:{dir:{type:String,required:!1,default:`ltr`},locale:{type:String,required:!1,default:`en`},scrollBody:{type:[Boolean,Object],required:!1,default:!0},nonce:{type:String,required:!1,default:void 0},useId:{type:Function,required:!1,default:void 0}},setup(e){let t=e,{dir:n,locale:r,scrollBody:i,nonce:a}=l(t);return y({dir:n,locale:r,scrollBody:i,nonce:a,useId:t.useId}),(e,t)=>u(e.$slots,`default`)}});function x(){let i=r(),a=m(),o=t(()=>s());p(()=>{o.value!==s()&&e(a)});function s(){return a.value&&`$el`in a.value&&[`#text`,`#comment`].includes(a.value.$el.nodeName)?a.value.$el.nextElementSibling:n(a)}let c=Object.assign({},i.exposed),l={};for(let e in i.props)Object.defineProperty(l,e,{enumerable:!0,configurable:!0,get:()=>i.props[e]});if(Object.keys(c).length>0)for(let e in c)Object.defineProperty(l,e,{enumerable:!0,configurable:!0,get:()=>c[e]});Object.defineProperty(l,"$el",{enumerable:!0,configurable:!0,get:()=>i.vnode.el}),i.exposed=l;function u(e){if(a.value=e,e&&(Object.defineProperty(l,"$el",{enumerable:!0,configurable:!0,get:()=>e instanceof Element?e:e.$el}),!(e instanceof Element)&&!Object.hasOwn(e,`$el`))){let t=e.$.exposed,n=Object.assign({},l);for(let e in t)Object.defineProperty(n,e,{enumerable:!0,configurable:!0,get:()=>t[e]});i.exposed=n}}return{forwardRef:u,currentRef:a,currentElement:o}}function S(e,t){let n=m(e);function r(e){return t[n.value][e]??n.value}return{state:n,dispatch:e=>{n.value=r(e)}}}function C(e,n){let r=m({}),o=m(`none`),c=m(e),l=e.value?`mounted`:`unmounted`,u,p=n.value?.ownerDocument.defaultView??s,{state:h,dispatch:g}=S(l,{mounted:{UNMOUNT:`unmounted`,ANIMATION_OUT:`unmountSuspended`},unmountSuspended:{MOUNT:`mounted`,ANIMATION_END:`unmounted`},unmounted:{MOUNT:`mounted`}}),_=e=>{if(d){let t=new CustomEvent(e,{bubbles:!1,cancelable:!1});n.value?.dispatchEvent(t)}};f(e,async(e,t)=>{let a=t!==e;if(await i(),a){let i=o.value,a=w(n.value);e?(g(`MOUNT`),_(`enter`),a===`none`&&_(`after-enter`)):a===`none`||a===`undefined`||r.value?.display===`none`?(g(`UNMOUNT`),_(`leave`),_(`after-leave`)):t&&i!==a?(g(`ANIMATION_OUT`),_(`leave`)):(g(`UNMOUNT`),_(`after-leave`))}},{immediate:!0});let v=e=>{let t=w(n.value),r=t.includes(CSS.escape(e.animationName)),i=h.value===`mounted`?`enter`:`leave`;if(e.target===n.value&&r&&(_(`after-${i}`),g(`ANIMATION_END`),!c.value)){let e=n.value.style.animationFillMode;n.value.style.animationFillMode=`forwards`,u=p?.setTimeout(()=>{n.value?.style.animationFillMode===`forwards`&&(n.value.style.animationFillMode=e)})}e.target===n.value&&t===`none`&&g(`ANIMATION_END`)},y=e=>{e.target===n.value&&(o.value=w(n.value))},b=f(n,(e,t)=>{e?(r.value=getComputedStyle(e),e.addEventListener(`animationstart`,y),e.addEventListener(`animationcancel`,v),e.addEventListener(`animationend`,v)):(g(`ANIMATION_END`),u!==void 0&&p?.clearTimeout(u),t?.removeEventListener(`animationstart`,y),t?.removeEventListener(`animationcancel`,v),t?.removeEventListener(`animationend`,v))},{immediate:!0}),x=f(h,()=>{let e=w(n.value);o.value=h.value===`mounted`?e:`none`});return a(()=>{b(),x()}),{isPresent:t(()=>[`mounted`,`unmountSuspended`].includes(h.value))}}function w(e){return e&&getComputedStyle(e).animationName||`none`}var T=c({name:`Presence`,props:{present:{type:Boolean,required:!0},forceMount:{type:Boolean}},slots:{},setup(e,{slots:t,expose:i}){let{present:a,forceMount:s}=l(e),c=m(),{isPresent:u}=C(a,c);i({present:u});let d=t.default({present:u.value});d=h(d||[]);let f=r();if(d&&d?.length>1){let e=f?.parent?.type.name?`<${f.parent.type.name} />`:`component`;throw Error([`Detected an invalid children for \`${e}\` for  \`Presence\` component.`,``,"Note: Presence works similarly to `v-if` directly, but it waits for animation/transition to finished before unmounting. So it expect only one direct child of valid VNode type.",`You can apply a few solutions:`,["Provide a single child element so that `presence` directive attach correctly.",`Ensure the first child is an actual element instead of a raw text node or comment node.`].map(e=>`  - ${e}`).join(`
-`)].join(`
-`))}return()=>s.value||a.value||u.value?o(t.default({present:u.value})[0],{ref:e=>{let t=n(e);return t?.hasAttribute===void 0||(t?.hasAttribute(`data-reka-popper-content-wrapper`)?c.value=t.firstElementChild:c.value=t),t}}):null}});export{_ as a,v as i,x as n,b as r,T as t};

package/cms/dist/assets/Presence-DtH-HN2c.js

@@ -1,3 +0,0 @@
-import{Dn as e,Et as t,F as n,Ft as r,Ht as i,Kt as a,Lt as o,N as s,Pt as c,Tn as l,Zt as u,it as d,on as f,qt as p,yn as m}from"./index-B1m0-iPT.js";import{O as h,k as g}from"./Button-C7jpkO_1.js";function _(){let e=document.activeElement;if(e==null)return null;for(;e!=null&&e.shadowRoot!=null&&e.shadowRoot.activeElement!=null;)e=e.shadowRoot.activeElement;return e}var[v,y]=g(`ConfigProvider`),b=c({inheritAttrs:!1,__name:`ConfigProvider`,props:{dir:{type:String,required:!1,default:`ltr`},locale:{type:String,required:!1,default:`en`},scrollBody:{type:[Boolean,Object],required:!1,default:!0},nonce:{type:String,required:!1,default:void 0},useId:{type:Function,required:!1,default:void 0}},setup(e){let t=e,{dir:n,locale:r,scrollBody:i,nonce:a}=l(t);return y({dir:n,locale:r,scrollBody:i,nonce:a,useId:t.useId}),(e,t)=>u(e.$slots,`default`)}});function x(){let i=r(),a=m(),o=t(()=>s());p(()=>{o.value!==s()&&e(a)});function s(){return a.value&&`$el`in a.value&&[`#text`,`#comment`].includes(a.value.$el.nodeName)?a.value.$el.nextElementSibling:n(a)}let c=Object.assign({},i.exposed),l={};for(let e in i.props)Object.defineProperty(l,e,{enumerable:!0,configurable:!0,get:()=>i.props[e]});if(Object.keys(c).length>0)for(let e in c)Object.defineProperty(l,e,{enumerable:!0,configurable:!0,get:()=>c[e]});Object.defineProperty(l,"$el",{enumerable:!0,configurable:!0,get:()=>i.vnode.el}),i.exposed=l;function u(e){if(a.value=e,e&&(Object.defineProperty(l,"$el",{enumerable:!0,configurable:!0,get:()=>e instanceof Element?e:e.$el}),!(e instanceof Element)&&!Object.hasOwn(e,`$el`))){let t=e.$.exposed,n=Object.assign({},l);for(let e in t)Object.defineProperty(n,e,{enumerable:!0,configurable:!0,get:()=>t[e]});i.exposed=n}}return{forwardRef:u,currentRef:a,currentElement:o}}function S(e,t){let n=m(e);function r(e){return t[n.value][e]??n.value}return{state:n,dispatch:e=>{n.value=r(e)}}}function C(e,n){let r=m({}),o=m(`none`),c=m(e),l=e.value?`mounted`:`unmounted`,u,p=n.value?.ownerDocument.defaultView??s,{state:h,dispatch:g}=S(l,{mounted:{UNMOUNT:`unmounted`,ANIMATION_OUT:`unmountSuspended`},unmountSuspended:{MOUNT:`mounted`,ANIMATION_END:`unmounted`},unmounted:{MOUNT:`mounted`}}),_=e=>{if(d){let t=new CustomEvent(e,{bubbles:!1,cancelable:!1});n.value?.dispatchEvent(t)}};f(e,async(e,t)=>{let a=t!==e;if(await i(),a){let i=o.value,a=w(n.value);e?(g(`MOUNT`),_(`enter`),a===`none`&&_(`after-enter`)):a===`none`||a===`undefined`||r.value?.display===`none`?(g(`UNMOUNT`),_(`leave`),_(`after-leave`)):t&&i!==a?(g(`ANIMATION_OUT`),_(`leave`)):(g(`UNMOUNT`),_(`after-leave`))}},{immediate:!0});let v=e=>{let t=w(n.value),r=t.includes(CSS.escape(e.animationName)),i=h.value===`mounted`?`enter`:`leave`;if(e.target===n.value&&r&&(_(`after-${i}`),g(`ANIMATION_END`),!c.value)){let e=n.value.style.animationFillMode;n.value.style.animationFillMode=`forwards`,u=p?.setTimeout(()=>{n.value?.style.animationFillMode===`forwards`&&(n.value.style.animationFillMode=e)})}e.target===n.value&&t===`none`&&g(`ANIMATION_END`)},y=e=>{e.target===n.value&&(o.value=w(n.value))},b=f(n,(e,t)=>{e?(r.value=getComputedStyle(e),e.addEventListener(`animationstart`,y),e.addEventListener(`animationcancel`,v),e.addEventListener(`animationend`,v)):(g(`ANIMATION_END`),u!==void 0&&p?.clearTimeout(u),t?.removeEventListener(`animationstart`,y),t?.removeEventListener(`animationcancel`,v),t?.removeEventListener(`animationend`,v))},{immediate:!0}),x=f(h,()=>{let e=w(n.value);o.value=h.value===`mounted`?e:`none`});return a(()=>{b(),x()}),{isPresent:t(()=>[`mounted`,`unmountSuspended`].includes(h.value))}}function w(e){return e&&getComputedStyle(e).animationName||`none`}var T=c({name:`Presence`,props:{present:{type:Boolean,required:!0},forceMount:{type:Boolean}},slots:{},setup(e,{slots:t,expose:i}){let{present:a,forceMount:s}=l(e),c=m(),{isPresent:u}=C(a,c);i({present:u});let d=t.default({present:u.value});d=h(d||[]);let f=r();if(d&&d?.length>1){let e=f?.parent?.type.name?`<${f.parent.type.name} />`:`component`;throw Error([`Detected an invalid children for \`${e}\` for  \`Presence\` component.`,``,"Note: Presence works similarly to `v-if` directly, but it waits for animation/transition to finished before unmounting. So it expect only one direct child of valid VNode type.",`You can apply a few solutions:`,["Provide a single child element so that `presence` directive attach correctly.",`Ensure the first child is an actual element instead of a raw text node or comment node.`].map(e=>`  - ${e}`).join(`
-`)].join(`
-`))}return()=>s.value||a.value||u.value?o(t.default({present:u.value})[0],{ref:e=>{let t=n(e);return t?.hasAttribute===void 0||(t?.hasAttribute(`data-reka-popper-content-wrapper`)?c.value=t.firstElementChild:c.value=t),t}}):null}});export{_ as a,v as i,x as n,b as r,T as t};

package/cms/dist/assets/Preview-890exrfz.js

@@ -1 +0,0 @@
-import{A as e,An as t,At as n,Ct as r,Dt as i,Et as a,Gt as o,J as s,Jt as c,Mn as l,Mt as u,Nn as d,Nt as f,On as p,Ot as m,Pt as h,Q as g,Sn as _,Tn as v,Vt as y,Wt as b,Xt as x,Z as S,Zt as C,bt as w,cn as T,d as E,in as D,kt as O,on as k,st as A,un as j,wt as M,xt as N,yn as P}from"./index-5F4j9J7h.js";import{C as ee,S as te,b as ne,k as F,v as I,w as L,x as R}from"./Button-IK_nqXss.js";import{n as z,t as B}from"./Presence-BKPT4wLH.js";import{s as V,t as H}from"./RovingFocusGroup-Cnf6WfXS.js";import{n as U}from"./cms-CtNvP11D.js";import{t as W}from"./RovingFocusItem-DtCElDTw.js";import{n as G,t as K}from"./preview-BMvUjSWh.js";var[q,J]=F(`TabsRoot`),Y=h({__name:`TabsRoot`,props:{defaultValue:{type:null,required:!1},orientation:{type:String,required:!1,default:`horizontal`},dir:{type:String,required:!1},activationMode:{type:String,required:!1,default:`automatic`},modelValue:{type:null,required:!1},unmountOnHide:{type:Boolean,required:!1,default:!0},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},emits:[`update:modelValue`],setup(e,{emit:t}){let n=e,r=t,{orientation:i,unmountOnHide:a,dir:o}=v(n),s=V(o);z();let l=g(n,`modelValue`,r,{defaultValue:n.defaultValue,passive:n.modelValue===void 0}),u=P(),d=_(new Set);return J({modelValue:l,changeModelValue:e=>{l.value=e},orientation:i,dir:s,unmountOnHide:a,activationMode:n.activationMode,baseId:U(void 0,`reka-tabs`),tabsList:u,contentIds:d,registerContent:e=>{d.value=new Set([...d.value,e])},unregisterContent:e=>{let t=new Set(d.value);t.delete(e),d.value=t}}),(e,t)=>(c(),m(p(L),{dir:p(s),"data-orientation":p(i),"as-child":e.asChild,as:e.as},{default:j(()=>[C(e.$slots,`default`,{modelValue:p(l)})]),_:3},8,[`dir`,`data-orientation`,`as-child`,`as`]))}});function X(e,t){return`${e}-trigger-${t}`}function Z(e,t){return`${e}-content-${t}`}var re=h({__name:`TabsContent`,props:{value:{type:[String,Number],required:!0},forceMount:{type:Boolean,required:!1},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},setup(e){let t=e,{forwardRef:n}=z(),r=q(),i=a(()=>X(r.baseId,t.value)),s=a(()=>Z(r.baseId,t.value)),u=a(()=>t.value===r.modelValue.value),d=P(u.value);return o(()=>{r.registerContent(t.value),requestAnimationFrame(()=>{d.value=!1})}),b(()=>{r.unregisterContent(t.value)}),(e,t)=>(c(),m(p(B),{present:e.forceMount||u.value,"force-mount":``},{default:j(({present:t})=>[f(p(L),{id:s.value,ref:p(n),"as-child":e.asChild,as:e.as,role:`tabpanel`,"data-state":u.value?`active`:`inactive`,"data-orientation":p(r).orientation.value,"aria-labelledby":i.value,hidden:!t,tabindex:`0`,style:l({animationDuration:d.value?`0s`:void 0})},{default:j(()=>[!p(r).unmountOnHide.value||t?C(e.$slots,`default`,{key:0}):O(`v-if`,!0)]),_:2},1032,[`id`,`as-child`,`as`,`data-state`,`data-orientation`,`aria-labelledby`,`hidden`,`style`])]),_:3},8,[`present`]))}}),ie=h({__name:`TabsIndicator`,props:{asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},setup(e,{expose:t}){let n=e,r=q();t({updateIndicatorStyle:u}),z();let i=s(),o=P({size:null,position:null}),l=P([]);k(()=>[r.modelValue.value,r?.dir.value],()=>{u()},{immediate:!0,flush:`post`}),T(()=>{l.value=Array.from(r.tabsList.value?.querySelectorAll(`[role="tab"]`)||[])}),S(a(()=>[r.tabsList.value,...l.value]),u);function u(){let e=r.tabsList.value?.querySelector(`[role="tab"][data-state="active"]`);e&&(r.orientation.value===`horizontal`?o.value={size:e.offsetWidth,position:e.offsetLeft}:o.value={size:e.offsetHeight,position:e.offsetTop})}return(e,t)=>p(i)&&typeof o.value.size==`number`?(c(),m(p(L),y({key:0},n,{style:{"--reka-tabs-indicator-size":`${o.value.size}px`,"--reka-tabs-indicator-position":`${o.value.position}px`}}),{default:j(()=>[C(e.$slots,`default`)]),_:3},16,[`style`])):O(`v-if`,!0)}}),ae=h({__name:`TabsList`,props:{loop:{type:Boolean,required:!1,default:!0},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},setup(e){let{loop:t}=v(e),{forwardRef:n,currentElement:r}=z(),i=q();return i.tabsList=r,(e,r)=>(c(),m(p(H),{"as-child":``,orientation:p(i).orientation.value,dir:p(i).dir.value,loop:p(t)},{default:j(()=>[f(p(L),{ref:p(n),role:`tablist`,"as-child":e.asChild,as:e.as,"aria-orientation":p(i).orientation.value},{default:j(()=>[C(e.$slots,`default`)]),_:3},8,[`as-child`,`as`,`aria-orientation`])]),_:3},8,[`orientation`,`dir`,`loop`]))}}),oe=h({__name:`TabsTrigger`,props:{value:{type:[String,Number],required:!0},disabled:{type:Boolean,required:!1,default:!1},asChild:{type:Boolean,required:!1},as:{type:null,required:!1,default:`button`}},setup(e){let t=e,{forwardRef:n}=z(),r=q(),i=a(()=>X(r.baseId,t.value)),o=a(()=>r.contentIds.value.has(t.value)?Z(r.baseId,t.value):void 0),s=a(()=>t.value===r.modelValue.value);return(e,t)=>(c(),m(p(W),{"as-child":``,focusable:!e.disabled,active:s.value},{default:j(()=>[f(p(L),{id:i.value,ref:p(n),role:`tab`,type:e.as===`button`?`button`:void 0,as:e.as,"as-child":e.asChild,"aria-selected":s.value?`true`:`false`,"aria-controls":o.value,"data-state":s.value?`active`:`inactive`,disabled:e.disabled,"data-disabled":e.disabled?``:void 0,"data-orientation":p(r).orientation.value,onMousedown:t[0]||=N(t=>{!e.disabled&&t.ctrlKey===!1?p(r).changeModelValue(e.value):t.preventDefault()},[`left`]),onKeydown:t[1]||=w(t=>p(r).changeModelValue(e.value),[`enter`,`space`]),onFocus:t[2]||=()=>{let t=p(r).activationMode!==`manual`;!s.value&&!e.disabled&&t&&p(r).changeModelValue(e.value)}},{default:j(()=>[C(e.$slots,`default`)]),_:3},8,[`id`,`type`,`as`,`as-child`,`aria-selected`,`aria-controls`,`data-state`,`disabled`,`data-disabled`,`data-orientation`])]),_:3},8,[`focusable`,`active`]))}}),se={slots:{root:`flex items-center gap-2`,list:`relative flex p-1 group`,indicator:`absolute transition-[translate,width] duration-200`,trigger:[`group relative inline-flex items-center min-w-0 data-[state=inactive]:text-muted hover:data-[state=inactive]:not-disabled:text-default font-medium rounded-md disabled:cursor-not-allowed disabled:opacity-75`,`transition-colors`],leadingIcon:`shrink-0`,leadingAvatar:`shrink-0`,leadingAvatarSize:``,label:`truncate`,trailingBadge:`shrink-0`,trailingBadgeSize:`sm`,content:`focus:outline-none w-full`},variants:{color:{primary:``,secondary:``,success:``,info:``,warning:``,error:``,neutral:``},variant:{pill:{list:`bg-elevated rounded-lg`,trigger:`grow`,indicator:`rounded-md shadow-xs`},link:{list:`border-default`,indicator:`rounded-full`,trigger:`focus:outline-none`}},orientation:{horizontal:{root:`flex-col`,list:`w-full`,indicator:`left-0 w-(--reka-tabs-indicator-size) translate-x-(--reka-tabs-indicator-position)`,trigger:`justify-center`},vertical:{list:`flex-col`,indicator:`top-0 h-(--reka-tabs-indicator-size) translate-y-(--reka-tabs-indicator-position)`}},size:{xs:{trigger:`px-2 py-1 text-xs gap-1`,leadingIcon:`size-4`,leadingAvatarSize:`3xs`},sm:{trigger:`px-2.5 py-1.5 text-xs gap-1.5`,leadingIcon:`size-4`,leadingAvatarSize:`3xs`},md:{trigger:`px-3 py-1.5 text-sm gap-1.5`,leadingIcon:`size-5`,leadingAvatarSize:`2xs`},lg:{trigger:`px-3 py-2 text-sm gap-2`,leadingIcon:`size-5`,leadingAvatarSize:`2xs`},xl:{trigger:`px-3 py-2 text-base gap-2`,leadingIcon:`size-6`,leadingAvatarSize:`xs`}}},compoundVariants:[{orientation:`horizontal`,variant:`pill`,class:{indicator:`inset-y-1`}},{orientation:`horizontal`,variant:`link`,class:{list:`border-b -mb-px`,indicator:`-bottom-px h-px`}},{orientation:`vertical`,variant:`pill`,class:{indicator:`inset-x-1`,list:`items-center`}},{orientation:`vertical`,variant:`link`,class:{list:`border-s -ms-px`,indicator:`-start-px w-px`}},{color:`primary`,variant:`pill`,class:{indicator:`bg-primary`,trigger:`data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary`}},{color:`secondary`,variant:`pill`,class:{indicator:`bg-secondary`,trigger:`data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-secondary`}},{color:`success`,variant:`pill`,class:{indicator:`bg-success`,trigger:`data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-success`}},{color:`info`,variant:`pill`,class:{indicator:`bg-info`,trigger:`data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-info`}},{color:`warning`,variant:`pill`,class:{indicator:`bg-warning`,trigger:`data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-warning`}},{color:`error`,variant:`pill`,class:{indicator:`bg-error`,trigger:`data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-error`}},{color:`neutral`,variant:`pill`,class:{indicator:`bg-inverted`,trigger:`data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-inverted`}},{color:`primary`,variant:`link`,class:{indicator:`bg-primary`,trigger:`data-[state=active]:text-primary focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-primary`}},{color:`secondary`,variant:`link`,class:{indicator:`bg-secondary`,trigger:`data-[state=active]:text-secondary focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-secondary`}},{color:`success`,variant:`link`,class:{indicator:`bg-success`,trigger:`data-[state=active]:text-success focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-success`}},{color:`info`,variant:`link`,class:{indicator:`bg-info`,trigger:`data-[state=active]:text-info focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-info`}},{color:`warning`,variant:`link`,class:{indicator:`bg-warning`,trigger:`data-[state=active]:text-warning focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-warning`}},{color:`error`,variant:`link`,class:{indicator:`bg-error`,trigger:`data-[state=active]:text-error focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-error`}},{color:`neutral`,variant:`link`,class:{indicator:`bg-inverted`,trigger:`data-[state=active]:text-highlighted focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-inverted`}}],defaultVariants:{color:`primary`,variant:`pill`,size:`md`}},Q={__name:`Tabs`,props:{as:{type:null,required:!1},items:{type:Array,required:!1},color:{type:null,required:!1},variant:{type:null,required:!1},size:{type:null,required:!1},orientation:{type:null,required:!1,default:`horizontal`},content:{type:Boolean,required:!1,default:!0},valueKey:{type:null,required:!1,default:`value`},labelKey:{type:null,required:!1,default:`label`},class:{type:null,required:!1},ui:{type:Object,required:!1},defaultValue:{type:[String,Number],required:!1,default:`0`},modelValue:{type:[String,Number],required:!1},activationMode:{type:String,required:!1},unmountOnHide:{type:Boolean,required:!1,default:!0}},emits:[`update:modelValue`],setup(i,{expose:o,emit:s}){let l=i,h=s,g=D(),_=ee(`tabs`,l),v=e(),b=te(A(_,`as`,`unmountOnHide`),h),S=a(()=>R({extend:R(se),...v.ui?.tabs||{}})({color:_.color,variant:_.variant,size:_.size,orientation:_.orientation})),w=P([]);function T(e,t){w.value[e]=t}return o({triggersRef:w}),(e,i)=>(c(),m(p(Y),y(p(b),{"model-value":p(_).modelValue,"default-value":p(_).defaultValue,orientation:p(_).orientation,"activation-mode":p(_).activationMode,"data-slot":`root`,class:S.value.root({class:[p(_).ui?.root,p(_).class]})}),{default:j(()=>[f(p(ae),{"data-slot":`list`,class:t(S.value.list({class:p(_).ui?.list}))},{default:j(()=>[f(p(ie),{"data-slot":`indicator`,class:t(S.value.indicator({class:p(_).ui?.indicator}))},null,8,[`class`]),C(e.$slots,`list-leading`),(c(!0),n(r,null,x(p(_).items,(r,i)=>(c(),m(p(oe),{key:p(E)(r,p(_).valueKey)??i,ref_for:!0,ref:e=>T(i,e),value:p(E)(r,p(_).valueKey)??String(i),disabled:r.disabled,"data-slot":`trigger`,class:t(S.value.trigger({class:[p(_).ui?.trigger,r.ui?.trigger]}))},{default:j(()=>[C(e.$slots,`leading`,{item:r,index:i,ui:S.value},()=>[r.icon?(c(),m(ne,{key:0,name:r.icon,"data-slot":`leadingIcon`,class:t(S.value.leadingIcon({class:[p(_).ui?.leadingIcon,r.ui?.leadingIcon]}))},null,8,[`name`,`class`])):r.avatar?(c(),m(I,y({key:1,size:r.ui?.leadingAvatarSize||p(_).ui?.leadingAvatarSize||S.value.leadingAvatarSize()},{ref_for:!0},r.avatar,{"data-slot":`leadingAvatar`,class:S.value.leadingAvatar({class:[p(_).ui?.leadingAvatar,r.ui?.leadingAvatar]})}),null,16,[`size`,`class`])):O(``,!0)]),p(E)(r,p(_).labelKey)||g.default?(c(),n(`span`,{key:0,"data-slot":`label`,class:t(S.value.label({class:[p(_).ui?.label,r.ui?.label]}))},[C(e.$slots,`default`,{item:r,index:i},()=>[u(d(p(E)(r,p(_).labelKey)),1)])],2)):O(``,!0),C(e.$slots,`trailing`,{item:r,index:i,ui:S.value},()=>[r.badge||r.badge===0?(c(),m(G,y({key:0,color:`neutral`,variant:`outline`,size:r.ui?.trailingBadgeSize||p(_).ui?.trailingBadgeSize||S.value.trailingBadgeSize()},{ref_for:!0},typeof r.badge==`string`||typeof r.badge==`number`?{label:r.badge}:r.badge,{"data-slot":`trailingBadge`,class:S.value.trailingBadge({class:[p(_).ui?.trailingBadge,r.ui?.trailingBadge]})}),null,16,[`size`,`class`])):O(``,!0)])]),_:2},1032,[`value`,`disabled`,`class`]))),128)),C(e.$slots,`list-trailing`)]),_:3},8,[`class`]),p(_).content?(c(!0),n(r,{key:0},x(p(_).items,(n,r)=>(c(),m(p(re),{key:p(E)(n,p(_).valueKey)??r,value:p(E)(n,p(_).valueKey)??String(r),"data-slot":`content`,class:t(S.value.content({class:[p(_).ui?.content,n.ui?.content,n.class]}))},{default:j(()=>[C(e.$slots,n.slot||`content`,{item:n,index:r,ui:S.value},()=>[u(d(n.content),1)])]),_:2},1032,[`value`,`class`]))),128)):O(``,!0)]),_:3},16,[`model-value`,`default-value`,`orientation`,`activation-mode`,`class`]))}},ce={class:`checkerboard h-full w-full p-2 relative`},le=[`srcdoc`],$=h({__name:`Preview`,props:{url:{}},setup(e){let r=K();e.url&&(r.url=e.url);let a=P([{label:``,icon:`i-lucide-laptop`,content:``,value:`desktop`},{label:``,icon:`i-lucide-smartphone`,content:``,value:`mobile`}]);return(e,o)=>{let s=Q;return c(),n(`div`,ce,[i(`iframe`,{srcdoc:p(r).html,class:t([`w-full h-full bg-white mx-auto`,{"md:max-w-[390px]":p(r).active===`mobile`}])},null,10,le),(c(),m(M,{to:`#header-mode`,defer:``},[f(s,{modelValue:p(r).active,"onUpdate:modelValue":o[0]||=e=>p(r).active=e,content:!1,items:p(a),class:`mx-3`,color:`neutral`},null,8,[`modelValue`,`items`])]))])}}});export{Q as n,$ as t};

package/cms/dist/assets/Preview-BRMGur-R.js

@@ -1 +0,0 @@
-import{$ as e,An as t,At as n,Dn as r,Dt as i,Fn as a,Gt as o,It as s,Jt as c,Ln as l,Lt as u,Mt as d,Nn as f,Nt as p,Ot as m,Pt as h,Qt as g,Rn as _,Rt as v,Tt as y,Y as b,Yt as x,cn as S,d as C,en as w,et as T,fn as E,j as D,jt as O,mn as k,tn as A,un as j,ut as M,wn as N,wt as P}from"./index.spa-CAX3mO8L.js";import{C as ee,D as te,E as ne,P as F,S as I,b as L,k as R,v as z,w as B,x as V}from"./Button-BooObqdP.js";import{l as H,t as U}from"./RovingFocusGroup-C3WFJJ-d.js";import{t as W}from"./RovingFocusItem-C9PcBZCt.js";import{n as G,t as K}from"./preview-CMFesftP.js";var[q,J]=F(`TabsRoot`),Y=v({__name:`TabsRoot`,props:{defaultValue:{type:null,required:!1},orientation:{type:String,required:!1,default:`horizontal`},dir:{type:String,required:!1},activationMode:{type:String,required:!1,default:`automatic`},modelValue:{type:null,required:!1},unmountOnHide:{type:Boolean,required:!1,default:!0},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},emits:[`update:modelValue`],setup(e,{emit:n}){let i=e,a=n,{orientation:o,unmountOnHide:s,dir:c}=t(i),l=H(c);R();let u=T(i,`modelValue`,a,{defaultValue:i.defaultValue,passive:i.modelValue===void 0}),p=N(),m=r(new Set);return J({modelValue:u,changeModelValue:e=>{u.value=e},orientation:o,dir:l,unmountOnHide:s,activationMode:i.activationMode,baseId:te(void 0,`reka-tabs`),tabsList:p,contentIds:m,registerContent:e=>{m.value=new Set([...m.value,e])},unregisterContent:e=>{let t=new Set(m.value);t.delete(e),m.value=t}}),(e,t)=>(g(),d(f(B),{dir:f(l),"data-orientation":f(o),"as-child":e.asChild,as:e.as},{default:k(()=>[A(e.$slots,`default`,{modelValue:f(u)})]),_:3},8,[`dir`,`data-orientation`,`as-child`,`as`]))}});function X(e,t){return`${e}-trigger-${t}`}function Z(e,t){return`${e}-content-${t}`}var re=v({__name:`TabsContent`,props:{value:{type:[String,Number],required:!0},forceMount:{type:Boolean,required:!1},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},setup(e){let t=e,{forwardRef:r}=R(),i=q(),a=n(()=>X(i.baseId,t.value)),o=n(()=>Z(i.baseId,t.value)),s=n(()=>t.value===i.modelValue.value),m=N(s.value);return x(()=>{i.registerContent(t.value),requestAnimationFrame(()=>{m.value=!1})}),c(()=>{i.unregisterContent(t.value)}),(e,t)=>(g(),d(f(ne),{present:e.forceMount||s.value,"force-mount":``},{default:k(({present:t})=>[u(f(B),{id:o.value,ref:f(r),"as-child":e.asChild,as:e.as,role:`tabpanel`,"data-state":s.value?`active`:`inactive`,"data-orientation":f(i).orientation.value,"aria-labelledby":a.value,hidden:!t,tabindex:`0`,style:l({animationDuration:m.value?`0s`:void 0})},{default:k(()=>[!f(i).unmountOnHide.value||t?A(e.$slots,`default`,{key:0}):p(`v-if`,!0)]),_:2},1032,[`id`,`as-child`,`as`,`data-state`,`data-orientation`,`aria-labelledby`,`hidden`,`style`])]),_:3},8,[`present`]))}}),ie=v({__name:`TabsIndicator`,props:{asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},setup(t,{expose:r}){let i=t,a=q();r({updateIndicatorStyle:u}),R();let s=b(),c=N({size:null,position:null}),l=N([]);j(()=>[a.modelValue.value,a?.dir.value],()=>{u()},{immediate:!0,flush:`post`}),E(()=>{l.value=Array.from(a.tabsList.value?.querySelectorAll(`[role="tab"]`)||[])}),e(n(()=>[a.tabsList.value,...l.value]),u);function u(){let e=a.tabsList.value?.querySelector(`[role="tab"][data-state="active"]`);e&&(a.orientation.value===`horizontal`?c.value={size:e.offsetWidth,position:e.offsetLeft}:c.value={size:e.offsetHeight,position:e.offsetTop})}return(e,t)=>f(s)&&typeof c.value.size==`number`?(g(),d(f(B),o({key:0},i,{style:{"--reka-tabs-indicator-size":`${c.value.size}px`,"--reka-tabs-indicator-position":`${c.value.position}px`}}),{default:k(()=>[A(e.$slots,`default`)]),_:3},16,[`style`])):p(`v-if`,!0)}}),ae=v({__name:`TabsList`,props:{loop:{type:Boolean,required:!1,default:!0},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},setup(e){let{loop:n}=t(e),{forwardRef:r,currentElement:i}=R(),a=q();return a.tabsList=i,(e,t)=>(g(),d(f(U),{"as-child":``,orientation:f(a).orientation.value,dir:f(a).dir.value,loop:f(n)},{default:k(()=>[u(f(B),{ref:f(r),role:`tablist`,"as-child":e.asChild,as:e.as,"aria-orientation":f(a).orientation.value},{default:k(()=>[A(e.$slots,`default`)]),_:3},8,[`as-child`,`as`,`aria-orientation`])]),_:3},8,[`orientation`,`dir`,`loop`]))}}),oe=v({__name:`TabsTrigger`,props:{value:{type:[String,Number],required:!0},disabled:{type:Boolean,required:!1,default:!1},asChild:{type:Boolean,required:!1},as:{type:null,required:!1,default:`button`}},setup(e){let t=e,{forwardRef:r}=R(),i=q(),a=n(()=>X(i.baseId,t.value)),o=n(()=>i.contentIds.value.has(t.value)?Z(i.baseId,t.value):void 0),s=n(()=>t.value===i.modelValue.value);return(e,t)=>(g(),d(f(W),{"as-child":``,focusable:!e.disabled,active:s.value},{default:k(()=>[u(f(B),{id:a.value,ref:f(r),role:`tab`,type:e.as===`button`?`button`:void 0,as:e.as,"as-child":e.asChild,"aria-selected":s.value?`true`:`false`,"aria-controls":o.value,"data-state":s.value?`active`:`inactive`,disabled:e.disabled,"data-disabled":e.disabled?``:void 0,"data-orientation":f(i).orientation.value,onMousedown:t[0]||=y(t=>{!e.disabled&&t.ctrlKey===!1?f(i).changeModelValue(e.value):t.preventDefault()},[`left`]),onKeydown:t[1]||=P(t=>f(i).changeModelValue(e.value),[`enter`,`space`]),onFocus:t[2]||=()=>{let t=f(i).activationMode!==`manual`;!s.value&&!e.disabled&&t&&f(i).changeModelValue(e.value)}},{default:k(()=>[A(e.$slots,`default`)]),_:3},8,[`id`,`type`,`as`,`as-child`,`aria-selected`,`aria-controls`,`data-state`,`disabled`,`data-disabled`,`data-orientation`])]),_:3},8,[`focusable`,`active`]))}}),se={slots:{root:`flex items-center gap-2`,list:`relative flex p-1 group`,indicator:`absolute transition-[translate,width] duration-200`,trigger:[`group relative inline-flex items-center min-w-0 data-[state=inactive]:text-muted hover:data-[state=inactive]:not-disabled:text-default font-medium rounded-md disabled:cursor-not-allowed disabled:opacity-75`,`transition-colors`],leadingIcon:`shrink-0`,leadingAvatar:`shrink-0`,leadingAvatarSize:``,label:`truncate`,trailingBadge:`shrink-0`,trailingBadgeSize:`sm`,content:`focus:outline-none w-full`},variants:{color:{primary:``,secondary:``,success:``,info:``,warning:``,error:``,neutral:``},variant:{pill:{list:`bg-elevated rounded-lg`,trigger:`grow`,indicator:`rounded-md shadow-xs`},link:{list:`border-default`,indicator:`rounded-full`,trigger:`focus:outline-none`}},orientation:{horizontal:{root:`flex-col`,list:`w-full`,indicator:`left-0 w-(--reka-tabs-indicator-size) translate-x-(--reka-tabs-indicator-position)`,trigger:`justify-center`},vertical:{list:`flex-col`,indicator:`top-0 h-(--reka-tabs-indicator-size) translate-y-(--reka-tabs-indicator-position)`}},size:{xs:{trigger:`px-2 py-1 text-xs gap-1`,leadingIcon:`size-4`,leadingAvatarSize:`3xs`},sm:{trigger:`px-2.5 py-1.5 text-xs gap-1.5`,leadingIcon:`size-4`,leadingAvatarSize:`3xs`},md:{trigger:`px-3 py-1.5 text-sm gap-1.5`,leadingIcon:`size-5`,leadingAvatarSize:`2xs`},lg:{trigger:`px-3 py-2 text-sm gap-2`,leadingIcon:`size-5`,leadingAvatarSize:`2xs`},xl:{trigger:`px-3 py-2 text-base gap-2`,leadingIcon:`size-6`,leadingAvatarSize:`xs`}}},compoundVariants:[{orientation:`horizontal`,variant:`pill`,class:{indicator:`inset-y-1`}},{orientation:`horizontal`,variant:`link`,class:{list:`border-b -mb-px`,indicator:`-bottom-px h-px`}},{orientation:`vertical`,variant:`pill`,class:{indicator:`inset-x-1`,list:`items-center`}},{orientation:`vertical`,variant:`link`,class:{list:`border-s -ms-px`,indicator:`-start-px w-px`}},{color:`primary`,variant:`pill`,class:{indicator:`bg-primary`,trigger:`data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary`}},{color:`secondary`,variant:`pill`,class:{indicator:`bg-secondary`,trigger:`data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-secondary`}},{color:`success`,variant:`pill`,class:{indicator:`bg-success`,trigger:`data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-success`}},{color:`info`,variant:`pill`,class:{indicator:`bg-info`,trigger:`data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-info`}},{color:`warning`,variant:`pill`,class:{indicator:`bg-warning`,trigger:`data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-warning`}},{color:`error`,variant:`pill`,class:{indicator:`bg-error`,trigger:`data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-error`}},{color:`neutral`,variant:`pill`,class:{indicator:`bg-inverted`,trigger:`data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-inverted`}},{color:`primary`,variant:`link`,class:{indicator:`bg-primary`,trigger:`data-[state=active]:text-primary focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-primary`}},{color:`secondary`,variant:`link`,class:{indicator:`bg-secondary`,trigger:`data-[state=active]:text-secondary focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-secondary`}},{color:`success`,variant:`link`,class:{indicator:`bg-success`,trigger:`data-[state=active]:text-success focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-success`}},{color:`info`,variant:`link`,class:{indicator:`bg-info`,trigger:`data-[state=active]:text-info focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-info`}},{color:`warning`,variant:`link`,class:{indicator:`bg-warning`,trigger:`data-[state=active]:text-warning focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-warning`}},{color:`error`,variant:`link`,class:{indicator:`bg-error`,trigger:`data-[state=active]:text-error focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-error`}},{color:`neutral`,variant:`link`,class:{indicator:`bg-inverted`,trigger:`data-[state=active]:text-highlighted focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-inverted`}}],defaultVariants:{color:`primary`,variant:`pill`,size:`md`}},Q={__name:`Tabs`,props:{as:{type:null,required:!1},items:{type:Array,required:!1},color:{type:null,required:!1},variant:{type:null,required:!1},size:{type:null,required:!1},orientation:{type:null,required:!1,default:`horizontal`},content:{type:Boolean,required:!1,default:!0},valueKey:{type:null,required:!1,default:`value`},labelKey:{type:null,required:!1,default:`label`},class:{type:null,required:!1},ui:{type:Object,required:!1},defaultValue:{type:[String,Number],required:!1,default:`0`},modelValue:{type:[String,Number],required:!1},activationMode:{type:String,required:!1},unmountOnHide:{type:Boolean,required:!1,default:!0}},emits:[`update:modelValue`],setup(e,{expose:t,emit:r}){let c=e,l=r,m=S(),v=ee(`tabs`,c),y=D(),b=I(M(v,`as`,`unmountOnHide`),l),x=n(()=>V({extend:V(se),...y.ui?.tabs||{}})({color:v.color,variant:v.variant,size:v.size,orientation:v.orientation})),T=N([]);function E(e,t){T.value[e]=t}return t({triggersRef:T}),(e,t)=>(g(),d(f(Y),o(f(b),{"model-value":f(v).modelValue,"default-value":f(v).defaultValue,orientation:f(v).orientation,"activation-mode":f(v).activationMode,"data-slot":`root`,class:x.value.root({class:[f(v).ui?.root,f(v).class]})}),{default:k(()=>[u(f(ae),{"data-slot":`list`,class:a(x.value.list({class:f(v).ui?.list}))},{default:k(()=>[u(f(ie),{"data-slot":`indicator`,class:a(x.value.indicator({class:f(v).ui?.indicator}))},null,8,[`class`]),A(e.$slots,`list-leading`),(g(!0),h(i,null,w(f(v).items,(t,n)=>(g(),d(f(oe),{key:f(C)(t,f(v).valueKey)??n,ref_for:!0,ref:e=>E(n,e),value:f(C)(t,f(v).valueKey)??String(n),disabled:t.disabled,"data-slot":`trigger`,class:a(x.value.trigger({class:[f(v).ui?.trigger,t.ui?.trigger]}))},{default:k(()=>[A(e.$slots,`leading`,{item:t,index:n,ui:x.value},()=>[t.icon?(g(),d(L,{key:0,name:t.icon,"data-slot":`leadingIcon`,class:a(x.value.leadingIcon({class:[f(v).ui?.leadingIcon,t.ui?.leadingIcon]}))},null,8,[`name`,`class`])):t.avatar?(g(),d(z,o({key:1,size:t.ui?.leadingAvatarSize||f(v).ui?.leadingAvatarSize||x.value.leadingAvatarSize()},{ref_for:!0},t.avatar,{"data-slot":`leadingAvatar`,class:x.value.leadingAvatar({class:[f(v).ui?.leadingAvatar,t.ui?.leadingAvatar]})}),null,16,[`size`,`class`])):p(``,!0)]),f(C)(t,f(v).labelKey)||m.default?(g(),h(`span`,{key:0,"data-slot":`label`,class:a(x.value.label({class:[f(v).ui?.label,t.ui?.label]}))},[A(e.$slots,`default`,{item:t,index:n},()=>[s(_(f(C)(t,f(v).labelKey)),1)])],2)):p(``,!0),A(e.$slots,`trailing`,{item:t,index:n,ui:x.value},()=>[t.badge||t.badge===0?(g(),d(G,o({key:0,color:`neutral`,variant:`outline`,size:t.ui?.trailingBadgeSize||f(v).ui?.trailingBadgeSize||x.value.trailingBadgeSize()},{ref_for:!0},typeof t.badge==`string`||typeof t.badge==`number`?{label:t.badge}:t.badge,{"data-slot":`trailingBadge`,class:x.value.trailingBadge({class:[f(v).ui?.trailingBadge,t.ui?.trailingBadge]})}),null,16,[`size`,`class`])):p(``,!0)])]),_:2},1032,[`value`,`disabled`,`class`]))),128)),A(e.$slots,`list-trailing`)]),_:3},8,[`class`]),f(v).content?(g(!0),h(i,{key:0},w(f(v).items,(t,n)=>(g(),d(f(re),{key:f(C)(t,f(v).valueKey)??n,value:f(C)(t,f(v).valueKey)??String(n),"data-slot":`content`,class:a(x.value.content({class:[f(v).ui?.content,t.ui?.content,t.class]}))},{default:k(()=>[A(e.$slots,t.slot||`content`,{item:t,index:n,ui:x.value},()=>[s(_(t.content),1)])]),_:2},1032,[`value`,`class`]))),128)):p(``,!0)]),_:3},16,[`model-value`,`default-value`,`orientation`,`activation-mode`,`class`]))}},ce={class:`checkerboard h-full w-full p-2 relative`},le=[`src`],$=v({__name:`Preview`,props:{url:{}},setup(e){let t=K(),n=N();e.url&&(t.url=e.url),j(()=>t.html,e=>{n.value&&n.value.contentWindow&&e&&n.value.contentWindow.postMessage({type:`flow:preview:morph`,html:e},`*`)});let r=N([{label:``,icon:`i-lucide-laptop`,content:``,value:`desktop`},{label:``,icon:`i-lucide-smartphone`,content:``,value:`mobile`}]);return(e,i)=>{let o=Q;return g(),h(`div`,ce,[O(`iframe`,{ref_key:`iframeRef`,ref:n,src:f(t).url.startsWith(`/`)?f(t).url:`/`+f(t).url,class:a([`w-full h-full bg-white mx-auto`,{"md:max-w-[390px]":f(t).active===`mobile`}])},null,10,le),(g(),d(m,{to:`#header-mode`,defer:``},[u(o,{modelValue:f(t).active,"onUpdate:modelValue":i[0]||=e=>f(t).active=e,content:!1,items:r.value,class:`mx-3`,color:`neutral`},null,8,[`modelValue`,`items`])]))])}}});export{Q as n,$ as t};

package/cms/dist/assets/Preview-CIdaPCpk.js

@@ -1 +0,0 @@
-import{$ as e,An as t,At as n,Dn as r,Dt as i,Fn as a,Gt as o,It as s,Jt as c,Ln as l,Lt as u,Mt as d,Nn as f,Nt as p,Ot as m,Pt as h,Qt as g,Rn as _,Rt as v,Tt as y,Y as b,Yt as x,cn as S,d as C,en as w,et as T,fn as E,j as D,jt as O,mn as k,tn as A,un as j,ut as M,wn as N,wt as P}from"./index.spa-6RkbZIv_.js";import{C as ee,D as te,E as ne,P as F,S as I,b as L,k as R,v as z,w as B,x as V}from"./Button-B1_ChBC0.js";import{l as H,t as U}from"./RovingFocusGroup-CKdkkmIx.js";import{t as W}from"./RovingFocusItem-BTBMx4cV.js";import{n as G,t as K}from"./preview-nIoKpnJh.js";var[q,J]=F(`TabsRoot`),Y=v({__name:`TabsRoot`,props:{defaultValue:{type:null,required:!1},orientation:{type:String,required:!1,default:`horizontal`},dir:{type:String,required:!1},activationMode:{type:String,required:!1,default:`automatic`},modelValue:{type:null,required:!1},unmountOnHide:{type:Boolean,required:!1,default:!0},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},emits:[`update:modelValue`],setup(e,{emit:n}){let i=e,a=n,{orientation:o,unmountOnHide:s,dir:c}=t(i),l=H(c);R();let u=T(i,`modelValue`,a,{defaultValue:i.defaultValue,passive:i.modelValue===void 0}),p=N(),m=r(new Set);return J({modelValue:u,changeModelValue:e=>{u.value=e},orientation:o,dir:l,unmountOnHide:s,activationMode:i.activationMode,baseId:te(void 0,`reka-tabs`),tabsList:p,contentIds:m,registerContent:e=>{m.value=new Set([...m.value,e])},unregisterContent:e=>{let t=new Set(m.value);t.delete(e),m.value=t}}),(e,t)=>(g(),d(f(B),{dir:f(l),"data-orientation":f(o),"as-child":e.asChild,as:e.as},{default:k(()=>[A(e.$slots,`default`,{modelValue:f(u)})]),_:3},8,[`dir`,`data-orientation`,`as-child`,`as`]))}});function X(e,t){return`${e}-trigger-${t}`}function Z(e,t){return`${e}-content-${t}`}var re=v({__name:`TabsContent`,props:{value:{type:[String,Number],required:!0},forceMount:{type:Boolean,required:!1},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},setup(e){let t=e,{forwardRef:r}=R(),i=q(),a=n(()=>X(i.baseId,t.value)),o=n(()=>Z(i.baseId,t.value)),s=n(()=>t.value===i.modelValue.value),m=N(s.value);return x(()=>{i.registerContent(t.value),requestAnimationFrame(()=>{m.value=!1})}),c(()=>{i.unregisterContent(t.value)}),(e,t)=>(g(),d(f(ne),{present:e.forceMount||s.value,"force-mount":``},{default:k(({present:t})=>[u(f(B),{id:o.value,ref:f(r),"as-child":e.asChild,as:e.as,role:`tabpanel`,"data-state":s.value?`active`:`inactive`,"data-orientation":f(i).orientation.value,"aria-labelledby":a.value,hidden:!t,tabindex:`0`,style:l({animationDuration:m.value?`0s`:void 0})},{default:k(()=>[!f(i).unmountOnHide.value||t?A(e.$slots,`default`,{key:0}):p(`v-if`,!0)]),_:2},1032,[`id`,`as-child`,`as`,`data-state`,`data-orientation`,`aria-labelledby`,`hidden`,`style`])]),_:3},8,[`present`]))}}),ie=v({__name:`TabsIndicator`,props:{asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},setup(t,{expose:r}){let i=t,a=q();r({updateIndicatorStyle:u}),R();let s=b(),c=N({size:null,position:null}),l=N([]);j(()=>[a.modelValue.value,a?.dir.value],()=>{u()},{immediate:!0,flush:`post`}),E(()=>{l.value=Array.from(a.tabsList.value?.querySelectorAll(`[role="tab"]`)||[])}),e(n(()=>[a.tabsList.value,...l.value]),u);function u(){let e=a.tabsList.value?.querySelector(`[role="tab"][data-state="active"]`);e&&(a.orientation.value===`horizontal`?c.value={size:e.offsetWidth,position:e.offsetLeft}:c.value={size:e.offsetHeight,position:e.offsetTop})}return(e,t)=>f(s)&&typeof c.value.size==`number`?(g(),d(f(B),o({key:0},i,{style:{"--reka-tabs-indicator-size":`${c.value.size}px`,"--reka-tabs-indicator-position":`${c.value.position}px`}}),{default:k(()=>[A(e.$slots,`default`)]),_:3},16,[`style`])):p(`v-if`,!0)}}),ae=v({__name:`TabsList`,props:{loop:{type:Boolean,required:!1,default:!0},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},setup(e){let{loop:n}=t(e),{forwardRef:r,currentElement:i}=R(),a=q();return a.tabsList=i,(e,t)=>(g(),d(f(U),{"as-child":``,orientation:f(a).orientation.value,dir:f(a).dir.value,loop:f(n)},{default:k(()=>[u(f(B),{ref:f(r),role:`tablist`,"as-child":e.asChild,as:e.as,"aria-orientation":f(a).orientation.value},{default:k(()=>[A(e.$slots,`default`)]),_:3},8,[`as-child`,`as`,`aria-orientation`])]),_:3},8,[`orientation`,`dir`,`loop`]))}}),oe=v({__name:`TabsTrigger`,props:{value:{type:[String,Number],required:!0},disabled:{type:Boolean,required:!1,default:!1},asChild:{type:Boolean,required:!1},as:{type:null,required:!1,default:`button`}},setup(e){let t=e,{forwardRef:r}=R(),i=q(),a=n(()=>X(i.baseId,t.value)),o=n(()=>i.contentIds.value.has(t.value)?Z(i.baseId,t.value):void 0),s=n(()=>t.value===i.modelValue.value);return(e,t)=>(g(),d(f(W),{"as-child":``,focusable:!e.disabled,active:s.value},{default:k(()=>[u(f(B),{id:a.value,ref:f(r),role:`tab`,type:e.as===`button`?`button`:void 0,as:e.as,"as-child":e.asChild,"aria-selected":s.value?`true`:`false`,"aria-controls":o.value,"data-state":s.value?`active`:`inactive`,disabled:e.disabled,"data-disabled":e.disabled?``:void 0,"data-orientation":f(i).orientation.value,onMousedown:t[0]||=y(t=>{!e.disabled&&t.ctrlKey===!1?f(i).changeModelValue(e.value):t.preventDefault()},[`left`]),onKeydown:t[1]||=P(t=>f(i).changeModelValue(e.value),[`enter`,`space`]),onFocus:t[2]||=()=>{let t=f(i).activationMode!==`manual`;!s.value&&!e.disabled&&t&&f(i).changeModelValue(e.value)}},{default:k(()=>[A(e.$slots,`default`)]),_:3},8,[`id`,`type`,`as`,`as-child`,`aria-selected`,`aria-controls`,`data-state`,`disabled`,`data-disabled`,`data-orientation`])]),_:3},8,[`focusable`,`active`]))}}),se={slots:{root:`flex items-center gap-2`,list:`relative flex p-1 group`,indicator:`absolute transition-[translate,width] duration-200`,trigger:[`group relative inline-flex items-center min-w-0 data-[state=inactive]:text-muted hover:data-[state=inactive]:not-disabled:text-default font-medium rounded-md disabled:cursor-not-allowed disabled:opacity-75`,`transition-colors`],leadingIcon:`shrink-0`,leadingAvatar:`shrink-0`,leadingAvatarSize:``,label:`truncate`,trailingBadge:`shrink-0`,trailingBadgeSize:`sm`,content:`focus:outline-none w-full`},variants:{color:{primary:``,secondary:``,success:``,info:``,warning:``,error:``,neutral:``},variant:{pill:{list:`bg-elevated rounded-lg`,trigger:`grow`,indicator:`rounded-md shadow-xs`},link:{list:`border-default`,indicator:`rounded-full`,trigger:`focus:outline-none`}},orientation:{horizontal:{root:`flex-col`,list:`w-full`,indicator:`left-0 w-(--reka-tabs-indicator-size) translate-x-(--reka-tabs-indicator-position)`,trigger:`justify-center`},vertical:{list:`flex-col`,indicator:`top-0 h-(--reka-tabs-indicator-size) translate-y-(--reka-tabs-indicator-position)`}},size:{xs:{trigger:`px-2 py-1 text-xs gap-1`,leadingIcon:`size-4`,leadingAvatarSize:`3xs`},sm:{trigger:`px-2.5 py-1.5 text-xs gap-1.5`,leadingIcon:`size-4`,leadingAvatarSize:`3xs`},md:{trigger:`px-3 py-1.5 text-sm gap-1.5`,leadingIcon:`size-5`,leadingAvatarSize:`2xs`},lg:{trigger:`px-3 py-2 text-sm gap-2`,leadingIcon:`size-5`,leadingAvatarSize:`2xs`},xl:{trigger:`px-3 py-2 text-base gap-2`,leadingIcon:`size-6`,leadingAvatarSize:`xs`}}},compoundVariants:[{orientation:`horizontal`,variant:`pill`,class:{indicator:`inset-y-1`}},{orientation:`horizontal`,variant:`link`,class:{list:`border-b -mb-px`,indicator:`-bottom-px h-px`}},{orientation:`vertical`,variant:`pill`,class:{indicator:`inset-x-1`,list:`items-center`}},{orientation:`vertical`,variant:`link`,class:{list:`border-s -ms-px`,indicator:`-start-px w-px`}},{color:`primary`,variant:`pill`,class:{indicator:`bg-primary`,trigger:`data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary`}},{color:`secondary`,variant:`pill`,class:{indicator:`bg-secondary`,trigger:`data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-secondary`}},{color:`success`,variant:`pill`,class:{indicator:`bg-success`,trigger:`data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-success`}},{color:`info`,variant:`pill`,class:{indicator:`bg-info`,trigger:`data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-info`}},{color:`warning`,variant:`pill`,class:{indicator:`bg-warning`,trigger:`data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-warning`}},{color:`error`,variant:`pill`,class:{indicator:`bg-error`,trigger:`data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-error`}},{color:`neutral`,variant:`pill`,class:{indicator:`bg-inverted`,trigger:`data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-inverted`}},{color:`primary`,variant:`link`,class:{indicator:`bg-primary`,trigger:`data-[state=active]:text-primary focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-primary`}},{color:`secondary`,variant:`link`,class:{indicator:`bg-secondary`,trigger:`data-[state=active]:text-secondary focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-secondary`}},{color:`success`,variant:`link`,class:{indicator:`bg-success`,trigger:`data-[state=active]:text-success focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-success`}},{color:`info`,variant:`link`,class:{indicator:`bg-info`,trigger:`data-[state=active]:text-info focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-info`}},{color:`warning`,variant:`link`,class:{indicator:`bg-warning`,trigger:`data-[state=active]:text-warning focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-warning`}},{color:`error`,variant:`link`,class:{indicator:`bg-error`,trigger:`data-[state=active]:text-error focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-error`}},{color:`neutral`,variant:`link`,class:{indicator:`bg-inverted`,trigger:`data-[state=active]:text-highlighted focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-inverted`}}],defaultVariants:{color:`primary`,variant:`pill`,size:`md`}},Q={__name:`Tabs`,props:{as:{type:null,required:!1},items:{type:Array,required:!1},color:{type:null,required:!1},variant:{type:null,required:!1},size:{type:null,required:!1},orientation:{type:null,required:!1,default:`horizontal`},content:{type:Boolean,required:!1,default:!0},valueKey:{type:null,required:!1,default:`value`},labelKey:{type:null,required:!1,default:`label`},class:{type:null,required:!1},ui:{type:Object,required:!1},defaultValue:{type:[String,Number],required:!1,default:`0`},modelValue:{type:[String,Number],required:!1},activationMode:{type:String,required:!1},unmountOnHide:{type:Boolean,required:!1,default:!0}},emits:[`update:modelValue`],setup(e,{expose:t,emit:r}){let c=e,l=r,m=S(),v=ee(`tabs`,c),y=D(),b=I(M(v,`as`,`unmountOnHide`),l),x=n(()=>V({extend:V(se),...y.ui?.tabs||{}})({color:v.color,variant:v.variant,size:v.size,orientation:v.orientation})),T=N([]);function E(e,t){T.value[e]=t}return t({triggersRef:T}),(e,t)=>(g(),d(f(Y),o(f(b),{"model-value":f(v).modelValue,"default-value":f(v).defaultValue,orientation:f(v).orientation,"activation-mode":f(v).activationMode,"data-slot":`root`,class:x.value.root({class:[f(v).ui?.root,f(v).class]})}),{default:k(()=>[u(f(ae),{"data-slot":`list`,class:a(x.value.list({class:f(v).ui?.list}))},{default:k(()=>[u(f(ie),{"data-slot":`indicator`,class:a(x.value.indicator({class:f(v).ui?.indicator}))},null,8,[`class`]),A(e.$slots,`list-leading`),(g(!0),h(i,null,w(f(v).items,(t,n)=>(g(),d(f(oe),{key:f(C)(t,f(v).valueKey)??n,ref_for:!0,ref:e=>E(n,e),value:f(C)(t,f(v).valueKey)??String(n),disabled:t.disabled,"data-slot":`trigger`,class:a(x.value.trigger({class:[f(v).ui?.trigger,t.ui?.trigger]}))},{default:k(()=>[A(e.$slots,`leading`,{item:t,index:n,ui:x.value},()=>[t.icon?(g(),d(L,{key:0,name:t.icon,"data-slot":`leadingIcon`,class:a(x.value.leadingIcon({class:[f(v).ui?.leadingIcon,t.ui?.leadingIcon]}))},null,8,[`name`,`class`])):t.avatar?(g(),d(z,o({key:1,size:t.ui?.leadingAvatarSize||f(v).ui?.leadingAvatarSize||x.value.leadingAvatarSize()},{ref_for:!0},t.avatar,{"data-slot":`leadingAvatar`,class:x.value.leadingAvatar({class:[f(v).ui?.leadingAvatar,t.ui?.leadingAvatar]})}),null,16,[`size`,`class`])):p(``,!0)]),f(C)(t,f(v).labelKey)||m.default?(g(),h(`span`,{key:0,"data-slot":`label`,class:a(x.value.label({class:[f(v).ui?.label,t.ui?.label]}))},[A(e.$slots,`default`,{item:t,index:n},()=>[s(_(f(C)(t,f(v).labelKey)),1)])],2)):p(``,!0),A(e.$slots,`trailing`,{item:t,index:n,ui:x.value},()=>[t.badge||t.badge===0?(g(),d(G,o({key:0,color:`neutral`,variant:`outline`,size:t.ui?.trailingBadgeSize||f(v).ui?.trailingBadgeSize||x.value.trailingBadgeSize()},{ref_for:!0},typeof t.badge==`string`||typeof t.badge==`number`?{label:t.badge}:t.badge,{"data-slot":`trailingBadge`,class:x.value.trailingBadge({class:[f(v).ui?.trailingBadge,t.ui?.trailingBadge]})}),null,16,[`size`,`class`])):p(``,!0)])]),_:2},1032,[`value`,`disabled`,`class`]))),128)),A(e.$slots,`list-trailing`)]),_:3},8,[`class`]),f(v).content?(g(!0),h(i,{key:0},w(f(v).items,(t,n)=>(g(),d(f(re),{key:f(C)(t,f(v).valueKey)??n,value:f(C)(t,f(v).valueKey)??String(n),"data-slot":`content`,class:a(x.value.content({class:[f(v).ui?.content,t.ui?.content,t.class]}))},{default:k(()=>[A(e.$slots,t.slot||`content`,{item:t,index:n,ui:x.value},()=>[s(_(t.content),1)])]),_:2},1032,[`value`,`class`]))),128)):p(``,!0)]),_:3},16,[`model-value`,`default-value`,`orientation`,`activation-mode`,`class`]))}},ce={class:`checkerboard h-full w-full p-2 relative`},le=[`src`],$=v({__name:`Preview`,props:{url:{}},setup(e){let t=K(),n=N();e.url&&(t.url=e.url),j(()=>t.html,e=>{n.value&&n.value.contentWindow&&e&&n.value.contentWindow.postMessage({type:`flow:preview:morph`,html:e},`*`)});let r=N([{label:``,icon:`i-lucide-laptop`,content:``,value:`desktop`},{label:``,icon:`i-lucide-smartphone`,content:``,value:`mobile`}]);return(e,i)=>{let o=Q;return g(),h(`div`,ce,[O(`iframe`,{ref_key:`iframeRef`,ref:n,src:f(t).url.startsWith(`/`)?f(t).url:`/`+f(t).url,class:a([`w-full h-full bg-white mx-auto`,{"md:max-w-[390px]":f(t).active===`mobile`}])},null,10,le),(g(),d(m,{to:`#header-mode`,defer:``},[u(o,{modelValue:f(t).active,"onUpdate:modelValue":i[0]||=e=>f(t).active=e,content:!1,items:r.value,class:`mx-3`,color:`neutral`},null,8,[`modelValue`,`items`])]))])}}});export{Q as n,$ as t};

package/cms/dist/assets/Preview-Cu6fqQzO.js

@@ -1 +0,0 @@
-import{A as e,An as t,At as n,Ct as r,Dt as i,Et as a,Gt as o,J as s,Jt as c,Mn as l,Mt as u,Nn as d,Nt as f,On as p,Ot as m,Pt as h,Q as g,Sn as _,Tn as v,Vt as y,Wt as b,Xt as x,Z as S,Zt as C,bt as w,cn as T,d as E,in as D,kt as O,on as k,st as A,un as j,wt as M,xt as N,yn as P}from"./index-B1m0-iPT.js";import{C as ee,S as te,b as ne,k as F,v as I,w as L,x as R}from"./Button-C7jpkO_1.js";import{n as z,t as B}from"./Presence-DtH-HN2c.js";import{s as V,t as H}from"./RovingFocusGroup-BZUm8WuX.js";import{n as U}from"./cms-CfkR4UZ2.js";import{t as W}from"./RovingFocusItem-DyM0He8R.js";import{n as G,t as K}from"./preview-CMbNM4LD.js";var[q,J]=F(`TabsRoot`),Y=h({__name:`TabsRoot`,props:{defaultValue:{type:null,required:!1},orientation:{type:String,required:!1,default:`horizontal`},dir:{type:String,required:!1},activationMode:{type:String,required:!1,default:`automatic`},modelValue:{type:null,required:!1},unmountOnHide:{type:Boolean,required:!1,default:!0},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},emits:[`update:modelValue`],setup(e,{emit:t}){let n=e,r=t,{orientation:i,unmountOnHide:a,dir:o}=v(n),s=V(o);z();let l=g(n,`modelValue`,r,{defaultValue:n.defaultValue,passive:n.modelValue===void 0}),u=P(),d=_(new Set);return J({modelValue:l,changeModelValue:e=>{l.value=e},orientation:i,dir:s,unmountOnHide:a,activationMode:n.activationMode,baseId:U(void 0,`reka-tabs`),tabsList:u,contentIds:d,registerContent:e=>{d.value=new Set([...d.value,e])},unregisterContent:e=>{let t=new Set(d.value);t.delete(e),d.value=t}}),(e,t)=>(c(),m(p(L),{dir:p(s),"data-orientation":p(i),"as-child":e.asChild,as:e.as},{default:j(()=>[C(e.$slots,`default`,{modelValue:p(l)})]),_:3},8,[`dir`,`data-orientation`,`as-child`,`as`]))}});function X(e,t){return`${e}-trigger-${t}`}function Z(e,t){return`${e}-content-${t}`}var re=h({__name:`TabsContent`,props:{value:{type:[String,Number],required:!0},forceMount:{type:Boolean,required:!1},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},setup(e){let t=e,{forwardRef:n}=z(),r=q(),i=a(()=>X(r.baseId,t.value)),s=a(()=>Z(r.baseId,t.value)),u=a(()=>t.value===r.modelValue.value),d=P(u.value);return o(()=>{r.registerContent(t.value),requestAnimationFrame(()=>{d.value=!1})}),b(()=>{r.unregisterContent(t.value)}),(e,t)=>(c(),m(p(B),{present:e.forceMount||u.value,"force-mount":``},{default:j(({present:t})=>[f(p(L),{id:s.value,ref:p(n),"as-child":e.asChild,as:e.as,role:`tabpanel`,"data-state":u.value?`active`:`inactive`,"data-orientation":p(r).orientation.value,"aria-labelledby":i.value,hidden:!t,tabindex:`0`,style:l({animationDuration:d.value?`0s`:void 0})},{default:j(()=>[!p(r).unmountOnHide.value||t?C(e.$slots,`default`,{key:0}):O(`v-if`,!0)]),_:2},1032,[`id`,`as-child`,`as`,`data-state`,`data-orientation`,`aria-labelledby`,`hidden`,`style`])]),_:3},8,[`present`]))}}),ie=h({__name:`TabsIndicator`,props:{asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},setup(e,{expose:t}){let n=e,r=q();t({updateIndicatorStyle:u}),z();let i=s(),o=P({size:null,position:null}),l=P([]);k(()=>[r.modelValue.value,r?.dir.value],()=>{u()},{immediate:!0,flush:`post`}),T(()=>{l.value=Array.from(r.tabsList.value?.querySelectorAll(`[role="tab"]`)||[])}),S(a(()=>[r.tabsList.value,...l.value]),u);function u(){let e=r.tabsList.value?.querySelector(`[role="tab"][data-state="active"]`);e&&(r.orientation.value===`horizontal`?o.value={size:e.offsetWidth,position:e.offsetLeft}:o.value={size:e.offsetHeight,position:e.offsetTop})}return(e,t)=>p(i)&&typeof o.value.size==`number`?(c(),m(p(L),y({key:0},n,{style:{"--reka-tabs-indicator-size":`${o.value.size}px`,"--reka-tabs-indicator-position":`${o.value.position}px`}}),{default:j(()=>[C(e.$slots,`default`)]),_:3},16,[`style`])):O(`v-if`,!0)}}),ae=h({__name:`TabsList`,props:{loop:{type:Boolean,required:!1,default:!0},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},setup(e){let{loop:t}=v(e),{forwardRef:n,currentElement:r}=z(),i=q();return i.tabsList=r,(e,r)=>(c(),m(p(H),{"as-child":``,orientation:p(i).orientation.value,dir:p(i).dir.value,loop:p(t)},{default:j(()=>[f(p(L),{ref:p(n),role:`tablist`,"as-child":e.asChild,as:e.as,"aria-orientation":p(i).orientation.value},{default:j(()=>[C(e.$slots,`default`)]),_:3},8,[`as-child`,`as`,`aria-orientation`])]),_:3},8,[`orientation`,`dir`,`loop`]))}}),oe=h({__name:`TabsTrigger`,props:{value:{type:[String,Number],required:!0},disabled:{type:Boolean,required:!1,default:!1},asChild:{type:Boolean,required:!1},as:{type:null,required:!1,default:`button`}},setup(e){let t=e,{forwardRef:n}=z(),r=q(),i=a(()=>X(r.baseId,t.value)),o=a(()=>r.contentIds.value.has(t.value)?Z(r.baseId,t.value):void 0),s=a(()=>t.value===r.modelValue.value);return(e,t)=>(c(),m(p(W),{"as-child":``,focusable:!e.disabled,active:s.value},{default:j(()=>[f(p(L),{id:i.value,ref:p(n),role:`tab`,type:e.as===`button`?`button`:void 0,as:e.as,"as-child":e.asChild,"aria-selected":s.value?`true`:`false`,"aria-controls":o.value,"data-state":s.value?`active`:`inactive`,disabled:e.disabled,"data-disabled":e.disabled?``:void 0,"data-orientation":p(r).orientation.value,onMousedown:t[0]||=N(t=>{!e.disabled&&t.ctrlKey===!1?p(r).changeModelValue(e.value):t.preventDefault()},[`left`]),onKeydown:t[1]||=w(t=>p(r).changeModelValue(e.value),[`enter`,`space`]),onFocus:t[2]||=()=>{let t=p(r).activationMode!==`manual`;!s.value&&!e.disabled&&t&&p(r).changeModelValue(e.value)}},{default:j(()=>[C(e.$slots,`default`)]),_:3},8,[`id`,`type`,`as`,`as-child`,`aria-selected`,`aria-controls`,`data-state`,`disabled`,`data-disabled`,`data-orientation`])]),_:3},8,[`focusable`,`active`]))}}),se={slots:{root:`flex items-center gap-2`,list:`relative flex p-1 group`,indicator:`absolute transition-[translate,width] duration-200`,trigger:[`group relative inline-flex items-center min-w-0 data-[state=inactive]:text-muted hover:data-[state=inactive]:not-disabled:text-default font-medium rounded-md disabled:cursor-not-allowed disabled:opacity-75`,`transition-colors`],leadingIcon:`shrink-0`,leadingAvatar:`shrink-0`,leadingAvatarSize:``,label:`truncate`,trailingBadge:`shrink-0`,trailingBadgeSize:`sm`,content:`focus:outline-none w-full`},variants:{color:{primary:``,secondary:``,success:``,info:``,warning:``,error:``,neutral:``},variant:{pill:{list:`bg-elevated rounded-lg`,trigger:`grow`,indicator:`rounded-md shadow-xs`},link:{list:`border-default`,indicator:`rounded-full`,trigger:`focus:outline-none`}},orientation:{horizontal:{root:`flex-col`,list:`w-full`,indicator:`left-0 w-(--reka-tabs-indicator-size) translate-x-(--reka-tabs-indicator-position)`,trigger:`justify-center`},vertical:{list:`flex-col`,indicator:`top-0 h-(--reka-tabs-indicator-size) translate-y-(--reka-tabs-indicator-position)`}},size:{xs:{trigger:`px-2 py-1 text-xs gap-1`,leadingIcon:`size-4`,leadingAvatarSize:`3xs`},sm:{trigger:`px-2.5 py-1.5 text-xs gap-1.5`,leadingIcon:`size-4`,leadingAvatarSize:`3xs`},md:{trigger:`px-3 py-1.5 text-sm gap-1.5`,leadingIcon:`size-5`,leadingAvatarSize:`2xs`},lg:{trigger:`px-3 py-2 text-sm gap-2`,leadingIcon:`size-5`,leadingAvatarSize:`2xs`},xl:{trigger:`px-3 py-2 text-base gap-2`,leadingIcon:`size-6`,leadingAvatarSize:`xs`}}},compoundVariants:[{orientation:`horizontal`,variant:`pill`,class:{indicator:`inset-y-1`}},{orientation:`horizontal`,variant:`link`,class:{list:`border-b -mb-px`,indicator:`-bottom-px h-px`}},{orientation:`vertical`,variant:`pill`,class:{indicator:`inset-x-1`,list:`items-center`}},{orientation:`vertical`,variant:`link`,class:{list:`border-s -ms-px`,indicator:`-start-px w-px`}},{color:`primary`,variant:`pill`,class:{indicator:`bg-primary`,trigger:`data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary`}},{color:`secondary`,variant:`pill`,class:{indicator:`bg-secondary`,trigger:`data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-secondary`}},{color:`success`,variant:`pill`,class:{indicator:`bg-success`,trigger:`data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-success`}},{color:`info`,variant:`pill`,class:{indicator:`bg-info`,trigger:`data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-info`}},{color:`warning`,variant:`pill`,class:{indicator:`bg-warning`,trigger:`data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-warning`}},{color:`error`,variant:`pill`,class:{indicator:`bg-error`,trigger:`data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-error`}},{color:`neutral`,variant:`pill`,class:{indicator:`bg-inverted`,trigger:`data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-inverted`}},{color:`primary`,variant:`link`,class:{indicator:`bg-primary`,trigger:`data-[state=active]:text-primary focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-primary`}},{color:`secondary`,variant:`link`,class:{indicator:`bg-secondary`,trigger:`data-[state=active]:text-secondary focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-secondary`}},{color:`success`,variant:`link`,class:{indicator:`bg-success`,trigger:`data-[state=active]:text-success focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-success`}},{color:`info`,variant:`link`,class:{indicator:`bg-info`,trigger:`data-[state=active]:text-info focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-info`}},{color:`warning`,variant:`link`,class:{indicator:`bg-warning`,trigger:`data-[state=active]:text-warning focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-warning`}},{color:`error`,variant:`link`,class:{indicator:`bg-error`,trigger:`data-[state=active]:text-error focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-error`}},{color:`neutral`,variant:`link`,class:{indicator:`bg-inverted`,trigger:`data-[state=active]:text-highlighted focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-inverted`}}],defaultVariants:{color:`primary`,variant:`pill`,size:`md`}},Q={__name:`Tabs`,props:{as:{type:null,required:!1},items:{type:Array,required:!1},color:{type:null,required:!1},variant:{type:null,required:!1},size:{type:null,required:!1},orientation:{type:null,required:!1,default:`horizontal`},content:{type:Boolean,required:!1,default:!0},valueKey:{type:null,required:!1,default:`value`},labelKey:{type:null,required:!1,default:`label`},class:{type:null,required:!1},ui:{type:Object,required:!1},defaultValue:{type:[String,Number],required:!1,default:`0`},modelValue:{type:[String,Number],required:!1},activationMode:{type:String,required:!1},unmountOnHide:{type:Boolean,required:!1,default:!0}},emits:[`update:modelValue`],setup(i,{expose:o,emit:s}){let l=i,h=s,g=D(),_=ee(`tabs`,l),v=e(),b=te(A(_,`as`,`unmountOnHide`),h),S=a(()=>R({extend:R(se),...v.ui?.tabs||{}})({color:_.color,variant:_.variant,size:_.size,orientation:_.orientation})),w=P([]);function T(e,t){w.value[e]=t}return o({triggersRef:w}),(e,i)=>(c(),m(p(Y),y(p(b),{"model-value":p(_).modelValue,"default-value":p(_).defaultValue,orientation:p(_).orientation,"activation-mode":p(_).activationMode,"data-slot":`root`,class:S.value.root({class:[p(_).ui?.root,p(_).class]})}),{default:j(()=>[f(p(ae),{"data-slot":`list`,class:t(S.value.list({class:p(_).ui?.list}))},{default:j(()=>[f(p(ie),{"data-slot":`indicator`,class:t(S.value.indicator({class:p(_).ui?.indicator}))},null,8,[`class`]),C(e.$slots,`list-leading`),(c(!0),n(r,null,x(p(_).items,(r,i)=>(c(),m(p(oe),{key:p(E)(r,p(_).valueKey)??i,ref_for:!0,ref:e=>T(i,e),value:p(E)(r,p(_).valueKey)??String(i),disabled:r.disabled,"data-slot":`trigger`,class:t(S.value.trigger({class:[p(_).ui?.trigger,r.ui?.trigger]}))},{default:j(()=>[C(e.$slots,`leading`,{item:r,index:i,ui:S.value},()=>[r.icon?(c(),m(ne,{key:0,name:r.icon,"data-slot":`leadingIcon`,class:t(S.value.leadingIcon({class:[p(_).ui?.leadingIcon,r.ui?.leadingIcon]}))},null,8,[`name`,`class`])):r.avatar?(c(),m(I,y({key:1,size:r.ui?.leadingAvatarSize||p(_).ui?.leadingAvatarSize||S.value.leadingAvatarSize()},{ref_for:!0},r.avatar,{"data-slot":`leadingAvatar`,class:S.value.leadingAvatar({class:[p(_).ui?.leadingAvatar,r.ui?.leadingAvatar]})}),null,16,[`size`,`class`])):O(``,!0)]),p(E)(r,p(_).labelKey)||g.default?(c(),n(`span`,{key:0,"data-slot":`label`,class:t(S.value.label({class:[p(_).ui?.label,r.ui?.label]}))},[C(e.$slots,`default`,{item:r,index:i},()=>[u(d(p(E)(r,p(_).labelKey)),1)])],2)):O(``,!0),C(e.$slots,`trailing`,{item:r,index:i,ui:S.value},()=>[r.badge||r.badge===0?(c(),m(G,y({key:0,color:`neutral`,variant:`outline`,size:r.ui?.trailingBadgeSize||p(_).ui?.trailingBadgeSize||S.value.trailingBadgeSize()},{ref_for:!0},typeof r.badge==`string`||typeof r.badge==`number`?{label:r.badge}:r.badge,{"data-slot":`trailingBadge`,class:S.value.trailingBadge({class:[p(_).ui?.trailingBadge,r.ui?.trailingBadge]})}),null,16,[`size`,`class`])):O(``,!0)])]),_:2},1032,[`value`,`disabled`,`class`]))),128)),C(e.$slots,`list-trailing`)]),_:3},8,[`class`]),p(_).content?(c(!0),n(r,{key:0},x(p(_).items,(n,r)=>(c(),m(p(re),{key:p(E)(n,p(_).valueKey)??r,value:p(E)(n,p(_).valueKey)??String(r),"data-slot":`content`,class:t(S.value.content({class:[p(_).ui?.content,n.ui?.content,n.class]}))},{default:j(()=>[C(e.$slots,n.slot||`content`,{item:n,index:r,ui:S.value},()=>[u(d(n.content),1)])]),_:2},1032,[`value`,`class`]))),128)):O(``,!0)]),_:3},16,[`model-value`,`default-value`,`orientation`,`activation-mode`,`class`]))}},ce={class:`checkerboard h-full w-full p-2 relative`},le=[`srcdoc`],$=h({__name:`Preview`,props:{url:{}},setup(e){let r=K();e.url&&(r.url=e.url);let a=P([{label:``,icon:`i-lucide-laptop`,content:``,value:`desktop`},{label:``,icon:`i-lucide-smartphone`,content:``,value:`mobile`}]);return(e,o)=>{let s=Q;return c(),n(`div`,ce,[i(`iframe`,{srcdoc:p(r).html,class:t([`w-full h-full bg-white mx-auto`,{"md:max-w-[390px]":p(r).active===`mobile`}])},null,10,le),(c(),m(M,{to:`#header-mode`,defer:``},[f(s,{modelValue:p(r).active,"onUpdate:modelValue":o[0]||=e=>p(r).active=e,content:!1,items:p(a),class:`mx-3`,color:`neutral`},null,8,[`modelValue`,`items`])]))])}}});export{Q as n,$ as t};

package/cms/dist/assets/Preview-CyTD_Z7s.js

@@ -1 +0,0 @@
-import{$ as e,An as t,At as n,Dn as r,Dt as i,Fn as a,Gt as o,It as s,Jt as c,Ln as l,Lt as u,Mt as d,Nn as f,Nt as p,Ot as m,Pt as h,Qt as g,Rn as _,Rt as v,Tt as y,Y as b,Yt as x,cn as S,d as C,en as w,et as T,fn as E,j as D,jt as O,mn as k,tn as A,un as j,ut as M,wn as N,wt as ee}from"./index.spa-Bttzn5Vp.js";import{C as te,D as ne,E as P,P as F,S as I,b as L,k as R,v as z,w as B,x as V}from"./Button-BYGO05Rp.js";import{l as H,t as U}from"./RovingFocusGroup-CHQeCrb2.js";import{t as W}from"./RovingFocusItem-Bsu9B5OP.js";import{n as G,t as K}from"./preview-CnzUuKun.js";var[q,J]=F(`TabsRoot`),Y=v({__name:`TabsRoot`,props:{defaultValue:{type:null,required:!1},orientation:{type:String,required:!1,default:`horizontal`},dir:{type:String,required:!1},activationMode:{type:String,required:!1,default:`automatic`},modelValue:{type:null,required:!1},unmountOnHide:{type:Boolean,required:!1,default:!0},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},emits:[`update:modelValue`],setup(e,{emit:n}){let i=e,a=n,{orientation:o,unmountOnHide:s,dir:c}=t(i),l=H(c);R();let u=T(i,`modelValue`,a,{defaultValue:i.defaultValue,passive:i.modelValue===void 0}),p=N(),m=r(new Set);return J({modelValue:u,changeModelValue:e=>{u.value=e},orientation:o,dir:l,unmountOnHide:s,activationMode:i.activationMode,baseId:ne(void 0,`reka-tabs`),tabsList:p,contentIds:m,registerContent:e=>{m.value=new Set([...m.value,e])},unregisterContent:e=>{let t=new Set(m.value);t.delete(e),m.value=t}}),(e,t)=>(g(),d(f(B),{dir:f(l),"data-orientation":f(o),"as-child":e.asChild,as:e.as},{default:k(()=>[A(e.$slots,`default`,{modelValue:f(u)})]),_:3},8,[`dir`,`data-orientation`,`as-child`,`as`]))}});function X(e,t){return`${e}-trigger-${t}`}function Z(e,t){return`${e}-content-${t}`}var re=v({__name:`TabsContent`,props:{value:{type:[String,Number],required:!0},forceMount:{type:Boolean,required:!1},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},setup(e){let t=e,{forwardRef:r}=R(),i=q(),a=n(()=>X(i.baseId,t.value)),o=n(()=>Z(i.baseId,t.value)),s=n(()=>t.value===i.modelValue.value),m=N(s.value);return x(()=>{i.registerContent(t.value),requestAnimationFrame(()=>{m.value=!1})}),c(()=>{i.unregisterContent(t.value)}),(e,t)=>(g(),d(f(P),{present:e.forceMount||s.value,"force-mount":``},{default:k(({present:t})=>[u(f(B),{id:o.value,ref:f(r),"as-child":e.asChild,as:e.as,role:`tabpanel`,"data-state":s.value?`active`:`inactive`,"data-orientation":f(i).orientation.value,"aria-labelledby":a.value,hidden:!t,tabindex:`0`,style:l({animationDuration:m.value?`0s`:void 0})},{default:k(()=>[!f(i).unmountOnHide.value||t?A(e.$slots,`default`,{key:0}):p(`v-if`,!0)]),_:2},1032,[`id`,`as-child`,`as`,`data-state`,`data-orientation`,`aria-labelledby`,`hidden`,`style`])]),_:3},8,[`present`]))}}),ie=v({__name:`TabsIndicator`,props:{asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},setup(t,{expose:r}){let i=t,a=q();r({updateIndicatorStyle:u}),R();let s=b(),c=N({size:null,position:null}),l=N([]);j(()=>[a.modelValue.value,a?.dir.value],()=>{u()},{immediate:!0,flush:`post`}),E(()=>{l.value=Array.from(a.tabsList.value?.querySelectorAll(`[role="tab"]`)||[])}),e(n(()=>[a.tabsList.value,...l.value]),u);function u(){let e=a.tabsList.value?.querySelector(`[role="tab"][data-state="active"]`);e&&(a.orientation.value===`horizontal`?c.value={size:e.offsetWidth,position:e.offsetLeft}:c.value={size:e.offsetHeight,position:e.offsetTop})}return(e,t)=>f(s)&&typeof c.value.size==`number`?(g(),d(f(B),o({key:0},i,{style:{"--reka-tabs-indicator-size":`${c.value.size}px`,"--reka-tabs-indicator-position":`${c.value.position}px`}}),{default:k(()=>[A(e.$slots,`default`)]),_:3},16,[`style`])):p(`v-if`,!0)}}),ae=v({__name:`TabsList`,props:{loop:{type:Boolean,required:!1,default:!0},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},setup(e){let{loop:n}=t(e),{forwardRef:r,currentElement:i}=R(),a=q();return a.tabsList=i,(e,t)=>(g(),d(f(U),{"as-child":``,orientation:f(a).orientation.value,dir:f(a).dir.value,loop:f(n)},{default:k(()=>[u(f(B),{ref:f(r),role:`tablist`,"as-child":e.asChild,as:e.as,"aria-orientation":f(a).orientation.value},{default:k(()=>[A(e.$slots,`default`)]),_:3},8,[`as-child`,`as`,`aria-orientation`])]),_:3},8,[`orientation`,`dir`,`loop`]))}}),oe=v({__name:`TabsTrigger`,props:{value:{type:[String,Number],required:!0},disabled:{type:Boolean,required:!1,default:!1},asChild:{type:Boolean,required:!1},as:{type:null,required:!1,default:`button`}},setup(e){let t=e,{forwardRef:r}=R(),i=q(),a=n(()=>X(i.baseId,t.value)),o=n(()=>i.contentIds.value.has(t.value)?Z(i.baseId,t.value):void 0),s=n(()=>t.value===i.modelValue.value);return(e,t)=>(g(),d(f(W),{"as-child":``,focusable:!e.disabled,active:s.value},{default:k(()=>[u(f(B),{id:a.value,ref:f(r),role:`tab`,type:e.as===`button`?`button`:void 0,as:e.as,"as-child":e.asChild,"aria-selected":s.value?`true`:`false`,"aria-controls":o.value,"data-state":s.value?`active`:`inactive`,disabled:e.disabled,"data-disabled":e.disabled?``:void 0,"data-orientation":f(i).orientation.value,onMousedown:t[0]||=y(t=>{!e.disabled&&t.ctrlKey===!1?f(i).changeModelValue(e.value):t.preventDefault()},[`left`]),onKeydown:t[1]||=ee(t=>f(i).changeModelValue(e.value),[`enter`,`space`]),onFocus:t[2]||=()=>{let t=f(i).activationMode!==`manual`;!s.value&&!e.disabled&&t&&f(i).changeModelValue(e.value)}},{default:k(()=>[A(e.$slots,`default`)]),_:3},8,[`id`,`type`,`as`,`as-child`,`aria-selected`,`aria-controls`,`data-state`,`disabled`,`data-disabled`,`data-orientation`])]),_:3},8,[`focusable`,`active`]))}}),se={slots:{root:`flex items-center gap-2`,list:`relative flex p-1 group`,indicator:`absolute transition-[translate,width] duration-200`,trigger:[`group relative inline-flex items-center min-w-0 data-[state=inactive]:text-muted hover:data-[state=inactive]:not-disabled:text-default font-medium rounded-md disabled:cursor-not-allowed disabled:opacity-75`,`transition-colors`],leadingIcon:`shrink-0`,leadingAvatar:`shrink-0`,leadingAvatarSize:``,label:`truncate`,trailingBadge:`shrink-0`,trailingBadgeSize:`sm`,content:`focus:outline-none w-full`},variants:{color:{primary:``,secondary:``,success:``,info:``,warning:``,error:``,neutral:``},variant:{pill:{list:`bg-elevated rounded-lg`,trigger:`grow`,indicator:`rounded-md shadow-xs`},link:{list:`border-default`,indicator:`rounded-full`,trigger:`focus:outline-none`}},orientation:{horizontal:{root:`flex-col`,list:`w-full`,indicator:`left-0 w-(--reka-tabs-indicator-size) translate-x-(--reka-tabs-indicator-position)`,trigger:`justify-center`},vertical:{list:`flex-col`,indicator:`top-0 h-(--reka-tabs-indicator-size) translate-y-(--reka-tabs-indicator-position)`}},size:{xs:{trigger:`px-2 py-1 text-xs gap-1`,leadingIcon:`size-4`,leadingAvatarSize:`3xs`},sm:{trigger:`px-2.5 py-1.5 text-xs gap-1.5`,leadingIcon:`size-4`,leadingAvatarSize:`3xs`},md:{trigger:`px-3 py-1.5 text-sm gap-1.5`,leadingIcon:`size-5`,leadingAvatarSize:`2xs`},lg:{trigger:`px-3 py-2 text-sm gap-2`,leadingIcon:`size-5`,leadingAvatarSize:`2xs`},xl:{trigger:`px-3 py-2 text-base gap-2`,leadingIcon:`size-6`,leadingAvatarSize:`xs`}}},compoundVariants:[{orientation:`horizontal`,variant:`pill`,class:{indicator:`inset-y-1`}},{orientation:`horizontal`,variant:`link`,class:{list:`border-b -mb-px`,indicator:`-bottom-px h-px`}},{orientation:`vertical`,variant:`pill`,class:{indicator:`inset-x-1`,list:`items-center`}},{orientation:`vertical`,variant:`link`,class:{list:`border-s -ms-px`,indicator:`-start-px w-px`}},{color:`primary`,variant:`pill`,class:{indicator:`bg-primary`,trigger:`data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary`}},{color:`secondary`,variant:`pill`,class:{indicator:`bg-secondary`,trigger:`data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-secondary`}},{color:`success`,variant:`pill`,class:{indicator:`bg-success`,trigger:`data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-success`}},{color:`info`,variant:`pill`,class:{indicator:`bg-info`,trigger:`data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-info`}},{color:`warning`,variant:`pill`,class:{indicator:`bg-warning`,trigger:`data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-warning`}},{color:`error`,variant:`pill`,class:{indicator:`bg-error`,trigger:`data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-error`}},{color:`neutral`,variant:`pill`,class:{indicator:`bg-inverted`,trigger:`data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-inverted`}},{color:`primary`,variant:`link`,class:{indicator:`bg-primary`,trigger:`data-[state=active]:text-primary focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-primary`}},{color:`secondary`,variant:`link`,class:{indicator:`bg-secondary`,trigger:`data-[state=active]:text-secondary focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-secondary`}},{color:`success`,variant:`link`,class:{indicator:`bg-success`,trigger:`data-[state=active]:text-success focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-success`}},{color:`info`,variant:`link`,class:{indicator:`bg-info`,trigger:`data-[state=active]:text-info focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-info`}},{color:`warning`,variant:`link`,class:{indicator:`bg-warning`,trigger:`data-[state=active]:text-warning focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-warning`}},{color:`error`,variant:`link`,class:{indicator:`bg-error`,trigger:`data-[state=active]:text-error focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-error`}},{color:`neutral`,variant:`link`,class:{indicator:`bg-inverted`,trigger:`data-[state=active]:text-highlighted focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-inverted`}}],defaultVariants:{color:`primary`,variant:`pill`,size:`md`}},Q={__name:`Tabs`,props:{as:{type:null,required:!1},items:{type:Array,required:!1},color:{type:null,required:!1},variant:{type:null,required:!1},size:{type:null,required:!1},orientation:{type:null,required:!1,default:`horizontal`},content:{type:Boolean,required:!1,default:!0},valueKey:{type:null,required:!1,default:`value`},labelKey:{type:null,required:!1,default:`label`},class:{type:null,required:!1},ui:{type:Object,required:!1},defaultValue:{type:[String,Number],required:!1,default:`0`},modelValue:{type:[String,Number],required:!1},activationMode:{type:String,required:!1},unmountOnHide:{type:Boolean,required:!1,default:!0}},emits:[`update:modelValue`],setup(e,{expose:t,emit:r}){let c=e,l=r,m=S(),v=te(`tabs`,c),y=D(),b=I(M(v,`as`,`unmountOnHide`),l),x=n(()=>V({extend:V(se),...y.ui?.tabs||{}})({color:v.color,variant:v.variant,size:v.size,orientation:v.orientation})),T=N([]);function E(e,t){T.value[e]=t}return t({triggersRef:T}),(e,t)=>(g(),d(f(Y),o(f(b),{"model-value":f(v).modelValue,"default-value":f(v).defaultValue,orientation:f(v).orientation,"activation-mode":f(v).activationMode,"data-slot":`root`,class:x.value.root({class:[f(v).ui?.root,f(v).class]})}),{default:k(()=>[u(f(ae),{"data-slot":`list`,class:a(x.value.list({class:f(v).ui?.list}))},{default:k(()=>[u(f(ie),{"data-slot":`indicator`,class:a(x.value.indicator({class:f(v).ui?.indicator}))},null,8,[`class`]),A(e.$slots,`list-leading`),(g(!0),h(i,null,w(f(v).items,(t,n)=>(g(),d(f(oe),{key:f(C)(t,f(v).valueKey)??n,ref_for:!0,ref:e=>E(n,e),value:f(C)(t,f(v).valueKey)??String(n),disabled:t.disabled,"data-slot":`trigger`,class:a(x.value.trigger({class:[f(v).ui?.trigger,t.ui?.trigger]}))},{default:k(()=>[A(e.$slots,`leading`,{item:t,index:n,ui:x.value},()=>[t.icon?(g(),d(L,{key:0,name:t.icon,"data-slot":`leadingIcon`,class:a(x.value.leadingIcon({class:[f(v).ui?.leadingIcon,t.ui?.leadingIcon]}))},null,8,[`name`,`class`])):t.avatar?(g(),d(z,o({key:1,size:t.ui?.leadingAvatarSize||f(v).ui?.leadingAvatarSize||x.value.leadingAvatarSize()},{ref_for:!0},t.avatar,{"data-slot":`leadingAvatar`,class:x.value.leadingAvatar({class:[f(v).ui?.leadingAvatar,t.ui?.leadingAvatar]})}),null,16,[`size`,`class`])):p(``,!0)]),f(C)(t,f(v).labelKey)||m.default?(g(),h(`span`,{key:0,"data-slot":`label`,class:a(x.value.label({class:[f(v).ui?.label,t.ui?.label]}))},[A(e.$slots,`default`,{item:t,index:n},()=>[s(_(f(C)(t,f(v).labelKey)),1)])],2)):p(``,!0),A(e.$slots,`trailing`,{item:t,index:n,ui:x.value},()=>[t.badge||t.badge===0?(g(),d(G,o({key:0,color:`neutral`,variant:`outline`,size:t.ui?.trailingBadgeSize||f(v).ui?.trailingBadgeSize||x.value.trailingBadgeSize()},{ref_for:!0},typeof t.badge==`string`||typeof t.badge==`number`?{label:t.badge}:t.badge,{"data-slot":`trailingBadge`,class:x.value.trailingBadge({class:[f(v).ui?.trailingBadge,t.ui?.trailingBadge]})}),null,16,[`size`,`class`])):p(``,!0)])]),_:2},1032,[`value`,`disabled`,`class`]))),128)),A(e.$slots,`list-trailing`)]),_:3},8,[`class`]),f(v).content?(g(!0),h(i,{key:0},w(f(v).items,(t,n)=>(g(),d(f(re),{key:f(C)(t,f(v).valueKey)??n,value:f(C)(t,f(v).valueKey)??String(n),"data-slot":`content`,class:a(x.value.content({class:[f(v).ui?.content,t.ui?.content,t.class]}))},{default:k(()=>[A(e.$slots,t.slot||`content`,{item:t,index:n,ui:x.value},()=>[s(_(t.content),1)])]),_:2},1032,[`value`,`class`]))),128)):p(``,!0)]),_:3},16,[`model-value`,`default-value`,`orientation`,`activation-mode`,`class`]))}},ce={class:`checkerboard h-full w-full p-2 relative`},le=[`srcdoc`],$=v({__name:`Preview`,props:{url:{}},setup(e){let t=K();e.url&&(t.url=e.url);let n=N([{label:``,icon:`i-lucide-laptop`,content:``,value:`desktop`},{label:``,icon:`i-lucide-smartphone`,content:``,value:`mobile`}]);return(e,r)=>{let i=Q;return g(),h(`div`,ce,[O(`iframe`,{srcdoc:f(t).html,class:a([`w-full h-full bg-white mx-auto`,{"md:max-w-[390px]":f(t).active===`mobile`}])},null,10,le),(g(),d(m,{to:`#header-mode`,defer:``},[u(i,{modelValue:f(t).active,"onUpdate:modelValue":r[0]||=e=>f(t).active=e,content:!1,items:f(n),class:`mx-3`,color:`neutral`},null,8,[`modelValue`,`items`])]))])}}});export{Q as n,$ as t};

package/cms/dist/assets/Preview-D8g5RNyg.js

@@ -1 +0,0 @@
-import{$ as e,An as t,At as n,Dn as r,Dt as i,Fn as a,Gt as o,It as s,Jt as c,Ln as l,Lt as u,Mt as d,Nn as f,Nt as p,Ot as m,Pt as h,Qt as g,Rn as _,Rt as v,Tt as y,Y as b,Yt as x,cn as S,d as C,en as w,et as T,fn as E,j as D,jt as O,mn as k,tn as A,un as j,ut as M,wn as N,wt as P}from"./index.spa-2Efw5l3r.js";import{C as ee,D as te,E as ne,P as F,S as I,b as L,k as R,v as z,w as B,x as V}from"./Button-Dt2TMimy.js";import{l as H,t as U}from"./RovingFocusGroup-DTopjd0p.js";import{t as W}from"./RovingFocusItem-BmY0KanC.js";import{n as G,t as K}from"./preview-BvocrpFU.js";var[q,J]=F(`TabsRoot`),Y=v({__name:`TabsRoot`,props:{defaultValue:{type:null,required:!1},orientation:{type:String,required:!1,default:`horizontal`},dir:{type:String,required:!1},activationMode:{type:String,required:!1,default:`automatic`},modelValue:{type:null,required:!1},unmountOnHide:{type:Boolean,required:!1,default:!0},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},emits:[`update:modelValue`],setup(e,{emit:n}){let i=e,a=n,{orientation:o,unmountOnHide:s,dir:c}=t(i),l=H(c);R();let u=T(i,`modelValue`,a,{defaultValue:i.defaultValue,passive:i.modelValue===void 0}),p=N(),m=r(new Set);return J({modelValue:u,changeModelValue:e=>{u.value=e},orientation:o,dir:l,unmountOnHide:s,activationMode:i.activationMode,baseId:te(void 0,`reka-tabs`),tabsList:p,contentIds:m,registerContent:e=>{m.value=new Set([...m.value,e])},unregisterContent:e=>{let t=new Set(m.value);t.delete(e),m.value=t}}),(e,t)=>(g(),d(f(B),{dir:f(l),"data-orientation":f(o),"as-child":e.asChild,as:e.as},{default:k(()=>[A(e.$slots,`default`,{modelValue:f(u)})]),_:3},8,[`dir`,`data-orientation`,`as-child`,`as`]))}});function X(e,t){return`${e}-trigger-${t}`}function Z(e,t){return`${e}-content-${t}`}var re=v({__name:`TabsContent`,props:{value:{type:[String,Number],required:!0},forceMount:{type:Boolean,required:!1},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},setup(e){let t=e,{forwardRef:r}=R(),i=q(),a=n(()=>X(i.baseId,t.value)),o=n(()=>Z(i.baseId,t.value)),s=n(()=>t.value===i.modelValue.value),m=N(s.value);return x(()=>{i.registerContent(t.value),requestAnimationFrame(()=>{m.value=!1})}),c(()=>{i.unregisterContent(t.value)}),(e,t)=>(g(),d(f(ne),{present:e.forceMount||s.value,"force-mount":``},{default:k(({present:t})=>[u(f(B),{id:o.value,ref:f(r),"as-child":e.asChild,as:e.as,role:`tabpanel`,"data-state":s.value?`active`:`inactive`,"data-orientation":f(i).orientation.value,"aria-labelledby":a.value,hidden:!t,tabindex:`0`,style:l({animationDuration:m.value?`0s`:void 0})},{default:k(()=>[!f(i).unmountOnHide.value||t?A(e.$slots,`default`,{key:0}):p(`v-if`,!0)]),_:2},1032,[`id`,`as-child`,`as`,`data-state`,`data-orientation`,`aria-labelledby`,`hidden`,`style`])]),_:3},8,[`present`]))}}),ie=v({__name:`TabsIndicator`,props:{asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},setup(t,{expose:r}){let i=t,a=q();r({updateIndicatorStyle:u}),R();let s=b(),c=N({size:null,position:null}),l=N([]);j(()=>[a.modelValue.value,a?.dir.value],()=>{u()},{immediate:!0,flush:`post`}),E(()=>{l.value=Array.from(a.tabsList.value?.querySelectorAll(`[role="tab"]`)||[])}),e(n(()=>[a.tabsList.value,...l.value]),u);function u(){let e=a.tabsList.value?.querySelector(`[role="tab"][data-state="active"]`);e&&(a.orientation.value===`horizontal`?c.value={size:e.offsetWidth,position:e.offsetLeft}:c.value={size:e.offsetHeight,position:e.offsetTop})}return(e,t)=>f(s)&&typeof c.value.size==`number`?(g(),d(f(B),o({key:0},i,{style:{"--reka-tabs-indicator-size":`${c.value.size}px`,"--reka-tabs-indicator-position":`${c.value.position}px`}}),{default:k(()=>[A(e.$slots,`default`)]),_:3},16,[`style`])):p(`v-if`,!0)}}),ae=v({__name:`TabsList`,props:{loop:{type:Boolean,required:!1,default:!0},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},setup(e){let{loop:n}=t(e),{forwardRef:r,currentElement:i}=R(),a=q();return a.tabsList=i,(e,t)=>(g(),d(f(U),{"as-child":``,orientation:f(a).orientation.value,dir:f(a).dir.value,loop:f(n)},{default:k(()=>[u(f(B),{ref:f(r),role:`tablist`,"as-child":e.asChild,as:e.as,"aria-orientation":f(a).orientation.value},{default:k(()=>[A(e.$slots,`default`)]),_:3},8,[`as-child`,`as`,`aria-orientation`])]),_:3},8,[`orientation`,`dir`,`loop`]))}}),oe=v({__name:`TabsTrigger`,props:{value:{type:[String,Number],required:!0},disabled:{type:Boolean,required:!1,default:!1},asChild:{type:Boolean,required:!1},as:{type:null,required:!1,default:`button`}},setup(e){let t=e,{forwardRef:r}=R(),i=q(),a=n(()=>X(i.baseId,t.value)),o=n(()=>i.contentIds.value.has(t.value)?Z(i.baseId,t.value):void 0),s=n(()=>t.value===i.modelValue.value);return(e,t)=>(g(),d(f(W),{"as-child":``,focusable:!e.disabled,active:s.value},{default:k(()=>[u(f(B),{id:a.value,ref:f(r),role:`tab`,type:e.as===`button`?`button`:void 0,as:e.as,"as-child":e.asChild,"aria-selected":s.value?`true`:`false`,"aria-controls":o.value,"data-state":s.value?`active`:`inactive`,disabled:e.disabled,"data-disabled":e.disabled?``:void 0,"data-orientation":f(i).orientation.value,onMousedown:t[0]||=y(t=>{!e.disabled&&t.ctrlKey===!1?f(i).changeModelValue(e.value):t.preventDefault()},[`left`]),onKeydown:t[1]||=P(t=>f(i).changeModelValue(e.value),[`enter`,`space`]),onFocus:t[2]||=()=>{let t=f(i).activationMode!==`manual`;!s.value&&!e.disabled&&t&&f(i).changeModelValue(e.value)}},{default:k(()=>[A(e.$slots,`default`)]),_:3},8,[`id`,`type`,`as`,`as-child`,`aria-selected`,`aria-controls`,`data-state`,`disabled`,`data-disabled`,`data-orientation`])]),_:3},8,[`focusable`,`active`]))}}),se={slots:{root:`flex items-center gap-2`,list:`relative flex p-1 group`,indicator:`absolute transition-[translate,width] duration-200`,trigger:[`group relative inline-flex items-center min-w-0 data-[state=inactive]:text-muted hover:data-[state=inactive]:not-disabled:text-default font-medium rounded-md disabled:cursor-not-allowed disabled:opacity-75`,`transition-colors`],leadingIcon:`shrink-0`,leadingAvatar:`shrink-0`,leadingAvatarSize:``,label:`truncate`,trailingBadge:`shrink-0`,trailingBadgeSize:`sm`,content:`focus:outline-none w-full`},variants:{color:{primary:``,secondary:``,success:``,info:``,warning:``,error:``,neutral:``},variant:{pill:{list:`bg-elevated rounded-lg`,trigger:`grow`,indicator:`rounded-md shadow-xs`},link:{list:`border-default`,indicator:`rounded-full`,trigger:`focus:outline-none`}},orientation:{horizontal:{root:`flex-col`,list:`w-full`,indicator:`left-0 w-(--reka-tabs-indicator-size) translate-x-(--reka-tabs-indicator-position)`,trigger:`justify-center`},vertical:{list:`flex-col`,indicator:`top-0 h-(--reka-tabs-indicator-size) translate-y-(--reka-tabs-indicator-position)`}},size:{xs:{trigger:`px-2 py-1 text-xs gap-1`,leadingIcon:`size-4`,leadingAvatarSize:`3xs`},sm:{trigger:`px-2.5 py-1.5 text-xs gap-1.5`,leadingIcon:`size-4`,leadingAvatarSize:`3xs`},md:{trigger:`px-3 py-1.5 text-sm gap-1.5`,leadingIcon:`size-5`,leadingAvatarSize:`2xs`},lg:{trigger:`px-3 py-2 text-sm gap-2`,leadingIcon:`size-5`,leadingAvatarSize:`2xs`},xl:{trigger:`px-3 py-2 text-base gap-2`,leadingIcon:`size-6`,leadingAvatarSize:`xs`}}},compoundVariants:[{orientation:`horizontal`,variant:`pill`,class:{indicator:`inset-y-1`}},{orientation:`horizontal`,variant:`link`,class:{list:`border-b -mb-px`,indicator:`-bottom-px h-px`}},{orientation:`vertical`,variant:`pill`,class:{indicator:`inset-x-1`,list:`items-center`}},{orientation:`vertical`,variant:`link`,class:{list:`border-s -ms-px`,indicator:`-start-px w-px`}},{color:`primary`,variant:`pill`,class:{indicator:`bg-primary`,trigger:`data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary`}},{color:`secondary`,variant:`pill`,class:{indicator:`bg-secondary`,trigger:`data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-secondary`}},{color:`success`,variant:`pill`,class:{indicator:`bg-success`,trigger:`data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-success`}},{color:`info`,variant:`pill`,class:{indicator:`bg-info`,trigger:`data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-info`}},{color:`warning`,variant:`pill`,class:{indicator:`bg-warning`,trigger:`data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-warning`}},{color:`error`,variant:`pill`,class:{indicator:`bg-error`,trigger:`data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-error`}},{color:`neutral`,variant:`pill`,class:{indicator:`bg-inverted`,trigger:`data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-inverted`}},{color:`primary`,variant:`link`,class:{indicator:`bg-primary`,trigger:`data-[state=active]:text-primary focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-primary`}},{color:`secondary`,variant:`link`,class:{indicator:`bg-secondary`,trigger:`data-[state=active]:text-secondary focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-secondary`}},{color:`success`,variant:`link`,class:{indicator:`bg-success`,trigger:`data-[state=active]:text-success focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-success`}},{color:`info`,variant:`link`,class:{indicator:`bg-info`,trigger:`data-[state=active]:text-info focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-info`}},{color:`warning`,variant:`link`,class:{indicator:`bg-warning`,trigger:`data-[state=active]:text-warning focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-warning`}},{color:`error`,variant:`link`,class:{indicator:`bg-error`,trigger:`data-[state=active]:text-error focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-error`}},{color:`neutral`,variant:`link`,class:{indicator:`bg-inverted`,trigger:`data-[state=active]:text-highlighted focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-inverted`}}],defaultVariants:{color:`primary`,variant:`pill`,size:`md`}},Q={__name:`Tabs`,props:{as:{type:null,required:!1},items:{type:Array,required:!1},color:{type:null,required:!1},variant:{type:null,required:!1},size:{type:null,required:!1},orientation:{type:null,required:!1,default:`horizontal`},content:{type:Boolean,required:!1,default:!0},valueKey:{type:null,required:!1,default:`value`},labelKey:{type:null,required:!1,default:`label`},class:{type:null,required:!1},ui:{type:Object,required:!1},defaultValue:{type:[String,Number],required:!1,default:`0`},modelValue:{type:[String,Number],required:!1},activationMode:{type:String,required:!1},unmountOnHide:{type:Boolean,required:!1,default:!0}},emits:[`update:modelValue`],setup(e,{expose:t,emit:r}){let c=e,l=r,m=S(),v=ee(`tabs`,c),y=D(),b=I(M(v,`as`,`unmountOnHide`),l),x=n(()=>V({extend:V(se),...y.ui?.tabs||{}})({color:v.color,variant:v.variant,size:v.size,orientation:v.orientation})),T=N([]);function E(e,t){T.value[e]=t}return t({triggersRef:T}),(e,t)=>(g(),d(f(Y),o(f(b),{"model-value":f(v).modelValue,"default-value":f(v).defaultValue,orientation:f(v).orientation,"activation-mode":f(v).activationMode,"data-slot":`root`,class:x.value.root({class:[f(v).ui?.root,f(v).class]})}),{default:k(()=>[u(f(ae),{"data-slot":`list`,class:a(x.value.list({class:f(v).ui?.list}))},{default:k(()=>[u(f(ie),{"data-slot":`indicator`,class:a(x.value.indicator({class:f(v).ui?.indicator}))},null,8,[`class`]),A(e.$slots,`list-leading`),(g(!0),h(i,null,w(f(v).items,(t,n)=>(g(),d(f(oe),{key:f(C)(t,f(v).valueKey)??n,ref_for:!0,ref:e=>E(n,e),value:f(C)(t,f(v).valueKey)??String(n),disabled:t.disabled,"data-slot":`trigger`,class:a(x.value.trigger({class:[f(v).ui?.trigger,t.ui?.trigger]}))},{default:k(()=>[A(e.$slots,`leading`,{item:t,index:n,ui:x.value},()=>[t.icon?(g(),d(L,{key:0,name:t.icon,"data-slot":`leadingIcon`,class:a(x.value.leadingIcon({class:[f(v).ui?.leadingIcon,t.ui?.leadingIcon]}))},null,8,[`name`,`class`])):t.avatar?(g(),d(z,o({key:1,size:t.ui?.leadingAvatarSize||f(v).ui?.leadingAvatarSize||x.value.leadingAvatarSize()},{ref_for:!0},t.avatar,{"data-slot":`leadingAvatar`,class:x.value.leadingAvatar({class:[f(v).ui?.leadingAvatar,t.ui?.leadingAvatar]})}),null,16,[`size`,`class`])):p(``,!0)]),f(C)(t,f(v).labelKey)||m.default?(g(),h(`span`,{key:0,"data-slot":`label`,class:a(x.value.label({class:[f(v).ui?.label,t.ui?.label]}))},[A(e.$slots,`default`,{item:t,index:n},()=>[s(_(f(C)(t,f(v).labelKey)),1)])],2)):p(``,!0),A(e.$slots,`trailing`,{item:t,index:n,ui:x.value},()=>[t.badge||t.badge===0?(g(),d(G,o({key:0,color:`neutral`,variant:`outline`,size:t.ui?.trailingBadgeSize||f(v).ui?.trailingBadgeSize||x.value.trailingBadgeSize()},{ref_for:!0},typeof t.badge==`string`||typeof t.badge==`number`?{label:t.badge}:t.badge,{"data-slot":`trailingBadge`,class:x.value.trailingBadge({class:[f(v).ui?.trailingBadge,t.ui?.trailingBadge]})}),null,16,[`size`,`class`])):p(``,!0)])]),_:2},1032,[`value`,`disabled`,`class`]))),128)),A(e.$slots,`list-trailing`)]),_:3},8,[`class`]),f(v).content?(g(!0),h(i,{key:0},w(f(v).items,(t,n)=>(g(),d(f(re),{key:f(C)(t,f(v).valueKey)??n,value:f(C)(t,f(v).valueKey)??String(n),"data-slot":`content`,class:a(x.value.content({class:[f(v).ui?.content,t.ui?.content,t.class]}))},{default:k(()=>[A(e.$slots,t.slot||`content`,{item:t,index:n,ui:x.value},()=>[s(_(t.content),1)])]),_:2},1032,[`value`,`class`]))),128)):p(``,!0)]),_:3},16,[`model-value`,`default-value`,`orientation`,`activation-mode`,`class`]))}},ce={class:`checkerboard h-full w-full p-2 relative`},le=[`src`],$=v({__name:`Preview`,props:{url:{}},setup(e){let t=K(),n=N();e.url&&(t.url=e.url),j(()=>t.html,e=>{n.value&&n.value.contentWindow&&e&&n.value.contentWindow.postMessage({type:`flow:preview:morph`,html:e},`*`)});let r=N([{label:``,icon:`i-lucide-laptop`,content:``,value:`desktop`},{label:``,icon:`i-lucide-smartphone`,content:``,value:`mobile`}]);return(e,i)=>{let o=Q;return g(),h(`div`,ce,[O(`iframe`,{ref_key:`iframeRef`,ref:n,src:f(t).url.startsWith(`/`)?f(t).url:`/`+f(t).url,class:a([`w-full h-full bg-white mx-auto`,{"md:max-w-[390px]":f(t).active===`mobile`}])},null,10,le),(g(),d(m,{to:`#header-mode`,defer:``},[u(o,{modelValue:f(t).active,"onUpdate:modelValue":i[0]||=e=>f(t).active=e,content:!1,items:r.value,class:`mx-3`,color:`neutral`},null,8,[`modelValue`,`items`])]))])}}});export{Q as n,$ as t};

package/cms/dist/assets/Preview-DTsccCmU.js

@@ -1 +0,0 @@
-import{A as e,An as t,At as n,Ct as r,Dt as i,Et as a,Gt as o,J as s,Jt as c,Mn as l,Mt as u,Nn as d,Nt as f,On as p,Ot as m,Pt as h,Q as g,Sn as _,Tn as v,Vt as y,Wt as b,Xt as x,Z as S,Zt as C,bt as w,cn as T,d as E,in as D,kt as O,on as k,st as A,un as j,wt as M,xt as N,yn as P}from"./index-BIKzIEd2.js";import{C as ee,S as te,b as ne,k as F,v as I,w as L,x as R}from"./Button-BuENm9tV.js";import{n as z,t as B}from"./Presence-BSNqXaUm.js";import{s as V,t as H}from"./RovingFocusGroup-CmRC1gsO.js";import{n as U}from"./cms-CToRsZjR.js";import{t as W}from"./RovingFocusItem-CGZ2Yzb4.js";import{n as G,t as K}from"./preview-AeQAlQoM.js";var[q,J]=F(`TabsRoot`),Y=h({__name:`TabsRoot`,props:{defaultValue:{type:null,required:!1},orientation:{type:String,required:!1,default:`horizontal`},dir:{type:String,required:!1},activationMode:{type:String,required:!1,default:`automatic`},modelValue:{type:null,required:!1},unmountOnHide:{type:Boolean,required:!1,default:!0},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},emits:[`update:modelValue`],setup(e,{emit:t}){let n=e,r=t,{orientation:i,unmountOnHide:a,dir:o}=v(n),s=V(o);z();let l=g(n,`modelValue`,r,{defaultValue:n.defaultValue,passive:n.modelValue===void 0}),u=P(),d=_(new Set);return J({modelValue:l,changeModelValue:e=>{l.value=e},orientation:i,dir:s,unmountOnHide:a,activationMode:n.activationMode,baseId:U(void 0,`reka-tabs`),tabsList:u,contentIds:d,registerContent:e=>{d.value=new Set([...d.value,e])},unregisterContent:e=>{let t=new Set(d.value);t.delete(e),d.value=t}}),(e,t)=>(c(),m(p(L),{dir:p(s),"data-orientation":p(i),"as-child":e.asChild,as:e.as},{default:j(()=>[C(e.$slots,`default`,{modelValue:p(l)})]),_:3},8,[`dir`,`data-orientation`,`as-child`,`as`]))}});function X(e,t){return`${e}-trigger-${t}`}function Z(e,t){return`${e}-content-${t}`}var re=h({__name:`TabsContent`,props:{value:{type:[String,Number],required:!0},forceMount:{type:Boolean,required:!1},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},setup(e){let t=e,{forwardRef:n}=z(),r=q(),i=a(()=>X(r.baseId,t.value)),s=a(()=>Z(r.baseId,t.value)),u=a(()=>t.value===r.modelValue.value),d=P(u.value);return o(()=>{r.registerContent(t.value),requestAnimationFrame(()=>{d.value=!1})}),b(()=>{r.unregisterContent(t.value)}),(e,t)=>(c(),m(p(B),{present:e.forceMount||u.value,"force-mount":``},{default:j(({present:t})=>[f(p(L),{id:s.value,ref:p(n),"as-child":e.asChild,as:e.as,role:`tabpanel`,"data-state":u.value?`active`:`inactive`,"data-orientation":p(r).orientation.value,"aria-labelledby":i.value,hidden:!t,tabindex:`0`,style:l({animationDuration:d.value?`0s`:void 0})},{default:j(()=>[!p(r).unmountOnHide.value||t?C(e.$slots,`default`,{key:0}):O(`v-if`,!0)]),_:2},1032,[`id`,`as-child`,`as`,`data-state`,`data-orientation`,`aria-labelledby`,`hidden`,`style`])]),_:3},8,[`present`]))}}),ie=h({__name:`TabsIndicator`,props:{asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},setup(e,{expose:t}){let n=e,r=q();t({updateIndicatorStyle:u}),z();let i=s(),o=P({size:null,position:null}),l=P([]);k(()=>[r.modelValue.value,r?.dir.value],()=>{u()},{immediate:!0,flush:`post`}),T(()=>{l.value=Array.from(r.tabsList.value?.querySelectorAll(`[role="tab"]`)||[])}),S(a(()=>[r.tabsList.value,...l.value]),u);function u(){let e=r.tabsList.value?.querySelector(`[role="tab"][data-state="active"]`);e&&(r.orientation.value===`horizontal`?o.value={size:e.offsetWidth,position:e.offsetLeft}:o.value={size:e.offsetHeight,position:e.offsetTop})}return(e,t)=>p(i)&&typeof o.value.size==`number`?(c(),m(p(L),y({key:0},n,{style:{"--reka-tabs-indicator-size":`${o.value.size}px`,"--reka-tabs-indicator-position":`${o.value.position}px`}}),{default:j(()=>[C(e.$slots,`default`)]),_:3},16,[`style`])):O(`v-if`,!0)}}),ae=h({__name:`TabsList`,props:{loop:{type:Boolean,required:!1,default:!0},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},setup(e){let{loop:t}=v(e),{forwardRef:n,currentElement:r}=z(),i=q();return i.tabsList=r,(e,r)=>(c(),m(p(H),{"as-child":``,orientation:p(i).orientation.value,dir:p(i).dir.value,loop:p(t)},{default:j(()=>[f(p(L),{ref:p(n),role:`tablist`,"as-child":e.asChild,as:e.as,"aria-orientation":p(i).orientation.value},{default:j(()=>[C(e.$slots,`default`)]),_:3},8,[`as-child`,`as`,`aria-orientation`])]),_:3},8,[`orientation`,`dir`,`loop`]))}}),oe=h({__name:`TabsTrigger`,props:{value:{type:[String,Number],required:!0},disabled:{type:Boolean,required:!1,default:!1},asChild:{type:Boolean,required:!1},as:{type:null,required:!1,default:`button`}},setup(e){let t=e,{forwardRef:n}=z(),r=q(),i=a(()=>X(r.baseId,t.value)),o=a(()=>r.contentIds.value.has(t.value)?Z(r.baseId,t.value):void 0),s=a(()=>t.value===r.modelValue.value);return(e,t)=>(c(),m(p(W),{"as-child":``,focusable:!e.disabled,active:s.value},{default:j(()=>[f(p(L),{id:i.value,ref:p(n),role:`tab`,type:e.as===`button`?`button`:void 0,as:e.as,"as-child":e.asChild,"aria-selected":s.value?`true`:`false`,"aria-controls":o.value,"data-state":s.value?`active`:`inactive`,disabled:e.disabled,"data-disabled":e.disabled?``:void 0,"data-orientation":p(r).orientation.value,onMousedown:t[0]||=N(t=>{!e.disabled&&t.ctrlKey===!1?p(r).changeModelValue(e.value):t.preventDefault()},[`left`]),onKeydown:t[1]||=w(t=>p(r).changeModelValue(e.value),[`enter`,`space`]),onFocus:t[2]||=()=>{let t=p(r).activationMode!==`manual`;!s.value&&!e.disabled&&t&&p(r).changeModelValue(e.value)}},{default:j(()=>[C(e.$slots,`default`)]),_:3},8,[`id`,`type`,`as`,`as-child`,`aria-selected`,`aria-controls`,`data-state`,`disabled`,`data-disabled`,`data-orientation`])]),_:3},8,[`focusable`,`active`]))}}),se={slots:{root:`flex items-center gap-2`,list:`relative flex p-1 group`,indicator:`absolute transition-[translate,width] duration-200`,trigger:[`group relative inline-flex items-center min-w-0 data-[state=inactive]:text-muted hover:data-[state=inactive]:not-disabled:text-default font-medium rounded-md disabled:cursor-not-allowed disabled:opacity-75`,`transition-colors`],leadingIcon:`shrink-0`,leadingAvatar:`shrink-0`,leadingAvatarSize:``,label:`truncate`,trailingBadge:`shrink-0`,trailingBadgeSize:`sm`,content:`focus:outline-none w-full`},variants:{color:{primary:``,secondary:``,success:``,info:``,warning:``,error:``,neutral:``},variant:{pill:{list:`bg-elevated rounded-lg`,trigger:`grow`,indicator:`rounded-md shadow-xs`},link:{list:`border-default`,indicator:`rounded-full`,trigger:`focus:outline-none`}},orientation:{horizontal:{root:`flex-col`,list:`w-full`,indicator:`left-0 w-(--reka-tabs-indicator-size) translate-x-(--reka-tabs-indicator-position)`,trigger:`justify-center`},vertical:{list:`flex-col`,indicator:`top-0 h-(--reka-tabs-indicator-size) translate-y-(--reka-tabs-indicator-position)`}},size:{xs:{trigger:`px-2 py-1 text-xs gap-1`,leadingIcon:`size-4`,leadingAvatarSize:`3xs`},sm:{trigger:`px-2.5 py-1.5 text-xs gap-1.5`,leadingIcon:`size-4`,leadingAvatarSize:`3xs`},md:{trigger:`px-3 py-1.5 text-sm gap-1.5`,leadingIcon:`size-5`,leadingAvatarSize:`2xs`},lg:{trigger:`px-3 py-2 text-sm gap-2`,leadingIcon:`size-5`,leadingAvatarSize:`2xs`},xl:{trigger:`px-3 py-2 text-base gap-2`,leadingIcon:`size-6`,leadingAvatarSize:`xs`}}},compoundVariants:[{orientation:`horizontal`,variant:`pill`,class:{indicator:`inset-y-1`}},{orientation:`horizontal`,variant:`link`,class:{list:`border-b -mb-px`,indicator:`-bottom-px h-px`}},{orientation:`vertical`,variant:`pill`,class:{indicator:`inset-x-1`,list:`items-center`}},{orientation:`vertical`,variant:`link`,class:{list:`border-s -ms-px`,indicator:`-start-px w-px`}},{color:`primary`,variant:`pill`,class:{indicator:`bg-primary`,trigger:`data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary`}},{color:`secondary`,variant:`pill`,class:{indicator:`bg-secondary`,trigger:`data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-secondary`}},{color:`success`,variant:`pill`,class:{indicator:`bg-success`,trigger:`data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-success`}},{color:`info`,variant:`pill`,class:{indicator:`bg-info`,trigger:`data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-info`}},{color:`warning`,variant:`pill`,class:{indicator:`bg-warning`,trigger:`data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-warning`}},{color:`error`,variant:`pill`,class:{indicator:`bg-error`,trigger:`data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-error`}},{color:`neutral`,variant:`pill`,class:{indicator:`bg-inverted`,trigger:`data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-inverted`}},{color:`primary`,variant:`link`,class:{indicator:`bg-primary`,trigger:`data-[state=active]:text-primary focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-primary`}},{color:`secondary`,variant:`link`,class:{indicator:`bg-secondary`,trigger:`data-[state=active]:text-secondary focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-secondary`}},{color:`success`,variant:`link`,class:{indicator:`bg-success`,trigger:`data-[state=active]:text-success focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-success`}},{color:`info`,variant:`link`,class:{indicator:`bg-info`,trigger:`data-[state=active]:text-info focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-info`}},{color:`warning`,variant:`link`,class:{indicator:`bg-warning`,trigger:`data-[state=active]:text-warning focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-warning`}},{color:`error`,variant:`link`,class:{indicator:`bg-error`,trigger:`data-[state=active]:text-error focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-error`}},{color:`neutral`,variant:`link`,class:{indicator:`bg-inverted`,trigger:`data-[state=active]:text-highlighted focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-inverted`}}],defaultVariants:{color:`primary`,variant:`pill`,size:`md`}},Q={__name:`Tabs`,props:{as:{type:null,required:!1},items:{type:Array,required:!1},color:{type:null,required:!1},variant:{type:null,required:!1},size:{type:null,required:!1},orientation:{type:null,required:!1,default:`horizontal`},content:{type:Boolean,required:!1,default:!0},valueKey:{type:null,required:!1,default:`value`},labelKey:{type:null,required:!1,default:`label`},class:{type:null,required:!1},ui:{type:Object,required:!1},defaultValue:{type:[String,Number],required:!1,default:`0`},modelValue:{type:[String,Number],required:!1},activationMode:{type:String,required:!1},unmountOnHide:{type:Boolean,required:!1,default:!0}},emits:[`update:modelValue`],setup(i,{expose:o,emit:s}){let l=i,h=s,g=D(),_=ee(`tabs`,l),v=e(),b=te(A(_,`as`,`unmountOnHide`),h),S=a(()=>R({extend:R(se),...v.ui?.tabs||{}})({color:_.color,variant:_.variant,size:_.size,orientation:_.orientation})),w=P([]);function T(e,t){w.value[e]=t}return o({triggersRef:w}),(e,i)=>(c(),m(p(Y),y(p(b),{"model-value":p(_).modelValue,"default-value":p(_).defaultValue,orientation:p(_).orientation,"activation-mode":p(_).activationMode,"data-slot":`root`,class:S.value.root({class:[p(_).ui?.root,p(_).class]})}),{default:j(()=>[f(p(ae),{"data-slot":`list`,class:t(S.value.list({class:p(_).ui?.list}))},{default:j(()=>[f(p(ie),{"data-slot":`indicator`,class:t(S.value.indicator({class:p(_).ui?.indicator}))},null,8,[`class`]),C(e.$slots,`list-leading`),(c(!0),n(r,null,x(p(_).items,(r,i)=>(c(),m(p(oe),{key:p(E)(r,p(_).valueKey)??i,ref_for:!0,ref:e=>T(i,e),value:p(E)(r,p(_).valueKey)??String(i),disabled:r.disabled,"data-slot":`trigger`,class:t(S.value.trigger({class:[p(_).ui?.trigger,r.ui?.trigger]}))},{default:j(()=>[C(e.$slots,`leading`,{item:r,index:i,ui:S.value},()=>[r.icon?(c(),m(ne,{key:0,name:r.icon,"data-slot":`leadingIcon`,class:t(S.value.leadingIcon({class:[p(_).ui?.leadingIcon,r.ui?.leadingIcon]}))},null,8,[`name`,`class`])):r.avatar?(c(),m(I,y({key:1,size:r.ui?.leadingAvatarSize||p(_).ui?.leadingAvatarSize||S.value.leadingAvatarSize()},{ref_for:!0},r.avatar,{"data-slot":`leadingAvatar`,class:S.value.leadingAvatar({class:[p(_).ui?.leadingAvatar,r.ui?.leadingAvatar]})}),null,16,[`size`,`class`])):O(``,!0)]),p(E)(r,p(_).labelKey)||g.default?(c(),n(`span`,{key:0,"data-slot":`label`,class:t(S.value.label({class:[p(_).ui?.label,r.ui?.label]}))},[C(e.$slots,`default`,{item:r,index:i},()=>[u(d(p(E)(r,p(_).labelKey)),1)])],2)):O(``,!0),C(e.$slots,`trailing`,{item:r,index:i,ui:S.value},()=>[r.badge||r.badge===0?(c(),m(G,y({key:0,color:`neutral`,variant:`outline`,size:r.ui?.trailingBadgeSize||p(_).ui?.trailingBadgeSize||S.value.trailingBadgeSize()},{ref_for:!0},typeof r.badge==`string`||typeof r.badge==`number`?{label:r.badge}:r.badge,{"data-slot":`trailingBadge`,class:S.value.trailingBadge({class:[p(_).ui?.trailingBadge,r.ui?.trailingBadge]})}),null,16,[`size`,`class`])):O(``,!0)])]),_:2},1032,[`value`,`disabled`,`class`]))),128)),C(e.$slots,`list-trailing`)]),_:3},8,[`class`]),p(_).content?(c(!0),n(r,{key:0},x(p(_).items,(n,r)=>(c(),m(p(re),{key:p(E)(n,p(_).valueKey)??r,value:p(E)(n,p(_).valueKey)??String(r),"data-slot":`content`,class:t(S.value.content({class:[p(_).ui?.content,n.ui?.content,n.class]}))},{default:j(()=>[C(e.$slots,n.slot||`content`,{item:n,index:r,ui:S.value},()=>[u(d(n.content),1)])]),_:2},1032,[`value`,`class`]))),128)):O(``,!0)]),_:3},16,[`model-value`,`default-value`,`orientation`,`activation-mode`,`class`]))}},ce={class:`checkerboard h-full w-full p-2 relative`},le=[`srcdoc`],$=h({__name:`Preview`,props:{url:{}},setup(e){let r=K();e.url&&(r.url=e.url);let a=P([{label:``,icon:`i-lucide-laptop`,content:``,value:`desktop`},{label:``,icon:`i-lucide-smartphone`,content:``,value:`mobile`}]);return(e,o)=>{let s=Q;return c(),n(`div`,ce,[i(`iframe`,{srcdoc:p(r).html,class:t([`w-full h-full bg-white mx-auto`,{"md:max-w-[390px]":p(r).active===`mobile`}])},null,10,le),(c(),m(M,{to:`#header-mode`,defer:``},[f(s,{modelValue:p(r).active,"onUpdate:modelValue":o[0]||=e=>p(r).active=e,content:!1,items:p(a),class:`mx-3`,color:`neutral`},null,8,[`modelValue`,`items`])]))])}}});export{Q as n,$ as t};

package/cms/dist/assets/Preview-DV3zHCWR.js

@@ -1 +0,0 @@
-import{$ as e,An as t,At as n,Dn as r,Dt as i,Fn as a,Gt as o,It as s,Jt as c,Ln as l,Lt as u,Mt as d,Nn as f,Nt as p,Ot as m,Pt as h,Qt as g,Rn as _,Rt as v,Tt as y,Y as b,Yt as x,cn as S,d as C,en as w,et as T,fn as E,j as D,jt as O,mn as k,tn as A,un as j,ut as M,wn as N,wt as ee}from"./index.spa-_gVd6eNI.js";import{C as te,D as ne,E as P,P as F,S as I,b as L,k as R,v as z,w as B,x as V}from"./Button-BxK__vWW.js";import{l as H,t as U}from"./RovingFocusGroup-CnDWyi3J.js";import{t as W}from"./RovingFocusItem-VyijGu8z.js";import{n as G,t as K}from"./preview-EralP1Qk.js";var[q,J]=F(`TabsRoot`),Y=v({__name:`TabsRoot`,props:{defaultValue:{type:null,required:!1},orientation:{type:String,required:!1,default:`horizontal`},dir:{type:String,required:!1},activationMode:{type:String,required:!1,default:`automatic`},modelValue:{type:null,required:!1},unmountOnHide:{type:Boolean,required:!1,default:!0},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},emits:[`update:modelValue`],setup(e,{emit:n}){let i=e,a=n,{orientation:o,unmountOnHide:s,dir:c}=t(i),l=H(c);R();let u=T(i,`modelValue`,a,{defaultValue:i.defaultValue,passive:i.modelValue===void 0}),p=N(),m=r(new Set);return J({modelValue:u,changeModelValue:e=>{u.value=e},orientation:o,dir:l,unmountOnHide:s,activationMode:i.activationMode,baseId:ne(void 0,`reka-tabs`),tabsList:p,contentIds:m,registerContent:e=>{m.value=new Set([...m.value,e])},unregisterContent:e=>{let t=new Set(m.value);t.delete(e),m.value=t}}),(e,t)=>(g(),d(f(B),{dir:f(l),"data-orientation":f(o),"as-child":e.asChild,as:e.as},{default:k(()=>[A(e.$slots,`default`,{modelValue:f(u)})]),_:3},8,[`dir`,`data-orientation`,`as-child`,`as`]))}});function X(e,t){return`${e}-trigger-${t}`}function Z(e,t){return`${e}-content-${t}`}var re=v({__name:`TabsContent`,props:{value:{type:[String,Number],required:!0},forceMount:{type:Boolean,required:!1},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},setup(e){let t=e,{forwardRef:r}=R(),i=q(),a=n(()=>X(i.baseId,t.value)),o=n(()=>Z(i.baseId,t.value)),s=n(()=>t.value===i.modelValue.value),m=N(s.value);return x(()=>{i.registerContent(t.value),requestAnimationFrame(()=>{m.value=!1})}),c(()=>{i.unregisterContent(t.value)}),(e,t)=>(g(),d(f(P),{present:e.forceMount||s.value,"force-mount":``},{default:k(({present:t})=>[u(f(B),{id:o.value,ref:f(r),"as-child":e.asChild,as:e.as,role:`tabpanel`,"data-state":s.value?`active`:`inactive`,"data-orientation":f(i).orientation.value,"aria-labelledby":a.value,hidden:!t,tabindex:`0`,style:l({animationDuration:m.value?`0s`:void 0})},{default:k(()=>[!f(i).unmountOnHide.value||t?A(e.$slots,`default`,{key:0}):p(`v-if`,!0)]),_:2},1032,[`id`,`as-child`,`as`,`data-state`,`data-orientation`,`aria-labelledby`,`hidden`,`style`])]),_:3},8,[`present`]))}}),ie=v({__name:`TabsIndicator`,props:{asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},setup(t,{expose:r}){let i=t,a=q();r({updateIndicatorStyle:u}),R();let s=b(),c=N({size:null,position:null}),l=N([]);j(()=>[a.modelValue.value,a?.dir.value],()=>{u()},{immediate:!0,flush:`post`}),E(()=>{l.value=Array.from(a.tabsList.value?.querySelectorAll(`[role="tab"]`)||[])}),e(n(()=>[a.tabsList.value,...l.value]),u);function u(){let e=a.tabsList.value?.querySelector(`[role="tab"][data-state="active"]`);e&&(a.orientation.value===`horizontal`?c.value={size:e.offsetWidth,position:e.offsetLeft}:c.value={size:e.offsetHeight,position:e.offsetTop})}return(e,t)=>f(s)&&typeof c.value.size==`number`?(g(),d(f(B),o({key:0},i,{style:{"--reka-tabs-indicator-size":`${c.value.size}px`,"--reka-tabs-indicator-position":`${c.value.position}px`}}),{default:k(()=>[A(e.$slots,`default`)]),_:3},16,[`style`])):p(`v-if`,!0)}}),ae=v({__name:`TabsList`,props:{loop:{type:Boolean,required:!1,default:!0},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},setup(e){let{loop:n}=t(e),{forwardRef:r,currentElement:i}=R(),a=q();return a.tabsList=i,(e,t)=>(g(),d(f(U),{"as-child":``,orientation:f(a).orientation.value,dir:f(a).dir.value,loop:f(n)},{default:k(()=>[u(f(B),{ref:f(r),role:`tablist`,"as-child":e.asChild,as:e.as,"aria-orientation":f(a).orientation.value},{default:k(()=>[A(e.$slots,`default`)]),_:3},8,[`as-child`,`as`,`aria-orientation`])]),_:3},8,[`orientation`,`dir`,`loop`]))}}),oe=v({__name:`TabsTrigger`,props:{value:{type:[String,Number],required:!0},disabled:{type:Boolean,required:!1,default:!1},asChild:{type:Boolean,required:!1},as:{type:null,required:!1,default:`button`}},setup(e){let t=e,{forwardRef:r}=R(),i=q(),a=n(()=>X(i.baseId,t.value)),o=n(()=>i.contentIds.value.has(t.value)?Z(i.baseId,t.value):void 0),s=n(()=>t.value===i.modelValue.value);return(e,t)=>(g(),d(f(W),{"as-child":``,focusable:!e.disabled,active:s.value},{default:k(()=>[u(f(B),{id:a.value,ref:f(r),role:`tab`,type:e.as===`button`?`button`:void 0,as:e.as,"as-child":e.asChild,"aria-selected":s.value?`true`:`false`,"aria-controls":o.value,"data-state":s.value?`active`:`inactive`,disabled:e.disabled,"data-disabled":e.disabled?``:void 0,"data-orientation":f(i).orientation.value,onMousedown:t[0]||=y(t=>{!e.disabled&&t.ctrlKey===!1?f(i).changeModelValue(e.value):t.preventDefault()},[`left`]),onKeydown:t[1]||=ee(t=>f(i).changeModelValue(e.value),[`enter`,`space`]),onFocus:t[2]||=()=>{let t=f(i).activationMode!==`manual`;!s.value&&!e.disabled&&t&&f(i).changeModelValue(e.value)}},{default:k(()=>[A(e.$slots,`default`)]),_:3},8,[`id`,`type`,`as`,`as-child`,`aria-selected`,`aria-controls`,`data-state`,`disabled`,`data-disabled`,`data-orientation`])]),_:3},8,[`focusable`,`active`]))}}),se={slots:{root:`flex items-center gap-2`,list:`relative flex p-1 group`,indicator:`absolute transition-[translate,width] duration-200`,trigger:[`group relative inline-flex items-center min-w-0 data-[state=inactive]:text-muted hover:data-[state=inactive]:not-disabled:text-default font-medium rounded-md disabled:cursor-not-allowed disabled:opacity-75`,`transition-colors`],leadingIcon:`shrink-0`,leadingAvatar:`shrink-0`,leadingAvatarSize:``,label:`truncate`,trailingBadge:`shrink-0`,trailingBadgeSize:`sm`,content:`focus:outline-none w-full`},variants:{color:{primary:``,secondary:``,success:``,info:``,warning:``,error:``,neutral:``},variant:{pill:{list:`bg-elevated rounded-lg`,trigger:`grow`,indicator:`rounded-md shadow-xs`},link:{list:`border-default`,indicator:`rounded-full`,trigger:`focus:outline-none`}},orientation:{horizontal:{root:`flex-col`,list:`w-full`,indicator:`left-0 w-(--reka-tabs-indicator-size) translate-x-(--reka-tabs-indicator-position)`,trigger:`justify-center`},vertical:{list:`flex-col`,indicator:`top-0 h-(--reka-tabs-indicator-size) translate-y-(--reka-tabs-indicator-position)`}},size:{xs:{trigger:`px-2 py-1 text-xs gap-1`,leadingIcon:`size-4`,leadingAvatarSize:`3xs`},sm:{trigger:`px-2.5 py-1.5 text-xs gap-1.5`,leadingIcon:`size-4`,leadingAvatarSize:`3xs`},md:{trigger:`px-3 py-1.5 text-sm gap-1.5`,leadingIcon:`size-5`,leadingAvatarSize:`2xs`},lg:{trigger:`px-3 py-2 text-sm gap-2`,leadingIcon:`size-5`,leadingAvatarSize:`2xs`},xl:{trigger:`px-3 py-2 text-base gap-2`,leadingIcon:`size-6`,leadingAvatarSize:`xs`}}},compoundVariants:[{orientation:`horizontal`,variant:`pill`,class:{indicator:`inset-y-1`}},{orientation:`horizontal`,variant:`link`,class:{list:`border-b -mb-px`,indicator:`-bottom-px h-px`}},{orientation:`vertical`,variant:`pill`,class:{indicator:`inset-x-1`,list:`items-center`}},{orientation:`vertical`,variant:`link`,class:{list:`border-s -ms-px`,indicator:`-start-px w-px`}},{color:`primary`,variant:`pill`,class:{indicator:`bg-primary`,trigger:`data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary`}},{color:`secondary`,variant:`pill`,class:{indicator:`bg-secondary`,trigger:`data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-secondary`}},{color:`success`,variant:`pill`,class:{indicator:`bg-success`,trigger:`data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-success`}},{color:`info`,variant:`pill`,class:{indicator:`bg-info`,trigger:`data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-info`}},{color:`warning`,variant:`pill`,class:{indicator:`bg-warning`,trigger:`data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-warning`}},{color:`error`,variant:`pill`,class:{indicator:`bg-error`,trigger:`data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-error`}},{color:`neutral`,variant:`pill`,class:{indicator:`bg-inverted`,trigger:`data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-inverted`}},{color:`primary`,variant:`link`,class:{indicator:`bg-primary`,trigger:`data-[state=active]:text-primary focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-primary`}},{color:`secondary`,variant:`link`,class:{indicator:`bg-secondary`,trigger:`data-[state=active]:text-secondary focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-secondary`}},{color:`success`,variant:`link`,class:{indicator:`bg-success`,trigger:`data-[state=active]:text-success focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-success`}},{color:`info`,variant:`link`,class:{indicator:`bg-info`,trigger:`data-[state=active]:text-info focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-info`}},{color:`warning`,variant:`link`,class:{indicator:`bg-warning`,trigger:`data-[state=active]:text-warning focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-warning`}},{color:`error`,variant:`link`,class:{indicator:`bg-error`,trigger:`data-[state=active]:text-error focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-error`}},{color:`neutral`,variant:`link`,class:{indicator:`bg-inverted`,trigger:`data-[state=active]:text-highlighted focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-inverted`}}],defaultVariants:{color:`primary`,variant:`pill`,size:`md`}},Q={__name:`Tabs`,props:{as:{type:null,required:!1},items:{type:Array,required:!1},color:{type:null,required:!1},variant:{type:null,required:!1},size:{type:null,required:!1},orientation:{type:null,required:!1,default:`horizontal`},content:{type:Boolean,required:!1,default:!0},valueKey:{type:null,required:!1,default:`value`},labelKey:{type:null,required:!1,default:`label`},class:{type:null,required:!1},ui:{type:Object,required:!1},defaultValue:{type:[String,Number],required:!1,default:`0`},modelValue:{type:[String,Number],required:!1},activationMode:{type:String,required:!1},unmountOnHide:{type:Boolean,required:!1,default:!0}},emits:[`update:modelValue`],setup(e,{expose:t,emit:r}){let c=e,l=r,m=S(),v=te(`tabs`,c),y=D(),b=I(M(v,`as`,`unmountOnHide`),l),x=n(()=>V({extend:V(se),...y.ui?.tabs||{}})({color:v.color,variant:v.variant,size:v.size,orientation:v.orientation})),T=N([]);function E(e,t){T.value[e]=t}return t({triggersRef:T}),(e,t)=>(g(),d(f(Y),o(f(b),{"model-value":f(v).modelValue,"default-value":f(v).defaultValue,orientation:f(v).orientation,"activation-mode":f(v).activationMode,"data-slot":`root`,class:x.value.root({class:[f(v).ui?.root,f(v).class]})}),{default:k(()=>[u(f(ae),{"data-slot":`list`,class:a(x.value.list({class:f(v).ui?.list}))},{default:k(()=>[u(f(ie),{"data-slot":`indicator`,class:a(x.value.indicator({class:f(v).ui?.indicator}))},null,8,[`class`]),A(e.$slots,`list-leading`),(g(!0),h(i,null,w(f(v).items,(t,n)=>(g(),d(f(oe),{key:f(C)(t,f(v).valueKey)??n,ref_for:!0,ref:e=>E(n,e),value:f(C)(t,f(v).valueKey)??String(n),disabled:t.disabled,"data-slot":`trigger`,class:a(x.value.trigger({class:[f(v).ui?.trigger,t.ui?.trigger]}))},{default:k(()=>[A(e.$slots,`leading`,{item:t,index:n,ui:x.value},()=>[t.icon?(g(),d(L,{key:0,name:t.icon,"data-slot":`leadingIcon`,class:a(x.value.leadingIcon({class:[f(v).ui?.leadingIcon,t.ui?.leadingIcon]}))},null,8,[`name`,`class`])):t.avatar?(g(),d(z,o({key:1,size:t.ui?.leadingAvatarSize||f(v).ui?.leadingAvatarSize||x.value.leadingAvatarSize()},{ref_for:!0},t.avatar,{"data-slot":`leadingAvatar`,class:x.value.leadingAvatar({class:[f(v).ui?.leadingAvatar,t.ui?.leadingAvatar]})}),null,16,[`size`,`class`])):p(``,!0)]),f(C)(t,f(v).labelKey)||m.default?(g(),h(`span`,{key:0,"data-slot":`label`,class:a(x.value.label({class:[f(v).ui?.label,t.ui?.label]}))},[A(e.$slots,`default`,{item:t,index:n},()=>[s(_(f(C)(t,f(v).labelKey)),1)])],2)):p(``,!0),A(e.$slots,`trailing`,{item:t,index:n,ui:x.value},()=>[t.badge||t.badge===0?(g(),d(G,o({key:0,color:`neutral`,variant:`outline`,size:t.ui?.trailingBadgeSize||f(v).ui?.trailingBadgeSize||x.value.trailingBadgeSize()},{ref_for:!0},typeof t.badge==`string`||typeof t.badge==`number`?{label:t.badge}:t.badge,{"data-slot":`trailingBadge`,class:x.value.trailingBadge({class:[f(v).ui?.trailingBadge,t.ui?.trailingBadge]})}),null,16,[`size`,`class`])):p(``,!0)])]),_:2},1032,[`value`,`disabled`,`class`]))),128)),A(e.$slots,`list-trailing`)]),_:3},8,[`class`]),f(v).content?(g(!0),h(i,{key:0},w(f(v).items,(t,n)=>(g(),d(f(re),{key:f(C)(t,f(v).valueKey)??n,value:f(C)(t,f(v).valueKey)??String(n),"data-slot":`content`,class:a(x.value.content({class:[f(v).ui?.content,t.ui?.content,t.class]}))},{default:k(()=>[A(e.$slots,t.slot||`content`,{item:t,index:n,ui:x.value},()=>[s(_(t.content),1)])]),_:2},1032,[`value`,`class`]))),128)):p(``,!0)]),_:3},16,[`model-value`,`default-value`,`orientation`,`activation-mode`,`class`]))}},ce={class:`checkerboard h-full w-full p-2 relative`},le=[`srcdoc`],$=v({__name:`Preview`,props:{url:{}},setup(e){let t=K();e.url&&(t.url=e.url);let n=N([{label:``,icon:`i-lucide-laptop`,content:``,value:`desktop`},{label:``,icon:`i-lucide-smartphone`,content:``,value:`mobile`}]);return(e,r)=>{let i=Q;return g(),h(`div`,ce,[O(`iframe`,{srcdoc:f(t).html,class:a([`w-full h-full bg-white mx-auto`,{"md:max-w-[390px]":f(t).active===`mobile`}])},null,10,le),(g(),d(m,{to:`#header-mode`,defer:``},[u(i,{modelValue:f(t).active,"onUpdate:modelValue":r[0]||=e=>f(t).active=e,content:!1,items:f(n),class:`mx-3`,color:`neutral`},null,8,[`modelValue`,`items`])]))])}}});export{Q as n,$ as t};

package/cms/dist/assets/Preview-D_1BmrHf.js

@@ -1 +0,0 @@
-import{A as e,An as t,At as n,Ct as r,Dt as i,Et as a,Gt as o,J as s,Jt as c,Mn as l,Mt as u,Nn as d,Nt as f,On as p,Ot as m,Pt as h,Q as g,Sn as _,Tn as v,Vt as y,Wt as b,Xt as x,Z as S,Zt as C,bt as w,cn as T,d as E,in as D,kt as O,on as k,st as A,un as j,wt as M,xt as N,yn as P}from"./index-CGiGNJrV.js";import{C as ee,S as te,b as ne,k as F,v as I,w as L,x as R}from"./Button-DbVI-83L.js";import{n as z,t as B}from"./Presence-Bs9zR2--.js";import{s as V,t as H}from"./RovingFocusGroup-B6l0MDaU.js";import{n as U}from"./cms-CQEZJZTL.js";import{t as W}from"./RovingFocusItem-DFbidCjz.js";import{n as G,t as K}from"./preview-pXGAEnhu.js";var[q,J]=F(`TabsRoot`),Y=h({__name:`TabsRoot`,props:{defaultValue:{type:null,required:!1},orientation:{type:String,required:!1,default:`horizontal`},dir:{type:String,required:!1},activationMode:{type:String,required:!1,default:`automatic`},modelValue:{type:null,required:!1},unmountOnHide:{type:Boolean,required:!1,default:!0},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},emits:[`update:modelValue`],setup(e,{emit:t}){let n=e,r=t,{orientation:i,unmountOnHide:a,dir:o}=v(n),s=V(o);z();let l=g(n,`modelValue`,r,{defaultValue:n.defaultValue,passive:n.modelValue===void 0}),u=P(),d=_(new Set);return J({modelValue:l,changeModelValue:e=>{l.value=e},orientation:i,dir:s,unmountOnHide:a,activationMode:n.activationMode,baseId:U(void 0,`reka-tabs`),tabsList:u,contentIds:d,registerContent:e=>{d.value=new Set([...d.value,e])},unregisterContent:e=>{let t=new Set(d.value);t.delete(e),d.value=t}}),(e,t)=>(c(),m(p(L),{dir:p(s),"data-orientation":p(i),"as-child":e.asChild,as:e.as},{default:j(()=>[C(e.$slots,`default`,{modelValue:p(l)})]),_:3},8,[`dir`,`data-orientation`,`as-child`,`as`]))}});function X(e,t){return`${e}-trigger-${t}`}function Z(e,t){return`${e}-content-${t}`}var re=h({__name:`TabsContent`,props:{value:{type:[String,Number],required:!0},forceMount:{type:Boolean,required:!1},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},setup(e){let t=e,{forwardRef:n}=z(),r=q(),i=a(()=>X(r.baseId,t.value)),s=a(()=>Z(r.baseId,t.value)),u=a(()=>t.value===r.modelValue.value),d=P(u.value);return o(()=>{r.registerContent(t.value),requestAnimationFrame(()=>{d.value=!1})}),b(()=>{r.unregisterContent(t.value)}),(e,t)=>(c(),m(p(B),{present:e.forceMount||u.value,"force-mount":``},{default:j(({present:t})=>[f(p(L),{id:s.value,ref:p(n),"as-child":e.asChild,as:e.as,role:`tabpanel`,"data-state":u.value?`active`:`inactive`,"data-orientation":p(r).orientation.value,"aria-labelledby":i.value,hidden:!t,tabindex:`0`,style:l({animationDuration:d.value?`0s`:void 0})},{default:j(()=>[!p(r).unmountOnHide.value||t?C(e.$slots,`default`,{key:0}):O(`v-if`,!0)]),_:2},1032,[`id`,`as-child`,`as`,`data-state`,`data-orientation`,`aria-labelledby`,`hidden`,`style`])]),_:3},8,[`present`]))}}),ie=h({__name:`TabsIndicator`,props:{asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},setup(e,{expose:t}){let n=e,r=q();t({updateIndicatorStyle:u}),z();let i=s(),o=P({size:null,position:null}),l=P([]);k(()=>[r.modelValue.value,r?.dir.value],()=>{u()},{immediate:!0,flush:`post`}),T(()=>{l.value=Array.from(r.tabsList.value?.querySelectorAll(`[role="tab"]`)||[])}),S(a(()=>[r.tabsList.value,...l.value]),u);function u(){let e=r.tabsList.value?.querySelector(`[role="tab"][data-state="active"]`);e&&(r.orientation.value===`horizontal`?o.value={size:e.offsetWidth,position:e.offsetLeft}:o.value={size:e.offsetHeight,position:e.offsetTop})}return(e,t)=>p(i)&&typeof o.value.size==`number`?(c(),m(p(L),y({key:0},n,{style:{"--reka-tabs-indicator-size":`${o.value.size}px`,"--reka-tabs-indicator-position":`${o.value.position}px`}}),{default:j(()=>[C(e.$slots,`default`)]),_:3},16,[`style`])):O(`v-if`,!0)}}),ae=h({__name:`TabsList`,props:{loop:{type:Boolean,required:!1,default:!0},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},setup(e){let{loop:t}=v(e),{forwardRef:n,currentElement:r}=z(),i=q();return i.tabsList=r,(e,r)=>(c(),m(p(H),{"as-child":``,orientation:p(i).orientation.value,dir:p(i).dir.value,loop:p(t)},{default:j(()=>[f(p(L),{ref:p(n),role:`tablist`,"as-child":e.asChild,as:e.as,"aria-orientation":p(i).orientation.value},{default:j(()=>[C(e.$slots,`default`)]),_:3},8,[`as-child`,`as`,`aria-orientation`])]),_:3},8,[`orientation`,`dir`,`loop`]))}}),oe=h({__name:`TabsTrigger`,props:{value:{type:[String,Number],required:!0},disabled:{type:Boolean,required:!1,default:!1},asChild:{type:Boolean,required:!1},as:{type:null,required:!1,default:`button`}},setup(e){let t=e,{forwardRef:n}=z(),r=q(),i=a(()=>X(r.baseId,t.value)),o=a(()=>r.contentIds.value.has(t.value)?Z(r.baseId,t.value):void 0),s=a(()=>t.value===r.modelValue.value);return(e,t)=>(c(),m(p(W),{"as-child":``,focusable:!e.disabled,active:s.value},{default:j(()=>[f(p(L),{id:i.value,ref:p(n),role:`tab`,type:e.as===`button`?`button`:void 0,as:e.as,"as-child":e.asChild,"aria-selected":s.value?`true`:`false`,"aria-controls":o.value,"data-state":s.value?`active`:`inactive`,disabled:e.disabled,"data-disabled":e.disabled?``:void 0,"data-orientation":p(r).orientation.value,onMousedown:t[0]||=N(t=>{!e.disabled&&t.ctrlKey===!1?p(r).changeModelValue(e.value):t.preventDefault()},[`left`]),onKeydown:t[1]||=w(t=>p(r).changeModelValue(e.value),[`enter`,`space`]),onFocus:t[2]||=()=>{let t=p(r).activationMode!==`manual`;!s.value&&!e.disabled&&t&&p(r).changeModelValue(e.value)}},{default:j(()=>[C(e.$slots,`default`)]),_:3},8,[`id`,`type`,`as`,`as-child`,`aria-selected`,`aria-controls`,`data-state`,`disabled`,`data-disabled`,`data-orientation`])]),_:3},8,[`focusable`,`active`]))}}),se={slots:{root:`flex items-center gap-2`,list:`relative flex p-1 group`,indicator:`absolute transition-[translate,width] duration-200`,trigger:[`group relative inline-flex items-center min-w-0 data-[state=inactive]:text-muted hover:data-[state=inactive]:not-disabled:text-default font-medium rounded-md disabled:cursor-not-allowed disabled:opacity-75`,`transition-colors`],leadingIcon:`shrink-0`,leadingAvatar:`shrink-0`,leadingAvatarSize:``,label:`truncate`,trailingBadge:`shrink-0`,trailingBadgeSize:`sm`,content:`focus:outline-none w-full`},variants:{color:{primary:``,secondary:``,success:``,info:``,warning:``,error:``,neutral:``},variant:{pill:{list:`bg-elevated rounded-lg`,trigger:`grow`,indicator:`rounded-md shadow-xs`},link:{list:`border-default`,indicator:`rounded-full`,trigger:`focus:outline-none`}},orientation:{horizontal:{root:`flex-col`,list:`w-full`,indicator:`left-0 w-(--reka-tabs-indicator-size) translate-x-(--reka-tabs-indicator-position)`,trigger:`justify-center`},vertical:{list:`flex-col`,indicator:`top-0 h-(--reka-tabs-indicator-size) translate-y-(--reka-tabs-indicator-position)`}},size:{xs:{trigger:`px-2 py-1 text-xs gap-1`,leadingIcon:`size-4`,leadingAvatarSize:`3xs`},sm:{trigger:`px-2.5 py-1.5 text-xs gap-1.5`,leadingIcon:`size-4`,leadingAvatarSize:`3xs`},md:{trigger:`px-3 py-1.5 text-sm gap-1.5`,leadingIcon:`size-5`,leadingAvatarSize:`2xs`},lg:{trigger:`px-3 py-2 text-sm gap-2`,leadingIcon:`size-5`,leadingAvatarSize:`2xs`},xl:{trigger:`px-3 py-2 text-base gap-2`,leadingIcon:`size-6`,leadingAvatarSize:`xs`}}},compoundVariants:[{orientation:`horizontal`,variant:`pill`,class:{indicator:`inset-y-1`}},{orientation:`horizontal`,variant:`link`,class:{list:`border-b -mb-px`,indicator:`-bottom-px h-px`}},{orientation:`vertical`,variant:`pill`,class:{indicator:`inset-x-1`,list:`items-center`}},{orientation:`vertical`,variant:`link`,class:{list:`border-s -ms-px`,indicator:`-start-px w-px`}},{color:`primary`,variant:`pill`,class:{indicator:`bg-primary`,trigger:`data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary`}},{color:`secondary`,variant:`pill`,class:{indicator:`bg-secondary`,trigger:`data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-secondary`}},{color:`success`,variant:`pill`,class:{indicator:`bg-success`,trigger:`data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-success`}},{color:`info`,variant:`pill`,class:{indicator:`bg-info`,trigger:`data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-info`}},{color:`warning`,variant:`pill`,class:{indicator:`bg-warning`,trigger:`data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-warning`}},{color:`error`,variant:`pill`,class:{indicator:`bg-error`,trigger:`data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-error`}},{color:`neutral`,variant:`pill`,class:{indicator:`bg-inverted`,trigger:`data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-inverted`}},{color:`primary`,variant:`link`,class:{indicator:`bg-primary`,trigger:`data-[state=active]:text-primary focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-primary`}},{color:`secondary`,variant:`link`,class:{indicator:`bg-secondary`,trigger:`data-[state=active]:text-secondary focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-secondary`}},{color:`success`,variant:`link`,class:{indicator:`bg-success`,trigger:`data-[state=active]:text-success focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-success`}},{color:`info`,variant:`link`,class:{indicator:`bg-info`,trigger:`data-[state=active]:text-info focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-info`}},{color:`warning`,variant:`link`,class:{indicator:`bg-warning`,trigger:`data-[state=active]:text-warning focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-warning`}},{color:`error`,variant:`link`,class:{indicator:`bg-error`,trigger:`data-[state=active]:text-error focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-error`}},{color:`neutral`,variant:`link`,class:{indicator:`bg-inverted`,trigger:`data-[state=active]:text-highlighted focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-inverted`}}],defaultVariants:{color:`primary`,variant:`pill`,size:`md`}},Q={__name:`Tabs`,props:{as:{type:null,required:!1},items:{type:Array,required:!1},color:{type:null,required:!1},variant:{type:null,required:!1},size:{type:null,required:!1},orientation:{type:null,required:!1,default:`horizontal`},content:{type:Boolean,required:!1,default:!0},valueKey:{type:null,required:!1,default:`value`},labelKey:{type:null,required:!1,default:`label`},class:{type:null,required:!1},ui:{type:Object,required:!1},defaultValue:{type:[String,Number],required:!1,default:`0`},modelValue:{type:[String,Number],required:!1},activationMode:{type:String,required:!1},unmountOnHide:{type:Boolean,required:!1,default:!0}},emits:[`update:modelValue`],setup(i,{expose:o,emit:s}){let l=i,h=s,g=D(),_=ee(`tabs`,l),v=e(),b=te(A(_,`as`,`unmountOnHide`),h),S=a(()=>R({extend:R(se),...v.ui?.tabs||{}})({color:_.color,variant:_.variant,size:_.size,orientation:_.orientation})),w=P([]);function T(e,t){w.value[e]=t}return o({triggersRef:w}),(e,i)=>(c(),m(p(Y),y(p(b),{"model-value":p(_).modelValue,"default-value":p(_).defaultValue,orientation:p(_).orientation,"activation-mode":p(_).activationMode,"data-slot":`root`,class:S.value.root({class:[p(_).ui?.root,p(_).class]})}),{default:j(()=>[f(p(ae),{"data-slot":`list`,class:t(S.value.list({class:p(_).ui?.list}))},{default:j(()=>[f(p(ie),{"data-slot":`indicator`,class:t(S.value.indicator({class:p(_).ui?.indicator}))},null,8,[`class`]),C(e.$slots,`list-leading`),(c(!0),n(r,null,x(p(_).items,(r,i)=>(c(),m(p(oe),{key:p(E)(r,p(_).valueKey)??i,ref_for:!0,ref:e=>T(i,e),value:p(E)(r,p(_).valueKey)??String(i),disabled:r.disabled,"data-slot":`trigger`,class:t(S.value.trigger({class:[p(_).ui?.trigger,r.ui?.trigger]}))},{default:j(()=>[C(e.$slots,`leading`,{item:r,index:i,ui:S.value},()=>[r.icon?(c(),m(ne,{key:0,name:r.icon,"data-slot":`leadingIcon`,class:t(S.value.leadingIcon({class:[p(_).ui?.leadingIcon,r.ui?.leadingIcon]}))},null,8,[`name`,`class`])):r.avatar?(c(),m(I,y({key:1,size:r.ui?.leadingAvatarSize||p(_).ui?.leadingAvatarSize||S.value.leadingAvatarSize()},{ref_for:!0},r.avatar,{"data-slot":`leadingAvatar`,class:S.value.leadingAvatar({class:[p(_).ui?.leadingAvatar,r.ui?.leadingAvatar]})}),null,16,[`size`,`class`])):O(``,!0)]),p(E)(r,p(_).labelKey)||g.default?(c(),n(`span`,{key:0,"data-slot":`label`,class:t(S.value.label({class:[p(_).ui?.label,r.ui?.label]}))},[C(e.$slots,`default`,{item:r,index:i},()=>[u(d(p(E)(r,p(_).labelKey)),1)])],2)):O(``,!0),C(e.$slots,`trailing`,{item:r,index:i,ui:S.value},()=>[r.badge||r.badge===0?(c(),m(G,y({key:0,color:`neutral`,variant:`outline`,size:r.ui?.trailingBadgeSize||p(_).ui?.trailingBadgeSize||S.value.trailingBadgeSize()},{ref_for:!0},typeof r.badge==`string`||typeof r.badge==`number`?{label:r.badge}:r.badge,{"data-slot":`trailingBadge`,class:S.value.trailingBadge({class:[p(_).ui?.trailingBadge,r.ui?.trailingBadge]})}),null,16,[`size`,`class`])):O(``,!0)])]),_:2},1032,[`value`,`disabled`,`class`]))),128)),C(e.$slots,`list-trailing`)]),_:3},8,[`class`]),p(_).content?(c(!0),n(r,{key:0},x(p(_).items,(n,r)=>(c(),m(p(re),{key:p(E)(n,p(_).valueKey)??r,value:p(E)(n,p(_).valueKey)??String(r),"data-slot":`content`,class:t(S.value.content({class:[p(_).ui?.content,n.ui?.content,n.class]}))},{default:j(()=>[C(e.$slots,n.slot||`content`,{item:n,index:r,ui:S.value},()=>[u(d(n.content),1)])]),_:2},1032,[`value`,`class`]))),128)):O(``,!0)]),_:3},16,[`model-value`,`default-value`,`orientation`,`activation-mode`,`class`]))}},ce={class:`checkerboard h-full w-full p-2 relative`},le=[`srcdoc`],$=h({__name:`Preview`,props:{url:{}},setup(e){let r=K();e.url&&(r.url=e.url);let a=P([{label:``,icon:`i-lucide-laptop`,content:``,value:`desktop`},{label:``,icon:`i-lucide-smartphone`,content:``,value:`mobile`}]);return(e,o)=>{let s=Q;return c(),n(`div`,ce,[i(`iframe`,{srcdoc:p(r).html,class:t([`w-full h-full bg-white mx-auto`,{"md:max-w-[390px]":p(r).active===`mobile`}])},null,10,le),(c(),m(M,{to:`#header-mode`,defer:``},[f(s,{modelValue:p(r).active,"onUpdate:modelValue":o[0]||=e=>p(r).active=e,content:!1,items:p(a),class:`mx-3`,color:`neutral`},null,8,[`modelValue`,`items`])]))])}}});export{Q as n,$ as t};