@craftile/editor 1.3.1 → 1.3.2

package/dist/index.js

@@ -1,6 +1,6 @@
 (function(){"use strict";try{if(typeof document<"u"){var r=document.createElement("style");r.appendChild(document.createTextNode('.__craftile [data-scope=toast][data-part=root]{--toast-bg: #ffffff;--toast-fg: var(--color-gray-800);--toast-border: var(--color-gray-200);--toast-trigger-bg: var(--color-gray-100);--toast-trigger-border: var(--color-gray-300);min-width:22rem;max-width:26rem;display:flex;gap:.75rem;align-items:flex-start;position:relative;padding:.875rem 2.25rem .875rem 1rem;border-radius:.625rem;border:1px solid var(--toast-border);background:var(--toast-bg);color:var(--toast-fg);box-shadow:0 4px 12px #00000014,0 0 1px #0000002e;translate:var(--x) var(--y);scale:var(--scale);z-index:var(--z-index);height:var(--height);opacity:var(--opacity);will-change:translate,opacity,scale;transition:translate .4s cubic-bezier(.21,1.02,.73,1),scale .4s cubic-bezier(.21,1.02,.73,1),opacity .4s cubic-bezier(.21,1.02,.73,1),height .4s cubic-bezier(.21,1.02,.73,1),box-shadow .2s}.__craftile [data-scope=toast][data-part=root][data-state=closed]{transition:translate .4s cubic-bezier(.06,.71,.55,1),scale .4s cubic-bezier(.06,.71,.55,1),opacity .2s cubic-bezier(.06,.71,.55,1)}.__craftile [data-scope=toast][data-part=root][data-type=success],.__craftile [data-scope=toast][data-part=root][data-type=error],.__craftile [data-scope=toast][data-part=root][data-type=warning]{--toast-fg: #ffffff;--toast-border: transparent;--toast-trigger-bg: rgb(255 255 255 / .15);--toast-trigger-border: rgb(255 255 255 / .4)}.__craftile [data-scope=toast][data-part=root][data-type=success]{--toast-bg: #16a34a}.__craftile [data-scope=toast][data-part=root][data-type=error]{--toast-bg: #dc2626}.__craftile [data-scope=toast][data-part=root][data-type=warning]{--toast-bg: #ea580c}.__craftile .toast-content{flex:1 1 auto;min-width:0}.__craftile .toast-action{display:inline-flex;align-items:center;padding:.25rem .625rem;font-size:.75rem;font-weight:500;line-height:1rem;border-radius:.3125rem;border:1px solid var(--toast-trigger-border);background:transparent;color:inherit;cursor:pointer;transition:background .15s,border-color .15s}.__craftile .toast-action:hover{background:var(--toast-trigger-bg)}.__craftile .toast-close{position:absolute;top:.5rem;inset-inline-end:.5rem;width:1.5rem;height:1.5rem;display:inline-flex;align-items:center;justify-content:center;color:inherit;opacity:.65;border-radius:.3125rem;background:transparent;cursor:pointer;transition:opacity .15s,background .15s}.__craftile .toast-close:hover{opacity:1;background:var(--toast-trigger-bg)}/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){.__craftile *,.__craftile :before,.__craftile :after,.__craftile ::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{.__craftile,.__craftile :host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-800:oklch(44.4% .177 26.899);--color-green-800:oklch(44.8% .119 151.328);--color-blue-500:oklch(62.3% .214 259.815);--color-slate-400:oklch(70.4% .04 256.788);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--font-weight-medium:500;--font-weight-semibold:600;--leading-snug:1.375;--radius-xs:.125rem;--radius-md:.375rem;--radius-lg:.5rem;--ease-out:cubic-bezier(0,0,.2,1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--animate-enter:enter .1s ease-out;--animate-exit:exit .1s ease-out}}@layer base{.__craftile *,.__craftile :after,.__craftile :before,.__craftile ::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}.__craftile ::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}.__craftile,.__craftile :host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}.__craftile hr{height:0;color:inherit;border-top-width:1px}.__craftile abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.__craftile h1,.__craftile h2,.__craftile h3,.__craftile h4,.__craftile h5,.__craftile h6{font-size:inherit;font-weight:inherit}.__craftile a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}.__craftile b,.__craftile strong{font-weight:bolder}.__craftile code,.__craftile kbd,.__craftile samp,.__craftile pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}.__craftile small{font-size:80%}.__craftile sub,.__craftile sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}.__craftile sub{bottom:-.25em}.__craftile sup{top:-.5em}.__craftile table{text-indent:0;border-color:inherit;border-collapse:collapse}.__craftile :-moz-focusring{outline:auto}.__craftile progress{vertical-align:baseline}.__craftile summary{display:list-item}.__craftile ol,.__craftile ul,.__craftile menu{list-style:none}.__craftile img,.__craftile svg,.__craftile video,.__craftile canvas,.__craftile audio,.__craftile iframe,.__craftile embed,.__craftile object{vertical-align:middle;display:block}.__craftile img,.__craftile video{max-width:100%;height:auto}.__craftile button,.__craftile input,.__craftile select,.__craftile optgroup,.__craftile textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}.__craftile ::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}.__craftile :where(select:is([multiple],[size])) optgroup{font-weight:bolder}.__craftile :where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}.__craftile ::file-selector-button{margin-inline-end:4px}.__craftile ::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){.__craftile ::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){.__craftile ::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}.__craftile textarea{resize:vertical}.__craftile ::-webkit-search-decoration{-webkit-appearance:none}.__craftile ::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}.__craftile ::-webkit-datetime-edit{display:inline-flex}.__craftile ::-webkit-datetime-edit-fields-wrapper{padding:0}.__craftile ::-webkit-datetime-edit{padding-block:0}.__craftile ::-webkit-datetime-edit-year-field{padding-block:0}.__craftile ::-webkit-datetime-edit-month-field{padding-block:0}.__craftile ::-webkit-datetime-edit-day-field{padding-block:0}.__craftile ::-webkit-datetime-edit-hour-field{padding-block:0}.__craftile ::-webkit-datetime-edit-minute-field{padding-block:0}.__craftile ::-webkit-datetime-edit-second-field{padding-block:0}.__craftile ::-webkit-datetime-edit-millisecond-field{padding-block:0}.__craftile ::-webkit-datetime-edit-meridiem-field{padding-block:0}.__craftile ::-webkit-calendar-picker-indicator{line-height:1}.__craftile :-moz-ui-invalid{box-shadow:none}.__craftile button,.__craftile input:where([type=button],[type=reset],[type=submit]){appearance:button}.__craftile ::file-selector-button{appearance:button}.__craftile ::-webkit-inner-spin-button{height:auto}.__craftile ::-webkit-outer-spin-button{height:auto}.__craftile [hidden]:where(:not([hidden=until-found])){display:none!important}.__craftile *,.__craftile :after,.__craftile :before,.__craftile ::backdrop{border-color:var(--color-gray-200,oklch(92% .004 286.32))}.__craftile ::file-selector-button{border-color:var(--color-gray-200,oklch(92% .004 286.32))}}@layer components{.__craftile .ghost-block{border-radius:var(--radius-md);border-style:var(--tw-border-style);--tw-border-style:dashed;border-style:dashed;border-width:2px;border-color:var(--color-accent,oklch(54.6% .245 262.881))}@supports (color:color-mix(in lab,red,red)){.__craftile .ghost-block{border-color:color-mix(in oklab,var(--color-accent,oklch(54.6% .245 262.881))80%,transparent)}}.__craftile .ghost-block{background-color:var(--color-accent,oklch(54.6% .245 262.881))}@supports (color:color-mix(in lab,red,red)){.__craftile .ghost-block{background-color:color-mix(in oklab,var(--color-accent,oklch(54.6% .245 262.881))20%,transparent)}}.__craftile .ghost-block{opacity:.3}.__craftile .configuration-panel-aside{width:18.75rem}.__craftile .configuration-panel-enter-active,.__craftile .configuration-panel-leave-active{transition:width .2s ease-out,opacity .2s ease-out;overflow:hidden}.__craftile .configuration-panel-enter-from,.__craftile .configuration-panel-leave-to{opacity:0;width:0}.__craftile .configuration-panel-enter-to,.__craftile .configuration-panel-leave-from{opacity:1;width:18.75rem}.__craftile .property-field-enter-active,.__craftile .property-field-leave-active{transition:all .2s;overflow:hidden}.__craftile .property-field-enter-from,.__craftile .property-field-leave-to{opacity:0;max-height:0}.__craftile .property-field-enter-to,.__craftile .property-field-leave-from{opacity:1;max-height:200px}}@layer utilities{.__craftile .pointer-events-auto{pointer-events:auto}.__craftile .pointer-events-none{pointer-events:none}.__craftile .invisible{visibility:hidden}.__craftile .visible{visibility:visible}.__craftile .sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.__craftile .absolute{position:absolute}.__craftile .fixed{position:fixed}.__craftile .relative{position:relative}.__craftile .static{position:static}.__craftile .inset-0{inset:calc(var(--spacing)*0)}.__craftile .-top-2{top:calc(var(--spacing)*-2)}.__craftile .-top-\\[18\\.5px\\]{top:-18.5px}.__craftile .-top-\\[19px\\]{top:-19px}.__craftile .top-0{top:calc(var(--spacing)*0)}.__craftile .top-1\\/2{top:50%}.__craftile .top-4{top:calc(var(--spacing)*4)}.__craftile .-right-2{right:calc(var(--spacing)*-2)}.__craftile .right-0{right:calc(var(--spacing)*0)}.__craftile .right-4{right:calc(var(--spacing)*4)}.__craftile .-bottom-2{bottom:calc(var(--spacing)*-2)}.__craftile .-left-2{left:calc(var(--spacing)*-2)}.__craftile .-left-\\[1px\\]{left:-1px}.__craftile .left-0{left:calc(var(--spacing)*0)}.__craftile .left-1\\/2{left:50%}.__craftile .\\!z-10{z-index:10!important}.__craftile .\\!z-\\[1100\\]{z-index:1100!important}.__craftile .z-5{z-index:5}.__craftile .z-10{z-index:10}.__craftile .z-50{z-index:50}.__craftile .z-\\[1000\\]{z-index:1000}.__craftile .container{width:100%}@media (min-width:40rem){.__craftile .container{max-width:40rem}}@media (min-width:48rem){.__craftile .container{max-width:48rem}}@media (min-width:64rem){.__craftile .container{max-width:64rem}}@media (min-width:80rem){.__craftile .container{max-width:80rem}}@media (min-width:96rem){.__craftile .container{max-width:96rem}}.__craftile .m-0{margin:calc(var(--spacing)*0)}.__craftile .mx-0{margin-inline:calc(var(--spacing)*0)}.__craftile .mx-2{margin-inline:calc(var(--spacing)*2)}.__craftile .mx-auto{margin-inline:auto}.__craftile .my-1{margin-block:calc(var(--spacing)*1)}.__craftile .my-2{margin-block:calc(var(--spacing)*2)}.__craftile .mt-0{margin-top:calc(var(--spacing)*0)}.__craftile .mt-1{margin-top:calc(var(--spacing)*1)}.__craftile .mt-2{margin-top:calc(var(--spacing)*2)}.__craftile .mt-4{margin-top:calc(var(--spacing)*4)}.__craftile .mr-0\\.5{margin-right:calc(var(--spacing)*.5)}.__craftile .mr-1{margin-right:calc(var(--spacing)*1)}.__craftile .mb-1{margin-bottom:calc(var(--spacing)*1)}.__craftile .mb-2{margin-bottom:calc(var(--spacing)*2)}.__craftile .mb-3{margin-bottom:calc(var(--spacing)*3)}.__craftile .mb-4{margin-bottom:calc(var(--spacing)*4)}.__craftile .ml-2{margin-left:calc(var(--spacing)*2)}.__craftile .ml-3{margin-left:calc(var(--spacing)*3)}.__craftile .ml-auto{margin-left:auto}.__craftile .box-border{box-sizing:border-box}.__craftile .block{display:block}.__craftile .flex{display:flex}.__craftile .grid{display:grid}.__craftile .hidden{display:none}.__craftile .inline{display:inline}.__craftile .inline-flex{display:inline-flex}.__craftile .aspect-square{aspect-ratio:1}.__craftile .size-1\\.5{width:calc(var(--spacing)*1.5);height:calc(var(--spacing)*1.5)}.__craftile .h-1\\.5{height:calc(var(--spacing)*1.5)}.__craftile .h-3{height:calc(var(--spacing)*3)}.__craftile .h-3\\.5{height:calc(var(--spacing)*3.5)}.__craftile .h-4{height:calc(var(--spacing)*4)}.__craftile .h-5{height:calc(var(--spacing)*5)}.__craftile .h-6{height:calc(var(--spacing)*6)}.__craftile .h-8{height:calc(var(--spacing)*8)}.__craftile .h-10{height:calc(var(--spacing)*10)}.__craftile .h-12{height:calc(var(--spacing)*12)}.__craftile .h-14{height:calc(var(--spacing)*14)}.__craftile .h-16{height:calc(var(--spacing)*16)}.__craftile .h-\\[2px\\]{height:2px}.__craftile .h-\\[520px\\]{height:520px}.__craftile .h-full{height:100%}.__craftile .h-px{height:1px}.__craftile .max-h-\\[90vh\\]{max-height:90vh}.__craftile .max-h-\\[calc\\(100vh-2rem\\)\\]{max-height:calc(100vh - 2rem)}.__craftile .w-0{width:calc(var(--spacing)*0)}.__craftile .w-3{width:calc(var(--spacing)*3)}.__craftile .w-3\\.5{width:calc(var(--spacing)*3.5)}.__craftile .w-4{width:calc(var(--spacing)*4)}.__craftile .w-5{width:calc(var(--spacing)*5)}.__craftile .w-6{width:calc(var(--spacing)*6)}.__craftile .w-8{width:calc(var(--spacing)*8)}.__craftile .w-10{width:calc(var(--spacing)*10)}.__craftile .w-12{width:calc(var(--spacing)*12)}.__craftile .w-14{width:calc(var(--spacing)*14)}.__craftile .w-16{width:calc(var(--spacing)*16)}.__craftile .w-60{width:calc(var(--spacing)*60)}.__craftile .w-72{width:calc(var(--spacing)*72)}.__craftile .w-75{width:calc(var(--spacing)*75)}.__craftile .w-\\[640px\\]{width:640px}.__craftile .w-full{width:100%}.__craftile .w-max{width:max-content}.__craftile .max-w-2xl{max-width:var(--container-2xl)}.__craftile .max-w-\\[120px\\]{max-width:120px}.__craftile .max-w-\\[calc\\(100vw-2rem\\)\\]{max-width:calc(100vw - 2rem)}.__craftile .max-w-full{max-width:100%}.__craftile .max-w-lg{max-width:var(--container-lg)}.__craftile .max-w-md{max-width:var(--container-md)}.__craftile .max-w-sm{max-width:var(--container-sm)}.__craftile .max-w-xl{max-width:var(--container-xl)}.__craftile .max-w-xs{max-width:var(--container-xs)}.__craftile .min-w-0{min-width:calc(var(--spacing)*0)}.__craftile .min-w-\\[160px\\]{min-width:160px}.__craftile .min-w-\\[180px\\]{min-width:180px}.__craftile .flex-1{flex:1}.__craftile .flex-none{flex:none}.__craftile .shrink-0{flex-shrink:0}.__craftile .-translate-x-1\\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.__craftile .-translate-y-1\\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.__craftile .rotate-45{rotate:45deg}.__craftile .rotate-90{rotate:90deg}.__craftile .rotate-180{rotate:180deg}.__craftile .transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.__craftile .animate-spin{animation:var(--animate-spin)}.__craftile .cursor-grab{cursor:grab}.__craftile .cursor-pointer{cursor:pointer}.__craftile .resize{resize:both}.__craftile .flex-col{flex-direction:column}.__craftile .flex-wrap{flex-wrap:wrap}.__craftile .items-center{align-items:center}.__craftile .items-start{align-items:flex-start}.__craftile .justify-between{justify-content:space-between}.__craftile .justify-center{justify-content:center}.__craftile .justify-end{justify-content:flex-end}.__craftile .gap-0\\.5{gap:calc(var(--spacing)*.5)}.__craftile .gap-1{gap:calc(var(--spacing)*1)}.__craftile .gap-1\\.5{gap:calc(var(--spacing)*1.5)}.__craftile .gap-2{gap:calc(var(--spacing)*2)}.__craftile .gap-3{gap:calc(var(--spacing)*3)}.__craftile :where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}.__craftile .truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.__craftile .overflow-auto{overflow:auto}.__craftile .overflow-hidden{overflow:hidden}.__craftile .overflow-y-auto{overflow-y:auto}.__craftile .overflow-y-hidden{overflow-y:hidden}.__craftile .rounded{border-radius:.25rem}.__craftile .rounded-full{border-radius:3.40282e38px}.__craftile .rounded-lg{border-radius:var(--radius-lg)}.__craftile .rounded-md{border-radius:var(--radius-md)}.__craftile .rounded-xs{border-radius:var(--radius-xs)}.__craftile .rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.__craftile .border{border-style:var(--tw-border-style);border-width:1px}.__craftile .border-0{border-style:var(--tw-border-style);border-width:0}.__craftile .border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.__craftile .border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.__craftile .border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.__craftile .border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.__craftile .border-dashed{--tw-border-style:dashed;border-style:dashed}.__craftile .border-solid{--tw-border-style:solid;border-style:solid}.__craftile .border-\\[none\\]{border-color:none}.__craftile .border-blue-500{border-color:var(--color-blue-500)}.__craftile .border-gray-100{border-color:var(--color-gray-100,oklch(96.7% .001 286.375))}.__craftile .border-gray-200{border-color:var(--color-gray-200,oklch(92% .004 286.32))}.__craftile .border-gray-300\\/60{border-color:var(--color-gray-300,oklch(87.1% .006 286.286))}@supports (color:color-mix(in lab,red,red)){.__craftile .border-gray-300\\/60{border-color:color-mix(in oklab,var(--color-gray-300,oklch(87.1% .006 286.286))60%,transparent)}}.__craftile .border-red-200{border-color:var(--color-red-200)}.__craftile .border-slate-400{border-color:var(--color-slate-400)}.__craftile .border-white\\/20{border-color:#fff3}@supports (color:color-mix(in lab,red,red)){.__craftile .border-white\\/20{border-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.__craftile .bg-accent{background-color:var(--color-accent,oklch(54.6% .245 262.881))}.__craftile .bg-accent-foreground{background-color:var(--color-accent-foreground,oklch(93.2% .032 255.585))}.__craftile .bg-accent\\/8{background-color:var(--color-accent,oklch(54.6% .245 262.881))}@supports (color:color-mix(in lab,red,red)){.__craftile .bg-accent\\/8{background-color:color-mix(in oklab,var(--color-accent,oklch(54.6% .245 262.881))8%,transparent)}}.__craftile .bg-accent\\/70{background-color:var(--color-accent,oklch(54.6% .245 262.881))}@supports (color:color-mix(in lab,red,red)){.__craftile .bg-accent\\/70{background-color:color-mix(in oklab,var(--color-accent,oklch(54.6% .245 262.881))70%,transparent)}}.__craftile .bg-black\\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.__craftile .bg-black\\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.__craftile .bg-blue-500{background-color:var(--color-blue-500)}.__craftile .bg-blue-500\\/5{background-color:#3080ff0d}@supports (color:color-mix(in lab,red,red)){.__craftile .bg-blue-500\\/5{background-color:color-mix(in oklab,var(--color-blue-500)5%,transparent)}}.__craftile .bg-blue-500\\/90{background-color:#3080ffe6}@supports (color:color-mix(in lab,red,red)){.__craftile .bg-blue-500\\/90{background-color:color-mix(in oklab,var(--color-blue-500)90%,transparent)}}.__craftile .bg-blue-500\\/95{background-color:#3080fff2}@supports (color:color-mix(in lab,red,red)){.__craftile .bg-blue-500\\/95{background-color:color-mix(in oklab,var(--color-blue-500)95%,transparent)}}.__craftile .bg-gray-50{background-color:var(--color-gray-50,oklch(98.5% 0 0))}.__craftile .bg-gray-100{background-color:var(--color-gray-100,oklch(96.7% .001 286.375))}.__craftile .bg-gray-200{background-color:var(--color-gray-200,oklch(92% .004 286.32))}.__craftile .bg-gray-800{background-color:var(--color-gray-800,oklch(37% .013 285.805))}.__craftile .bg-green-800{background-color:var(--color-green-800)}.__craftile .bg-primary{background-color:var(--color-primary,oklch(14.7% .004 49.25))}.__craftile .bg-red-50{background-color:var(--color-red-50)}.__craftile .bg-red-600{background-color:var(--color-red-600)}.__craftile .bg-secondary{background-color:var(--color-secondary,oklch(92% .004 286.32))}.__craftile .bg-transparent{background-color:#0000}.__craftile .bg-white{background-color:var(--color-white)}.__craftile .fill-current{fill:currentColor}.__craftile .object-contain{object-fit:contain}.__craftile .p-0{padding:calc(var(--spacing)*0)}.__craftile .p-0\\.5{padding:calc(var(--spacing)*.5)}.__craftile .p-1{padding:calc(var(--spacing)*1)}.__craftile .p-1\\.5{padding:calc(var(--spacing)*1.5)}.__craftile .p-2{padding:calc(var(--spacing)*2)}.__craftile .p-3{padding:calc(var(--spacing)*3)}.__craftile .p-4{padding:calc(var(--spacing)*4)}.__craftile .p-6{padding:calc(var(--spacing)*6)}.__craftile .p-\\[2px\\]{padding:2px}.__craftile .px-1{padding-inline:calc(var(--spacing)*1)}.__craftile .px-1\\.5{padding-inline:calc(var(--spacing)*1.5)}.__craftile .px-2{padding-inline:calc(var(--spacing)*2)}.__craftile .px-3{padding-inline:calc(var(--spacing)*3)}.__craftile .px-4{padding-inline:calc(var(--spacing)*4)}.__craftile .px-6{padding-inline:calc(var(--spacing)*6)}.__craftile .py-0\\.5{padding-block:calc(var(--spacing)*.5)}.__craftile .py-1{padding-block:calc(var(--spacing)*1)}.__craftile .py-1\\.5{padding-block:calc(var(--spacing)*1.5)}.__craftile .py-2{padding-block:calc(var(--spacing)*2)}.__craftile .py-2\\.5{padding-block:calc(var(--spacing)*2.5)}.__craftile .py-3{padding-block:calc(var(--spacing)*3)}.__craftile .py-4{padding-block:calc(var(--spacing)*4)}.__craftile .py-8{padding-block:calc(var(--spacing)*8)}.__craftile .pb-1{padding-bottom:calc(var(--spacing)*1)}.__craftile .text-center{text-align:center}.__craftile .text-left{text-align:left}.__craftile .font-mono{font-family:var(--font-mono)}.__craftile .text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.__craftile .text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.__craftile .text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.__craftile .text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.__craftile .text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.__craftile .text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.__craftile .text-\\[0\\.6rem\\],.__craftile .text-\\[0\\.60rem\\]{font-size:.6rem}.__craftile .text-\\[0\\.625rem\\]{font-size:.625rem}.__craftile .text-\\[13px\\]{font-size:13px}.__craftile .leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.__craftile .font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.__craftile .font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.__craftile .text-ellipsis{text-overflow:ellipsis}.__craftile .whitespace-nowrap{white-space:nowrap}.__craftile .text-accent{color:var(--color-accent,oklch(54.6% .245 262.881))}.__craftile .text-accent\\!{color:var(--color-accent,oklch(54.6% .245 262.881))!important}.__craftile .text-accent-foreground{color:var(--color-accent-foreground,oklch(93.2% .032 255.585))}.__craftile .text-accent\\/90{color:var(--color-accent,oklch(54.6% .245 262.881))}@supports (color:color-mix(in lab,red,red)){.__craftile .text-accent\\/90{color:color-mix(in oklab,var(--color-accent,oklch(54.6% .245 262.881))90%,transparent)}}.__craftile .text-gray-400{color:var(--color-gray-400,oklch(70.5% .015 286.067))}.__craftile .text-gray-500{color:var(--color-gray-500,oklch(55.2% .016 285.938))}.__craftile .text-gray-600{color:var(--color-gray-600,oklch(44.2% .017 285.786))}.__craftile .text-gray-700{color:var(--color-gray-700,oklch(37% .013 285.805))}.__craftile .text-gray-900{color:var(--color-gray-900,oklch(37% .013 285.805))}.__craftile .text-primary-foreground{color:var(--color-primary-foreground,oklch(98.5% 0 0))}.__craftile .text-red-600{color:var(--color-red-600)}.__craftile .text-secondary-foreground{color:var(--color-secondary-foreground,oklch(37% .013 285.805))}.__craftile .text-white{color:var(--color-white)}.__craftile .capitalize{text-transform:capitalize}.__craftile .italic{font-style:italic}.__craftile .opacity-0{opacity:0}.__craftile .opacity-25{opacity:.25}.__craftile .opacity-75{opacity:.75}.__craftile .opacity-80{opacity:.8}.__craftile .opacity-100{opacity:1}.__craftile .shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.__craftile .shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.__craftile .shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.__craftile .shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.__craftile .shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.__craftile .ring-1{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.__craftile .shadow-black\\/25{--tw-shadow-color:#00000040}@supports (color:color-mix(in lab,red,red)){.__craftile .shadow-black\\/25{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-black)25%,transparent)var(--tw-shadow-alpha),transparent)}}.__craftile .ring-white\\/10{--tw-ring-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.__craftile .ring-white\\/10{--tw-ring-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.__craftile .filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.__craftile .transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.__craftile .transition-\\[background\\]{transition-property:background;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.__craftile .transition-\\[width\\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.__craftile .transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.__craftile .transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.__craftile .transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.__craftile .transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.__craftile .duration-100{--tw-duration:.1s;transition-duration:.1s}.__craftile .duration-200{--tw-duration:.2s;transition-duration:.2s}.__craftile .duration-300{--tw-duration:.3s;transition-duration:.3s}.__craftile .duration-\\[0\\.2s\\]{--tw-duration:.2s;transition-duration:.2s}.__craftile .ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.__craftile .not-last\\:border-b:not(:last-child){border-bottom-style:var(--tw-border-style);border-bottom-width:1px}@media (hover:hover){.__craftile .group-hover\\:flex:is(:where(.group):hover *){display:flex}.__craftile .group-hover\\:w-full:is(:where(.group):hover *){width:100%}.__craftile .group-hover\\:opacity-0:is(:where(.group):hover *){opacity:0}.__craftile .group-hover\\:opacity-100:is(:where(.group):hover *){opacity:1}}.__craftile .last\\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}@media (hover:hover){.__craftile .hover\\:bg-accent-foreground:hover{background-color:var(--color-accent-foreground,oklch(93.2% .032 255.585))}.__craftile .hover\\:bg-accent\\/90:hover{background-color:var(--color-accent,oklch(54.6% .245 262.881))}@supports (color:color-mix(in lab,red,red)){.__craftile .hover\\:bg-accent\\/90:hover{background-color:color-mix(in oklab,var(--color-accent,oklch(54.6% .245 262.881))90%,transparent)}}.__craftile .hover\\:bg-blue-500:hover{background-color:var(--color-blue-500)}.__craftile .hover\\:bg-gray-50:hover{background-color:var(--color-gray-50,oklch(98.5% 0 0))}.__craftile .hover\\:bg-gray-100:hover{background-color:var(--color-gray-100,oklch(96.7% .001 286.375))}.__craftile .hover\\:bg-gray-200:hover{background-color:var(--color-gray-200,oklch(92% .004 286.32))}.__craftile .hover\\:bg-primary\\/90:hover{background-color:var(--color-primary,oklch(14.7% .004 49.25))}@supports (color:color-mix(in lab,red,red)){.__craftile .hover\\:bg-primary\\/90:hover{background-color:color-mix(in oklab,var(--color-primary,oklch(14.7% .004 49.25))90%,transparent)}}.__craftile .hover\\:bg-red-50:hover{background-color:var(--color-red-50)}.__craftile .hover\\:bg-red-100:hover{background-color:var(--color-red-100)}.__craftile .hover\\:bg-red-700:hover{background-color:var(--color-red-700)}.__craftile .hover\\:bg-secondary\\/90:hover{background-color:var(--color-secondary,oklch(92% .004 286.32))}@supports (color:color-mix(in lab,red,red)){.__craftile .hover\\:bg-secondary\\/90:hover{background-color:color-mix(in oklab,var(--color-secondary,oklch(92% .004 286.32))90%,transparent)}}.__craftile .hover\\:text-accent:hover{color:var(--color-accent,oklch(54.6% .245 262.881))}.__craftile .hover\\:text-gray-600:hover{color:var(--color-gray-600,oklch(44.2% .017 285.786))}.__craftile .hover\\:text-gray-700:hover{color:var(--color-gray-700,oklch(37% .013 285.805))}.__craftile .hover\\:text-red-600:hover{color:var(--color-red-600)}.__craftile .hover\\:opacity-100:hover{opacity:1}.__craftile .hover\\:ring-2:hover{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.__craftile .hover\\:ring-accent\\/40:hover{--tw-ring-color:var(--color-accent,oklch(54.6% .245 262.881))}@supports (color:color-mix(in lab,red,red)){.__craftile .hover\\:ring-accent\\/40:hover{--tw-ring-color:color-mix(in oklab,var(--color-accent,oklch(54.6% .245 262.881))40%,transparent)}}}.__craftile .focus\\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.__craftile .focus\\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.__craftile .focus\\:ring-blue-500:focus{--tw-ring-color:var(--color-blue-500)}.__craftile .focus\\:outline-none:focus{--tw-outline-style:none;outline-style:none}.__craftile .focus-visible\\:border-transparent:focus-visible{border-color:#0000}.__craftile .focus-visible\\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.__craftile .focus-visible\\:ring-accent:focus-visible{--tw-ring-color:var(--color-accent,oklch(54.6% .245 262.881))}.__craftile .focus-visible\\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.__craftile .focus-visible\\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.__craftile .active\\:cursor-grabbing:active{cursor:grabbing}@media (hover:hover){.__craftile .hover\\:enabled\\:bg-gray-500:hover:enabled{background-color:var(--color-gray-500,oklch(55.2% .016 285.938))}.__craftile .hover\\:enabled\\:bg-red-800:hover:enabled{background-color:var(--color-red-800)}.__craftile .hover\\:enabled\\:text-gray-100:hover:enabled{color:var(--color-gray-100,oklch(96.7% .001 286.375))}.__craftile .hover\\:enabled\\:text-red-200:hover:enabled{color:var(--color-red-200)}}.__craftile .active\\:enabled\\:bg-gray-600:active:enabled{background-color:var(--color-gray-600,oklch(44.2% .017 285.786))}.__craftile .disabled\\:pointer-events-none:disabled{pointer-events:none}.__craftile .disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.__craftile .disabled\\:text-gray-600:disabled{color:var(--color-gray-600,oklch(44.2% .017 285.786))}.__craftile .disabled\\:opacity-50:disabled{opacity:.5}.__craftile .data-selected\\:border[data-selected]{border-style:var(--tw-border-style);border-width:1px}.__craftile .data-selected\\:border-b-2[data-selected]{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.__craftile .data-selected\\:border-accent[data-selected],.__craftile .data-selected\\:border-accent\\/20[data-selected]{border-color:var(--color-accent,oklch(54.6% .245 262.881))}@supports (color:color-mix(in lab,red,red)){.__craftile .data-selected\\:border-accent\\/20[data-selected]{border-color:color-mix(in oklab,var(--color-accent,oklch(54.6% .245 262.881))20%,transparent)}}.__craftile .data-selected\\:bg-accent\\/10[data-selected]{background-color:var(--color-accent,oklch(54.6% .245 262.881))}@supports (color:color-mix(in lab,red,red)){.__craftile .data-selected\\:bg-accent\\/10[data-selected]{background-color:color-mix(in oklab,var(--color-accent,oklch(54.6% .245 262.881))10%,transparent)}}.__craftile .data-selected\\:bg-white[data-selected]{background-color:var(--color-white)}.__craftile .data-selected\\:text-accent[data-selected]{color:var(--color-accent,oklch(54.6% .245 262.881))}.__craftile .data-selected\\:shadow[data-selected]{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@media (hover:hover){.__craftile .data-selected\\:hover\\:bg-accent\\/10[data-selected]:hover{background-color:var(--color-accent,oklch(54.6% .245 262.881))}@supports (color:color-mix(in lab,red,red)){.__craftile .data-selected\\:hover\\:bg-accent\\/10[data-selected]:hover{background-color:color-mix(in oklab,var(--color-accent,oklch(54.6% .245 262.881))10%,transparent)}}}.__craftile .data-\\[disabled\\]\\:cursor-not-allowed[data-disabled]{cursor:not-allowed}.__craftile .data-\\[disabled\\]\\:opacity-50[data-disabled]{opacity:.5}.__craftile .data-\\[state\\=checked\\]\\:bg-accent\\/10[data-state=checked]{background-color:var(--color-accent,oklch(54.6% .245 262.881))}@supports (color:color-mix(in lab,red,red)){.__craftile .data-\\[state\\=checked\\]\\:bg-accent\\/10[data-state=checked]{background-color:color-mix(in oklab,var(--color-accent,oklch(54.6% .245 262.881))10%,transparent)}}.__craftile .data-\\[state\\=checked\\]\\:text-accent[data-state=checked]{color:var(--color-accent,oklch(54.6% .245 262.881))}.__craftile .data-\\[state\\=closed\\]\\:animate-exit[data-state=closed]{animation:var(--animate-exit)}.__craftile .data-\\[state\\=open\\]\\:rotate-180[data-state=open]{rotate:180deg}.__craftile .data-\\[state\\=open\\]\\:animate-enter[data-state=open]{animation:var(--animate-enter)}.__craftile .\\[\\&_svg\\]\\:h-full svg{height:100%}.__craftile .\\[\\&_svg\\]\\:w-full svg{width:100%}.__craftile .\\[\\&_svg\\]\\:fill-current svg{fill:currentColor}.__craftile .\\[\\&\\>svg\\]\\:h-4>svg{height:calc(var(--spacing)*4)}.__craftile .\\[\\&\\>svg\\]\\:w-3\\.5>svg{width:calc(var(--spacing)*3.5)}.__craftile .\\[\\&\\>svg\\]\\:w-4>svg{width:calc(var(--spacing)*4)}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes enter{0%{opacity:0;transform:scale(.95)translateY(-10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes exit{0%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.95)translateY(-10px)}}')),document.head.appendChild(r)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
-import { defineComponent as B, inject as Oe, ref as se, onMounted as nt, watch as Mo, createElementBlock as S, openBlock as g, markRaw as ee, createElementVNode as C, renderSlot as A, normalizeProps as Me, guardReactiveProps as Ae, unref as a, createBlock as x, createCommentVNode as J, mergeProps as U, withCtx as _, computed as b, useId as rt, toValue as we, mergeDefaults as Ye, createTextVNode as ue, reactive as jt, onBeforeUnmount as Cn, Fragment as me, renderList as Ce, createVNode as E, normalizeClass as Ie, toDisplayString as j, resolveDynamicComponent as pt, isRef as et, getCurrentInstance as En, onUnmounted as Ao, toRaw as xr, nextTick as uo, withDirectives as Ms, vModelText as As, withModifiers as Lt, normalizeStyle as Ro, toRefs as ua, h as Ns, resolveComponent as pa, KeepAlive as ha, Transition as ga, TransitionGroup as Wr, createApp as fa, provide as ma } from "vue";
-import { C as Ee, c as Ne, u as V, b as G, d as zt, r as ye, e as Z, f as Et, g as pn, s as sr, h as Xe, n as Fs, i as Ge, j as ft, D as mt, k as Wt, l as Kt, m as po, o as Pt, p as Ot, q as ho, R as st, t as wr, w as Ls, v as Vs, x as Hs, y as Cr, z as Er, A as va, B as ba, E as hn, F as Pr, G as Or, H as Pn, P as On, I as Tr, J as Tn, K as Br, L as ya, M as Us, N as qt, O as mo, Q as ct, S as Ln, T as _a, U as Vn, V as ka, W as Ia, X as Sr, Y as Tt, Z as Gs, $ as js, a0 as zs, a1 as Ws, a2 as Ks, a3 as Hn, a4 as Kr, a5 as ir, a6 as io, a7 as xa, a8 as wa, a9 as Ca, aa as qs, ab as Ea, ac as Wo, ad as qr, ae as Pa, af as Oa, ag as Xs, ah as gn, ai as Ta, aj as Ba, ak as Ys, al as Js, am as Sa, an as $a, ao as ar, ap as Ra, aq as Da, ar as Ma, as as Aa, at as Na, au as Fa, av as La, aw as Va, ax as Un, ay as Ha, az as Ua, aA as Ko, aB as Qs, aC as Ga, aD as it, aE as Vt, aF as Ht, aG as Ut, aH as $r, _ as go, aI as Xr, aJ as ja, aK as Yr, aL as za, aM as Wa, a as Ka } from "./PropertyField.vue_vue_type_script_setup_true_lang-2Bfcqb0W.js";
+import { defineComponent as B, inject as Oe, ref as se, onMounted as nt, watch as Mo, createElementBlock as S, openBlock as g, markRaw as ee, createElementVNode as C, renderSlot as A, normalizeProps as Me, guardReactiveProps as Ae, unref as a, createBlock as x, createCommentVNode as J, mergeProps as U, withCtx as _, computed as b, useId as rt, toValue as we, mergeDefaults as Ye, createTextVNode as ue, reactive as jt, onBeforeUnmount as Cn, Fragment as me, renderList as Ce, createVNode as E, normalizeClass as Ie, toDisplayString as j, resolveDynamicComponent as pt, isRef as et, getCurrentInstance as En, onUnmounted as Ao, toRaw as xr, nextTick as uo, withDirectives as Ms, vModelText as As, withModifiers as Lt, normalizeStyle as $o, toRefs as ua, h as Ns, resolveComponent as pa, KeepAlive as ha, Transition as ga, TransitionGroup as Wr, createApp as fa, provide as ma } from "vue";
+import { C as Ee, c as Ne, u as V, b as G, d as zt, r as ye, e as Z, f as Et, g as pn, s as sr, h as Xe, n as Fs, i as Ge, j as ft, D as mt, k as Wt, l as Kt, m as po, o as Pt, p as Ot, q as ho, R as st, t as wr, w as Ls, v as Vs, x as Hs, y as Cr, z as Er, A as va, B as ba, E as hn, F as Pr, G as Or, H as Pn, P as On, I as Tr, J as Tn, K as Br, L as ya, M as Us, N as qt, O as mo, Q as ct, S as Ln, T as _a, U as Vn, V as ka, W as Ia, X as Sr, Y as Tt, Z as Gs, $ as js, a0 as zs, a1 as Ws, a2 as Ks, a3 as Hn, a4 as Kr, a5 as ir, a6 as io, a7 as xa, a8 as wa, a9 as Ca, aa as qs, ab as Ea, ac as Wo, ad as qr, ae as Pa, af as Oa, ag as Xs, ah as gn, ai as Ta, aj as Ba, ak as Ys, al as Js, am as Sa, an as Ra, ao as ar, ap as $a, aq as Da, ar as Ma, as as Aa, at as Na, au as Fa, av as La, aw as Va, ax as Un, ay as Ha, az as Ua, aA as Ko, aB as Qs, aC as Ga, aD as it, aE as Vt, aF as Ht, aG as Ut, aH as Rr, _ as go, aI as Xr, aJ as ja, aK as Yr, aL as za, aM as Wa, a as Ka } from "./PropertyField.vue_vue_type_script_setup_true_lang-2Bfcqb0W.js";
 const lo = () => crypto.randomUUID ? crypto.randomUUID() : Date.now().toString(36) + Math.random().toString(36).substr(2), re = (e) => e.id || e.name, fn = (e, t) => t !== void 0 && t >= 0 && t <= e ? t : e, Zs = (e, t) => t || e.regions[0] && re(e.regions[0]) || "main", ei = (e, t, o, n) => {
   if (t) {
     const i = e.blocks[t];
@@ -339,6 +339,9 @@ class Jr {
   blocksManager;
   emit;
   createdBlockIds = [];
+  // Child IDs in creation order, reused on redo so children keep their IDs
+  childIds = [];
+  childIdIndex = 0;
   constructor(t, o) {
     if (this.getPage = t, this.blockType = o.blockType, this.presetIndex = o.presetIndex, this.presetData = o.presetData, this.parentId = o.parentId, this.regionId = o.regionId, this.index = o.index, this.blockId = lo(), this.blocksManager = o.blocksManager, this.emit = o.emit, o.presetIndex === void 0 && !o.presetData)
       throw new Error("Either presetIndex or presetData must be provided");
@@ -360,7 +363,7 @@ class Jr {
     const t = this.getPage(), o = ei(t, this.parentId, this.regionId, this.index);
     this.resolvedRegionId = o.kind === "region" ? o.regionId : void 0;
     const n = this.blocksManager.get(this.blockType);
-    if (this.presetData)
+    if (this.createdBlockIds = [], this.childIdIndex = 0, this.presetData)
       this.insertedBlock = {
         ...structuredClone(this.presetData),
         type: this.blockType,
@@ -423,7 +426,7 @@ class Jr {
   createChildrenFromPreset(t, o, n) {
     const r = [];
     for (const s of o) {
-      const i = lo(), c = this.blocksManager.get(s.type);
+      const i = this.nextChildId(), c = this.blocksManager.get(s.type);
       if (!c) {
         console.warn(`Block type '${s.type}' not found, skipping child`);
         continue;
@@ -442,6 +445,9 @@ class Jr {
     }
     return r;
   }
+  nextChildId() {
+    return this.childIdIndex === this.childIds.length && this.childIds.push(lo()), this.childIds[this.childIdIndex++];
+  }
   buildProperties(t, o) {
     const n = {};
     if (t?.properties)
@@ -454,6 +460,7 @@ class Za {
   getPage;
   blockId;
   removedBlock;
+  removedDescendants = [];
   originalIndex;
   originalParentId;
   regionId;
@@ -472,6 +479,9 @@ class Za {
       const o = t.regions.find((n) => n.blocks.includes(this.blockId));
       o && (this.originalIndex = o.blocks.indexOf(this.blockId), this.regionId = re(o), o.blocks.splice(this.originalIndex, 1));
     }
+    this.removedDescendants = this.collectDescendants(t, this.removedBlock);
+    for (const o of this.removedDescendants)
+      delete t.blocks[o.id];
     delete t.blocks[this.blockId], this.emit("block:remove", {
       blockId: this.blockId,
       block: this.removedBlock,
@@ -483,7 +493,10 @@ class Za {
     if (!this.removedBlock || this.originalIndex === void 0)
       return;
     const t = this.getPage();
-    if (t.blocks[this.blockId] = this.removedBlock, this.originalParentId) {
+    t.blocks[this.blockId] = this.removedBlock;
+    for (const o of this.removedDescendants)
+      t.blocks[o.id] = o;
+    if (this.originalParentId) {
       const o = t.blocks[this.originalParentId];
       o && o.children.splice(this.originalIndex, 0, this.blockId);
     } else if (this.regionId) {
@@ -504,6 +517,14 @@ class Za {
   getRemovedBlock() {
     return this.removedBlock;
   }
+  collectDescendants(t, o) {
+    const n = [];
+    for (const r of o.children) {
+      const s = t.blocks[r];
+      s && n.push(s, ...this.collectDescendants(t, s));
+    }
+    return n;
+  }
 }
 class el {
   getPage;
@@ -516,6 +537,8 @@ class el {
   originalParentId;
   originalIndex;
   originalRegionId;
+  resolvedIndex;
+  resolvedRegionId;
   emit;
   constructor(t, o) {
     this.getPage = t, this.blockId = o.blockId, this.targetParentId = o.targetParentId, this.targetIndex = o.targetIndex, this.targetRegionId = o.targetRegionId, this.emit = o.emit;
@@ -532,11 +555,11 @@ class el {
       const r = t.regions.find((s) => re(s) === this.originalRegionId);
       r && this.originalIndex !== -1 && r.blocks.splice(this.originalIndex, 1);
     }
-    n.kind === "parent" ? (o.parentId = n.parent.id, n.parent.children.splice(n.index, 0, this.blockId)) : (o.parentId = void 0, t.regions.find((s) => re(s) === n.regionId).blocks.splice(n.index, 0, this.blockId)), this.moved = !0, this.emit("block:move", {
+    n.kind === "parent" ? (o.parentId = n.parent.id, n.parent.children.splice(n.index, 0, this.blockId)) : (o.parentId = void 0, t.regions.find((s) => re(s) === n.regionId).blocks.splice(n.index, 0, this.blockId)), this.moved = !0, this.resolvedIndex = n.index, this.resolvedRegionId = n.kind === "region" ? n.regionId : void 0, this.emit("block:move", {
       blockId: this.blockId,
       targetParentId: this.targetParentId,
-      targetIndex: this.targetIndex,
-      targetRegionId: n.kind === "region" ? n.regionId : void 0,
+      targetIndex: this.resolvedIndex,
+      targetRegionId: this.resolvedRegionId,
       sourceParentId: this.originalParentId || null,
       sourceRegionId: this.originalRegionId || null,
       sourceIndex: this.originalIndex
@@ -607,8 +630,8 @@ class el {
         targetIndex: this.originalIndex,
         targetRegionId: this.originalRegionId,
         sourceParentId: this.targetParentId || null,
-        sourceRegionId: this.targetRegionId || null,
-        sourceIndex: this.targetIndex || 0
+        sourceRegionId: this.resolvedRegionId || null,
+        sourceIndex: this.resolvedIndex
       });
     }
   }
@@ -725,14 +748,16 @@ class nl {
   insertIndex;
   regionId;
   emit;
+  // Original descendant ID -> copy ID, reused on redo so the copy keeps its IDs
+  cloneIds = /* @__PURE__ */ new Map();
   constructor(t, o) {
-    this.getPage = t, this.blockId = o.blockId, this.emit = o.emit;
+    this.getPage = t, this.blockId = o.blockId, this.duplicatedBlockId = lo(), this.emit = o.emit;
   }
   apply() {
     const t = this.getPage(), o = t.blocks[this.blockId];
     if (!o)
       throw new Error(`Block not found: ${this.blockId}`);
-    this.duplicatedBlockId = lo(), this.duplicatedBlock = this.cloneBlockWithNewIds(
+    this.duplicatedBlock = this.cloneBlockWithNewIds(
       t,
       o,
       this.duplicatedBlockId,
@@ -747,7 +772,12 @@ class nl {
     });
   }
   revert() {
-    !this.duplicatedBlock || !this.duplicatedBlockId || this.removeDuplicatedBlock(this.getPage());
+    !this.duplicatedBlock || !this.duplicatedBlockId || (this.removeDuplicatedBlock(this.getPage()), this.emit("block:remove", {
+      blockId: this.duplicatedBlockId,
+      block: this.duplicatedBlock,
+      parentId: this.parentId || void 0,
+      regionId: this.regionId || void 0
+    }));
   }
   getBlockId() {
     return this.blockId;
@@ -778,8 +808,8 @@ class nl {
       for (const i of o.children) {
         const c = t.blocks[i];
         if (c) {
-          const l = lo();
-          this.cloneBlockWithNewIds(t, c, l, n), s.children.push(l);
+          let l = this.cloneIds.get(i);
+          l || (l = lo(), this.cloneIds.set(i, l)), this.cloneBlockWithNewIds(t, c, l, n), s.children.push(l);
         }
       }
     return t.blocks[n] = s, s;
@@ -1413,7 +1443,7 @@ function ll(e, t) {
     }, null, -1)
   ])]);
 }
-const Rr = ee({ name: "heroicons-x-mark", render: ll }), [oi, Fo] = Ne("AccordionContext"), cl = /* @__PURE__ */ B({
+const $r = ee({ name: "heroicons-x-mark", render: ll }), [oi, Fo] = Ne("AccordionContext"), cl = /* @__PURE__ */ B({
   __name: "accordion-context",
   setup(e) {
     const t = Fo();
@@ -1922,7 +1952,7 @@ const bl = (e = {}, t) => {
     }, 16, ["as-child"]));
   }
 });
-var $l = Et("accordion").parts("root", "item", "itemTrigger", "itemContent", "itemIndicator"), vo = $l.build(), mn = (e) => e.ids?.root ?? `accordion:${e.id}`, Rl = (e, t) => e.ids?.item?.(t) ?? `accordion:${e.id}:item:${t}`, Qr = (e, t) => e.ids?.itemContent?.(t) ?? `accordion:${e.id}:content:${t}`, vn = (e, t) => e.ids?.itemTrigger?.(t) ?? `accordion:${e.id}:trigger:${t}`, Dl = (e) => e.getById(mn(e)), Bn = (e) => {
+var Rl = Et("accordion").parts("root", "item", "itemTrigger", "itemContent", "itemIndicator"), vo = Rl.build(), mn = (e) => e.ids?.root ?? `accordion:${e.id}`, $l = (e, t) => e.ids?.item?.(t) ?? `accordion:${e.id}:item:${t}`, Qr = (e, t) => e.ids?.itemContent?.(t) ?? `accordion:${e.id}:content:${t}`, vn = (e, t) => e.ids?.itemTrigger?.(t) ?? `accordion:${e.id}:trigger:${t}`, Dl = (e) => e.getById(mn(e)), Bn = (e) => {
   const o = `[aria-controls][data-ownedby='${CSS.escape(mn(e))}']:not([disabled])`;
   return Or(Dl(e), o);
 }, Ml = (e) => Er(Bn(e)), Al = (e) => Cr(Bn(e)), Nl = (e, t) => Hs(Bn(e), vn(e, t)), Fl = (e, t) => Vs(Bn(e), vn(e, t));
@@ -1957,7 +1987,7 @@ function Ll(e, t) {
       return t.element({
         ...vo.item.attrs,
         dir: r("dir"),
-        id: Rl(s, u.value),
+        id: $l(s, u.value),
         "data-state": p.expanded ? "open" : "closed",
         "data-focus": Z(p.focused),
         "data-disabled": Z(p.disabled),
@@ -2798,7 +2828,7 @@ var mc = Et("dialog").parts(
   "title",
   "description",
   "closeTrigger"
-), Rt = mc.build(), ui = (e) => e.ids?.positioner ?? `dialog:${e.id}:positioner`, pi = (e) => e.ids?.backdrop ?? `dialog:${e.id}:backdrop`, dr = (e) => e.ids?.content ?? `dialog:${e.id}:content`, hi = (e) => e.ids?.trigger ?? `dialog:${e.id}:trigger`, ur = (e) => e.ids?.title ?? `dialog:${e.id}:title`, pr = (e) => e.ids?.description ?? `dialog:${e.id}:description`, gi = (e) => e.ids?.closeTrigger ?? `dialog:${e.id}:close`, Qo = (e) => e.getById(dr(e)), vc = (e) => e.getById(ui(e)), bc = (e) => e.getById(pi(e)), yc = (e) => e.getById(hi(e)), _c = (e) => e.getById(ur(e)), kc = (e) => e.getById(pr(e)), Ic = (e) => e.getById(gi(e));
+), $t = mc.build(), ui = (e) => e.ids?.positioner ?? `dialog:${e.id}:positioner`, pi = (e) => e.ids?.backdrop ?? `dialog:${e.id}:backdrop`, dr = (e) => e.ids?.content ?? `dialog:${e.id}:content`, hi = (e) => e.ids?.trigger ?? `dialog:${e.id}:trigger`, ur = (e) => e.ids?.title ?? `dialog:${e.id}:title`, pr = (e) => e.ids?.description ?? `dialog:${e.id}:description`, gi = (e) => e.ids?.closeTrigger ?? `dialog:${e.id}:close`, Qo = (e) => e.getById(dr(e)), vc = (e) => e.getById(ui(e)), bc = (e) => e.getById(pi(e)), yc = (e) => e.getById(hi(e)), _c = (e) => e.getById(ur(e)), kc = (e) => e.getById(pr(e)), Ic = (e) => e.getById(gi(e));
 function xc(e, t) {
   const { state: o, send: n, context: r, prop: s, scope: i } = e, c = s("aria-label"), l = o.matches("open");
   return {
@@ -2808,7 +2838,7 @@ function xc(e, t) {
     },
     getTriggerProps() {
       return t.button({
-        ...Rt.trigger.attrs,
+        ...$t.trigger.attrs,
         dir: s("dir"),
         id: hi(i),
         "aria-haspopup": "dialog",
@@ -2823,7 +2853,7 @@ function xc(e, t) {
     },
     getBackdropProps() {
       return t.element({
-        ...Rt.backdrop.attrs,
+        ...$t.backdrop.attrs,
         dir: s("dir"),
         hidden: !l,
         id: pi(i),
@@ -2832,7 +2862,7 @@ function xc(e, t) {
     },
     getPositionerProps() {
       return t.element({
-        ...Rt.positioner.attrs,
+        ...$t.positioner.attrs,
         dir: s("dir"),
         id: ui(i),
         style: {
@@ -2843,7 +2873,7 @@ function xc(e, t) {
     getContentProps() {
       const d = r.get("rendered");
       return t.element({
-        ...Rt.content.attrs,
+        ...$t.content.attrs,
         dir: s("dir"),
         role: s("role"),
         hidden: !l,
@@ -2858,21 +2888,21 @@ function xc(e, t) {
     },
     getTitleProps() {
       return t.element({
-        ...Rt.title.attrs,
+        ...$t.title.attrs,
         dir: s("dir"),
         id: ur(i)
       });
     },
     getDescriptionProps() {
       return t.element({
-        ...Rt.description.attrs,
+        ...$t.description.attrs,
         dir: s("dir"),
         id: pr(i)
       });
     },
     getCloseTriggerProps() {
       return t.button({
-        ...Rt.closeTrigger.attrs,
+        ...$t.closeTrigger.attrs,
         dir: s("dir"),
         id: gi(i),
         type: "button",
@@ -3212,7 +3242,7 @@ const Cc = (e = {}, t) => {
       _: 3
     }, 16, ["as-child"]));
   }
-}), $c = /* @__PURE__ */ B({
+}), Rc = /* @__PURE__ */ B({
   __name: "field-input",
   props: {
     modelValue: {},
@@ -3232,7 +3262,7 @@ const Cc = (e = {}, t) => {
       _: 3
     }, 16, ["as-child", "value"]));
   }
-}), Rc = /* @__PURE__ */ B({
+}), $c = /* @__PURE__ */ B({
   __name: "field-label",
   props: {
     asChild: { type: Boolean }
@@ -3295,13 +3325,13 @@ const Cc = (e = {}, t) => {
     const f = js(s);
     if (!f) return;
     const P = () => {
-      const R = t.value.getRootNode();
-      o.hasErrorText = !!R.getElementById(c.value), o.hasHelperText = !!R.getElementById(l.value);
+      const $ = t.value.getRootNode();
+      o.hasErrorText = !!$.getElementById(c.value), o.hasHelperText = !!$.getElementById(l.value);
     };
     P();
-    const N = t.value.getWindow(), $ = new N.MutationObserver(P);
-    $.observe(f, { childList: !0, subtree: !0 }), Cn(() => {
-      $.disconnect();
+    const N = t.value.getWindow(), R = new N.MutationObserver(P);
+    R.observe(f, { childList: !0, subtree: !0 }), Cn(() => {
+      R.disconnect();
     });
   });
   const h = () => {
@@ -3502,8 +3532,8 @@ const Hc = /* @__PURE__ */ B({
   Context: Tc,
   ErrorText: Bc,
   HelperText: Sc,
-  Input: $c,
-  Label: Rc,
+  Input: Rc,
+  Label: $c,
   RequiredIndicator: Dc,
   Root: Fc,
   RootProvider: Mc,
@@ -3804,7 +3834,7 @@ var ad = Et("menu").parts(
   return Or(kt(e), o);
 }, ud = (e) => Er(Vo(e)), pd = (e) => Cr(Vo(e)), Ar = (e, t) => t ? e.id === t || e.dataset.value === t : !1, hd = (e, t) => {
   const o = Vo(e), n = o.findIndex((r) => Ar(r, t.value));
-  return $a(o, n, { loop: t.loop ?? t.loopFocus });
+  return Ra(o, n, { loop: t.loop ?? t.loopFocus });
 }, gd = (e, t) => {
   const o = Vo(e), n = o.findIndex((r) => Ar(r, t.value));
   return Sa(o, n, { loop: t.loop ?? t.loopFocus });
@@ -3840,37 +3870,37 @@ function bd(e, t) {
     };
   }
   function D(f) {
-    const { closeOnSelect: P, valueText: N, value: $ } = f, R = I(f), L = Do(c, $);
+    const { closeOnSelect: P, valueText: N, value: R } = f, $ = I(f), L = Do(c, R);
     return t.element({
       ...Se.item.attrs,
       id: L,
       role: "menuitem",
-      "aria-disabled": zs(R.disabled),
-      "data-disabled": Z(R.disabled),
+      "aria-disabled": zs($.disabled),
+      "data-disabled": Z($.disabled),
       "data-ownedby": Eo(c),
-      "data-highlighted": Z(R.highlighted),
-      "data-value": $,
+      "data-highlighted": Z($.highlighted),
+      "data-value": R,
       "data-valuetext": N,
       onDragStart(M) {
         M.currentTarget.matches("a[href]") && M.preventDefault();
       },
       onPointerMove(M) {
-        if (R.disabled || M.pointerType !== "mouse") return;
+        if ($.disabled || M.pointerType !== "mouse") return;
         const z = M.currentTarget;
-        R.highlighted || n({ type: "ITEM_POINTERMOVE", id: L, target: z, closeOnSelect: P });
+        $.highlighted || n({ type: "ITEM_POINTERMOVE", id: L, target: z, closeOnSelect: P });
       },
       onPointerLeave(M) {
-        if (R.disabled || M.pointerType !== "mouse" || !e.event.previous()?.type.includes("POINTER")) return;
+        if ($.disabled || M.pointerType !== "mouse" || !e.event.previous()?.type.includes("POINTER")) return;
         const O = M.currentTarget;
         n({ type: "ITEM_POINTERLEAVE", id: L, target: O, closeOnSelect: P });
       },
       onPointerDown(M) {
-        if (R.disabled) return;
+        if ($.disabled) return;
         const z = M.currentTarget;
         n({ type: "ITEM_POINTERDOWN", target: z, id: L, closeOnSelect: P });
       },
       onClick(M) {
-        if (Kr(M) || ir(M) || R.disabled) return;
+        if (Kr(M) || ir(M) || $.disabled) return;
         const z = M.currentTarget;
         n({ type: "ITEM_CLICK", target: z, id: L, closeOnSelect: P });
       }
@@ -3991,8 +4021,8 @@ function bd(e, t) {
           }, N = hn(f, {
             orientation: "vertical",
             dir: i("dir")
-          }), $ = P[N];
-          $ && (f.preventDefault(), $(f));
+          }), R = P[N];
+          R && (f.preventDefault(), R(f));
         }
       });
     },
@@ -4050,7 +4080,7 @@ function bd(e, t) {
             f.preventDefault();
             return;
           }
-          const $ = {
+          const R = {
             ArrowDown() {
               n({ type: "ARROW_DOWN" });
             },
@@ -4067,7 +4097,7 @@ function bd(e, t) {
               n({ type: "ENTER" });
             },
             Space(M) {
-              h ? n({ type: "TYPEAHEAD", key: M.key }) : $.Enter?.(M);
+              h ? n({ type: "TYPEAHEAD", key: M.key }) : R.Enter?.(M);
             },
             Home() {
               n({ type: "HOME" });
@@ -4075,7 +4105,7 @@ function bd(e, t) {
             End() {
               n({ type: "END" });
             }
-          }, R = hn(f, { dir: i("dir") }), L = $[R];
+          }, $ = hn(f, { dir: i("dir") }), L = R[$];
           if (L) {
             L(f), f.stopPropagation(), f.preventDefault();
             return;
@@ -4096,21 +4126,21 @@ function bd(e, t) {
     getItemProps: D,
     getOptionItemState: T,
     getOptionItemProps(f) {
-      const { type: P, disabled: N, closeOnSelect: $ } = f, R = k(f), L = T(f);
+      const { type: P, disabled: N, closeOnSelect: R } = f, $ = k(f), L = T(f);
       return {
-        ...D(R),
+        ...D($),
         ...t.element({
           "data-type": P,
           ...Se.item.attrs,
           dir: i("dir"),
-          "data-value": R.value,
+          "data-value": $.value,
           role: `menuitem${P}`,
           "aria-checked": !!L.checked,
           "data-state": L.checked ? "checked" : "unchecked",
           onClick(M) {
             if (N || Kr(M) || ir(M)) return;
             const z = M.currentTarget;
-            n({ type: "ITEM_CLICK", target: z, option: R, closeOnSelect: $ });
+            n({ type: "ITEM_CLICK", target: z, option: $, closeOnSelect: R });
           }
         })
       };
@@ -4722,7 +4752,7 @@ var { not: ze, and: Yt, or: yd } = wr(), _d = zt({
         const n = () => {
           if (e.current().type.startsWith("ITEM_POINTER")) return;
           const s = t.getById(o("highlightedId")), i = kt(t);
-          Ra(s, { rootEl: i, block: "nearest" });
+          $a(s, { rootEl: i, block: "nearest" });
         };
         return ye(() => n()), Ba(() => kt(t), {
           defer: !0,
@@ -5137,7 +5167,7 @@ const xd = (e = {}, t) => {
       _: 3
     }, 16, ["as-child"]));
   }
-}), $d = /* @__PURE__ */ B({
+}), Rd = /* @__PURE__ */ B({
   __name: "popover-content",
   props: {
     asChild: { type: Boolean }
@@ -5151,7 +5181,7 @@ const xd = (e = {}, t) => {
       _: 3
     }, 16, ["as-child"]));
   }
-}), Rd = /* @__PURE__ */ B({
+}), $d = /* @__PURE__ */ B({
   __name: "popover-context",
   setup(e) {
     const t = Je();
@@ -5680,8 +5710,8 @@ const Oi = (e = {}, t) => {
   Arrow: Bd,
   ArrowTip: Td,
   CloseTrigger: Sd,
-  Content: $d,
-  Context: Rd,
+  Content: Rd,
+  Context: $d,
   Description: Dd,
   Indicator: Md,
   Positioner: Ad,
@@ -5787,8 +5817,8 @@ var eu = Et("tabs").parts("root", "list", "trigger", "content", "indicator"), _o
   height: e?.offsetHeight ?? 0
 }), lu = (e, t) => {
   const o = La(Uo(e), Gt(e, t));
-  return $i(Si(o));
-}, $i = (e) => ({
+  return Ri(Si(o));
+}, Ri = (e) => ({
   width: `${e.width}px`,
   height: `${e.height}px`,
   left: `${e.left}px`,
@@ -6187,7 +6217,7 @@ var { createMachine: du } = Na(), uu = du({
           },
           onEntry({ rects: l }) {
             const [d] = l;
-            e.set("indicatorRect", $i(d));
+            e.set("indicatorRect", Ri(d));
           }
         });
         t.set("indicatorCleanup", c);
@@ -6287,7 +6317,7 @@ var gu = Et("toast").parts(
   "description",
   "actionTrigger",
   "closeTrigger"
-), oo = gu.build(), fu = (e) => `toast-group:${e}`, ls = (e, t) => e.getById(`toast-group:${t}`), Ri = (e) => `toast:${e.id}`, cs = (e) => e.getById(Ri(e)), ds = (e) => `toast:${e.id}:title`, us = (e) => `toast:${e.id}:description`, mu = (e) => `toast${e.id}:close`, ps = {
+), oo = gu.build(), fu = (e) => `toast-group:${e}`, ls = (e, t) => e.getById(`toast-group:${t}`), $i = (e) => `toast:${e.id}`, cs = (e) => e.getById($i(e)), ds = (e) => `toast:${e.id}:title`, us = (e) => `toast:${e.id}:description`, mu = (e) => `toast${e.id}:close`, ps = {
   info: 5e3,
   error: 5e3,
   success: 2e3,
@@ -6657,7 +6687,7 @@ function wu(e, t) {
       return t.element({
         ...oo.root.attrs,
         dir: r("dir"),
-        id: Ri(s),
+        id: $i(s),
         "data-state": l ? "open" : "closed",
         "data-type": p,
         "data-placement": u,
@@ -7055,7 +7085,7 @@ var Tu = (e) => e && typeof e == "object" && "ok" in e && typeof e.ok == "boolea
   connect: Iu,
   machine: xu
 };
-const Bu = (e) => Ou(e), [Su, fo] = Ne("ToastContext"), $u = /* @__PURE__ */ B({
+const Bu = (e) => Ou(e), [Su, fo] = Ne("ToastContext"), Ru = /* @__PURE__ */ B({
   __name: "toast-action-trigger",
   props: {
     asChild: { type: Boolean }
@@ -7069,7 +7099,7 @@ const Bu = (e) => Ou(e), [Su, fo] = Ne("ToastContext"), $u = /* @__PURE__ */ B({
       _: 3
     }, 16, ["as-child"]));
   }
-}), Ru = /* @__PURE__ */ B({
+}), $u = /* @__PURE__ */ B({
   __name: "toast-close-trigger",
   props: {
     asChild: { type: Boolean }
@@ -7181,8 +7211,8 @@ const Bu = (e) => Ou(e), [Su, fo] = Ne("ToastContext"), $u = /* @__PURE__ */ B({
   }
 }), ko = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  ActionTrigger: $u,
-  CloseTrigger: Ru,
+  ActionTrigger: Ru,
+  CloseTrigger: $u,
   Context: Du,
   Description: Mu,
   Root: Au,
@@ -7208,7 +7238,7 @@ const Bu = (e) => Ou(e), [Su, fo] = Ne("ToastContext"), $u = /* @__PURE__ */ B({
       l.open || r(d);
     };
     return (l, d) => {
-      const h = Rr, m = No;
+      const h = $r, m = No;
       return g(!0), S(me, null, Ce(a(o), (u) => (g(), S(me, { key: u }, [
         a(s)[u] ? (g(), x(a(Dt).Root, {
           key: 0,
@@ -7362,7 +7392,7 @@ const Wu = { class: "toast-content" }, Ku = { class: "sr-only" }, qu = /* @__PUR
   setup(e) {
     const { t } = Be(), { toaster: o } = it();
     return (n, r) => {
-      const s = Rr;
+      const s = $r;
       return g(), x(a(Lu), { toaster: a(o) }, {
         default: _((i) => [
           E(a(ko).Root, { class: "toast-root" }, {
@@ -7716,10 +7746,10 @@ function xp(e, t) {
     n.setBlockName(H, Y), r || v();
   }, N = (H, Y) => {
     n.toggleBlock(H, Y), r || v();
-  }, $ = (H) => {
+  }, R = (H) => {
     const Y = n.duplicateBlock(H);
     return r || v(), Y;
-  }, R = (H, Y) => {
+  }, $ = (H, Y) => {
     const ae = n.pasteBlock(H, Y);
     return r || v(), ae;
   }, L = (H) => {
@@ -7764,8 +7794,8 @@ function xp(e, t) {
     setBlockProperty: f,
     setBlockName: P,
     toggleBlock: N,
-    duplicateBlock: $,
-    pasteBlock: R,
+    duplicateBlock: R,
+    pasteBlock: $,
     replacePage: L,
     replaceRegion: M,
     patchBlocks: z,
@@ -7868,32 +7898,32 @@ const wp = {
       return c(N);
     }), k = b(() => {
       const N = {};
-      return I.value.forEach(($) => {
-        const R = $.category || "Other";
-        N[R] || (N[R] = []), N[R].push($);
+      return I.value.forEach((R) => {
+        const $ = R.category || "Other";
+        N[$] || (N[$] = []), N[$].push(R);
       }), N;
     }), T = b(() => {
       const N = u.value.trim().toLowerCase();
       if (!N)
         return k.value;
-      const $ = {};
-      return Object.entries(k.value).forEach(([R, L]) => {
+      const R = {};
+      return Object.entries(k.value).forEach(([$, L]) => {
         const M = L.filter((z) => {
           const O = z.name.toLowerCase(), w = (z.description || "").toLowerCase();
           return O.includes(N) || w.includes(N);
         });
-        M.length > 0 && ($[R] = M);
-      }), $;
+        M.length > 0 && (R[$] = M);
+      }), R;
     }), D = (N) => {
       if (!m.value)
         return;
-      let $;
+      let R;
       try {
-        N.presetIndex !== void 0 ? $ = s(N.blockType, N.presetIndex, {
+        N.presetIndex !== void 0 ? R = s(N.blockType, N.presetIndex, {
           parentId: m.value.parentId,
           regionId: m.value.regionId,
           index: m.value.index
-        }) : $ = r(N.blockType, {
+        }) : R = r(N.blockType, {
           parentId: m.value.parentId,
           regionId: m.value.regionId,
           index: m.value.index
@@ -7905,10 +7935,10 @@ const wp = {
         }), P();
         return;
       }
-      const R = n.getBlocksManager().get(N.blockType);
-      R?.accepts && R.accepts.length > 0 && l($, !0), P();
-    }, f = ({ anchor: N, context: $ }) => {
-      h.value = N, m.value = $ || null, y.value.setOpen(!0), y.value.reposition();
+      const $ = n.getBlocksManager().get(N.blockType);
+      $?.accepts && $.accepts.length > 0 && l(R, !0), P();
+    }, f = ({ anchor: N, context: R }) => {
+      h.value = N, m.value = R || null, y.value.setOpen(!0), y.value.reposition();
     }, P = () => {
       y.value.setOpen(!1), m.value = null, h.value = null, u.value = "";
     };
@@ -7916,8 +7946,8 @@ const wp = {
       o.on("blocks-popover:open", f), o.on("blocks-popover:close", P);
     }), Ao(() => {
       o.off("blocks-popover:open", f), o.off("blocks-popover:close", P);
-    }), (N, $) => {
-      const R = Ip;
+    }), (N, R) => {
+      const $ = Ip;
       return g(), x(a(dt).RootProvider, { value: a(y) }, {
         default: _(() => [
           E(a(dt).Positioner, { class: "!z-[1100]" }, {
@@ -7928,7 +7958,7 @@ const wp = {
                     default: _(() => [
                       E(a(ts).Input, {
                         modelValue: a(u),
-                        "onUpdate:modelValue": $[0] || ($[0] = (L) => et(u) ? u.value = L : null),
+                        "onUpdate:modelValue": R[0] || (R[0] = (L) => et(u) ? u.value = L : null),
                         class: "rounded border w-full text-sm h-8 px-3 focus-visible:ring-2 focus-visible:border-transparent focus-visible:ring-accent focus-visible:outline-none",
                         placeholder: a(t)("blocksPopover.searchPlaceholder")
                       }, null, 8, ["modelValue", "placeholder"])
@@ -7969,7 +7999,7 @@ const wp = {
                         class: "flex-1 overflow-hidden mt-2"
                       }, {
                         default: _(() => [
-                          E(R, {
+                          E($, {
                             "blocks-by-category": a(T),
                             "search-query": a(u),
                             onBlockSelect: D
@@ -7980,7 +8010,7 @@ const wp = {
                     ]),
                     _: 1
                   })) : (g(), S("div", wp, [
-                    E(R, {
+                    E($, {
                       "blocks-by-category": a(T),
                       "search-query": a(u),
                       onBlockSelect: D
@@ -8036,7 +8066,7 @@ const Lr = ee({ name: "heroicons-trash", render: Bp }), Sp = {
   width: "1.2em",
   height: "1.2em"
 };
-function $p(e, t) {
+function Rp(e, t) {
   return g(), S("svg", Sp, [...t[0] || (t[0] = [
     C("path", {
       fill: "none",
@@ -8048,13 +8078,13 @@ function $p(e, t) {
     }, null, -1)
   ])]);
 }
-const Vr = ee({ name: "heroicons-eye-slash", render: $p }), Rp = {
+const Vr = ee({ name: "heroicons-eye-slash", render: Rp }), $p = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function Dp(e, t) {
-  return g(), S("svg", Rp, [...t[0] || (t[0] = [
+  return g(), S("svg", $p, [...t[0] || (t[0] = [
     C("g", {
       fill: "none",
       stroke: "currentColor",
@@ -8305,7 +8335,7 @@ const Xp = {
         targetIndex: M
       });
     }
-    function $() {
+    function R() {
       if (!l.value || !T.value)
         return;
       const M = T.value.currentIndex - 1;
@@ -8317,7 +8347,7 @@ const Xp = {
         targetIndex: M
       });
     }
-    function R() {
+    function $() {
       l.value && s(l.value.id);
     }
     function L() {
@@ -8380,7 +8410,7 @@ const Xp = {
                       E(a(ce).Item, {
                         value: "move-next",
                         disabled: !a(D),
-                        onSelect: $,
+                        onSelect: R,
                         class: "flex items-center gap-2 px-3 py-2 text-sm text-gray-700 hover:bg-gray-50 cursor-pointer data-[disabled]:opacity-50 data-[disabled]:cursor-not-allowed"
                       }, {
                         default: _(() => [
@@ -8403,7 +8433,7 @@ const Xp = {
                       }, 8, ["disabled"]),
                       E(a(ce).Item, {
                         value: "toggle",
-                        onSelect: R,
+                        onSelect: $,
                         class: "flex items-center gap-2 px-3 py-2 text-sm text-gray-700 hover:bg-gray-50 cursor-pointer"
                       }, {
                         default: _(() => [
@@ -8632,7 +8662,7 @@ function Ih(e, t) {
   ])]);
 }
 const xh = ee({ name: "heroicons-arrow-long-up16-solid", render: Ih });
-function $n() {
+function Rn() {
   const e = Oe(Ee);
   if (!e)
     throw new Error("useInspector must be used within a component that has access to CraftileEditor");
@@ -8661,7 +8691,7 @@ const wh = {
     zoomScale: { default: 1 }
   },
   setup(e) {
-    const t = e, { t: o } = Be(), { engine: n, getBlockById: r } = Fe(), { isEnabled: s, selectedBlockRect: i, iframeRect: c } = $n(), { selectedBlock: l, canMoveToPrevious: d, canMoveToNext: h, moveToPrevious: m, moveToNext: u, duplicate: p, toggle: v, remove: y } = vt(), I = se(), k = se({ width: 200, height: 42 }), T = b(() => s.value && i.value && c.value && !l.value?.disabled && !l.value?.ghost), D = b(() => l.value?.static === !0), f = b(() => {
+    const t = e, { t: o } = Be(), { engine: n, getBlockById: r } = Fe(), { isEnabled: s, selectedBlockRect: i, iframeRect: c } = Rn(), { selectedBlock: l, canMoveToPrevious: d, canMoveToNext: h, moveToPrevious: m, moveToNext: u, duplicate: p, toggle: v, remove: y } = vt(), I = se(), k = se({ width: 200, height: 42 }), T = b(() => s.value && i.value && c.value && !l.value?.disabled && !l.value?.ghost), D = b(() => l.value?.static === !0), f = b(() => {
       if (!l.value)
         return { name: o("common.block"), icon: "" };
       const M = r(l.value.id);
@@ -8672,11 +8702,11 @@ const wh = {
         name: z?.meta?.name || M.type || o("common.block"),
         icon: z?.meta?.icon || ""
       };
-    }), P = b(() => f.value.name), N = b(() => f.value.icon), $ = b(() => {
+    }), P = b(() => f.value.name), N = b(() => f.value.icon), R = b(() => {
       if (!i.value || !P.value) return !1;
       const M = 20 + P.value.length * 7 + 20;
       return i.value.width >= M;
-    }), R = b(() => !i.value || !c.value ? {} : {
+    }), $ = b(() => !i.value || !c.value ? {} : {
       position: "absolute",
       left: `${i.value.left}px`,
       top: `${i.value.top}px`,
@@ -8706,9 +8736,9 @@ const wh = {
       return a(T) ? (g(), S("div", {
         key: 0,
         class: "absolute inset-0 w-full h-full pointer-events-none z-10",
-        style: Ro(a(R))
+        style: $o(a($))
       }, [
-        a($) ? (g(), S("div", wh, [
+        a(R) ? (g(), S("div", wh, [
           C("span", {
             class: "w-3 h-3 flex items-center justify-center [&_svg]:w-full [&_svg]:h-full [&_svg]:fill-current",
             innerHTML: a(N)
@@ -8720,7 +8750,7 @@ const wh = {
           ref_key: "toolbarElement",
           ref: I,
           class: "absolute flex gap-0.5 bg-gray-800 rounded p-0.5 shadow-lg shadow-black/25 ring-1 ring-white/10 z-10 pointer-events-auto",
-          style: Ro(a(L))
+          style: $o(a(L))
         }, [
           a(D) ? J("", !0) : (g(), x(w, {
             key: 0,
@@ -8798,11 +8828,11 @@ function Oh(e, t) {
 const Ur = ee({ name: "heroicons-plus", render: Oh }), Th = {
   key: 0,
   class: "absolute top-0 left-0 w-full h-full pointer-events-none z-[1000]"
-}, Bh = { class: "bg-blue-500 text-white px-1 py-0.5 rounded-t font-medium text-[0.60rem] flex items-center gap-0.5 pointer-events-none absolute -left-[1px] -top-[19px] max-w-full overflow-hidden" }, Sh = ["innerHTML"], $h = { class: "truncate min-w-0" }, Rh = /* @__PURE__ */ B({
+}, Bh = { class: "bg-blue-500 text-white px-1 py-0.5 rounded-t font-medium text-[0.60rem] flex items-center gap-0.5 pointer-events-none absolute -left-[1px] -top-[19px] max-w-full overflow-hidden" }, Sh = ["innerHTML"], Rh = { class: "truncate min-w-0" }, $h = /* @__PURE__ */ B({
   __name: "HoveredBlockOverlay",
   emits: ["insertBefore", "insertAfter", "buttonEnter", "buttonLeave"],
   setup(e, { emit: t }) {
-    const o = t, { t: n } = Be(), { engine: r, getBlockById: s } = Fe(), { isEnabled: i, iframeRect: c, hoveredBlockId: l, hoveredBlockRect: d, hoveredParentRect: h, parentFlexDirection: m } = $n(), { selectedBlockId: u } = vt(), p = b(() => i.value && l.value && l.value !== u.value), v = b(() => {
+    const o = t, { t: n } = Be(), { engine: r, getBlockById: s } = Fe(), { isEnabled: i, iframeRect: c, hoveredBlockId: l, hoveredBlockRect: d, hoveredParentRect: h, parentFlexDirection: m } = Rn(), { selectedBlockId: u } = vt(), p = b(() => i.value && l.value && l.value !== u.value), v = b(() => {
       if (!l.value)
         return { name: n("common.block"), icon: "" };
       const D = s(l.value);
@@ -8832,18 +8862,18 @@ const Ur = ee({ name: "heroicons-plus", render: Oh }), Th = {
         a(h) ? (g(), S("div", {
           key: 0,
           class: "border border-dashed border-slate-400 bg-transparent pointer-events-none box-border absolute",
-          style: Ro(a(k))
+          style: $o(a(k))
         }, null, 4)) : J("", !0),
         C("div", {
           class: "border border-dashed border-blue-500 bg-transparent pointer-events-none box-border relative",
-          style: Ro(a(T))
+          style: $o(a(T))
         }, [
           C("div", Bh, [
             C("span", {
               class: "w-3 h-3 shrink-0 flex items-center justify-center [&_svg]:w-full [&_svg]:h-full [&_svg]:fill-current",
               innerHTML: a(I)
             }, null, 8, Sh),
-            C("span", $h, j(a(y)), 1)
+            C("span", Rh, j(a(y)), 1)
           ]),
           C("button", {
             class: Ie(["w-4 h-4 bg-blue-500/90 border border-white/20 rounded-full flex items-center justify-center text-white cursor-pointer pointer-events-auto opacity-80 shadow-sm hover:opacity-100 hover:bg-blue-500 absolute", {
@@ -8893,54 +8923,54 @@ function Dh() {
 const Mh = ["src"], Ah = /* @__PURE__ */ B({
   __name: "PreviewCanvas",
   setup(e) {
-    const { currentDeviceData: t } = $r(), { currentPreviewUrl: o, registerFrame: n, sendMessage: r } = Dh(), { updateIframeRect: s, clearHoveredBlock: i } = $n(), { open: c, getInsertionContext: l } = Go(), { clearSelection: d } = vt(), h = se(), m = se(), u = b(() => t.value?.width), p = se(0);
+    const { currentDeviceData: t } = Rr(), { currentPreviewUrl: o, registerFrame: n, sendMessage: r } = Dh(), { updateIframeRect: s, clearHoveredBlock: i } = Rn(), { open: c, getInsertionContext: l } = Go(), { clearSelection: d } = vt(), h = se(), m = se(), u = b(() => t.value?.width), p = se(0);
     let v;
     const y = b(() => {
-      const $ = p.value;
-      if ($ <= 0 || !u.value || u.value === 0 || u.value <= $)
+      const R = p.value;
+      if (R <= 0 || !u.value || u.value === 0 || u.value <= R)
         return 1;
-      const R = $ / u.value;
-      return Math.min(R, 1);
+      const $ = R / u.value;
+      return Math.min($, 1);
     }), I = b(() => {
-      const $ = y.value, R = u.value === 0 ? "100%" : `${u.value}px`, L = u.value === 0 ? "none" : `scale(${$})`;
+      const R = y.value, $ = u.value === 0 ? "100%" : `${u.value}px`, L = u.value === 0 ? "none" : `scale(${R})`;
       return {
-        width: R,
-        height: `${100 / $}%`,
+        width: $,
+        height: `${100 / R}%`,
         transform: L,
         transformOrigin: "0 0"
       };
     }), k = () => {
       if (h.value) {
-        const $ = h.value.getBoundingClientRect();
-        s($);
+        const R = h.value.getBoundingClientRect();
+        s(R);
       }
-    }, T = ($) => {
-      d(), i(), n($.target), k();
-    }, D = ($) => {
-      r("craftile.inspector.overlay-button-enter", { blockId: $ });
-    }, f = ($) => {
-      r("craftile.inspector.overlay-button-leave", { blockId: $ });
-    }, P = ($, R) => {
-      const L = l($, "before");
+    }, T = (R) => {
+      d(), i(), n(R.target), k();
+    }, D = (R) => {
+      r("craftile.inspector.overlay-button-enter", { blockId: R });
+    }, f = (R) => {
+      r("craftile.inspector.overlay-button-leave", { blockId: R });
+    }, P = (R, $) => {
+      const L = l(R, "before");
       c({
-        anchor: R.target,
+        anchor: $.target,
         context: L
       });
-    }, N = ($, R) => {
-      const L = l($, "after");
+    }, N = (R, $) => {
+      const L = l(R, "after");
       c({
-        anchor: R.target,
+        anchor: $.target,
         context: L
       });
     };
     return nt(() => {
-      window.addEventListener("scroll", k), m.value && (v = new ResizeObserver(($) => {
-        p.value = $[0].contentRect.width, k();
+      window.addEventListener("scroll", k), m.value && (v = new ResizeObserver((R) => {
+        p.value = R[0].contentRect.width, k();
       }), v.observe(m.value));
     }), Ao(() => {
       window.removeEventListener("scroll", k), v?.disconnect();
-    }), ($, R) => {
-      const L = Rh, M = Eh;
+    }), (R, $) => {
+      const L = $h, M = Eh;
       return g(), S("div", {
         ref_key: "previewWrapper",
         ref: m,
@@ -8950,7 +8980,7 @@ const Mh = ["src"], Ah = /* @__PURE__ */ B({
           ref_key: "canvasContainer",
           ref: h,
           class: "bg-white mx-auto rounded-xs relative transition-transform duration-300 ease-out",
-          style: Ro(a(I))
+          style: $o(a(I))
         }, [
           C("iframe", {
             ref: "previewFrame",
@@ -9210,7 +9240,7 @@ function Fi(e) {
           return n(W);
         }
     }
-  }), P = b(() => k.value === void 0), N = b(() => T.value.length > 0), $ = b(() => y.value?.accepts && y.value.accepts.length > 0 || N.value);
+  }), P = b(() => k.value === void 0), N = b(() => T.value.length > 0), R = b(() => y.value?.accepts && y.value.accepts.length > 0 || N.value);
   return {
     block: m,
     properties: u,
@@ -9223,7 +9253,7 @@ function Fi(e) {
     children: T,
     isRootLevel: P,
     hasChildren: N,
-    canHaveChildren: $,
+    canHaveChildren: R,
     previousSibling: D,
     nextSibling: f,
     // Actions
@@ -9338,49 +9368,49 @@ const ig = /* @__PURE__ */ B({
     blockId: {}
   },
   setup(e) {
-    const t = e, { t: o } = Be(), { engine: n, moveBlock: r, duplicateBlock: s, toggleBlock: i, removeBlock: c, blocks: l, regions: d } = Fe(), { open: h, getInsertionContext: m } = Go(), { block: u, parent: p, index: v } = Fi(t.blockId), { toaster: y } = it(), { copyBlock: I, canPasteAfter: k, pasteBlockAfter: T, hasCopiedBlock: D, copyBlockAsJSON: f } = sg(), P = b(() => u.value?.static === !0), N = b(() => !u.value?.parentId), $ = b(() => {
+    const t = e, { t: o } = Be(), { engine: n, moveBlock: r, duplicateBlock: s, toggleBlock: i, removeBlock: c, blocks: l, regions: d } = Fe(), { open: h, getInsertionContext: m } = Go(), { block: u, parent: p, index: v } = Fi(t.blockId), { toaster: y } = it(), { copyBlock: I, canPasteAfter: k, pasteBlockAfter: T, hasCopiedBlock: D, copyBlockAsJSON: f } = sg(), P = b(() => u.value?.static === !0), N = b(() => !u.value?.parentId), R = b(() => {
       if (!u.value)
         return null;
       const le = n.getPage(), be = u.value;
-      for (const Re of le.regions) {
-        const lt = Re.blocks.indexOf(be.id);
+      for (const $e of le.regions) {
+        const lt = $e.blocks.indexOf(be.id);
         if (lt !== -1)
           return {
             parentType: "region",
-            parentId: re(Re),
+            parentId: re($e),
             currentIndex: lt,
-            siblingCount: Re.blocks.length
+            siblingCount: $e.blocks.length
           };
       }
       if (be.parentId) {
-        const Re = le.blocks[be.parentId];
-        if (Re) {
-          const lt = Re.children.indexOf(be.id);
+        const $e = le.blocks[be.parentId];
+        if ($e) {
+          const lt = $e.children.indexOf(be.id);
           if (lt !== -1)
             return {
               parentType: "block",
               parentId: be.parentId,
               currentIndex: lt,
-              siblingCount: Re.children.length
+              siblingCount: $e.children.length
             };
         }
       }
       return null;
-    }), R = b(() => p.value?.children ?? d.value.find((le) => le.blocks.includes(t.blockId))?.blocks), L = b(() => {
-      if (!u.value || P.value || !$.value || $.value.currentIndex <= 0)
+    }), $ = b(() => p.value?.children ?? d.value.find((le) => le.blocks.includes(t.blockId))?.blocks), L = b(() => {
+      if (!u.value || P.value || !R.value || R.value.currentIndex <= 0)
         return !1;
-      if (!R.value)
+      if (!$.value)
         return !0;
-      const le = R.value.filter((be) => be !== t.blockId);
-      return wt(le, l.value, $.value.currentIndex - 1);
+      const le = $.value.filter((be) => be !== t.blockId);
+      return wt(le, l.value, R.value.currentIndex - 1);
     }), M = b(() => {
-      if (!u.value || P.value || !$.value || $.value.currentIndex >= $.value.siblingCount - 1)
+      if (!u.value || P.value || !R.value || R.value.currentIndex >= R.value.siblingCount - 1)
         return !1;
-      if (!R.value)
+      if (!$.value)
         return !0;
-      const le = R.value.filter((be) => be !== t.blockId);
-      return wt(le, l.value, $.value.currentIndex + 1);
-    }), z = b(() => v.value === void 0 || v.value < 0 || !R.value ? !0 : wt(R.value, l.value, v.value)), O = b(() => v.value === void 0 || v.value < 0 || !R.value ? !0 : wt(R.value, l.value, v.value + 1)), w = se(null);
+      const le = $.value.filter((be) => be !== t.blockId);
+      return wt(le, l.value, R.value.currentIndex + 1);
+    }), z = b(() => v.value === void 0 || v.value < 0 || !$.value ? !0 : wt($.value, l.value, v.value)), O = b(() => v.value === void 0 || v.value < 0 || !$.value ? !0 : wt($.value, l.value, v.value + 1)), w = se(null);
     function W() {
       s(t.blockId);
     }
@@ -9398,29 +9428,29 @@ const ig = /* @__PURE__ */ B({
       }
     }
     function H() {
-      if (!u.value || !$.value)
+      if (!u.value || !R.value)
         return;
-      const le = $.value.currentIndex - 1;
+      const le = R.value.currentIndex - 1;
       oe(() => {
-        $.value.parentType === "region" ? r(t.blockId, {
-          targetRegionId: $.value.parentId,
+        R.value.parentType === "region" ? r(t.blockId, {
+          targetRegionId: R.value.parentId,
           targetIndex: le
-        }) : $.value.parentType === "block" && r(t.blockId, {
-          targetParentId: $.value.parentId,
+        }) : R.value.parentType === "block" && r(t.blockId, {
+          targetParentId: R.value.parentId,
           targetIndex: le
         });
       });
     }
     function Y() {
-      if (!u.value || !$.value)
+      if (!u.value || !R.value)
         return;
-      const le = $.value.currentIndex + 1;
+      const le = R.value.currentIndex + 1;
       oe(() => {
-        $.value.parentType === "region" ? r(t.blockId, {
-          targetRegionId: $.value.parentId,
+        R.value.parentType === "region" ? r(t.blockId, {
+          targetRegionId: R.value.parentId,
           targetIndex: le
-        }) : $.value.parentType === "block" && r(t.blockId, {
-          targetParentId: $.value.parentId,
+        }) : R.value.parentType === "block" && r(t.blockId, {
+          targetParentId: R.value.parentId,
           targetIndex: le
         });
       });
@@ -9462,7 +9492,7 @@ const ig = /* @__PURE__ */ B({
       f(t.blockId);
     }
     return (le, be) => {
-      const Re = rg, lt = tg, Mn = Mi, An = Hr, Nn = Vr, Fn = Qh, $t = Xh, aa = Wh, la = Gh, ca = Vh, da = Lr;
+      const $e = rg, lt = tg, Mn = Mi, An = Hr, Nn = Vr, Fn = Qh, Rt = Xh, aa = Wh, la = Gh, ca = Vh, da = Lr;
       return a(u) ? (g(), x(a(ce).Root, { key: 0 }, {
         default: _(() => [
           E(a(ce).ContextTrigger, {
@@ -9485,7 +9515,7 @@ const ig = /* @__PURE__ */ B({
                     class: "flex items-center gap-2 px-3 py-2 text-sm text-gray-700 hover:bg-gray-50 cursor-pointer"
                   }, {
                     default: _(() => [
-                      E(Re, { class: "w-4 h-4" }),
+                      E($e, { class: "w-4 h-4" }),
                       ue(" " + j(a(o)("block.copy")), 1)
                     ]),
                     _: 1
@@ -9551,7 +9581,7 @@ const ig = /* @__PURE__ */ B({
                     class: "flex items-center gap-2 px-3 py-2 text-sm text-gray-700 hover:bg-gray-50 cursor-pointer data-[disabled]:opacity-50 data-[disabled]:cursor-not-allowed"
                   }, {
                     default: _(() => [
-                      E($t, { class: "w-4 h-4" }),
+                      E(Rt, { class: "w-4 h-4" }),
                       ue(" " + j(a(o)("block.moveToNext")), 1)
                     ]),
                     _: 1
@@ -9769,7 +9799,7 @@ function Sg(e, t) {
     o[n] ? o[n] = Bg(e[n], t[n]) : o[n] = t[n];
   }), o;
 }
-function $g(e) {
+function Rg(e) {
   return e instanceof HTMLElement;
 }
 function ks(e, t) {
@@ -9777,7 +9807,7 @@ function ks(e, t) {
     t(o, e[o]);
   });
 }
-function Rg(e) {
+function $g(e) {
   return e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && // uppercase letter
   (e.charCodeAt(2) > 122 || e.charCodeAt(2) < 97);
 }
@@ -10239,7 +10269,7 @@ var Kg = ["evt"], De = function(e, t) {
       xt = !1;
     },
     dispatchSortableEvent: function(s) {
-      $e({
+      Re({
         sortable: t,
         name: s,
         originalEvent: n
@@ -10247,7 +10277,7 @@ var Kg = ["evt"], De = function(e, t) {
     }
   }, r));
 };
-function $e(e) {
+function Re(e) {
   Wg(ot({
     putSortable: Pe,
     cloneEl: he,
@@ -10259,8 +10289,8 @@ function $e(e) {
     newDraggableIndex: It
   }, e));
 }
-var F, fe, Q, de, Ft, ln, he, xt, so, He, Bo, It, tn, Pe, no = !1, kn = !1, In = [], At, Ke, Yn, Jn, Ps, Os, xo, eo, So, $o = !1, on = !1, cn, Te, Qn = [], br = !1, xn = [], Rn = typeof document < "u", nn = Gi, Ts = jo || bt ? "cssFloat" : "float", qg = Rn && !ji && !Gi && "draggable" in document.createElement("div"), Ji = (function() {
-  if (Rn) {
+var F, fe, Q, de, Ft, ln, he, xt, so, He, Bo, It, tn, Pe, no = !1, kn = !1, In = [], At, Ke, Yn, Jn, Ps, Os, xo, eo, So, Ro = !1, on = !1, cn, Te, Qn = [], br = !1, xn = [], $n = typeof document < "u", nn = Gi, Ts = jo || bt ? "cssFloat" : "float", qg = $n && !ji && !Gi && "draggable" in document.createElement("div"), Ji = (function() {
+  if ($n) {
     if (bt)
       return !1;
     var e = document.createElement("x");
@@ -10315,7 +10345,7 @@ var F, fe, Q, de, Ft, ln, he, xt, so, He, Bo, It, tn, Pe, no = !1, kn = !1, In =
 }, ta = function() {
   !Ji && Q && K(Q, "display", "");
 };
-Rn && !ji && document.addEventListener("click", function(e) {
+$n && !ji && document.addEventListener("click", function(e) {
   if (kn)
     return e.preventDefault(), e.stopPropagation && e.stopPropagation(), e.stopImmediatePropagation && e.stopImmediatePropagation(), kn = !1, !1;
 }, !0);
@@ -10405,7 +10435,7 @@ q.prototype = /** @lends Sortable.prototype */
       if (sf(o), !F && !(/mousedown|pointerdown/.test(s) && e.button !== 0 || n.disabled) && !l.isContentEditable && !(!this.nativeDraggable && Oo && c && c.tagName.toUpperCase() === "SELECT") && (c = qe(c, n.draggable, o, !1), !(c && c.animated) && ln !== c)) {
         if (so = We(c), Bo = We(c, n.draggable), typeof d == "function") {
           if (d.call(this, e, c, this)) {
-            $e({
+            Re({
               sortable: t,
               rootEl: l,
               name: "filter",
@@ -10419,7 +10449,7 @@ q.prototype = /** @lends Sortable.prototype */
           }
         } else if (d && (d = d.split(",").some(function(h) {
           if (h = qe(l, h.trim(), o, !1), h)
-            return $e({
+            return Re({
               sortable: t,
               rootEl: h,
               name: "filter",
@@ -10452,7 +10482,7 @@ q.prototype = /** @lends Sortable.prototype */
           n._onDrop();
           return;
         }
-        n._disableDelayedDragEvents(), !xs && n.nativeDraggable && (F.draggable = !0), n._triggerDragStart(e, t), $e({
+        n._disableDelayedDragEvents(), !xs && n.nativeDraggable && (F.draggable = !0), n._triggerDragStart(e, t), Re({
           sortable: n,
           name: "choose",
           originalEvent: e
@@ -10497,7 +10527,7 @@ q.prototype = /** @lends Sortable.prototype */
         evt: t
       }), this.nativeDraggable && ne(document, "dragover", Jg);
       var o = this.options;
-      !e && Ve(F, o.dragClass, !1), Ve(F, o.ghostClass, !0), q.active = this, e && this._appendGhost(), $e({
+      !e && Ve(F, o.dragClass, !1), Ve(F, o.ghostClass, !0), q.active = this, e && this._appendGhost(), Re({
         sortable: this,
         name: "start",
         originalEvent: t
@@ -10570,7 +10600,7 @@ q.prototype = /** @lends Sortable.prototype */
       return;
     }
     De("setupClone", this), q.eventCanceled || (he = Xi(F), he.removeAttribute("id"), he.draggable = !1, he.style["will-change"] = "", this._hideClone(), Ve(he, this.options.chosenClass, !1), q.clone = he), o.cloneId = dn(function() {
-      De("clone", o), !q.eventCanceled && (o.options.removeCloneOnHide || de.insertBefore(he, F), o._hideClone(), $e({
+      De("clone", o), !q.eventCanceled && (o.options.removeCloneOnHide || de.insertBefore(he, F), o._hideClone(), Re({
         sortable: o,
         name: "clone"
       }));
@@ -10610,7 +10640,7 @@ q.prototype = /** @lends Sortable.prototype */
       }), p !== m && (m.animateAll(), m._ignoreWhileAnimating = null)), (o === F && !F.animated || o === t && !o.animated) && (eo = null), !i.dragoverBubble && !e.rootEl && o !== document && (F.parentNode[Ue]._isOutsideThisEl(e.target), !H && Nt(e)), !i.dragoverBubble && e.stopPropagation && e.stopPropagation(), v = !0;
     }
     function T() {
-      He = We(F), It = We(F, i.draggable), $e({
+      He = We(F), It = We(F, i.draggable), Re({
         sortable: p,
         name: "change",
         toEl: t,
@@ -10642,8 +10672,8 @@ q.prototype = /** @lends Sortable.prototype */
           return I(), t.insertBefore(F, f), fe = t, T(), k(!0);
       } else if (o.parentNode === t) {
         r = ke(o);
-        var P = 0, N, $ = F.parentNode !== t, R = !Xg(F.animated && F.toRect || n, o.animated && o.toRect || r, u), L = u ? "top" : "left", M = Cs(o, "top", "top") || Cs(F, "top", "top"), z = M ? M.scrollTop : void 0;
-        eo !== o && (N = r[L], $o = !1, on = !R && i.invertSwap || $), P = of(e, o, r, u, R ? 1 : i.swapThreshold, i.invertedSwapThreshold == null ? i.swapThreshold : i.invertedSwapThreshold, on, eo === o);
+        var P = 0, N, R = F.parentNode !== t, $ = !Xg(F.animated && F.toRect || n, o.animated && o.toRect || r, u), L = u ? "top" : "left", M = Cs(o, "top", "top") || Cs(F, "top", "top"), z = M ? M.scrollTop : void 0;
+        eo !== o && (N = r[L], Ro = !1, on = !$ && i.invertSwap || R), P = of(e, o, r, u, $ ? 1 : i.swapThreshold, i.invertedSwapThreshold == null ? i.swapThreshold : i.invertedSwapThreshold, on, eo === o);
         var O;
         if (P !== 0) {
           var w = We(F);
@@ -10681,46 +10711,46 @@ q.prototype = /** @lends Sortable.prototype */
       this._nulling();
       return;
     }
-    no = !1, on = !1, $o = !1, clearInterval(this._loopId), clearTimeout(this._dragStartTimer), yr(this.cloneId), yr(this._dragStartId), this.nativeDraggable && (te(document, "drop", this), te(t, "dragstart", this._onDragStart)), this._offMoveEvents(), this._offUpEvents(), Oo && K(document.body, "user-select", ""), K(F, "transform", ""), e && (xo && (e.cancelable && e.preventDefault(), !o.dropBubble && e.stopPropagation()), Q && Q.parentNode && Q.parentNode.removeChild(Q), (de === fe || Pe && Pe.lastPutMode !== "clone") && he && he.parentNode && he.parentNode.removeChild(he), F && (this.nativeDraggable && te(F, "dragend", this), Zn(F), F.style["will-change"] = "", xo && !no && Ve(F, Pe ? Pe.options.ghostClass : this.options.ghostClass, !1), Ve(F, this.options.chosenClass, !1), $e({
+    no = !1, on = !1, Ro = !1, clearInterval(this._loopId), clearTimeout(this._dragStartTimer), yr(this.cloneId), yr(this._dragStartId), this.nativeDraggable && (te(document, "drop", this), te(t, "dragstart", this._onDragStart)), this._offMoveEvents(), this._offUpEvents(), Oo && K(document.body, "user-select", ""), K(F, "transform", ""), e && (xo && (e.cancelable && e.preventDefault(), !o.dropBubble && e.stopPropagation()), Q && Q.parentNode && Q.parentNode.removeChild(Q), (de === fe || Pe && Pe.lastPutMode !== "clone") && he && he.parentNode && he.parentNode.removeChild(he), F && (this.nativeDraggable && te(F, "dragend", this), Zn(F), F.style["will-change"] = "", xo && !no && Ve(F, Pe ? Pe.options.ghostClass : this.options.ghostClass, !1), Ve(F, this.options.chosenClass, !1), Re({
       sortable: this,
       name: "unchoose",
       toEl: fe,
       newIndex: null,
       newDraggableIndex: null,
       originalEvent: e
-    }), de !== fe ? (He >= 0 && ($e({
+    }), de !== fe ? (He >= 0 && (Re({
       rootEl: fe,
       name: "add",
       toEl: fe,
       fromEl: de,
       originalEvent: e
-    }), $e({
+    }), Re({
       sortable: this,
       name: "remove",
       toEl: fe,
       originalEvent: e
-    }), $e({
+    }), Re({
       rootEl: fe,
       name: "sort",
       toEl: fe,
       fromEl: de,
       originalEvent: e
-    }), $e({
+    }), Re({
       sortable: this,
       name: "sort",
       toEl: fe,
       originalEvent: e
-    })), Pe && Pe.save()) : He !== so && He >= 0 && ($e({
+    })), Pe && Pe.save()) : He !== so && He >= 0 && (Re({
       sortable: this,
       name: "update",
       toEl: fe,
       originalEvent: e
-    }), $e({
+    }), Re({
       sortable: this,
       name: "sort",
       toEl: fe,
       originalEvent: e
-    })), q.active && ((He == null || He === -1) && (He = so, It = Bo), $e({
+    })), q.active && ((He == null || He === -1) && (He = so, It = Bo), Re({
       sortable: this,
       name: "end",
       toEl: fe,
@@ -10855,7 +10885,7 @@ function of(e, t, o, n, r, s, i, c) {
   var l = n ? e.clientY : e.clientX, d = n ? o.height : o.width, h = n ? o.top : o.left, m = n ? o.bottom : o.right, u = !1;
   if (!i) {
     if (c && cn < d * r) {
-      if (!$o && (So === 1 ? l > h + d * s / 2 : l < m - d * s / 2) && ($o = !0), $o)
+      if (!Ro && (So === 1 ? l > h + d * s / 2 : l < m - d * s / 2) && (Ro = !0), Ro)
         u = !0;
       else if (So === 1 ? l < h + cn : l > m - cn)
         return -So;
@@ -10885,7 +10915,7 @@ function dn(e) {
 function yr(e) {
   return clearTimeout(e);
 }
-Rn && ne(document, "touchmove", function(e) {
+$n && ne(document, "touchmove", function(e) {
   (q.active || no) && e.cancelable && e.preventDefault();
 });
 q.utils = {
@@ -10990,9 +11020,9 @@ var or = Ki(function(e, t, o, n) {
     _r !== o && (_r = o, un(), wo = t.scroll, h = t.scrollFn, wo === !0 && (wo = Ct(o, !0)));
     var m = 0, u = wo;
     do {
-      var p = u, v = ke(p), y = v.top, I = v.bottom, k = v.left, T = v.right, D = v.width, f = v.height, P = void 0, N = void 0, $ = p.scrollWidth, R = p.scrollHeight, L = K(p), M = p.scrollLeft, z = p.scrollTop;
-      p === l ? (P = D < $ && (L.overflowX === "auto" || L.overflowX === "scroll" || L.overflowX === "visible"), N = f < R && (L.overflowY === "auto" || L.overflowY === "scroll" || L.overflowY === "visible")) : (P = D < $ && (L.overflowX === "auto" || L.overflowX === "scroll"), N = f < R && (L.overflowY === "auto" || L.overflowY === "scroll"));
-      var O = P && (Math.abs(T - r) <= i && M + D < $) - (Math.abs(k - r) <= i && !!M), w = N && (Math.abs(I - s) <= i && z + f < R) - (Math.abs(y - s) <= i && !!z);
+      var p = u, v = ke(p), y = v.top, I = v.bottom, k = v.left, T = v.right, D = v.width, f = v.height, P = void 0, N = void 0, R = p.scrollWidth, $ = p.scrollHeight, L = K(p), M = p.scrollLeft, z = p.scrollTop;
+      p === l ? (P = D < R && (L.overflowX === "auto" || L.overflowX === "scroll" || L.overflowX === "visible"), N = f < $ && (L.overflowY === "auto" || L.overflowY === "scroll" || L.overflowY === "visible")) : (P = D < R && (L.overflowX === "auto" || L.overflowX === "scroll"), N = f < $ && (L.overflowY === "auto" || L.overflowY === "scroll"));
+      var O = P && (Math.abs(T - r) <= i && M + D < R) - (Math.abs(k - r) <= i && !!M), w = N && (Math.abs(I - s) <= i && z + f < $) - (Math.abs(y - s) <= i && !!z);
       if (!_e[m])
         for (var W = 0; W <= m; W++)
           _e[W] || (_e[W] = {});
@@ -11070,7 +11100,7 @@ function uf() {
     clonedData: ra
   };
 }
-const $s = Symbol("cloneElement");
+const Rs = Symbol("cloneElement");
 function pf(...e) {
   var t, o;
   const n = (t = En()) == null ? void 0 : t.proxy;
@@ -11084,26 +11114,26 @@ function pf(...e) {
     clone: h = lf,
     customUpdate: m
   } = (o = a(c)) != null ? o : {};
-  function u(R) {
+  function u($) {
     var L;
-    const { from: M, oldIndex: z, item: O } = R;
+    const { from: M, oldIndex: z, item: O } = $;
     r = Array.from(M.childNodes);
     const w = a((L = a(i)) == null ? void 0 : L[z]), W = h(w);
-    Ss(w, W), O[$s] = W;
+    Ss(w, W), O[Rs] = W;
   }
-  function p(R) {
-    const L = R.item[$s];
+  function p($) {
+    const L = $.item[Rs];
     if (!Pg(L)) {
-      if (Kn(R.item), et(i)) {
+      if (Kn($.item), et(i)) {
         const M = [...a(i)];
-        i.value = ys(M, R.newDraggableIndex, L);
+        i.value = ys(M, $.newDraggableIndex, L);
         return;
       }
-      ys(a(i), R.newDraggableIndex, L);
+      ys(a(i), $.newDraggableIndex, L);
     }
   }
-  function v(R) {
-    const { from: L, item: M, oldIndex: z, oldDraggableIndex: O, pullMode: w, clone: W } = R;
+  function v($) {
+    const { from: L, item: M, oldIndex: z, oldDraggableIndex: O, pullMode: w, clone: W } = $;
     if (_s(L, M, z), w === "clone") {
       Kn(W);
       return;
@@ -11115,12 +11145,12 @@ function pf(...e) {
     }
     bs(a(i), O);
   }
-  function y(R) {
+  function y($) {
     if (m) {
-      m(R);
+      m($);
       return;
     }
-    const { from: L, item: M, oldIndex: z, oldDraggableIndex: O, newDraggableIndex: w } = R;
+    const { from: L, item: M, oldIndex: z, oldDraggableIndex: O, newDraggableIndex: w } = $;
     if (Kn(M), _s(L, M, z), et(i)) {
       const W = [...a(i)];
       i.value = vs(
@@ -11132,8 +11162,8 @@ function pf(...e) {
     }
     vs(a(i), O, w);
   }
-  function I(R) {
-    const { newIndex: L, oldIndex: M, from: z, to: O } = R;
+  function I($) {
+    const { newIndex: L, oldIndex: M, from: z, to: O } = $;
     let w = null;
     const W = L === M && z === O;
     try {
@@ -11163,15 +11193,15 @@ function pf(...e) {
     onRemove: v,
     onEnd: I
   };
-  function T(R) {
+  function T($) {
     const L = a(s);
-    return R || (R = Og(L) ? Tg(L, n?.$el) : L), R && !$g(R) && (R = R.$el), R || wg("Root element not found"), R;
+    return $ || ($ = Og(L) ? Tg(L, n?.$el) : L), $ && !Rg($) && ($ = $.$el), $ || wg("Root element not found"), $;
   }
   function D() {
-    var R;
-    const L = (R = a(c)) != null ? R : {}, { immediate: M, clone: z } = L, O = Hi(L, ["immediate", "clone"]);
+    var $;
+    const L = ($ = a(c)) != null ? $ : {}, { immediate: M, clone: z } = L, O = Hi(L, ["immediate", "clone"]);
     return ks(O, (w, W) => {
-      Rg(w) && (O[w] = (X, ...oe) => {
+      $g(w) && (O[w] = (X, ...oe) => {
         const H = uf();
         return Dg(X, H), W(X, ...oe);
       });
@@ -11180,30 +11210,30 @@ function pf(...e) {
       O
     );
   }
-  const f = (R) => {
-    R = T(R), l && P.destroy(), l = new q(R, D());
+  const f = ($) => {
+    $ = T($), l && P.destroy(), l = new q($, D());
   };
   Mo(
     () => c,
     () => {
-      l && ks(D(), (R, L) => {
-        l?.option(R, L);
+      l && ks(D(), ($, L) => {
+        l?.option($, L);
       });
     },
     { deep: !0 }
   );
   const P = {
-    option: (R, L) => l?.option(R, L),
+    option: ($, L) => l?.option($, L),
     destroy: () => {
       l?.destroy(), l = null;
     },
     save: () => l?.save(),
     toArray: () => l?.toArray(),
-    closest: (...R) => l?.closest(...R)
-  }, N = () => P?.option("disabled", !0), $ = () => P?.option("disabled", !1);
+    closest: (...$) => l?.closest(...$)
+  }, N = () => P?.option("disabled", !0), R = () => P?.option("disabled", !1);
   return df(() => {
     d && f();
-  }), cf(P.destroy), ro({ start: f, pause: N, resume: $ }, P);
+  }), cf(P.destroy), ro({ start: f, pause: N, resume: R }, P);
 }
 const Ir = [
   "update",
@@ -11340,7 +11370,7 @@ const mf = ["data-block-id"], vf = ["data-block-id", "data-selected"], bf = {
       toggle: d,
       moveChild: h,
       schema: m
-    } = Fi(t.blockId), { isExpanded: u, toggleExpanded: p } = Fr(), { getBlockLabelReactive: v, getBlockSchemaNameReactive: y } = ff(), { selectedBlockId: I, selectBlock: k } = vt(), { engine: T, moveBlock: D, removeBlock: f, blocks: P, regions: N } = Fe(), { toaster: $ } = it(), R = b(() => I.value === t.blockId), L = b(() => u(t.blockId)), M = b(() => r.value?.static === !0), z = b(() => r.value?.repeated === !0), O = b(() => r.value?.ghost === !0), w = y(t.blockId), W = v(t.blockId), X = b(() => m.value?.meta?.icon), oe = b(() => {
+    } = Fi(t.blockId), { isExpanded: u, toggleExpanded: p } = Fr(), { getBlockLabelReactive: v, getBlockSchemaNameReactive: y } = ff(), { selectedBlockId: I, selectBlock: k } = vt(), { engine: T, moveBlock: D, removeBlock: f, blocks: P, regions: N } = Fe(), { toaster: R } = it(), $ = b(() => I.value === t.blockId), L = b(() => u(t.blockId)), M = b(() => r.value?.static === !0), z = b(() => r.value?.repeated === !0), O = b(() => r.value?.ghost === !0), w = y(t.blockId), W = v(t.blockId), X = b(() => m.value?.meta?.icon), oe = b(() => {
       if (l.value === void 0 || l.value < 0)
         return !0;
       const ve = l.value + 1, ge = c.value?.children ?? N.value.find((Le) => Le.blocks.includes(t.blockId))?.blocks;
@@ -11382,13 +11412,13 @@ const mf = ["data-block-id"], vf = ["data-block-id", "data-selected"], bf = {
             h(St, Le);
             return;
           }
-          const Re = at?.parentElement?.closest?.("[data-block-id]")?.getAttribute?.("data-block-id");
-          Re && D(St, {
-            targetParentId: Re,
+          const $e = at?.parentElement?.closest?.("[data-block-id]")?.getAttribute?.("data-block-id");
+          $e && D(St, {
+            targetParentId: $e,
             targetIndex: Le
           });
         } catch (be) {
-          $.create({
+          R.create({
             title: be instanceof Error ? be.message : String(be),
             type: "error"
           });
@@ -11401,7 +11431,7 @@ const mf = ["data-block-id"], vf = ["data-block-id", "data-selected"], bf = {
       f(t.blockId);
     }
     return (ve, ge) => {
-      const Le = kg, yt = bg, at = fg, St = pg, le = cg, be = Vr, Re = Hr, lt = Lr, Mn = ig, An = pa("BlockItem", !0), Nn = Ni, Fn = Nh;
+      const Le = kg, yt = bg, at = fg, St = pg, le = cg, be = Vr, $e = Hr, lt = Lr, Mn = ig, An = pa("BlockItem", !0), Nn = Ni, Fn = Nh;
       return a(r) ? (g(), S("div", {
         key: 0,
         class: Ie({ "bg-gray-100": a(n), "is-static": a(M) }),
@@ -11413,13 +11443,13 @@ const mf = ["data-block-id"], vf = ["data-block-id", "data-selected"], bf = {
           default: _(() => [
             C("div", {
               "data-block-id": a(r).id,
-              "data-selected": a(R) ? "true" : void 0,
+              "data-selected": a($) ? "true" : void 0,
               class: Ie(["flex items-center h-8 text-sm hover:bg-gray-50 data-selected:bg-accent/10 data-selected:border data-selected:border-accent/20 data-selected:hover:bg-accent/10 cursor-pointer rounded-md group transition-all duration-200", {
                 "text-gray-700": !a(r).disabled && !a(O),
                 "text-gray-500": a(O) && !a(r).disabled,
                 "text-gray-400": a(r).disabled
               }]),
-              onClick: ge[3] || (ge[3] = ($t) => a(k)(a(r).id))
+              onClick: ge[3] || (ge[3] = (Rt) => a(k)(a(r).id))
             }, [
               a(i) ? (g(), S("button", {
                 key: 0,
@@ -11463,7 +11493,7 @@ const mf = ["data-block-id"], vf = ["data-block-id", "data-selected"], bf = {
                   a(r).disabled ? (g(), x(be, {
                     key: 0,
                     class: "w-4 h-4"
-                  })) : (g(), x(Re, {
+                  })) : (g(), x($e, {
                     key: 1,
                     class: "w-4 h-4"
                   }))
@@ -11494,9 +11524,9 @@ const mf = ["data-block-id"], vf = ["data-block-id", "data-selected"], bf = {
             onMove: ie
           }, {
             default: _(() => [
-              (g(!0), S(me, null, Ce(a(s), ($t) => (g(), x(An, {
-                key: $t.id,
-                "block-id": $t.id,
+              (g(!0), S(me, null, Ce(a(s), (Rt) => (g(), x(An, {
+                key: Rt.id,
+                "block-id": Rt.id,
                 level: ve.level + 1
               }, null, 8, ["block-id", "level"]))), 128))
             ]),
@@ -11513,8 +11543,8 @@ const mf = ["data-block-id"], vf = ["data-block-id", "data-selected"], bf = {
         a(oe) ? (g(), x(Fn, {
           key: `add-block-${a(r).id}`,
           "block-id": a(r).id,
-          onMouseenter: ge[4] || (ge[4] = ($t) => n.value = !0),
-          onMouseleave: ge[5] || (ge[5] = ($t) => n.value = !1)
+          onMouseenter: ge[4] || (ge[4] = (Rt) => n.value = !0),
+          onMouseleave: ge[5] || (ge[5] = (Rt) => n.value = !1)
         }, null, 8, ["block-id"])) : J("", !0)
       ], 10, mf)) : J("", !0);
     };
@@ -11537,7 +11567,7 @@ function Sf(e, t) {
     }, null, -1)
   ])]);
 }
-const $f = /* @__PURE__ */ Dn(Tf, [["render", Sf]]), to = {
+const Rf = /* @__PURE__ */ Dn(Tf, [["render", Sf]]), to = {
   small: 640,
   medium: 768,
   large: 1024,
@@ -11563,7 +11593,7 @@ function ia() {
     isUltraWide: c
   };
 }
-const Rf = { class: "h-full flex flex-col overflow-y-hidden relative" }, Df = { class: "flex-none h-12 flex items-center border-b px-4" }, Mf = { class: "flex-1 overflow-y-auto" }, Af = { class: "flex items-center justify-between" }, Nf = { class: "text-sm capitalize" }, Ff = ["title", "onClick"], Lf = { class: "my-2" }, Vf = { class: "flex items-center justify-center" }, Hf = {
+const $f = { class: "h-full flex flex-col overflow-y-hidden relative" }, Df = { class: "flex-none h-12 flex items-center border-b px-4" }, Mf = { class: "flex-1 overflow-y-auto" }, Af = { class: "flex items-center justify-between" }, Nf = { class: "text-sm capitalize" }, Ff = ["title", "onClick"], Lf = { class: "my-2" }, Vf = { class: "flex items-center justify-center" }, Hf = {
   key: 0,
   class: "absolute inset-0 z-10"
 }, Uf = /* @__PURE__ */ B({
@@ -11593,7 +11623,7 @@ const Rf = { class: "h-full flex flex-col overflow-y-hidden relative" }, Df = {
     }
     return (u, p) => {
       const v = Of, y = Ni, I = Ai;
-      return g(), S("div", Rf, [
+      return g(), S("div", $f, [
         C("div", Df, [
           C("h2", null, j(a(t)("layers.header")), 1)
         ]),
@@ -11610,7 +11640,7 @@ const Rf = { class: "h-full flex flex-col overflow-y-hidden relative" }, Df = {
                 title: a(t)("layers.collapseAll"),
                 onClick: (T) => a(r)(a(re)(k))
               }, [
-                E($f, { class: "w-4 h-4" })
+                E(Rf, { class: "w-4 h-4" })
               ], 8, Ff)) : J("", !0)
             ]),
             C("div", Lf, [
@@ -11985,7 +12015,7 @@ const pm = { class: "text-xs whitespace-nowrap capitalize max-w-[120px] overflow
       setDeviceMode: i,
       addCustomDevice: c,
       removeCustomDevice: l
-    } = $r(), d = se(!1), h = se(768), m = {
+    } = Rr(), d = se(!1), h = se(768), m = {
       desktop: Yr,
       tablet: Xr,
       mobile: ja
@@ -12002,10 +12032,10 @@ const pm = { class: "text-xs whitespace-nowrap capitalize max-w-[120px] overflow
       l(k);
     };
     return (k, T) => {
-      const D = Nr, f = go, P = Rr, N = Xr;
+      const D = Nr, f = go, P = $r, N = Xr;
       return g(), x(a(dt).Root, {
         open: a(d),
-        "onUpdate:open": T[1] || (T[1] = ($) => et(d) ? d.value = $ : null),
+        "onUpdate:open": T[1] || (T[1] = (R) => et(d) ? d.value = R : null),
         positioning: { placement: "top-end", gutter: 0 }
       }, {
         default: _(() => [
@@ -12043,14 +12073,14 @@ const pm = { class: "text-xs whitespace-nowrap capitalize max-w-[120px] overflow
                     })
                   ]),
                   C("div", mm, [
-                    (g(!0), S(me, null, Ce(a(r), ($) => (g(), S("button", {
-                      key: $.id,
-                      class: Ie(["flex items-center gap-2 cursor-pointer text-left text-sm text-gray-700 transition-[background] duration-[0.2s] px-3 py-2.5 rounded-md border-[none]", { "text-accent! bg-accent/8": a(o) === $.id }]),
-                      onClick: (R) => v($.id)
+                    (g(!0), S(me, null, Ce(a(r), (R) => (g(), S("button", {
+                      key: R.id,
+                      class: Ie(["flex items-center gap-2 cursor-pointer text-left text-sm text-gray-700 transition-[background] duration-[0.2s] px-3 py-2.5 rounded-md border-[none]", { "text-accent! bg-accent/8": a(o) === R.id }]),
+                      onClick: ($) => v(R.id)
                     }, [
-                      (g(), x(pt(u($.icon)), { class: "w-5 h-5" })),
-                      C("span", null, j($.label), 1),
-                      C("span", bm, j($.width === 0 ? a(t)("header.auto") : $.width + "px"), 1)
+                      (g(), x(pt(u(R.icon)), { class: "w-5 h-5" })),
+                      C("span", null, j(R.label), 1),
+                      C("span", bm, j(R.width === 0 ? a(t)("header.auto") : R.width + "px"), 1)
                     ], 10, vm))), 128))
                   ]),
                   C("div", ym, [
@@ -12059,7 +12089,7 @@ const pm = { class: "text-xs whitespace-nowrap capitalize max-w-[120px] overflow
                       C("div", Im, [
                         C("label", xm, j(a(t)("header.deviceWidthPx")), 1),
                         Ms(C("input", {
-                          "onUpdate:modelValue": T[0] || (T[0] = ($) => et(h) ? h.value = $ : null),
+                          "onUpdate:modelValue": T[0] || (T[0] = (R) => et(h) ? h.value = R : null),
                           type: "number",
                           id: "custom-width",
                           min: "320",
@@ -12077,17 +12107,17 @@ const pm = { class: "text-xs whitespace-nowrap capitalize max-w-[120px] overflow
                     a(s).length > 0 ? (g(), S("div", wm, [
                       C("h5", null, j(a(t)("header.savedCustomDevices")), 1),
                       C("div", Cm, [
-                        (g(!0), S(me, null, Ce(a(s), ($) => (g(), S("div", {
-                          key: $.id,
+                        (g(!0), S(me, null, Ce(a(s), (R) => (g(), S("div", {
+                          key: R.id,
                           role: "button",
-                          class: Ie(["flex items-center gap-2 rounded text-left text-sm text-gray-700 px-3 py-2 cursor-pointer", { "text-accent! bg-accent/8": a(o) === $.id }]),
-                          onClick: (R) => v($.id)
+                          class: Ie(["flex items-center gap-2 rounded text-left text-sm text-gray-700 px-3 py-2 cursor-pointer", { "text-accent! bg-accent/8": a(o) === R.id }]),
+                          onClick: ($) => v(R.id)
                         }, [
                           E(N, { class: "w-5 h-5 flex-none" }),
-                          C("span", Pm, j($.width) + "px", 1),
+                          C("span", Pm, j(R.width) + "px", 1),
                           C("button", {
                             class: "flex-none rounded cursor-pointer text-gray-500 flex items-center justify-center transition-all duration-[0.2s] p-1 border-[none] hover:text-red-600",
-                            onClick: Lt((R) => I($.id), ["stop"])
+                            onClick: Lt(($) => I(R.id), ["stop"])
                           }, [
                             E(P)
                           ], 8, Om)
@@ -12111,7 +12141,7 @@ const pm = { class: "text-xs whitespace-nowrap capitalize max-w-[120px] overflow
   width: "1.2em",
   height: "1.2em"
 };
-function $m(e, t) {
+function Rm(e, t) {
   return g(), S("svg", Sm, [...t[0] || (t[0] = [
     C("path", {
       fill: "none",
@@ -12123,9 +12153,9 @@ function $m(e, t) {
     }, null, -1)
   ])]);
 }
-const Rm = ee({ name: "heroicons-arrow-left", render: $m }), Dm = {};
+const $m = ee({ name: "heroicons-arrow-left", render: Rm }), Dm = {};
 function Mm(e, t) {
-  const o = Rm, n = go;
+  const o = $m, n = go;
   return g(), x(n, {
     square: "",
     title: "Back"
@@ -12219,7 +12249,7 @@ function qm(e, t) {
 const Xm = /* @__PURE__ */ Dn(Wm, [["render", qm]]), Ym = /* @__PURE__ */ B({
   __name: "ToggleInspector",
   setup(e) {
-    const { t } = Be(), { isEnabled: o, toggle: n } = $n();
+    const { t } = Be(), { isEnabled: o, toggle: n } = Rn();
     return (r, s) => {
       const i = Xm, c = go;
       return g(), x(c, {
@@ -12269,7 +12299,7 @@ function Jm(e) {
     order: -10
   });
 }
-const Rs = ({ editor: e }) => {
+const $s = ({ editor: e }) => {
   const t = e.engine;
   t && t.canUndo() && t.undo();
 }, nr = ({ editor: e }) => {
@@ -12279,10 +12309,10 @@ const Rs = ({ editor: e }) => {
 function Qm(e) {
   e.registerKeyboardShortcut({
     key: "ctrl+z",
-    handler: Rs
+    handler: $s
   }), e.registerKeyboardShortcut({
     key: "meta+z",
-    handler: Rs
+    handler: $s
   }), e.registerKeyboardShortcut({
     key: "ctrl+y",
     handler: nr
@@ -12362,7 +12392,7 @@ const ev = { key: 0 }, tv = { class: "text-sm font-medium text-gray-700 capitali
 }, sv = { class: "text-sm text-gray-500" }, iv = /* @__PURE__ */ B({
   __name: "PropertiesPanel",
   setup(e) {
-    const { t } = Be(), { selectedBlock: o, selectedBlockId: n } = vt(), { engine: r, setBlockProperty: s } = Fe(), { currentDevice: i } = $r(), c = b(() => {
+    const { t } = Be(), { selectedBlock: o, selectedBlockId: n } = vt(), { engine: r, setBlockProperty: s } = Fe(), { currentDevice: i } = Rr(), c = b(() => {
       if (!o.value)
         return [];
       const y = r.getBlockSchema(o.value.type);