@examind/block-editor 0.1.15 → 0.1.16

package/dist/index.js

@@ -31,6 +31,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var index_exports = {};
 __export(index_exports, {
   BlockEditor: () => BlockEditor,
+  BlockEditorStyle: () => BlockEditorStyle,
   Callout: () => Callout,
   Debug: () => Debug,
   Image: () => Image,
@@ -4394,16 +4395,22 @@ function humanReadableBytes(bytes) {
     return `${Math.round(bytes / Math.pow(1024, i))} ${sizes[i]}`;
   }
 }
-function getNumber(str) {
-  const trimmedStr = str.trim();
-  if (trimmedStr === "") {
-    return void 0;
+function getNumber(value) {
+  if (typeof value === "number") {
+    return Number.isNaN(value) ? void 0 : value;
   }
-  const num = +trimmedStr;
-  if (Number.isNaN(num)) {
-    return void 0;
+  if (typeof value === "string") {
+    const trimmedStr = value.trim();
+    if (trimmedStr === "") {
+      return void 0;
+    }
+    const num = +trimmedStr;
+    return Number.isNaN(num) ? void 0 : num;
+  }
+  if (typeof value === "boolean") {
+    return value ? 1 : 0;
   }
-  return num;
+  return void 0;
 }
 var formatNumber = (num, format) => {
   return format ? (0, import_numeral.default)(num).format(format) : autoFormatNumber(num);
@@ -17159,23 +17166,705 @@ function TypeaheadMenuPlugin() {
   );
 }
 
+// src/theme/defaultThemeVariables.ts
+var themeLight = `
+:host,
+.theme-light {
+  color-scheme: light;
+
+  --sl-color-primary-50: #f0f9ff;
+  --sl-color-primary-100: #e0f2fe;
+  --sl-color-primary-200: #bae6fd;
+  --sl-color-primary-300: #93c5fd;
+  --sl-color-primary-400: #60a5fa;
+  --sl-color-primary-500: #3b82f6;
+  --sl-color-primary-600: #2563eb;
+  --sl-color-primary-700: #1d4ed8;
+  --sl-color-primary-800: #1e40af;
+  --sl-color-primary-900: #1e3a8a;
+  --sl-color-primary-950: #172554;
+
+  --sl-color-success-50: #f0fdf4;
+  --sl-color-success-100: #dcfce7;
+  --sl-color-success-200: #bbf7d0;
+  --sl-color-success-300: #86efac;
+  --sl-color-success-400: #4ade80;
+  --sl-color-success-500: #22c55e;
+  --sl-color-success-600: #16a34a;
+  --sl-color-success-700: #15803d;
+  --sl-color-success-800: #166534;
+  --sl-color-success-900: #14532d;
+  --sl-color-success-950: #052e16;
+
+  --sl-color-warning-50: #fffbeb;
+  --sl-color-warning-100: #fef3c7;
+  --sl-color-warning-200: #fde68a;
+  --sl-color-warning-300: #fcd34d;
+  --sl-color-warning-400: #fbbf24;
+  --sl-color-warning-500: #f59e0b;
+  --sl-color-warning-600: #d97706;
+  --sl-color-warning-700: #b45309;
+  --sl-color-warning-800: #92400e;
+  --sl-color-warning-900: #78350f;
+  --sl-color-warning-950: #451a03;
+
+  --sl-color-danger-50: #fef2f2;
+  --sl-color-danger-100: #fee2e2;
+  --sl-color-danger-200: #fecaca;
+  --sl-color-danger-300: #fca5a5;
+  --sl-color-danger-400: #f87171;
+  --sl-color-danger-500: #ef4444;
+  --sl-color-danger-600: #dc2626;
+  --sl-color-danger-700: #b91c1c;
+  --sl-color-danger-800: #991b1b;
+  --sl-color-danger-900: #7f1d1d;
+  --sl-color-danger-950: #450a0a;
+
+  --sl-color-neutral-50: #fafafa;
+  --sl-color-neutral-100: #f4f4f5;
+  --sl-color-neutral-200: #e4e4e7;
+  --sl-color-neutral-300: #d4d4d8;
+  --sl-color-neutral-400: #a1a1aa;
+  --sl-color-neutral-500: #71717a;
+  --sl-color-neutral-600: #52525b;
+  --sl-color-neutral-700: #3f3f46;
+  --sl-color-neutral-800: #27272a;
+  --sl-color-neutral-900: #18181b;
+  --sl-color-neutral-950: #09090b;
+
+  --sl-color-neutral-0: #ffffff;
+  --sl-color-neutral-1000: hsl(0, 0%, 0%);
+
+  --sl-border-base: var(--be-border-base);
+  --sl-border-radius-small: calc(var(--sl-border-base) * 0.1875);
+  --sl-border-radius-medium: calc(var(--sl-border-base) * 0.25);
+  --sl-border-radius-large: calc(var(--sl-border-base) * 0.5);
+  --sl-border-radius-x-large: var(
+    --sl-border-base
+  );
+
+  --sl-border-radius-circle: 50%;
+  --sl-border-radius-pill: 9999px;
+
+  --sl-shadow-x-small: 0 1px 2px hsl(240 3.8% 46.1% / 6%);
+  --sl-shadow-small: 0 1px 2px hsl(240 3.8% 46.1% / 12%);
+  --sl-shadow-medium: 0 2px 4px hsl(240 3.8% 46.1% / 12%);
+  --sl-shadow-large: var(
+    --be-shadow-large,
+    0 2px 8px hsl(240 3.8% 46.1% / 12%)
+  );
+  --sl-shadow-x-large: 0 4px 16px hsl(240 3.8% 46.1% / 12%);
+
+  --sl-spacing-base: var(--be-spacing-base, 1rem);
+  --sl-spacing-3x-small: calc(
+    var(--sl-spacing-base) * 0.125
+  );
+  --sl-spacing-2x-small: calc(
+    var(--sl-spacing-base) * 0.25
+  );
+  --sl-spacing-1_5x-small: calc(
+    var(--sl-spacing-base) * 0.375
+  );
+  --sl-spacing-x-small: calc(
+    var(--sl-spacing-base) * 0.5
+  );
+  --sl-spacing-small: calc(
+    var(--sl-spacing-base) * 0.75
+  );
+  --sl-spacing-medium: var(--sl-spacing-base);
+  --sl-spacing-large: calc(
+    var(--sl-spacing-base) * 1.25
+  );
+  --sl-spacing-x-large: calc(
+    var(--sl-spacing-base) * 1.75
+  );
+  --sl-spacing-2x-large: calc(
+    var(--sl-spacing-base) * 2.25
+  );
+  --sl-spacing-3x-large: calc(
+    var(--sl-spacing-base) * 3
+  );
+  --sl-spacing-4x-large: calc(
+    var(--sl-spacing-base) * 4.5
+  );
+  --sl-spacing-5x-large: calc(var(--sl-spacing-base) * 5);
+
+  --indent-size: var(--sl-spacing-large);
+
+  --sl-transition-x-slow: 1000ms;
+  --sl-transition-slow: 500ms;
+  --sl-transition-medium: 250ms;
+  --sl-transition-fast: 150ms;
+  --sl-transition-x-fast: 50ms;
+
+  --sl-font-mono: SFMono-Regular, Consolas, 'Liberation Mono', Menlo,
+    monospace;
+  --sl-font-sans: var(
+    --be-font-sans,
+    -apple-system,
+    BlinkMacSystemFont,
+    'Segoe UI',
+    Roboto,
+    Helvetica,
+    Arial,
+    sans-serif,
+    'Apple Color Emoji',
+    'Segoe UI Emoji',
+    'Segoe UI Symbol'
+  );
+  --sl-font-serif: var(
+    --be-font-serif,
+    Georgia,
+    'Times New Roman',
+    serif
+  );
+
+  --sl-font-size-base: var(--be-font-size-base, 1rem);
+  --sl-font-size-2x-small: calc(var(--sl-font-size-base) * 0.625);
+  --sl-font-size-x-small: calc(var(--sl-font-size-base) * 0.75);
+  --sl-font-size-small: calc(var(--sl-font-size-base) * 0.875);
+  --sl-font-size-medium: var(--sl-font-size-base);
+  --sl-font-size-large: calc(var(--sl-font-size-base) * 1.25);
+  --sl-font-size-x-large: calc(var(--sl-font-size-base) * 1.5);
+  --sl-font-size-2x-large: calc(var(--sl-font-size-base) * 2.25);
+  --sl-font-size-3x-large: calc(var(--sl-font-size-base) * 3);
+  --sl-font-size-4x-large: calc(var(--sl-font-size-base) * 4.5);
+
+  --sl-font-weight-light: 300;
+  --sl-font-weight-normal: 400;
+  --sl-font-weight-semibold: 500;
+  --sl-font-weight-bold: 700;
+
+  --sl-letter-spacing-denser: -0.03em;
+  --sl-letter-spacing-dense: -0.015em;
+  --sl-letter-spacing-normal: normal;
+  --sl-letter-spacing-loose: 0.075em;
+  --sl-letter-spacing-looser: 0.15em;
+
+  --sl-line-height-base: 1;
+  --sl-line-height-x-denser: calc(var(--sl-line-height-base) * 1.1);
+  --sl-line-height-denser: calc(var(--sl-line-height-base) * 1.2);
+  --sl-line-height-dense: calc(var(--sl-line-height-base) * 1.4);
+  --sl-line-height-subnormal: calc(var(--sl-line-height-base) * 1.6);
+  --sl-line-height-normal: calc(var(--sl-line-height-base) * 1.8);
+  --sl-line-height-loose: calc(var(--sl-line-height-base) * 2.2);
+  --sl-line-height-looser: calc(var(--sl-line-height-base) * 2.6);
+
+  --sl-focus-ring-color: var(--sl-color-primary-600);
+  --sl-focus-ring-style: solid;
+  --sl-focus-ring-width: var(--be-focus-ring-width, 1px);
+  --sl-focus-ring: var(--sl-focus-ring-style)
+    var(--sl-focus-ring-width) var(--sl-focus-ring-color);
+  --sl-focus-ring-offset: 1px;
+
+  --sl-button-font-size-small: var(--sl-font-size-x-small);
+  --sl-button-font-size-medium: var(--sl-font-size-small);
+  --sl-button-font-size-large: var(--sl-font-size-medium);
+
+  --sl-input-height-base: 1rem;
+  --sl-input-height-small: calc(var(--sl-input-height-base) * 1.875);
+  --sl-input-height-medium: calc(var(--sl-input-height-base) * 2.5);
+  --sl-input-height-large: calc(var(--sl-input-height-base) * 3.125);
+
+  --sl-input-background-color: var(--sl-color-neutral-0);
+  --sl-input-background-color-hover: var(--sl-input-background-color);
+  --sl-input-background-color-focus: var(--sl-input-background-color);
+  --sl-input-background-color-disabled: var(--sl-color-neutral-100);
+  --sl-input-border-color: var(--sl-color-neutral-300);
+  --sl-input-border-color-hover: var(--sl-color-neutral-400);
+  --sl-input-border-color-focus: var(--sl-color-primary-500);
+  --sl-input-border-color-disabled: var(--sl-color-neutral-300);
+  --sl-input-border-width: 1px;
+  --sl-input-required-content: '*';
+  --sl-input-required-content-offset: -2px;
+  --sl-input-required-content-color: var(--sl-input-label-color);
+
+  --sl-input-border-radius-small: var(--sl-border-radius-medium);
+  --sl-input-border-radius-medium: var(--sl-border-radius-medium);
+  --sl-input-border-radius-large: var(--sl-border-radius-medium);
+
+  --sl-input-font-family: var(--sl-font-sans);
+  --sl-input-font-weight: var(--sl-font-weight-normal);
+  --sl-input-font-size-small: var(--sl-font-size-small);
+  --sl-input-font-size-medium: var(--sl-font-size-medium);
+  --sl-input-font-size-large: var(--sl-font-size-large);
+  --sl-input-letter-spacing: var(--sl-letter-spacing-normal);
+
+  --sl-input-color: var(--sl-color-neutral-700);
+  --sl-input-color-hover: var(--sl-color-neutral-700);
+  --sl-input-color-focus: var(--sl-color-neutral-700);
+  --sl-input-color-disabled: var(--sl-color-neutral-900);
+  --sl-input-icon-color: var(--sl-color-neutral-400);
+  --sl-input-icon-color-hover: var(--sl-color-neutral-500);
+  --sl-input-icon-color-focus: var(--sl-color-neutral-500);
+  --sl-input-placeholder-color: var(--sl-color-neutral-400);
+  --sl-input-placeholder-color-disabled: var(--sl-color-neutral-500);
+  --sl-input-spacing-small: var(--sl-spacing-small);
+  --sl-input-spacing-medium: var(--sl-spacing-medium);
+  --sl-input-spacing-large: var(--sl-spacing-large);
+
+  --sl-input-focus-ring-color: hsl(198.6 88.7% 48.4% / 40%);
+  --sl-input-focus-ring-offset: 0;
+
+  --sl-input-filled-background-color: var(--sl-color-neutral-100);
+  --sl-input-filled-background-color-hover: var(
+    --sl-color-neutral-100
+  );
+  --sl-input-filled-background-color-focus: var(
+    --sl-color-neutral-100
+  );
+  --sl-input-filled-background-color-disabled: var(
+    --sl-color-neutral-100
+  );
+  --sl-input-filled-color: var(--sl-color-neutral-800);
+  --sl-input-filled-color-hover: var(--sl-color-neutral-800);
+  --sl-input-filled-color-focus: var(--sl-color-neutral-700);
+  --sl-input-filled-color-disabled: var(--sl-color-neutral-800);
+
+  --sl-input-label-font-size-small: var(--sl-font-size-small);
+  --sl-input-label-font-size-medium: var(--sl-font-size-medium);
+  --sl-input-label-font-size-large: var(--sl-font-size-large);
+  --sl-input-label-color: inherit;
+
+  --sl-input-help-text-font-size-small: var(--sl-font-size-x-small);
+  --sl-input-help-text-font-size-medium: var(--sl-font-size-small);
+  --sl-input-help-text-font-size-large: var(--sl-font-size-medium);
+  --sl-input-help-text-color: var(--sl-color-neutral-500);
+
+  --sl-toggle-size-small: 0.875rem;
+  --sl-toggle-size-medium: 1.125rem;
+  --sl-toggle-size-large: 1.375rem;
+
+  --sl-overlay-background-color: hsl(240 3.8% 46.1% / 33%);
+
+  --sl-panel-background-color: var(--sl-color-neutral-0);
+  --sl-panel-border-color: var(--sl-color-neutral-300);
+  --sl-panel-border-width: 1px;
+
+  --sl-tooltip-border-radius: var(--sl-border-radius-medium);
+  --sl-tooltip-background-color: var(--sl-color-neutral-800);
+  --sl-tooltip-color: var(--sl-color-neutral-0);
+  --sl-tooltip-font-family: var(--sl-font-sans);
+  --sl-tooltip-font-weight: var(--sl-font-weight-normal);
+  --sl-tooltip-font-size: var(--sl-font-size-small);
+  --sl-tooltip-line-height: var(--sl-line-height-dense);
+  --sl-tooltip-padding: var(--sl-spacing-2x-small)
+    var(--sl-spacing-x-small);
+  --sl-tooltip-arrow-size: 6px;
+
+  --sl-z-index-drawer: 700;
+  --sl-z-index-dialog: 800;
+  --sl-z-index-dropdown: 900;
+  --sl-z-index-toast: 950;
+  --sl-z-index-tooltip: 1000;
+
+  --td-footer-background-color: #09090b;
+  --td-footer-color: #e4e4e7;
+
+  --td-code-block-toolbar-cell-background-color: #e2e8f0;
+  --td-code-block-highlighted-background-color: #dbeafe;
+
+  --td-card-color: 'inherit';
+  --td-card-background-color: var(--sl-color-neutral-0);
+  --td-card-background-hover-color: var(--sl-color-neutral-50);
+  --td-card-border-color: rgba(24, 24, 27, 0.08);
+  --td-card-box-shadow-1: rgba(24, 24, 27, 0.02);
+  --td-card-box-shadow-1-y: 3px;
+  --td-card-box-shadow-1-blur: 6px;
+  --td-card-box-shadow-2: rgba(24, 24, 27, 0.04);
+  --td-card-box-shadow-2-y: 2px;
+  --td-card-box-shadow-2-blur: 7px;
+
+  --td-card-hover-border-color: rgba(24, 24, 27, 0.15);
+  --td-card-hover-box-shadow-1: rgba(24, 24, 27, 0.05);
+  --td-card-hover-box-shadow-1-y: 3px;
+  --td-card-hover-box-shadow-1-blur: 6px;
+  --td-card-hover-box-shadow-2: rgba(24, 24, 27, 0.1);
+  --td-card-hover-box-shadow-2-y: 8px;
+  --td-card-hover-box-shadow-2-blur: 15px;
+
+  --td-body-gradient-line-color: #ffffff;
+
+  --td-editor-text-color-blue: hsl(221, 100%, 50%);
+  --td-editor-text-color-purple: hsl(291, 100%, 39%);
+  --td-editor-text-color-red: hsl(4, 100%, 40%);
+  --td-editor-text-color-green: hsl(122, 100%, 23%);
+
+  --td-editor-bg-color-blue: hsl(221, 100%, 50%, 0.1);
+  --td-editor-bg-color-purple: hsl(291, 100%, 39%, 0.1);
+  --td-editor-bg-color-red: hsl(4, 100%, 40%, 0.1);
+  --td-editor-bg-color-green: hsl(122, 100%, 23%, 0.1);
+}
+`;
+var themeDark = `
+:host,
+.theme-dark {
+  color-scheme: dark;
+
+  --sl-color-primary-950: #f0f9ff;
+  --sl-color-primary-900: #e0f2fe;
+  --sl-color-primary-800: #bae6fd;
+  --sl-color-primary-700: #93c5fd;
+  --sl-color-primary-600: #60a5fa;
+  --sl-color-primary-500: #3b82f6;
+  --sl-color-primary-400: #2563eb;
+  --sl-color-primary-300: #1d4ed8;
+  --sl-color-primary-200: #1e40af;
+  --sl-color-primary-100: #1e3a8a;
+  --sl-color-primary-50: #172554;
+
+  --sl-color-success-950: #f0fdf4;
+  --sl-color-success-900: #dcfce7;
+  --sl-color-success-800: #bbf7d0;
+  --sl-color-success-700: #86efac;
+  --sl-color-success-600: #4ade80;
+  --sl-color-success-500: #22c55e;
+  --sl-color-success-400: #16a34a;
+  --sl-color-success-300: #15803d;
+  --sl-color-success-200: #166534;
+  --sl-color-success-100: #14532d;
+  --sl-color-success-50: #052e16;
+
+  --sl-color-warning-950: #fffbeb;
+  --sl-color-warning-900: #fef3c7;
+  --sl-color-warning-800: #fde68a;
+  --sl-color-warning-700: #fcd34d;
+  --sl-color-warning-600: #fbbf24;
+  --sl-color-warning-500: #f59e0b;
+  --sl-color-warning-400: #d97706;
+  --sl-color-warning-300: #b45309;
+  --sl-color-warning-200: #92400e;
+  --sl-color-warning-100: #78350f;
+  --sl-color-warning-50: #451a03;
+
+  --sl-color-danger-950: #fef2f2;
+  --sl-color-danger-900: #fee2e2;
+  --sl-color-danger-800: #fecaca;
+  --sl-color-danger-700: #fca5a5;
+  --sl-color-danger-600: #f87171;
+  --sl-color-danger-500: #ef4444;
+  --sl-color-danger-400: #dc2626;
+  --sl-color-danger-300: #b91c1c;
+  --sl-color-danger-200: #991b1b;
+  --sl-color-danger-100: #7f1d1d;
+  --sl-color-danger-50: #450a0a;
+
+  --sl-color-neutral-950: #fafafa;
+  --sl-color-neutral-900: #f4f4f5;
+  --sl-color-neutral-800: #e4e4e7;
+  --sl-color-neutral-700: #d4d4d8;
+  --sl-color-neutral-600: #a1a1aa;
+  --sl-color-neutral-500: #71717a;
+
+  --sl-color-neutral-400: #71717a;
+  --sl-color-neutral-300: #52525b;
+  --sl-color-neutral-200: #3f3f46;
+  --sl-color-neutral-100: #27272a;
+  --sl-color-neutral-50: #18181b;
+  --sl-color-neutral-0: #09090b;
+  --sl-color-neutral-1000: hsl(0, 0%, 100%);
+
+  --sl-border-base: var(--be-border-base);
+  --sl-border-radius-small: calc(var(--sl-border-base) * 0.1875);
+  --sl-border-radius-medium: calc(var(--sl-border-base) * 0.25);
+  --sl-border-radius-large: calc(var(--sl-border-base) * 0.5);
+  --sl-border-radius-x-large: var(
+    --sl-border-base
+  );
+
+  --sl-border-radius-circle: 50%;
+  --sl-border-radius-pill: 9999px;
+
+  --sl-shadow-x-small: 0 1px 2px rgb(0 0 0 / 18%);
+  --sl-shadow-small: 0 1px 2px rgb(0 0 0 / 24%);
+  --sl-shadow-medium: 0 2px 4px rgb(0 0 0 / 24%);
+  --sl-shadow-large: var(
+    --be-shadow-large,
+    0 2px 8px rgb(0 0 0 / 24%)
+  );
+  --sl-shadow-x-large: 0 4px 16px rgb(0 0 0 / 24%);
+
+  --sl-spacing-base: var(--be-spacing-base, 1rem);
+  --sl-spacing-3x-small: calc(
+    var(--sl-spacing-base) * 0.125
+  );
+  --sl-spacing-2x-small: calc(
+    var(--sl-spacing-base) * 0.25
+  );
+  --sl-spacing-1_5x-small: calc(
+    var(--sl-spacing-base) * 0.375
+  );
+  --sl-spacing-x-small: calc(
+    var(--sl-spacing-base) * 0.5
+  );
+  --sl-spacing-small: calc(
+    var(--sl-spacing-base) * 0.75
+  );
+  --sl-spacing-medium: var(--sl-spacing-base);
+  --sl-spacing-large: calc(
+    var(--sl-spacing-base) * 1.25
+  );
+  --sl-spacing-x-large: calc(
+    var(--sl-spacing-base) * 1.75
+  );
+  --sl-spacing-2x-large: calc(
+    var(--sl-spacing-base) * 2.25
+  );
+  --sl-spacing-3x-large: calc(
+    var(--sl-spacing-base) * 3
+  );
+  --sl-spacing-4x-large: calc(
+    var(--sl-spacing-base) * 4.5
+  );
+  --sl-spacing-5x-large: calc(var(--sl-spacing-base) * 5);
+
+  --indent-size: var(--sl-spacing-large);
+
+  --sl-transition-x-slow: 1000ms;
+  --sl-transition-slow: 500ms;
+  --sl-transition-medium: 250ms;
+  --sl-transition-fast: 150ms;
+  --sl-transition-x-fast: 50ms;
+
+  --sl-font-mono: var(
+    --be-font-mono,
+    SFMono-Regular,
+    Consolas,
+    'Liberation Mono',
+    Menlo,
+    monospace
+  );
+  --sl-font-sans: var(
+    --be-font-sans,
+    -apple-system,
+    BlinkMacSystemFont,
+    'Segoe UI',
+    Roboto,
+    Helvetica,
+    Arial,
+    sans-serif,
+    'Apple Color Emoji',
+    'Segoe UI Emoji',
+    'Segoe UI Symbol'
+  );
+  --sl-font-serif: var(
+    --be-font-serif,
+    Georgia,
+    'Times New Roman',
+    serif
+  );
+
+  --sl-font-size-base: var(--be-font-size-base, 1rem);
+  --sl-font-size-2x-small: calc(var(--sl-font-size-base) * 0.625);
+  --sl-font-size-x-small: calc(var(--sl-font-size-base) * 0.75);
+  --sl-font-size-small: calc(var(--sl-font-size-base) * 0.875);
+  --sl-font-size-medium: var(--sl-font-size-base);
+  --sl-font-size-large: calc(var(--sl-font-size-base) * 1.25);
+  --sl-font-size-x-large: calc(var(--sl-font-size-base) * 1.5);
+  --sl-font-size-2x-large: calc(var(--sl-font-size-base) * 2.25);
+  --sl-font-size-3x-large: calc(var(--sl-font-size-base) * 3);
+  --sl-font-size-4x-large: calc(var(--sl-font-size-base) * 4.5);
+
+  --sl-font-weight-light: 300;
+  --sl-font-weight-normal: 400;
+  --sl-font-weight-semibold: 500;
+  --sl-font-weight-bold: 700;
+
+  --sl-letter-spacing-denser: -0.03em;
+  --sl-letter-spacing-dense: -0.015em;
+  --sl-letter-spacing-normal: normal;
+  --sl-letter-spacing-loose: 0.075em;
+  --sl-letter-spacing-looser: 0.15em;
+
+  --sl-line-height-base: 1;
+  --sl-line-height-x-denser: calc(var(--sl-line-height-base) * 1.1);
+  --sl-line-height-denser: calc(var(--sl-line-height-base) * 1.2);
+  --sl-line-height-dense: calc(var(--sl-line-height-base) * 1.4);
+  --sl-line-height-subnormal: calc(var(--sl-line-height-base) * 1.6);
+  --sl-line-height-normal: calc(var(--sl-line-height-base) * 1.8);
+  --sl-line-height-loose: calc(var(--sl-line-height-base) * 2.2);
+  --sl-line-height-looser: calc(var(--sl-line-height-base) * 2.6);
+
+  --sl-focus-ring-color: var(--sl-color-primary-700);
+  --sl-focus-ring-style: solid;
+  --sl-focus-ring-width: var(--be-focus-ring-width, 1px);
+  --sl-focus-ring: var(--sl-focus-ring-style)
+    var(--sl-focus-ring-width) var(--sl-focus-ring-color);
+  --sl-focus-ring-offset: 1px;
+
+  --sl-button-font-size-small: var(--sl-font-size-x-small);
+  --sl-button-font-size-medium: var(--sl-font-size-small);
+  --sl-button-font-size-large: var(--sl-font-size-medium);
+
+  --sl-input-height-base: 1rem;
+  --sl-input-height-small: calc(var(--sl-input-height-base) * 1.875);
+  --sl-input-height-medium: calc(var(--sl-input-height-base) * 2.5);
+  --sl-input-height-large: calc(var(--sl-input-height-base) * 3.125);
+
+  --sl-input-background-color: var(--sl-color-neutral-0);
+  --sl-input-background-color-hover: var(--sl-input-background-color);
+  --sl-input-background-color-focus: var(--sl-input-background-color);
+  --sl-input-background-color-disabled: var(--sl-color-neutral-100);
+  --sl-input-border-color: var(--sl-color-neutral-300);
+  --sl-input-border-color-hover: var(--sl-color-neutral-400);
+  --sl-input-border-color-focus: var(--sl-color-primary-500);
+  --sl-input-border-color-disabled: var(--sl-color-neutral-300);
+  --sl-input-border-width: 1px;
+  --sl-input-required-content: '*';
+  --sl-input-required-content-offset: -2px;
+  --sl-input-required-content-color: var(--sl-input-label-color);
+
+  --sl-input-border-radius-small: var(--sl-border-radius-medium);
+  --sl-input-border-radius-medium: var(--sl-border-radius-medium);
+  --sl-input-border-radius-large: var(--sl-border-radius-medium);
+
+  --sl-input-font-family: var(--sl-font-sans);
+  --sl-input-font-weight: var(--sl-font-weight-normal);
+  --sl-input-font-size-small: var(--sl-font-size-small);
+  --sl-input-font-size-medium: var(--sl-font-size-medium);
+  --sl-input-font-size-large: var(--sl-font-size-large);
+  --sl-input-letter-spacing: var(--sl-letter-spacing-normal);
+
+  --sl-input-color: var(--sl-color-neutral-700);
+  --sl-input-color-hover: var(--sl-color-neutral-700);
+  --sl-input-color-focus: var(--sl-color-neutral-700);
+  --sl-input-color-disabled: var(--sl-color-neutral-900);
+  --sl-input-icon-color: var(--sl-color-neutral-400);
+  --sl-input-icon-color-hover: var(--sl-color-neutral-500);
+  --sl-input-icon-color-focus: var(--sl-color-neutral-500);
+  --sl-input-placeholder-color: var(--sl-color-neutral-400);
+  --sl-input-placeholder-color-disabled: var(--sl-color-neutral-500);
+  --sl-input-spacing-small: var(--sl-spacing-small);
+  --sl-input-spacing-medium: var(--sl-spacing-medium);
+  --sl-input-spacing-large: var(--sl-spacing-large);
+
+  --sl-input-focus-ring-color: hsl(198.6 88.7% 48.4% / 40%);
+  --sl-input-focus-ring-offset: 0;
+
+  --sl-input-filled-background-color: var(--sl-color-neutral-100);
+  --sl-input-filled-background-color-hover: var(
+    --sl-color-neutral-100
+  );
+  --sl-input-filled-background-color-focus: var(
+    --sl-color-neutral-100
+  );
+  --sl-input-filled-background-color-disabled: var(
+    --sl-color-neutral-100
+  );
+  --sl-input-filled-color: var(--sl-color-neutral-800);
+  --sl-input-filled-color-hover: var(--sl-color-neutral-800);
+  --sl-input-filled-color-focus: var(--sl-color-neutral-700);
+  --sl-input-filled-color-disabled: var(--sl-color-neutral-800);
+
+  --sl-input-label-font-size-small: var(--sl-font-size-small);
+  --sl-input-label-font-size-medium: var(--sl-font-size-medium);
+  --sl-input-label-font-size-large: var(--sl-font-size-large);
+  --sl-input-label-color: inherit;
+
+  --sl-input-help-text-font-size-small: var(--sl-font-size-x-small);
+  --sl-input-help-text-font-size-medium: var(--sl-font-size-small);
+  --sl-input-help-text-font-size-large: var(--sl-font-size-medium);
+  --sl-input-help-text-color: var(--sl-color-neutral-500);
+
+  --sl-toggle-size-small: 0.875rem;
+  --sl-toggle-size-medium: 1.125rem;
+  --sl-toggle-size-large: 1.375rem;
+
+  --sl-overlay-background-color: hsla(0, 0%, 100%, 0.05);
+
+  --sl-panel-background-color: var(--sl-color-neutral-0);
+  --sl-panel-border-color: var(--sl-color-neutral-300);
+  --sl-panel-border-width: 1px;
+
+  --sl-tooltip-border-radius: var(--sl-border-radius-medium);
+  --sl-tooltip-background-color: var(--sl-color-neutral-800);
+  --sl-tooltip-color: var(--sl-color-neutral-0);
+  --sl-tooltip-font-family: var(--sl-font-sans);
+  --sl-tooltip-font-weight: var(--sl-font-weight-normal);
+  --sl-tooltip-font-size: var(--sl-font-size-small);
+  --sl-tooltip-line-height: var(--sl-line-height-dense);
+  --sl-tooltip-padding: var(--sl-spacing-2x-small)
+    var(--sl-spacing-x-small);
+  --sl-tooltip-arrow-size: 6px;
+
+  --sl-z-index-drawer: 700;
+  --sl-z-index-dialog: 800;
+  --sl-z-index-dropdown: 900;
+  --sl-z-index-toast: 950;
+  --sl-z-index-tooltip: 1000;
+
+  --td-footer-background-color: #09090b;
+  --td-footer-color: #e4e4e7;
+
+  --td-code-block-toolbar-cell-background-color: #09090b;
+  --td-code-block-highlighted-background-color: #1e293b;
+
+  --td-card-color: 'inherit';
+  --td-card-background-color: var(--sl-color-neutral-0);
+  --td-card-background-hover-color: var(--sl-color-neutral-50);
+  --td-card-border-color: rgba(255, 255, 255, 0.1);
+  --td-card-box-shadow-1: rgba(0, 0, 0, 0.05);
+  --td-card-box-shadow-1-y: 3px;
+  --td-card-box-shadow-1-blur: 6px;
+  --td-card-box-shadow-2: rgba(0, 0, 0, 0.1);
+  --td-card-box-shadow-2-y: 8px;
+  --td-card-box-shadow-2-blur: 15px;
+
+  --td-card-hover-border-color: rgba(255, 255, 255, 0.2);
+  --td-card-hover-box-shadow-1: rgba(0, 0, 0, 0.04);
+  --td-card-hover-box-shadow-1-y: 5px;
+  --td-card-hover-box-shadow-1-blur: 10px;
+  --td-card-hover-box-shadow-2: rgba(0, 0, 0, 0.3);
+  --td-card-hover-box-shadow-2-y: 15px;
+  --td-card-hover-box-shadow-2-blur: 25px;
+
+  --td-body-gradient-line-color: #27272a47;
+
+  --td-editor-text-color-blue: hsl(221, 100%, 70%);
+  --td-editor-text-color-purple: hsl(291, 100%, 65%);
+  --td-editor-text-color-red: hsl(4, 100%, 63%);
+  --td-editor-text-color-green: hsl(122, 100%, 34%);
+
+  --td-editor-bg-color-blue: hsl(221, 100%, 70%, 0.2);
+  --td-editor-bg-color-purple: hsl(291, 100%, 65%, 0.2);
+  --td-editor-bg-color-red: hsl(4, 100%, 63%, 0.2);
+  --td-editor-bg-color-green: hsl(122, 100%, 34%, 0.2);
+}
+`;
+
 // src/theme/ThemeProvider.tsx
 var import_react98 = require("react");
-var import_jsx_runtime117 = require("react/jsx-runtime");
-var themeVariablesMap = {
+
+// src/theme/constants.ts
+var themeSettingsMap = {
   borderBase: "--be-border-base",
   fontSans: "--be-font-sans",
   fontSerif: "--be-font-serif",
   fontMono: "--be-font-mono",
   spacingBase: "--be-spacing-base",
-  fontSizeBase: "--be-font-size-base"
+  fontSizeBase: "--be-font-size-base",
+  focusRingWidth: "--be-focus-ring-width",
+  shadowLarge: "--be-shadow-large"
 };
+var defaultThemeSettings = {
+  borderBase: "1rem",
+  fontSans: "'Inter', sans-serif",
+  fontSerif: "Georgia, 'Times New Roman', serif",
+  fontMono: "Menlo, Monaco, 'Courier New', monospace",
+  focusRingWidth: "1px",
+  shadowLarge: "rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px",
+  spacingBase: "1rem",
+  fontSizeBase: "1rem"
+};
+
+// src/theme/ThemeProvider.tsx
+var import_jsx_runtime117 = require("react/jsx-runtime");
 var ThemeContext = (0, import_react98.createContext)(
   void 0
 );
 function ThemeProvider({
   theme,
-  themeVariables = {},
+  themeSettings = {},
   children
 }) {
   const rootElementRef = (0, import_react98.useRef)(null);
@@ -17202,20 +17891,33 @@ function ThemeProvider({
     );
     rootElementRef.current?.classList.add(`theme-${effectiveTheme}`);
   }, [effectiveTheme]);
-  return /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(ThemeContext.Provider, { value: { theme, effectiveTheme }, children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
-    "div",
+  return /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(ThemeContext.Provider, { value: { theme, effectiveTheme }, children: /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(
+    "article",
     {
       ref: rootElementRef,
-      className: "theme-settings",
+      className: "be-article",
       style: {
         ...Object.fromEntries(
-          Object.entries(themeVariables).map(([key, value]) => [
-            themeVariablesMap[key],
+          Object.entries({
+            ...defaultThemeSettings,
+            themeSettings
+          }).map(([key, value]) => [
+            themeSettingsMap[key],
             value
           ])
         )
       },
-      children
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+          "style",
+          {
+            dangerouslySetInnerHTML: {
+              __html: effectiveTheme === "light" ? themeLight : themeDark
+            }
+          }
+        ),
+        children
+      ]
     }
   ) });
 }
@@ -17235,10 +17937,10 @@ var RESET_EDITING_MODE = "RESET_EDITING_MODE";
 var BlockEditorContext = import_react99.default.createContext(null);
 function BlockEditor(props) {
   const {
-    themeSettings,
     editable = true,
     editorState,
     theme,
+    themeSettings,
     onChange,
     children,
     renderSettings
@@ -17254,9 +17956,6 @@ function BlockEditor(props) {
   const drawerRef = (0, import_react99.useRef)(null);
   const [isBlockEditorReady, setBlockEditorReady] = (0, import_react99.useState)(false);
   const { historyState } = useSharedHistoryContext();
-  const [blockEditorStyleVars, setBlockEditorStyleVars] = (0, import_react99.useState)({
-    "--be-ol-list-style-type": "decimal"
-  });
   const handleChange = (0, import_react99.useCallback)(
     (editorState2, _editor, tags) => {
       if (onChange && !tags?.has("new_state") && !tags?.has("history-merge")) {
@@ -17402,83 +18101,63 @@ function BlockEditor(props) {
         },
         drawer: drawerRef.current,
         isBlockEditorReady,
-        blockEditorStyleVars,
-        setBlockEditorStyleVars: (value) => {
-          setBlockEditorStyleVars({
-            ...blockEditorStyleVars,
-            ...value
-          });
-        },
         renderSettings: renderSettings ? renderSettings : () => /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", {})
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(ThemeProvider, { theme, themeVariables: themeSettings, children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(ResizeObserver, { children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
-        "article",
-        {
-          className: "be-article",
-          style: { ...blockEditorStyleVars },
-          children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(SharedHistoryContext, { children: /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(NodeProvider, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
-              "main",
-              {
-                className: `${settingsPanelSwitch === "on" ? "narrow" : ""}`,
-                children: /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(
-                  import_LexicalComposer.LexicalComposer,
-                  {
-                    initialConfig: { ...initialConfig },
-                    children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
-                        EditorRefPlugin,
-                        {
-                          onMountRef: (editor) => editorRef.current = editor
-                        }
-                      ),
-                      /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(AutoFocusPlugin, {}),
-                      /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(AutoBottomParagraphPlugin, {}),
-                      /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
-                        import_LexicalHistoryPlugin10.HistoryPlugin,
-                        {
-                          externalHistoryState: historyState
-                        }
-                      ),
-                      /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
-                        import_LexicalOnChangePlugin.OnChangePlugin,
-                        {
-                          onChange: handleChange,
-                          ignoreSelectionChange: true
-                        }
-                      ),
-                      /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(OnNestedChangePlugin, { onChange: handleChange }),
-                      /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
-                        import_LexicalRichTextPlugin7.RichTextPlugin,
-                        {
-                          contentEditable: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(ContentEditable, {}),
-                          placeholder: null,
-                          ErrorBoundary: import_LexicalErrorBoundary9.LexicalErrorBoundary
-                        }
-                      ),
-                      /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(NodePastePlugin, {}),
-                      /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(import_LexicalListPlugin2.ListPlugin, {}),
-                      /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(ListLevelLimitPlugin, {}),
-                      /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(import_LexicalTabIndentationPlugin2.TabIndentationPlugin, {}),
-                      children,
-                      /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(TypeaheadMenuPlugin, {}),
-                      /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(TypeaheadMenuAgentPlugin, {}),
-                      /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(NodeMouseAnchorPlugin, {}),
-                      /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(NodeMousePlugin, {}),
-                      /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(TextToolbarPlugin, {}),
-                      /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(TextToolbarAgentPlugin, {}),
-                      /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(TypeaheadVariableAgentPlugin, {}),
-                      /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(VariableComponentPlugin, {}),
-                      /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(MarkdownPlugin, {})
-                    ]
-                  }
-                )
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Drawer, { ref: drawerRef })
-          ] }) })
-        }
-      ) }) })
+      children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(ResizeObserver, { children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(ThemeProvider, { theme, themeSettings, children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(SharedHistoryContext, { children: /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(NodeProvider, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
+          "main",
+          {
+            className: `${settingsPanelSwitch === "on" ? "narrow" : ""}`,
+            children: /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(import_LexicalComposer.LexicalComposer, { initialConfig: { ...initialConfig }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
+                EditorRefPlugin,
+                {
+                  onMountRef: (editor) => editorRef.current = editor
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(AutoFocusPlugin, {}),
+              /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(AutoBottomParagraphPlugin, {}),
+              /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
+                import_LexicalHistoryPlugin10.HistoryPlugin,
+                {
+                  externalHistoryState: historyState
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
+                import_LexicalOnChangePlugin.OnChangePlugin,
+                {
+                  onChange: handleChange,
+                  ignoreSelectionChange: true
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(OnNestedChangePlugin, { onChange: handleChange }),
+              /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
+                import_LexicalRichTextPlugin7.RichTextPlugin,
+                {
+                  contentEditable: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(ContentEditable, {}),
+                  placeholder: null,
+                  ErrorBoundary: import_LexicalErrorBoundary9.LexicalErrorBoundary
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(NodePastePlugin, {}),
+              /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(import_LexicalListPlugin2.ListPlugin, {}),
+              /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(ListLevelLimitPlugin, {}),
+              /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(import_LexicalTabIndentationPlugin2.TabIndentationPlugin, {}),
+              children,
+              /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(TypeaheadMenuPlugin, {}),
+              /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(TypeaheadMenuAgentPlugin, {}),
+              /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(NodeMouseAnchorPlugin, {}),
+              /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(NodeMousePlugin, {}),
+              /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(TextToolbarPlugin, {}),
+              /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(TextToolbarAgentPlugin, {}),
+              /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(TypeaheadVariableAgentPlugin, {}),
+              /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(VariableComponentPlugin, {}),
+              /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(MarkdownPlugin, {})
+            ] })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Drawer, { ref: drawerRef })
+      ] }) }) }) })
     }
   );
 }
@@ -17492,24 +18171,31 @@ var useBlockEditor = () => {
   return context;
 };
 
+// src/BlockEditorStyle.tsx
+var import_jsx_runtime119 = require("react/jsx-runtime");
+function BlockEditorStyle(props) {
+  const { children, theme, themeSettings } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(ThemeProvider, { theme, themeSettings, children });
+}
+
 // src/modules/Callout.tsx
 var import_react100 = require("react");
-var import_jsx_runtime119 = require("react/jsx-runtime");
+var import_jsx_runtime120 = require("react/jsx-runtime");
 function Callout() {
   const { registerModule } = useBlockEditor();
   (0, import_react100.useEffect)(() => {
     registerModule("Callout");
   }, [registerModule]);
-  return /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(CalloutBoxPlugin, {});
+  return /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(CalloutBoxPlugin, {});
 }
 
 // src/plugins/TreeViewPlugin/index.tsx
 var import_LexicalComposerContext64 = require("@lexical/react/LexicalComposerContext");
 var import_LexicalTreeView = require("@lexical/react/LexicalTreeView");
-var import_jsx_runtime120 = require("react/jsx-runtime");
+var import_jsx_runtime121 = require("react/jsx-runtime");
 function TreeViewPlugin() {
   const [editor] = (0, import_LexicalComposerContext64.useLexicalComposerContext)();
-  return /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
     import_LexicalTreeView.TreeView,
     {
       viewClassName: "tree-view-output",
@@ -17525,25 +18211,25 @@ function TreeViewPlugin() {
 
 // src/modules/Debug.tsx
 var import_react101 = require("react");
-var import_jsx_runtime121 = require("react/jsx-runtime");
+var import_jsx_runtime122 = require("react/jsx-runtime");
 function Debug() {
   const { registerModule } = useBlockEditor();
   (0, import_react101.useEffect)(() => {
     registerModule("Debug");
   }, [registerModule]);
-  return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(TreeViewPlugin, {});
+  return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(TreeViewPlugin, {});
 }
 
 // src/modules/Image.tsx
 var import_react102 = require("react");
-var import_jsx_runtime122 = require("react/jsx-runtime");
+var import_jsx_runtime123 = require("react/jsx-runtime");
 function Image(props) {
   const { imageSettings } = props;
   const { registerModule } = useBlockEditor();
   (0, import_react102.useEffect)(() => {
     registerModule("Image");
   }, [registerModule]);
-  return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(import_jsx_runtime122.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(ImagePlugin, { imageSettings }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(import_jsx_runtime123.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(ImagePlugin, { imageSettings }) });
 }
 
 // src/plugins/LinkToolbarPlugin/LinkToolbarPlugin.tsx
@@ -17554,7 +18240,7 @@ var import_lexical98 = require("lexical");
 var import_debounce6 = __toESM(require("lodash-es/debounce"));
 var import_lucide_react27 = require("lucide-react");
 var import_react103 = require("react");
-var import_jsx_runtime123 = require("react/jsx-runtime");
+var import_jsx_runtime124 = require("react/jsx-runtime");
 function LinkToolbarPlugin() {
   const [editor] = (0, import_LexicalComposerContext65.useLexicalComposerContext)();
   const popupToolbarRef = (0, import_react103.useRef)(null);
@@ -17664,12 +18350,12 @@ function LinkToolbarPlugin() {
   }, [editor]);
   const linkUrl = linkNode?.linkUrl;
   const linkTitle = linkNode?.linkUrl;
-  return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
     PopupToolbar,
     {
       ref: popupToolbarRef,
       onEscape: handleClose,
-      toolbar: /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(
+      toolbar: /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(
         "div",
         {
           style: {
@@ -17682,23 +18368,23 @@ function LinkToolbarPlugin() {
             padding: "var(--sl-spacing-2x-small) var(--sl-spacing-x-small) var(--sl-spacing-2x-small) var(--sl-spacing-medium)"
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("a", { href: linkUrl, target: linkNode?.linkTarget || "", children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("a", { href: linkUrl, target: linkNode?.linkTarget || "", children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
               "sl-tooltip",
               {
                 style: { "--show-delay": "1800" },
                 hoist: true,
                 content: linkUrl || "[Empty URL]",
-                children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("span", { className: "line-short-20", children: linkTitle })
+                children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("span", { className: "line-short-20", children: linkTitle })
               }
             ) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(Stack, { className: "stack__row", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(Stack, { className: "stack__row", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
                 "sl-tooltip",
                 {
                   style: { "--show-delay": "1800" },
                   hoist: "hoist",
                   content: "Edit Link",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
                     Button,
                     {
                       size: "small",
@@ -17737,13 +18423,13 @@ function LinkToolbarPlugin() {
                   )
                 }
               ) }),
-              /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
                 "sl-tooltip",
                 {
                   style: { "--show-delay": "1800" },
                   hoist: "hoist",
                   content: "Remove Link",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
                     Button,
                     {
                       size: "small",
@@ -17778,13 +18464,13 @@ function LinkToolbarPlugin() {
                   )
                 }
               ) }),
-              /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
                 "sl-tooltip",
                 {
                   style: { "--show-delay": "1800" },
                   hoist: "hoist",
                   content: "Close",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
                     Button,
                     {
                       size: "small",
@@ -17807,15 +18493,15 @@ function LinkToolbarPlugin() {
 
 // src/modules/Link.tsx
 var import_react104 = require("react");
-var import_jsx_runtime124 = require("react/jsx-runtime");
+var import_jsx_runtime125 = require("react/jsx-runtime");
 function Link() {
   const { registerModule } = useBlockEditor();
   (0, import_react104.useEffect)(() => {
     registerModule("Link");
   }, [registerModule]);
-  return /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(import_jsx_runtime124.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(LinkEditorPlugin, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(LinkToolbarPlugin, {})
+  return /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(import_jsx_runtime125.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(LinkEditorPlugin, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(LinkToolbarPlugin, {})
   ] });
 }
 
@@ -17824,7 +18510,7 @@ var import_LexicalComposerContext66 = require("@lexical/react/LexicalComposerCon
 var import_utils36 = require("@lexical/utils");
 var import_lexical99 = require("lexical");
 var import_react105 = require("react");
-var import_jsx_runtime125 = require("react/jsx-runtime");
+var import_jsx_runtime126 = require("react/jsx-runtime");
 var INSERT_ESSAY_QUESTION_COMMAND = (0, import_lexical99.createCommand)("INSERT_ESSAY_QUESTION_COMMAND");
 function EssayQuestionPlugin() {
   const [editor] = (0, import_LexicalComposerContext66.useLexicalComposerContext)();
@@ -17862,7 +18548,7 @@ function EssayQuestionPlugin() {
       )
     );
   }, [editor]);
-  return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_jsx_runtime125.Fragment, {});
+  return /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_jsx_runtime126.Fragment, {});
 }
 
 // src/plugins/FinancialStatementQuestionPlugin/FinancialStatementQuestionSettings.tsx
@@ -17890,7 +18576,7 @@ function validatePointsInput6(input) {
 }
 
 // src/plugins/FinancialStatementQuestionPlugin/FinancialStatementQuestionSettings.tsx
-var import_jsx_runtime126 = require("react/jsx-runtime");
+var import_jsx_runtime127 = require("react/jsx-runtime");
 function FinancialStatementQuestionSettings(props) {
   const { nodeKey } = props;
   const [editor] = (0, import_LexicalComposerContext67.useLexicalComposerContext)();
@@ -17909,7 +18595,7 @@ function FinancialStatementQuestionSettings(props) {
   if (!foundNode) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
     TextInput,
     {
       ref: pointsTextInputRef,
@@ -17943,7 +18629,7 @@ var import_LexicalComposerContext68 = require("@lexical/react/LexicalComposerCon
 var import_utils37 = require("@lexical/utils");
 var import_lexical101 = require("lexical");
 var import_react107 = require("react");
-var import_jsx_runtime127 = require("react/jsx-runtime");
+var import_jsx_runtime128 = require("react/jsx-runtime");
 var INSERT_FINANCIAL_STATEMENT_QUESTION_COMMAND = (0, import_lexical101.createCommand)("INSERT_FINANCIAL_STATEMENT_QUESTION_COMMAND");
 function FinancialStatementQuestionPlugin() {
   const {
@@ -18008,21 +18694,21 @@ function FinancialStatementQuestionPlugin() {
       }
     }
   }, [isBlockEditorReady]);
-  return /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(import_jsx_runtime127.Fragment, { children: [
-    drawer && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(import_jsx_runtime128.Fragment, { children: [
+    drawer && /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
       StickyToPosition,
       {
         ref: settingsPanelStickyRef,
         container: drawer,
         children: (data, position, isVisible) => {
-          return /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { style: { width: position.width }, children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("div", { style: { width: position.width }, children: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
             SettingsCard,
             {
               isVisible: !!isVisible,
               container: drawer,
               title: "Financial Statement Settings",
               onClose: toggleSettingsPanelSwitch,
-              children: isVisible && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
+              children: isVisible && /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
                 FinancialStatementQuestionSettings,
                 {
                   nodeKey: data.nodeKey
@@ -18034,32 +18720,32 @@ function FinancialStatementQuestionPlugin() {
         }
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(FillInTheBlankSpaceSettingsPlugin, {})
+    /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(FillInTheBlankSpaceSettingsPlugin, {})
   ] });
 }
 
 // src/modules/Questions.tsx
 var import_react108 = require("react");
-var import_jsx_runtime128 = require("react/jsx-runtime");
+var import_jsx_runtime129 = require("react/jsx-runtime");
 function Questions() {
   const { registerModule } = useBlockEditor();
   (0, import_react108.useEffect)(() => {
     registerModule("Questions");
   }, [registerModule]);
-  return /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(import_jsx_runtime128.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(MultipleOptionQuestionPlugin, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(ShortAnswerQuestionPlugin, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(MatchingQuestionPlugin, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(FillInTheBlankQuestionPlugin, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(JournalEntryQuestionPlugin, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(FinancialStatementQuestionPlugin, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(EssayQuestionPlugin, {})
+  return /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(import_jsx_runtime129.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(MultipleOptionQuestionPlugin, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(ShortAnswerQuestionPlugin, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(MatchingQuestionPlugin, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(FillInTheBlankQuestionPlugin, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(JournalEntryQuestionPlugin, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(FinancialStatementQuestionPlugin, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(EssayQuestionPlugin, {})
   ] });
 }
 
 // src/modules/SettingsPanel.tsx
 var import_react109 = require("react");
-var import_jsx_runtime129 = require("react/jsx-runtime");
+var import_jsx_runtime130 = require("react/jsx-runtime");
 function SettingsPanel(props) {
   const { defaultOpen = true } = props;
   const { registerModule, openSettingsPanel } = useBlockEditor();
@@ -18071,7 +18757,7 @@ function SettingsPanel(props) {
       }
     }, 50);
   }, [registerModule, defaultOpen, openSettingsPanel]);
-  return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(SettingsPanelPlugin, {});
+  return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(SettingsPanelPlugin, {});
 }
 
 // src/plugins/VariablesPlugin/VariableSettingsPlugin.tsx
@@ -18082,7 +18768,7 @@ var import_LexicalComposerContext69 = require("@lexical/react/LexicalComposerCon
 var import_lexical102 = require("lexical");
 var import_lucide_react28 = require("lucide-react");
 var import_react110 = require("react");
-var import_jsx_runtime130 = require("react/jsx-runtime");
+var import_jsx_runtime131 = require("react/jsx-runtime");
 var controlGridStyle = {
   width: "100%",
   display: "flex",
@@ -18304,8 +18990,8 @@ function VariableSettings(props) {
   if (!currentVariableNode) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(import_jsx_runtime130.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: formFieldStyle, children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(import_jsx_runtime131.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("div", { style: formFieldStyle, children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
       Button,
       {
         className: "button__fullwidth",
@@ -18324,10 +19010,10 @@ function VariableSettings(props) {
         variant: "default"
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { style: formFieldStyle, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: formFieldLabel, children: "Name" }),
-      /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { style: controlGridStyle, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { flexGrow: 1 }, children: isSettingsEditingMode ? /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { style: formFieldStyle, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("div", { style: formFieldLabel, children: "Name" }),
+      /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { style: controlGridStyle, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("div", { style: { flexGrow: 1 }, children: isSettingsEditingMode ? /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
           "form",
           {
             onSubmit: (e) => {
@@ -18335,7 +19021,7 @@ function VariableSettings(props) {
               e.preventDefault();
               updateVariableName();
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
               TextInput,
               {
                 ref: variableNameInputRef,
@@ -18347,7 +19033,7 @@ function VariableSettings(props) {
               }
             )
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+        ) : /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
           DropdownButton,
           {
             className: "button__fullwidth button__left_aligned",
@@ -18360,7 +19046,7 @@ function VariableSettings(props) {
             menu: variablesMenu
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { flexGrow: 0 }, children: isSettingsEditingMode ? /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("div", { style: { flexGrow: 0 }, children: isSettingsEditingMode ? /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
           Button,
           {
             StartIcon: import_lucide_react28.Save,
@@ -18368,7 +19054,7 @@ function VariableSettings(props) {
             size: "small",
             onClick: updateVariableName
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+        ) : /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
           Button,
           {
             StartIcon: import_lucide_react28.Pencil,
@@ -18381,9 +19067,9 @@ function VariableSettings(props) {
         ) })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { style: formFieldStyle, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: formFieldLabel, children: "Type" }),
-      /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { style: formFieldStyle, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("div", { style: formFieldLabel, children: "Type" }),
+      /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
         DropdownButton,
         {
           className: "button__fullwidth button__left_aligned",
@@ -18397,9 +19083,9 @@ function VariableSettings(props) {
         }
       )
     ] }),
-    currentVariableNode.getVariableFormat() && /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { style: formFieldStyle, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: formFieldLabel, children: "Format" }),
-      /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+    currentVariableNode.getVariableFormat() && /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { style: formFieldStyle, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("div", { style: formFieldLabel, children: "Format" }),
+      /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
         DropdownButton,
         {
           className: "button__fullwidth button__left_aligned",
@@ -18413,7 +19099,7 @@ function VariableSettings(props) {
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { width: "100%", display: "f" }, children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("div", { style: { width: "100%", display: "f" }, children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
       Button,
       {
         size: "small",
@@ -18455,7 +19141,7 @@ function VariableSettings(props) {
 }
 
 // src/plugins/VariablesPlugin/VariableSettingsPlugin.tsx
-var import_jsx_runtime131 = require("react/jsx-runtime");
+var import_jsx_runtime132 = require("react/jsx-runtime");
 function VariableSettingsPlugin() {
   const {
     registerSettingsPanel,
@@ -18474,20 +19160,20 @@ function VariableSettingsPlugin() {
       }
     }
   }, [isBlockEditorReady]);
-  return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(import_jsx_runtime131.Fragment, { children: drawer && /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_jsx_runtime132.Fragment, { children: drawer && /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
     StickyToPosition,
     {
       ref: settingsPanelStickyRef,
       container: drawer,
       children: (data, position, isVisible) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("div", { style: { width: position.width }, children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("div", { style: { width: position.width }, children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
           SettingsCard,
           {
             isVisible: !!isVisible,
             container: drawer,
             title: "Variable Settings",
             onClose: toggleSettingsPanelSwitch,
-            children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
               VariableSettings,
               {
                 nodeKey: data.nodeKey,
@@ -18509,7 +19195,7 @@ var import_lexical103 = require("lexical");
 var import_debounce7 = __toESM(require("lodash-es/debounce"));
 var import_lucide_react29 = require("lucide-react");
 var import_react112 = require("react");
-var import_jsx_runtime132 = require("react/jsx-runtime");
+var import_jsx_runtime133 = require("react/jsx-runtime");
 function VariableToolbarPlugin() {
   const [editor] = (0, import_LexicalComposerContext70.useLexicalComposerContext)();
   const popupToolbarRef = (0, import_react112.useRef)(null);
@@ -18702,12 +19388,12 @@ function VariableToolbarPlugin() {
     ];
     return resultList;
   }, [toolbarState]);
-  return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(PopupToolbar, { ref: popupToolbarRef, menu: menuItems });
+  return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(PopupToolbar, { ref: popupToolbarRef, menu: menuItems });
 }
 
 // src/modules/Variables.tsx
 var import_react113 = require("react");
-var import_jsx_runtime133 = require("react/jsx-runtime");
+var import_jsx_runtime134 = require("react/jsx-runtime");
 function Variables(props) {
   const { variablesSettings } = props;
   const { registerModule, setEditingModeDataCallback } = useBlockEditor();
@@ -18721,16 +19407,17 @@ function Variables(props) {
       };
     });
   }, [variablesSettings, setEditingModeDataCallback]);
-  return /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(VariablesProvider, { variablesSettings, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(TypeaheadVariablePlugin, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(VariableSettingsPlugin, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(VariableToolbarPlugin, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(VariableToolbarAgentPlugin, {})
+  return /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(VariablesProvider, { variablesSettings, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(TypeaheadVariablePlugin, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(VariableSettingsPlugin, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(VariableToolbarPlugin, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(VariableToolbarAgentPlugin, {})
   ] });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   BlockEditor,
+  BlockEditorStyle,
   Callout,
   Debug,
   Image,