@craftile/editor 1.0.0 → 1.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -5755,14 +5755,14 @@ export {
5755
5755
  cu as a,
5756
5756
  Fr as a0,
5757
5757
  q as a1,
5758
- bo as a2,
5759
- iu as a3,
5760
- Bc as a4,
5761
- Ot as a5,
5762
- nt as a6,
5763
- _i as a7,
5764
- jt as a8,
5765
- qc as a9,
5758
+ Wo as a2,
5759
+ ft as a3,
5760
+ Wc as a4,
5761
+ Gc as a5,
5762
+ Je as a6,
5763
+ xi as a7,
5764
+ jc as a8,
5765
+ Uc as a9,
5766
5766
  Dc as aA,
5767
5767
  Nc as aB,
5768
5768
  su as aC,
@@ -5776,27 +5776,27 @@ export {
5776
5776
  so as aK,
5777
5777
  pc as aL,
5778
5778
  Ht as aM,
5779
- Wo as aa,
5780
- ft as ab,
5781
- Wc as ac,
5782
- Gc as ad,
5783
- Je as ae,
5784
- xi as af,
5785
- jc as ag,
5786
- Uc as ah,
5787
- ui as ai,
5788
- Kc as aj,
5789
- Lc as ak,
5790
- Rc as al,
5791
- Vc as am,
5792
- W as an,
5779
+ bo as aa,
5780
+ ui as ab,
5781
+ Kc as ac,
5782
+ Vc as ad,
5783
+ W as ae,
5784
+ iu as af,
5785
+ Bc as ag,
5786
+ Ot as ah,
5787
+ nt as ai,
5788
+ _i as aj,
5789
+ jt as ak,
5790
+ qc as al,
5791
+ Lc as am,
5792
+ Rc as an,
5793
5793
  Ci as ao,
5794
5794
  Ri as ap,
5795
5795
  ci as aq,
5796
5796
  Yc as ar,
5797
- nu as as,
5798
- Qc as at,
5799
- si as au,
5797
+ si as as,
5798
+ nu as at,
5799
+ Qc as au,
5800
5800
  Di as av,
5801
5801
  $c as aw,
5802
5802
  Mc as ax,
@@ -5805,10 +5805,10 @@ export {
5805
5805
  B as b,
5806
5806
  le as c,
5807
5807
  tu as d,
5808
- me as e,
5809
- M as f,
5808
+ M as e,
5809
+ Ne as f,
5810
5810
  Eo as g,
5811
- Ne as h,
5811
+ me as h,
5812
5812
  $e as i,
5813
5813
  _o as j,
5814
5814
  ko as k,
package/dist/app.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  import { CraftileEditor, CraftileEditorOptions } from './editor';
2
+ export { CraftileEditor };
2
3
  export interface CreateCraftileEditorOptions extends CraftileEditorOptions {
3
4
  el?: string | HTMLElement;
4
5
  }
package/dist/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  (function(){"use strict";try{if(typeof document<"u"){var r=document.createElement("style");r.appendChild(document.createTextNode('/*! 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-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-300:oklch(80.8% .114 19.571);--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-amber-50:oklch(98.7% .022 95.277);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-700:oklch(55.5% .163 48.998);--color-amber-800:oklch(47.3% .137 46.201);--color-green-800:oklch(44.8% .119 151.328);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-slate-400:oklch(70.4% .04 256.788);--color-gray-50:var(--color-gray-50,oklch(98.5% 0 0));--color-gray-100:var(--color-gray-100,oklch(96.7% .001 286.375));--color-gray-200:var(--color-gray-200,oklch(92% .004 286.32));--color-gray-300:var(--color-gray-300,oklch(87.1% .006 286.286));--color-gray-400:var(--color-gray-400,oklch(70.5% .015 286.067));--color-gray-500:var(--color-gray-500,oklch(55.2% .016 285.938));--color-gray-600:var(--color-gray-600,oklch(44.2% .017 285.786));--color-gray-700:var(--color-gray-700,oklch(37% .013 285.805));--color-gray-800:var(--color-gray-800,oklch(37% .013 285.805));--color-gray-900:var(--color-gray-900,oklch(37% .013 285.805));--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;--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);--color-primary:var(--color-primary,oklch(14.7% .004 49.25));--color-primary-foreground:var(--color-primary-foreground,oklch(98.5% 0 0));--color-secondary:var(--color-secondary,oklch(92% .004 286.32));--color-secondary-foreground:var(--color-secondary-foreground,oklch(37% .013 285.805));--color-accent:var(--color-accent,oklch(54.6% .245 262.881));--color-accent-foreground:var(--color-accent-foreground,oklch(93.2% .032 255.585));--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 .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-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-3{margin-top:calc(var(--spacing)*3)}.__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-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-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-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-96{min-width:calc(var(--spacing)*96)}.__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 .gap-4{gap:calc(var(--spacing)*4)}.__craftile :where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}.__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-amber-200{border-color:var(--color-amber-200)}.__craftile .border-amber-300{border-color:var(--color-amber-300)}.__craftile .border-blue-200{border-color:var(--color-blue-200)}.__craftile .border-blue-300{border-color:var(--color-blue-300)}.__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,.__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-red-300{border-color:var(--color-red-300)}.__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-amber-50{background-color:var(--color-amber-50)}.__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-50{background-color:var(--color-blue-50)}.__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 .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-amber-700{color:var(--color-amber-700)}.__craftile .text-amber-800{color:var(--color-amber-800)}.__craftile .text-blue-700{color:var(--color-blue-700)}.__craftile .text-blue-800{color:var(--color-blue-800)}.__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-800{color:var(--color-gray-800,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-red-700{color:var(--color-red-700)}.__craftile .text-red-800{color:var(--color-red-800)}.__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-70{opacity:.7}.__craftile .opacity-75{opacity:.75}.__craftile .opacity-80{opacity:.8}.__craftile .opacity-90{opacity:.9}.__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-amber-100:hover{background-color:var(--color-amber-100)}.__craftile .hover\\:bg-blue-100:hover{background-color:var(--color-blue-100)}.__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-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(a){console.error("vite-plugin-css-injected-by-js",a)}})();
2
2
  import { defineComponent as P, inject as Ee, ref as re, onMounted as tt, watch as _n, createElementBlock as T, openBlock as g, markRaw as Q, createElementVNode as x, renderSlot as D, normalizeProps as $e, guardReactiveProps as Re, unref as a, createBlock as k, createCommentVNode as X, mergeProps as G, withCtx as _, computed as b, useId as ot, toValue as ke, mergeDefaults as Xe, createTextVNode as le, reactive as no, onBeforeUnmount as kn, Fragment as fe, renderList as Ie, createVNode as C, normalizeClass as ye, toDisplayString as z, resolveDynamicComponent as lt, onUnmounted as $o, toRaw as yr, nextTick as ro, isRef as yt, withDirectives as Bs, vModelText as Ss, withModifiers as $t, normalizeStyle as Po, toRefs as Zi, h as $s, getCurrentInstance as _r, resolveComponent as ea, KeepAlive as ta, TransitionGroup as Gr, createApp as oa, provide as na } from "vue";
3
- import { C as xe, c as De, u as F, b as j, d as Nt, r as me, g as ln, s as tr, e as qe, n as Rs, f as J, h as _t, i as Ge, j as ut, D as pt, k as Ft, l as Lt, m as so, o as kt, p as It, q as io, R as nt, t as kr, w as Ds, v as Ms, x as As, y as Ir, z as xr, A as ra, B as sa, E as cn, F as wr, G as Cr, H as In, P as xn, I as Er, J as wn, K as Or, L as ia, M as Ns, N as Ut, O as uo, Q as st, S as An, T as aa, U as Nn, V as la, W as ca, X as Tr, Y as xt, Z as Fs, $ as Ls, a0 as Vs, a1 as Hs, a2 as Gs, a3 as da, a4 as Us, a5 as dn, a6 as ua, a7 as pa, a8 as js, a9 as Ws, aa as zs, ab as Fn, ac as Ur, ad as or, ae as eo, af as ha, ag as ga, ah as fa, ai as ma, aj as Go, ak as va, al as ba, am as jr, an as ya, ao as nr, ap as _a, aq as ka, ar as Ia, as as xa, at as wa, au as Ca, av as Ea, aw as Oa, ax as Ln, ay as Ta, az as Pa, aA as Uo, aB as Ks, aC as Ba, aD as Vt, aE as Rt, aF as Dt, aG as Mt, aH as Pr, _ as ao, aI as Wr, aJ as Sa, aK as zr, aL as $a, aM as Ra, a as Da } from "./PropertyField.vue_vue_type_script_setup_true_lang-pd7hgHCe.js";
3
+ import { C as xe, c as De, u as F, b as j, d as Nt, r as me, e as J, f as _t, g as ln, s as tr, h as qe, n as Rs, i as Ge, j as ut, D as pt, k as Ft, l as Lt, m as so, o as kt, p as It, q as io, R as nt, t as kr, w as Ds, v as Ms, x as As, y as Ir, z as xr, A as ra, B as sa, E as cn, F as wr, G as Cr, H as In, P as xn, I as Er, J as wn, K as Or, L as ia, M as Ns, N as Ut, O as uo, Q as st, S as An, T as aa, U as Nn, V as la, W as ca, X as Tr, Y as xt, Z as Fs, $ as Ls, a0 as Vs, a1 as Hs, a2 as Gs, a3 as Fn, a4 as Ur, a5 as or, a6 as eo, a7 as da, a8 as ua, a9 as pa, aa as Us, ab as ha, ac as Go, ad as jr, ae as ga, af as fa, ag as js, ah as dn, ai as ma, aj as va, ak as Ws, al as zs, am as ba, an as ya, ao as nr, ap as _a, aq as ka, ar as Ia, as as xa, at as wa, au as Ca, av as Ea, aw as Oa, ax as Ln, ay as Ta, az as Pa, aA as Uo, aB as Ks, aC as Ba, aD as Vt, aE as Rt, aF as Dt, aG as Mt, aH as Pr, _ as ao, aI as Wr, aJ as Sa, aK as zr, aL as $a, aM as Ra, a as Da } from "./PropertyField.vue_vue_type_script_setup_true_lang-B4bE_0i5.js";
4
4
  const Bo = () => crypto.randomUUID ? crypto.randomUUID() : Date.now().toString(36) + Math.random().toString(36).substr(2), ne = (e) => e.id || e.name;
5
5
  class qs {
6
6
  listeners = /* @__PURE__ */ new Map();
@@ -3544,21 +3544,21 @@ var jc = _t("menu").parts(
3544
3544
  return Cr(ft(e), o);
3545
3545
  }, qc = (e) => xr(Ao(e)), Xc = (e) => Ir(Ao(e)), Rr = (e, t) => t ? e.id === t || e.dataset.value === t : !1, Yc = (e, t) => {
3546
3546
  const o = Ao(e), n = o.findIndex((r) => Rr(r, t.value));
3547
- return ba(o, n, { loop: t.loop ?? t.loopFocus });
3547
+ return ya(o, n, { loop: t.loop ?? t.loopFocus });
3548
3548
  }, Jc = (e, t) => {
3549
3549
  const o = Ao(e), n = o.findIndex((r) => Rr(r, t.value));
3550
- return va(o, n, { loop: t.loop ?? t.loopFocus });
3550
+ return ba(o, n, { loop: t.loop ?? t.loopFocus });
3551
3551
  }, Qc = (e, t) => {
3552
3552
  const o = Ao(e), n = o.find((r) => Rr(r, t.value));
3553
- return js(o, { state: t.typeaheadState, key: t.key, activeId: n?.id ?? null });
3554
- }, Yo = (e) => ya(e) && (e.dataset.disabled === "" || e.hasAttribute("disabled")), Zc = (e) => !!e?.getAttribute("role")?.startsWith("menuitem") && !!e?.hasAttribute("aria-controls"), cr = "menu:select";
3553
+ return Ws(o, { state: t.typeaheadState, key: t.key, activeId: n?.id ?? null });
3554
+ }, Yo = (e) => ga(e) && (e.dataset.disabled === "" || e.hasAttribute("disabled")), Zc = (e) => !!e?.getAttribute("role")?.startsWith("menuitem") && !!e?.hasAttribute("aria-controls"), cr = "menu:select";
3555
3555
  function ed(e, t) {
3556
3556
  if (!e) return;
3557
3557
  const o = Hs(e), n = new o.CustomEvent(cr, { detail: { value: t } });
3558
3558
  e.dispatchEvent(n);
3559
3559
  }
3560
3560
  function td(e, t) {
3561
- const { context: o, send: n, state: r, computed: s, prop: i, scope: c } = e, l = r.hasTag("open"), d = o.get("isSubmenu"), u = s("isTypingAhead"), m = i("composite"), f = o.get("currentPlacement"), p = o.get("anchorPoint"), v = o.get("highlightedValue"), I = zs({
3561
+ const { context: o, send: n, state: r, computed: s, prop: i, scope: c } = e, l = r.hasTag("open"), d = o.get("isSubmenu"), u = s("isTypingAhead"), m = i("composite"), f = o.get("currentPlacement"), p = o.get("anchorPoint"), v = o.get("highlightedValue"), I = Gs({
3562
3562
  ...i("positioning"),
3563
3563
  placement: p ? "bottom" : f
3564
3564
  });
@@ -3702,7 +3702,7 @@ function td(e, t) {
3702
3702
  });
3703
3703
  },
3704
3704
  onPointerDown(h) {
3705
- Yo(h.currentTarget) || ma(h) || h.preventDefault();
3705
+ Yo(h.currentTarget) || ha(h) || h.preventDefault();
3706
3706
  },
3707
3707
  onClick(h) {
3708
3708
  h.defaultPrevented || Yo(h.currentTarget) || n({ type: "TRIGGER_CLICK", target: h.currentTarget });
@@ -3786,7 +3786,7 @@ function td(e, t) {
3786
3786
  if (h.defaultPrevented || !eo(h.currentTarget, qe(h))) return;
3787
3787
  const w = qe(h);
3788
3788
  if (!(w?.closest("[role=menu]") === h.currentTarget || w === h.currentTarget)) return;
3789
- if (h.key === "Tab" && !ha(h)) {
3789
+ if (h.key === "Tab" && !da(h)) {
3790
3790
  h.preventDefault();
3791
3791
  return;
3792
3792
  }
@@ -3820,7 +3820,7 @@ function td(e, t) {
3820
3820
  N(h), h.stopPropagation(), h.preventDefault();
3821
3821
  return;
3822
3822
  }
3823
- i("typeahead") && ga(h) && (fa(h) || Gs(w) || (n({ type: "TYPEAHEAD", key: h.key }), h.preventDefault()));
3823
+ i("typeahead") && ua(h) && (pa(h) || Us(w) || (n({ type: "TYPEAHEAD", key: h.key }), h.preventDefault()));
3824
3824
  }
3825
3825
  });
3826
3826
  },
@@ -3902,7 +3902,7 @@ var { not: Ue, and: Wt, or: od } = kr(), nd = Nt({
3902
3902
  composite: !0,
3903
3903
  loopFocus: !1,
3904
3904
  navigate(t) {
3905
- Ws(t.node);
3905
+ zs(t.node);
3906
3906
  },
3907
3907
  ...e,
3908
3908
  positioning: {
@@ -3951,7 +3951,7 @@ var { not: Ue, and: Wt, or: od } = kr(), nd = Nt({
3951
3951
  return {
3952
3952
  parent: null,
3953
3953
  children: {},
3954
- typeaheadState: { ...js.defaultOptions },
3954
+ typeaheadState: { ...Ws.defaultOptions },
3955
3955
  positioningOverride: {}
3956
3956
  };
3957
3957
  },
@@ -4368,7 +4368,7 @@ var { not: Ue, and: Wt, or: od } = kr(), nd = Nt({
4368
4368
  isTriggerItemHighlighted: ({ event: e, scope: t, computed: o }) => !!(e.target ?? t.getById(o("highlightedId")))?.hasAttribute("aria-controls"),
4369
4369
  isSubmenu: ({ context: e }) => e.get("isSubmenu"),
4370
4370
  isPointerSuspended: ({ context: e }) => e.get("suspendPointer"),
4371
- isHighlightedItemEditable: ({ scope: e, computed: t }) => Gs(e.getById(t("highlightedId"))),
4371
+ isHighlightedItemEditable: ({ scope: e, computed: t }) => Us(e.getById(t("highlightedId"))),
4372
4372
  // guard assertions (for controlled mode)
4373
4373
  isOpenControlled: ({ prop: e }) => e("open") !== void 0,
4374
4374
  isArrowLeftEvent: ({ event: e }) => e.previousEvent?.type === "ARROW_LEFT",
@@ -4464,7 +4464,7 @@ var { not: Ue, and: Wt, or: od } = kr(), nd = Nt({
4464
4464
  const s = t.getById(o("highlightedId")), i = ft(t);
4465
4465
  _a(s, { rootEl: i, block: "nearest" });
4466
4466
  };
4467
- return me(() => n()), pa(() => ft(t), {
4467
+ return me(() => n()), va(() => ft(t), {
4468
4468
  defer: !0,
4469
4469
  attributes: ["aria-activedescendant"],
4470
4470
  callback: n
@@ -4473,7 +4473,7 @@ var { not: Ue, and: Wt, or: od } = kr(), nd = Nt({
4473
4473
  },
4474
4474
  actions: {
4475
4475
  setAnchorPoint({ context: e, event: t }) {
4476
- e.set("anchorPoint", (o) => ua(o, t.point) ? o : t.point);
4476
+ e.set("anchorPoint", (o) => ma(o, t.point) ? o : t.point);
4477
4477
  },
4478
4478
  setSubmenuPlacement({ context: e, computed: t, refs: o }) {
4479
4479
  if (!e.get("isSubmenu")) return;
@@ -4505,14 +4505,14 @@ var { not: Ue, and: Wt, or: od } = kr(), nd = Nt({
4505
4505
  const r = e.getById(t("highlightedId"));
4506
4506
  if (!r || r.dataset.disabled) return;
4507
4507
  const s = n.get("highlightedValue");
4508
- Us(r) ? o("navigate")?.({ value: s, node: r, href: r.href }) : queueMicrotask(() => r.click());
4508
+ js(r) ? o("navigate")?.({ value: s, node: r, href: r.href }) : queueMicrotask(() => r.click());
4509
4509
  },
4510
4510
  setIntentPolygon({ context: e, scope: t, event: o }) {
4511
4511
  const n = ft(t), r = e.get("currentPlacement");
4512
4512
  if (!n || !r) return;
4513
4513
  const s = n.getBoundingClientRect(), i = Bl(s, r);
4514
4514
  if (!i) return;
4515
- const l = da(r) === "right" ? -5 : 5;
4515
+ const l = fa(r) === "right" ? -5 : 5;
4516
4516
  e.set("intentPolygon", [{ ...o.point, x: o.point.x + l }, ...i]);
4517
4517
  },
4518
4518
  clearIntentPolygon({ context: e }) {
@@ -4969,7 +4969,7 @@ var kd = _t("popover").parts(
4969
4969
  "closeTrigger"
4970
4970
  ), Je = kd.build(), bi = (e) => e.ids?.anchor ?? `popover:${e.id}:anchor`, yi = (e) => e.ids?.trigger ?? `popover:${e.id}:trigger`, dr = (e) => e.ids?.content ?? `popover:${e.id}:content`, _i = (e) => e.ids?.positioner ?? `popover:${e.id}:popper`, Id = (e) => e.ids?.arrow ?? `popover:${e.id}:arrow`, ur = (e) => e.ids?.title ?? `popover:${e.id}:title`, pr = (e) => e.ids?.description ?? `popover:${e.id}:desc`, xd = (e) => e.ids?.closeTrigger ?? `popover:${e.id}:close`, ts = (e) => e.getById(bi(e)), zt = (e) => e.getById(yi(e)), Kt = (e) => e.getById(dr(e)), os = (e) => e.getById(_i(e)), wd = (e) => e.getById(ur(e)), Cd = (e) => e.getById(pr(e));
4971
4971
  function Ed(e, t) {
4972
- const { state: o, context: n, send: r, computed: s, prop: i, scope: c } = e, l = o.matches("open"), d = n.get("currentPlacement"), u = s("currentPortalled"), m = n.get("renderedElements"), f = zs({
4972
+ const { state: o, context: n, send: r, computed: s, prop: i, scope: c } = e, l = o.matches("open"), d = n.get("currentPlacement"), u = s("currentPortalled"), m = n.get("renderedElements"), f = Gs({
4973
4973
  ...i("positioning"),
4974
4974
  placement: d
4975
4975
  });
@@ -5589,7 +5589,7 @@ function zd(e, t) {
5589
5589
  "data-orientation": s("orientation"),
5590
5590
  "aria-label": c?.listLabel,
5591
5591
  onKeyDown(p) {
5592
- if (p.defaultPrevented || Ca(p) || !eo(p.currentTarget, qe(p))) return;
5592
+ if (p.defaultPrevented || xa(p) || !eo(p.currentTarget, qe(p))) return;
5593
5593
  const v = {
5594
5594
  ArrowDown() {
5595
5595
  u || n({ type: "ARROW_NEXT", key: "ArrowDown" });
@@ -5693,7 +5693,7 @@ function zd(e, t) {
5693
5693
  }
5694
5694
  };
5695
5695
  }
5696
- var { createMachine: Kd } = xa(), qd = Kd({
5696
+ var { createMachine: Kd } = wa(), qd = Kd({
5697
5697
  props({ props: e }) {
5698
5698
  return {
5699
5699
  dir: "ltr",
@@ -5702,7 +5702,7 @@ var { createMachine: Kd } = xa(), qd = Kd({
5702
5702
  loopFocus: !0,
5703
5703
  composite: !0,
5704
5704
  navigate(t) {
5705
- Ws(t.node);
5705
+ zs(t.node);
5706
5706
  },
5707
5707
  defaultValue: null,
5708
5708
  ...e
@@ -5921,7 +5921,7 @@ var { createMachine: Kd } = xa(), qd = Kd({
5921
5921
  }
5922
5922
  const s = tn(o, r), i = ns(o);
5923
5923
  if (!s || !i) return;
5924
- const c = wa([s], {
5924
+ const c = Ca([s], {
5925
5925
  measure(l) {
5926
5926
  return wi(l);
5927
5927
  },
@@ -5936,7 +5936,7 @@ var { createMachine: Kd } = xa(), qd = Kd({
5936
5936
  const n = e.get("value");
5937
5937
  if (!n) return;
5938
5938
  const r = tn(o, n);
5939
- Us(r) && t("navigate")?.({ value: n, node: r, href: r.href });
5939
+ js(r) && t("navigate")?.({ value: n, node: r, href: r.href });
5940
5940
  }
5941
5941
  }
5942
5942
  }
@@ -12428,6 +12428,7 @@ function nv(e = {}) {
12428
12428
  return t && n.mount(t), n;
12429
12429
  }
12430
12430
  export {
12431
+ ev as CraftileEditor,
12431
12432
  nv as createCraftileEditor,
12432
12433
  Ra as evaluateVisibilityRule
12433
12434
  };
package/dist/ui.js CHANGED
@@ -1,4 +1,4 @@
1
- import { _ as t, a } from "./PropertyField.vue_vue_type_script_setup_true_lang-pd7hgHCe.js";
1
+ import { _ as t, a } from "./PropertyField.vue_vue_type_script_setup_true_lang-B4bE_0i5.js";
2
2
  export {
3
3
  t as Button,
4
4
  a as PropertyField
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@craftile/editor",
3
- "version": "1.0.0",
3
+ "version": "1.0.2",
4
4
  "description": "Vue.js-based editor UI components for craftile blocks engine",
5
5
  "keywords": [
6
6
  "craftile",
@@ -38,10 +38,10 @@
38
38
  "dependencies": {
39
39
  "vue": "^3.5.17",
40
40
  "vue-draggable-plus": "^0.6.0",
41
- "@craftile/core": "1.0.0",
42
- "@craftile/event-bus": "1.0.0",
43
- "@craftile/types": "1.0.0",
44
- "@craftile/messenger": "1.0.0"
41
+ "@craftile/core": "1.0.2",
42
+ "@craftile/event-bus": "1.0.2",
43
+ "@craftile/messenger": "1.0.2",
44
+ "@craftile/types": "1.0.2"
45
45
  },
46
46
  "devDependencies": {
47
47
  "@ark-ui/vue": "^5.24.1",