@berenjena/react-dev-panel 1.0.4 → 2.0.0

package/dist/assets/BooleanControl.css

@@ -1 +1 @@
-._switch_1i71a_1{--width: 42px;--height: 20px;--thumb-size: 12px;--thumb-offset: 3px;--thumb-checked-offset: calc(var(--width) - var(--thumb-size) - calc(var(--thumb-offset) * 2) - calc(var(--thumb-offset) / 2));--track-background: var(--dev-panel-input-background-color);--track-border: color-mix(in srgb, var(--dev-panel-border-color) 50%, transparent);--thumb-background: var(--dev-panel-text-color);--thumb-checked-background: white;--focus-ring-color: var(--dev-panel-accent-color);position:relative;display:inline-block;width:var(--width);height:var(--height)}._switch_1i71a_1 input{position:absolute;opacity:0;width:0;height:0;margin:0;pointer-events:none}._switch_1i71a_1 input:checked+._slider_1i71a_25{background-color:var(--focus-ring-color)}._switch_1i71a_1 input:checked+._slider_1i71a_25:before{transform:translate(var(--thumb-checked-offset));background-color:var(--thumb-checked-background)}._switch_1i71a_1 input:focus+._slider_1i71a_25{box-shadow:none;outline:none}._switch_1i71a_1 input:disabled+._slider_1i71a_25{opacity:.5;cursor:not-allowed}._switch_1i71a_1 input:disabled+._slider_1i71a_25:before{opacity:.7}._switch_1i71a_1 ._slider_1i71a_25{position:absolute;inset:0;background-color:var(--dev-panel-input-background-color);border:1px solid color-mix(in srgb,var(--dev-panel-border-color) 20%,transparent);border-radius:var(--dev-panel-border-radius);cursor:pointer;transition:var(--dev-panel-transition)}._switch_1i71a_1 ._slider_1i71a_25:before{content:"";position:absolute;top:var(--thumb-offset);left:var(--thumb-offset);width:var(--thumb-size);height:var(--thumb-size);background-color:var(--thumb-background);border-radius:calc(var(--dev-panel-border-radius) - 2px);transition:var(--dev-panel-transition);transform:scale(.95)}._switch_1i71a_1 ._slider_1i71a_25:hover{border-color:var(--dev-panel-accent-color)}._switch_1i71a_1 ._slider_1i71a_25:hover:before{box-shadow:0 2px 6px #00000026}
+:root{--dev-panel-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;--dev-panel-font-weight-normal: 400;--dev-panel-font-weight-medium: 500;--dev-panel-font-weight-semibold: 600;--dev-panel-font-weight-bold: 700;--dev-panel-font-size-xs: 10px;--dev-panel-font-size-sm: 12px;--dev-panel-font-size-md: 14px;--dev-panel-font-size-lg: 16px;--dev-panel-font-size-xl: 18px;--dev-panel-line-height-tight: 1.25;--dev-panel-line-height-normal: 1.5;--dev-panel-line-height-relaxed: 1.75;--dev-panel-accent-color: #6366f1;--dev-panel-accent-color-hover: #5855eb;--dev-panel-accent-color-active: #4f46e5;--dev-panel-accent-color-disabled: #6366f150;--dev-panel-primary-color: #6366f1;--dev-panel-primary-color-hover: #5855eb;--dev-panel-primary-color-active: #4f46e5;--dev-panel-secondary-color: #64748b;--dev-panel-secondary-color-hover: #475569;--dev-panel-secondary-color-active: #334155;--dev-panel-success-color: #10b981;--dev-panel-success-color-hover: #059669;--dev-panel-success-color-active: #047857;--dev-panel-warning-color: #f59e0b;--dev-panel-warning-color-hover: #d97706;--dev-panel-warning-color-active: #b45309;--dev-panel-error-color: #ef4444;--dev-panel-error-color-hover: #dc2626;--dev-panel-error-color-active: #b91c1c;--dev-panel-info-color: #06b6d4;--dev-panel-info-color-hover: #0891b2;--dev-panel-info-color-active: #0e7490;--dev-panel-background-color: #1e293b;--dev-panel-background-color-secondary: #334155;--dev-panel-background-color-tertiary: #475569;--dev-panel-foreground-color: #0f172a;--dev-panel-surface-color: #334155;--dev-panel-surface-color-hover: #475569;--dev-panel-surface-color-active: #64748b;--dev-panel-text-color: #f1f5f9;--dev-panel-text-color-secondary: #cbd5e1;--dev-panel-text-color-muted: #94a3b8;--dev-panel-text-color-disabled: #64748b;--dev-panel-text-color-on-accent: #ffffff;--dev-panel-text-color-on-surface: #f1f5f9;--dev-panel-border-color: #475569;--dev-panel-border-color-light: #64748b;--dev-panel-border-color-strong: #334155;--dev-panel-border-color-accent: #6366f1;--dev-panel-input-background-color: #0f172a;--dev-panel-input-background-color-hover: #1e293b;--dev-panel-input-background-color-focus: #1e293b;--dev-panel-input-border-color: #475569;--dev-panel-input-border-color-hover: #64748b;--dev-panel-input-border-color-focus: #6366f1;--dev-panel-input-text-color: #f1f5f9;--dev-panel-input-placeholder-color: #64748b;--dev-panel-input-border-width: 1px;--dev-panel-spacing-xs: 2px;--dev-panel-spacing-sm: 4px;--dev-panel-spacing-md: 8px;--dev-panel-spacing-lg: 12px;--dev-panel-spacing-xl: 16px;--dev-panel-spacing-2xl: 20px;--dev-panel-spacing-3xl: 24px;--dev-panel-spacing-4xl: 32px;--dev-panel-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--dev-panel-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--dev-panel-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--dev-panel-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--dev-panel-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--dev-panel-shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--dev-panel-shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .05);--dev-panel-shadow: var(--dev-panel-shadow-xl);--dev-panel-border-radius-none: 0;--dev-panel-border-radius-sm: 2px;--dev-panel-border-radius-md: 4px;--dev-panel-border-radius-lg: 6px;--dev-panel-border-radius-xl: 8px;--dev-panel-border-radius-2xl: 12px;--dev-panel-border-radius-full: 9999px;--dev-panel-border-radius: var(--dev-panel-border-radius-lg);--dev-panel-max-width: 320px;--dev-panel-min-width: 280px;--dev-panel-max-height: 80vh;--dev-panel-min-height: auto;--dev-panel-header-height: auto;--dev-panel-inputs-height: 32px;--dev-panel-inputs-height-sm: 28px;--dev-panel-inputs-height-lg: 36px;--dev-panel-button-height: 32px;--dev-panel-button-height-sm: 28px;--dev-panel-button-height-lg: 36px;--dev-panel-transition-fast: all .15s cubic-bezier(.4, 0, .2, 1);--dev-panel-transition-normal: all .2s cubic-bezier(.4, 0, .2, 1);--dev-panel-transition-slow: all .3s cubic-bezier(.4, 0, .2, 1);--dev-panel-transition: var(--dev-panel-transition-normal);--dev-panel-z-index-dropdown: 1000;--dev-panel-z-index-sticky: 1020;--dev-panel-z-index-fixed: 1030;--dev-panel-z-index-modal-backdrop: 1040;--dev-panel-z-index-modal: 1050;--dev-panel-z-index-popover: 1060;--dev-panel-z-index-tooltip: 1070;--dev-panel-z-index-toast: 1080;--dev-panel-z-index: var(--dev-panel-z-index-modal);--dev-panel-opacity-0: 0;--dev-panel-opacity-5: .05;--dev-panel-opacity-10: .1;--dev-panel-opacity-20: .2;--dev-panel-opacity-25: .25;--dev-panel-opacity-30: .3;--dev-panel-opacity-40: .4;--dev-panel-opacity-50: .5;--dev-panel-opacity-60: .6;--dev-panel-opacity-70: .7;--dev-panel-opacity-75: .75;--dev-panel-opacity-80: .8;--dev-panel-opacity-90: .9;--dev-panel-opacity-95: .95;--dev-panel-opacity-100: 1;--dev-panel-scrollbar-width: 6px;--dev-panel-scrollbar-track-color: var(--dev-panel-background-color-secondary);--dev-panel-scrollbar-thumb-color: var(--dev-panel-border-color);--dev-panel-scrollbar-thumb-hover-color: var(--dev-panel-border-color-light)}._switch_1wuj3_132{--switch-width: 44px;--switch-height: 24px;--thumb-size: 20px;--thumb-margin: 1px;position:relative;display:inline-block;width:var(--switch-width);height:var(--switch-height)}._switch_1wuj3_132 input{position:absolute;opacity:0;width:0;height:0;margin:0;pointer-events:none}._switch_1wuj3_132 input:checked+._slider_1wuj3_150{background-color:var(--dev-panel-accent-color, #6366f1);border-color:var(--dev-panel-accent-color, #6366f1)}._switch_1wuj3_132 input:checked+._slider_1wuj3_150:before{left:calc(100% - var(--thumb-size) - var(--thumb-margin));background-color:var(--dev-panel-text-color-on-accent, #ffffff)}._switch_1wuj3_132 input:focus+._slider_1wuj3_150{box-shadow:0 0 0 3px #6366f133}._switch_1wuj3_132 input:focus:not(:focus-visible)+._slider_1wuj3_150{box-shadow:none}._switch_1wuj3_132 input:disabled+._slider_1wuj3_150{opacity:var(--dev-panel-opacity-50, .5);cursor:not-allowed}._switch_1wuj3_132 input:disabled+._slider_1wuj3_150:before{opacity:var(--dev-panel-opacity-70, .7)}._switch_1wuj3_132 ._slider_1wuj3_150{position:absolute;inset:0;background-color:var(--dev-panel-input-background-color, #0f172a);border:1px solid var(--dev-panel-input-border-color, #475569);border-radius:var(--dev-panel-border-radius-full, 9999px);transition:var(--dev-panel-transition, all .2s cubic-bezier(.4, 0, .2, 1));cursor:pointer}._switch_1wuj3_132 ._slider_1wuj3_150:before{content:"";position:absolute;top:var(--thumb-margin);left:var(--thumb-margin);width:var(--thumb-size);height:var(--thumb-size);background-color:var(--dev-panel-text-color-muted, #94a3b8);border-radius:var(--dev-panel-border-radius-full, 9999px);transition:var(--dev-panel-transition, all .2s cubic-bezier(.4, 0, .2, 1));box-shadow:var(--dev-panel-shadow-sm, 0 1px 3px rgba(0, 0, 0, .1))}._switch_1wuj3_132 ._slider_1wuj3_150:hover{border-color:var(--dev-panel-input-border-color-hover, #64748b)}._switch_1wuj3_132 ._slider_1wuj3_150:hover:before{box-shadow:var(--dev-panel-shadow-md, 0 4px 6px rgba(0, 0, 0, .1))}._switch_1wuj3_132 input:disabled+._slider_1wuj3_150:hover{border-color:var(--dev-panel-input-border-color, #475569)}._switch_1wuj3_132 input:disabled+._slider_1wuj3_150:hover:before{box-shadow:var(--dev-panel-shadow-sm, 0 1px 3px rgba(0, 0, 0, .1))}

package/dist/assets/ButtonControl.css

@@ -1 +1 @@
-._button_1cetu_1{width:100%;min-height:var(--dev-panel-inputs-height);padding:var(--dev-panel-spacing-xs) var(--dev-panel-spacing-sm);border:none;border-radius:4px;font-size:11px;font-weight:500;background-color:var(--dev-panel-accent-color);color:var(--dev-panel-text-color-highlight);cursor:pointer;transition:var(--dev-panel-transition)}._button_1cetu_1:hover:not(:disabled){background-color:color-mix(in srgb,var(--dev-panel-accent-color) 80%,transparent)}._button_1cetu_1:disabled{background-color:color-mix(in srgb,var(--dev-panel-accent-color) 20%,var(--dev-panel-background-color));cursor:not-allowed}
+:root{--dev-panel-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;--dev-panel-font-weight-normal: 400;--dev-panel-font-weight-medium: 500;--dev-panel-font-weight-semibold: 600;--dev-panel-font-weight-bold: 700;--dev-panel-font-size-xs: 10px;--dev-panel-font-size-sm: 12px;--dev-panel-font-size-md: 14px;--dev-panel-font-size-lg: 16px;--dev-panel-font-size-xl: 18px;--dev-panel-line-height-tight: 1.25;--dev-panel-line-height-normal: 1.5;--dev-panel-line-height-relaxed: 1.75;--dev-panel-accent-color: #6366f1;--dev-panel-accent-color-hover: #5855eb;--dev-panel-accent-color-active: #4f46e5;--dev-panel-accent-color-disabled: #6366f150;--dev-panel-primary-color: #6366f1;--dev-panel-primary-color-hover: #5855eb;--dev-panel-primary-color-active: #4f46e5;--dev-panel-secondary-color: #64748b;--dev-panel-secondary-color-hover: #475569;--dev-panel-secondary-color-active: #334155;--dev-panel-success-color: #10b981;--dev-panel-success-color-hover: #059669;--dev-panel-success-color-active: #047857;--dev-panel-warning-color: #f59e0b;--dev-panel-warning-color-hover: #d97706;--dev-panel-warning-color-active: #b45309;--dev-panel-error-color: #ef4444;--dev-panel-error-color-hover: #dc2626;--dev-panel-error-color-active: #b91c1c;--dev-panel-info-color: #06b6d4;--dev-panel-info-color-hover: #0891b2;--dev-panel-info-color-active: #0e7490;--dev-panel-background-color: #1e293b;--dev-panel-background-color-secondary: #334155;--dev-panel-background-color-tertiary: #475569;--dev-panel-foreground-color: #0f172a;--dev-panel-surface-color: #334155;--dev-panel-surface-color-hover: #475569;--dev-panel-surface-color-active: #64748b;--dev-panel-text-color: #f1f5f9;--dev-panel-text-color-secondary: #cbd5e1;--dev-panel-text-color-muted: #94a3b8;--dev-panel-text-color-disabled: #64748b;--dev-panel-text-color-on-accent: #ffffff;--dev-panel-text-color-on-surface: #f1f5f9;--dev-panel-border-color: #475569;--dev-panel-border-color-light: #64748b;--dev-panel-border-color-strong: #334155;--dev-panel-border-color-accent: #6366f1;--dev-panel-input-background-color: #0f172a;--dev-panel-input-background-color-hover: #1e293b;--dev-panel-input-background-color-focus: #1e293b;--dev-panel-input-border-color: #475569;--dev-panel-input-border-color-hover: #64748b;--dev-panel-input-border-color-focus: #6366f1;--dev-panel-input-text-color: #f1f5f9;--dev-panel-input-placeholder-color: #64748b;--dev-panel-input-border-width: 1px;--dev-panel-spacing-xs: 2px;--dev-panel-spacing-sm: 4px;--dev-panel-spacing-md: 8px;--dev-panel-spacing-lg: 12px;--dev-panel-spacing-xl: 16px;--dev-panel-spacing-2xl: 20px;--dev-panel-spacing-3xl: 24px;--dev-panel-spacing-4xl: 32px;--dev-panel-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--dev-panel-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--dev-panel-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--dev-panel-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--dev-panel-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--dev-panel-shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--dev-panel-shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .05);--dev-panel-shadow: var(--dev-panel-shadow-xl);--dev-panel-border-radius-none: 0;--dev-panel-border-radius-sm: 2px;--dev-panel-border-radius-md: 4px;--dev-panel-border-radius-lg: 6px;--dev-panel-border-radius-xl: 8px;--dev-panel-border-radius-2xl: 12px;--dev-panel-border-radius-full: 9999px;--dev-panel-border-radius: var(--dev-panel-border-radius-lg);--dev-panel-max-width: 320px;--dev-panel-min-width: 280px;--dev-panel-max-height: 80vh;--dev-panel-min-height: auto;--dev-panel-header-height: auto;--dev-panel-inputs-height: 32px;--dev-panel-inputs-height-sm: 28px;--dev-panel-inputs-height-lg: 36px;--dev-panel-button-height: 32px;--dev-panel-button-height-sm: 28px;--dev-panel-button-height-lg: 36px;--dev-panel-transition-fast: all .15s cubic-bezier(.4, 0, .2, 1);--dev-panel-transition-normal: all .2s cubic-bezier(.4, 0, .2, 1);--dev-panel-transition-slow: all .3s cubic-bezier(.4, 0, .2, 1);--dev-panel-transition: var(--dev-panel-transition-normal);--dev-panel-z-index-dropdown: 1000;--dev-panel-z-index-sticky: 1020;--dev-panel-z-index-fixed: 1030;--dev-panel-z-index-modal-backdrop: 1040;--dev-panel-z-index-modal: 1050;--dev-panel-z-index-popover: 1060;--dev-panel-z-index-tooltip: 1070;--dev-panel-z-index-toast: 1080;--dev-panel-z-index: var(--dev-panel-z-index-modal);--dev-panel-opacity-0: 0;--dev-panel-opacity-5: .05;--dev-panel-opacity-10: .1;--dev-panel-opacity-20: .2;--dev-panel-opacity-25: .25;--dev-panel-opacity-30: .3;--dev-panel-opacity-40: .4;--dev-panel-opacity-50: .5;--dev-panel-opacity-60: .6;--dev-panel-opacity-70: .7;--dev-panel-opacity-75: .75;--dev-panel-opacity-80: .8;--dev-panel-opacity-90: .9;--dev-panel-opacity-95: .95;--dev-panel-opacity-100: 1;--dev-panel-scrollbar-width: 6px;--dev-panel-scrollbar-track-color: var(--dev-panel-background-color-secondary);--dev-panel-scrollbar-thumb-color: var(--dev-panel-border-color);--dev-panel-scrollbar-thumb-hover-color: var(--dev-panel-border-color-light)}._button_b8ouv_132{display:inline-flex;align-items:center;justify-content:center;gap:var(--dev-panel-spacing-sm);padding:var(--dev-panel-spacing-sm) var(--dev-panel-spacing-lg);font-family:var(--dev-panel-font-family);font-size:var(--dev-panel-font-size-sm);font-weight:var(--dev-panel-font-weight-medium);line-height:var(--dev-panel-line-height-tight);border:var(--dev-panel-input-border-width) solid transparent;border-radius:var(--dev-panel-border-radius);background:transparent;color:inherit;text-decoration:none;white-space:nowrap;user-select:none;transition:var(--dev-panel-transition);cursor:pointer;width:100%;min-height:var(--dev-panel-button-height);border-color:var(--dev-panel-accent-color);background-color:var(--dev-panel-accent-color);color:var(--dev-panel-text-color-on-accent);text-align:center}._button_b8ouv_132:disabled{opacity:var(--dev-panel-opacity-50);cursor:not-allowed;pointer-events:none}._button_b8ouv_132:hover:not(:disabled){background-color:var(--dev-panel-accent-color-hover);border-color:var(--dev-panel-accent-color-hover);box-shadow:var(--dev-panel-shadow-md)}._button_b8ouv_132:active:not(:disabled){background-color:var(--dev-panel-accent-color-active);border-color:var(--dev-panel-accent-color-active);box-shadow:var(--dev-panel-shadow-sm)}._button_b8ouv_132:focus{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--dev-panel-accent-color) 30%,transparent)}._button_b8ouv_132:focus:not(:focus-visible){box-shadow:none}._button_b8ouv_132:disabled{background-color:var(--dev-panel-accent-color-disabled);border-color:var(--dev-panel-accent-color-disabled);color:var(--dev-panel-text-color-disabled);transform:none;box-shadow:none;opacity:var(--dev-panel-opacity-50);cursor:not-allowed}._button_b8ouv_132._secondary_b8ouv_189{background-color:transparent;color:var(--dev-panel-accent-color);border-color:var(--dev-panel-accent-color)}._button_b8ouv_132._secondary_b8ouv_189:hover:not(:disabled){background-color:color-mix(in srgb,var(--dev-panel-accent-color) 10%,transparent);color:var(--dev-panel-accent-color-hover);border-color:var(--dev-panel-accent-color-hover)}._button_b8ouv_132._secondary_b8ouv_189:active:not(:disabled){background-color:color-mix(in srgb,var(--dev-panel-accent-color) 20%,transparent);color:var(--dev-panel-accent-color-active);border-color:var(--dev-panel-accent-color-active)}._button_b8ouv_132._secondary_b8ouv_189:disabled{background-color:transparent;color:var(--dev-panel-text-color-disabled);border-color:var(--dev-panel-border-color)}._button_b8ouv_132._small_b8ouv_209{min-height:var(--dev-panel-button-height-sm);padding:var(--dev-panel-spacing-sm) var(--dev-panel-spacing-md);font-size:var(--dev-panel-font-size-xs)}._button_b8ouv_132._large_b8ouv_214{min-height:var(--dev-panel-button-height-lg);padding:var(--dev-panel-spacing-lg) var(--dev-panel-spacing-xl);font-size:var(--dev-panel-font-size-md)}

package/dist/assets/ButtonGroupControl.css

@@ -1 +1 @@
-._buttonGroupContainer_99d3t_1{width:100%;display:grid;grid-auto-columns:1fr;grid-auto-flow:column;gap:1px}._buttonGroupContainer_99d3t_1 button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}._buttonGroupContainer_99d3t_1 button:not(:last-child):not(:first-child){border-radius:0}._buttonGroupContainer_99d3t_1 button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}
+:root{--dev-panel-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;--dev-panel-font-weight-normal: 400;--dev-panel-font-weight-medium: 500;--dev-panel-font-weight-semibold: 600;--dev-panel-font-weight-bold: 700;--dev-panel-font-size-xs: 10px;--dev-panel-font-size-sm: 12px;--dev-panel-font-size-md: 14px;--dev-panel-font-size-lg: 16px;--dev-panel-font-size-xl: 18px;--dev-panel-line-height-tight: 1.25;--dev-panel-line-height-normal: 1.5;--dev-panel-line-height-relaxed: 1.75;--dev-panel-accent-color: #6366f1;--dev-panel-accent-color-hover: #5855eb;--dev-panel-accent-color-active: #4f46e5;--dev-panel-accent-color-disabled: #6366f150;--dev-panel-primary-color: #6366f1;--dev-panel-primary-color-hover: #5855eb;--dev-panel-primary-color-active: #4f46e5;--dev-panel-secondary-color: #64748b;--dev-panel-secondary-color-hover: #475569;--dev-panel-secondary-color-active: #334155;--dev-panel-success-color: #10b981;--dev-panel-success-color-hover: #059669;--dev-panel-success-color-active: #047857;--dev-panel-warning-color: #f59e0b;--dev-panel-warning-color-hover: #d97706;--dev-panel-warning-color-active: #b45309;--dev-panel-error-color: #ef4444;--dev-panel-error-color-hover: #dc2626;--dev-panel-error-color-active: #b91c1c;--dev-panel-info-color: #06b6d4;--dev-panel-info-color-hover: #0891b2;--dev-panel-info-color-active: #0e7490;--dev-panel-background-color: #1e293b;--dev-panel-background-color-secondary: #334155;--dev-panel-background-color-tertiary: #475569;--dev-panel-foreground-color: #0f172a;--dev-panel-surface-color: #334155;--dev-panel-surface-color-hover: #475569;--dev-panel-surface-color-active: #64748b;--dev-panel-text-color: #f1f5f9;--dev-panel-text-color-secondary: #cbd5e1;--dev-panel-text-color-muted: #94a3b8;--dev-panel-text-color-disabled: #64748b;--dev-panel-text-color-on-accent: #ffffff;--dev-panel-text-color-on-surface: #f1f5f9;--dev-panel-border-color: #475569;--dev-panel-border-color-light: #64748b;--dev-panel-border-color-strong: #334155;--dev-panel-border-color-accent: #6366f1;--dev-panel-input-background-color: #0f172a;--dev-panel-input-background-color-hover: #1e293b;--dev-panel-input-background-color-focus: #1e293b;--dev-panel-input-border-color: #475569;--dev-panel-input-border-color-hover: #64748b;--dev-panel-input-border-color-focus: #6366f1;--dev-panel-input-text-color: #f1f5f9;--dev-panel-input-placeholder-color: #64748b;--dev-panel-input-border-width: 1px;--dev-panel-spacing-xs: 2px;--dev-panel-spacing-sm: 4px;--dev-panel-spacing-md: 8px;--dev-panel-spacing-lg: 12px;--dev-panel-spacing-xl: 16px;--dev-panel-spacing-2xl: 20px;--dev-panel-spacing-3xl: 24px;--dev-panel-spacing-4xl: 32px;--dev-panel-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--dev-panel-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--dev-panel-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--dev-panel-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--dev-panel-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--dev-panel-shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--dev-panel-shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .05);--dev-panel-shadow: var(--dev-panel-shadow-xl);--dev-panel-border-radius-none: 0;--dev-panel-border-radius-sm: 2px;--dev-panel-border-radius-md: 4px;--dev-panel-border-radius-lg: 6px;--dev-panel-border-radius-xl: 8px;--dev-panel-border-radius-2xl: 12px;--dev-panel-border-radius-full: 9999px;--dev-panel-border-radius: var(--dev-panel-border-radius-lg);--dev-panel-max-width: 320px;--dev-panel-min-width: 280px;--dev-panel-max-height: 80vh;--dev-panel-min-height: auto;--dev-panel-header-height: auto;--dev-panel-inputs-height: 32px;--dev-panel-inputs-height-sm: 28px;--dev-panel-inputs-height-lg: 36px;--dev-panel-button-height: 32px;--dev-panel-button-height-sm: 28px;--dev-panel-button-height-lg: 36px;--dev-panel-transition-fast: all .15s cubic-bezier(.4, 0, .2, 1);--dev-panel-transition-normal: all .2s cubic-bezier(.4, 0, .2, 1);--dev-panel-transition-slow: all .3s cubic-bezier(.4, 0, .2, 1);--dev-panel-transition: var(--dev-panel-transition-normal);--dev-panel-z-index-dropdown: 1000;--dev-panel-z-index-sticky: 1020;--dev-panel-z-index-fixed: 1030;--dev-panel-z-index-modal-backdrop: 1040;--dev-panel-z-index-modal: 1050;--dev-panel-z-index-popover: 1060;--dev-panel-z-index-tooltip: 1070;--dev-panel-z-index-toast: 1080;--dev-panel-z-index: var(--dev-panel-z-index-modal);--dev-panel-opacity-0: 0;--dev-panel-opacity-5: .05;--dev-panel-opacity-10: .1;--dev-panel-opacity-20: .2;--dev-panel-opacity-25: .25;--dev-panel-opacity-30: .3;--dev-panel-opacity-40: .4;--dev-panel-opacity-50: .5;--dev-panel-opacity-60: .6;--dev-panel-opacity-70: .7;--dev-panel-opacity-75: .75;--dev-panel-opacity-80: .8;--dev-panel-opacity-90: .9;--dev-panel-opacity-95: .95;--dev-panel-opacity-100: 1;--dev-panel-scrollbar-width: 6px;--dev-panel-scrollbar-track-color: var(--dev-panel-background-color-secondary);--dev-panel-scrollbar-thumb-color: var(--dev-panel-border-color);--dev-panel-scrollbar-thumb-hover-color: var(--dev-panel-border-color-light)}._buttonGroupContainer_1642u_132{scrollbar-width:thin;scrollbar-color:var(--dev-panel-scrollbar-thumb-color) var(--dev-panel-scrollbar-track-color);width:100%;display:flex;gap:var(--dev-panel-spacing-sm);background:var(--dev-panel-surface-color);border:1px solid var(--dev-panel-border-color);border-radius:var(--dev-panel-border-radius);padding:var(--dev-panel-spacing-sm);overflow-x:auto;container-type:inline-size}._buttonGroupContainer_1642u_132::-webkit-scrollbar{width:var(--dev-panel-scrollbar-width);height:var(--dev-panel-scrollbar-width)}._buttonGroupContainer_1642u_132::-webkit-scrollbar-track{background:var(--dev-panel-scrollbar-track-color);border-radius:var(--dev-panel-border-radius-md)}._buttonGroupContainer_1642u_132::-webkit-scrollbar-thumb{background:var(--dev-panel-scrollbar-thumb-color);border-radius:var(--dev-panel-border-radius-md);transition:var(--dev-panel-transition-fast)}._buttonGroupContainer_1642u_132::-webkit-scrollbar-thumb:hover{background:var(--dev-panel-scrollbar-thumb-hover-color)}._buttonGroupContainer_1642u_132::-webkit-scrollbar-corner{background:var(--dev-panel-scrollbar-track-color)}@container (max-width: 300px){._buttonGroupContainer_1642u_132{gap:var(--dev-panel-spacing-xs);padding:var(--dev-panel-spacing-xs)}._buttonGroupContainer_1642u_132 ._button_1642u_132{padding:var(--dev-panel-spacing-xs) var(--dev-panel-spacing-md);font-size:var(--dev-panel-font-size-xs)}}._buttonGroupContainer_1642u_132 ._button_1642u_132{padding:0;margin:0;border:none;background:none;font:inherit;color:inherit;flex:0 0 auto;min-width:max-content;background:var(--dev-panel-input-background-color);color:var(--dev-panel-text-color);font-family:var(--dev-panel-font-family);font-size:var(--dev-panel-font-size-sm);font-weight:var(--dev-panel-font-weight-medium);padding:var(--dev-panel-spacing-sm) var(--dev-panel-spacing-lg);border:1px solid var(--dev-panel-input-border-color);border-radius:var(--dev-panel-border-radius);transition:var(--dev-panel-transition);min-height:var(--dev-panel-inputs-height);display:flex;align-items:center;justify-content:center;white-space:nowrap;cursor:pointer}._buttonGroupContainer_1642u_132 ._button_1642u_132:hover:not(:disabled):not(._active_1642u_200){background:var(--dev-panel-surface-color-hover);border-color:var(--dev-panel-input-border-color-hover)}._buttonGroupContainer_1642u_132 ._button_1642u_132:active:not(:disabled){transform:scale(.98)}._buttonGroupContainer_1642u_132 ._button_1642u_132:focus{outline:none;border-color:var(--dev-panel-input-border-color-focus);box-shadow:0 0 0 3px #6366f133}._buttonGroupContainer_1642u_132 ._button_1642u_132:focus:not(:focus-visible){box-shadow:none}._buttonGroupContainer_1642u_132 ._button_1642u_132._active_1642u_200{background:var(--dev-panel-accent-color);color:var(--dev-panel-text-color-on-accent);border-color:var(--dev-panel-accent-color)}._buttonGroupContainer_1642u_132 ._button_1642u_132._active_1642u_200:hover{background:var(--dev-panel-accent-color-hover);border-color:var(--dev-panel-accent-color-hover)}._buttonGroupContainer_1642u_132 ._button_1642u_132:disabled{opacity:var(--dev-panel-opacity-50);cursor:not-allowed;background:var(--dev-panel-surface-color)}._buttonGroupContainer_1642u_132._compact_1642u_229 ._button_1642u_132{padding:var(--dev-panel-spacing-xs) var(--dev-panel-spacing-md);font-size:var(--dev-panel-font-size-xs);min-height:calc(var(--dev-panel-inputs-height) - 4px)}

package/dist/assets/ColorControl.css

@@ -1 +1 @@
-._container_ds1no_1{display:grid;grid-template-columns:var(--dev-panel-inputs-height) 1fr;gap:8px}._container_ds1no_1 label{overflow:hidden;width:auto;height:var(--dev-panel-inputs-height);cursor:pointer;border-radius:var(--dev-panel-border-radius)}._container_ds1no_1 input[type=color]{background:none;border:0;width:150%;height:150%;margin:-25%}._container_ds1no_1 input[type=color]:focus{border-radius:0;outline:none}
+._container_1oo6z_1{display:grid;grid-template-columns:var(--dev-panel-inputs-height-sm) 1fr;gap:var(--dev-panel-spacing-md);align-items:start}._container_1oo6z_1 ._colorPreview_1oo6z_7{overflow:hidden;width:var(--dev-panel-inputs-height-sm);height:var(--dev-panel-inputs-height-sm);cursor:pointer;border-radius:var(--dev-panel-border-radius);border:1px solid var(--dev-panel-input-border-color);transition:var(--dev-panel-transition);position:relative;background-color:var(--dev-panel-input-border-color);background-size:6px 6px;background-position:0 0,0 3px,3px -3px,-3px 0px}._container_1oo6z_1 ._colorPreview_1oo6z_7:hover{border-color:var(--dev-panel-input-border-color-hover);transform:scale(1.05)}._container_1oo6z_1 ._colorPreview_1oo6z_7:focus-within{border-color:var(--dev-panel-input-border-color-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--dev-panel-accent-color) 20%,transparent)}._container_1oo6z_1 ._colorPreview_1oo6z_7:active{transform:scale(.95)}._container_1oo6z_1 ._colorPreview_1oo6z_7 input[type=color]{background:none;border:0;width:150%;height:150%;margin:-25%;cursor:pointer;opacity:0}._container_1oo6z_1 ._colorPreview_1oo6z_7 input[type=color]:focus{outline:none}._container_1oo6z_1 ._colorPreview_1oo6z_7 input[type=color]:disabled{cursor:not-allowed;opacity:.5}._container_1oo6z_1 ._inputSection_1oo6z_47{display:flex;flex-direction:column;gap:var(--dev-panel-spacing-sm)}._container_1oo6z_1 ._errorMessage_1oo6z_52{font-size:var(--dev-panel-font-size-xs);color:var(--dev-panel-danger-color);font-weight:var(--dev-panel-font-weight-medium);grid-column:1/-1;margin-top:var(--dev-panel-spacing-xs)}._container_1oo6z_1 ._presets_1oo6z_59{display:flex;flex-wrap:wrap;gap:var(--dev-panel-spacing-xs);margin-top:var(--dev-panel-spacing-xs)}._container_1oo6z_1 ._presets_1oo6z_59 ._presetColor_1oo6z_65{width:24px;height:24px;border:1px solid var(--dev-panel-input-border-color);border-radius:var(--dev-panel-border-radius-sm);cursor:pointer;transition:var(--dev-panel-transition);background:none;padding:0}._container_1oo6z_1 ._presets_1oo6z_59 ._presetColor_1oo6z_65:hover{border-color:var(--dev-panel-input-border-color-hover);transform:scale(1.1)}._container_1oo6z_1 ._presets_1oo6z_59 ._presetColor_1oo6z_65:focus{outline:none;border-color:var(--dev-panel-input-border-color-focus);box-shadow:0 0 0 2px color-mix(in srgb,var(--dev-panel-accent-color) 20%,transparent)}._container_1oo6z_1 ._presets_1oo6z_59 ._presetColor_1oo6z_65:active{transform:scale(.95)}._container_1oo6z_1 ._presets_1oo6z_59 ._presetColor_1oo6z_65:disabled{cursor:not-allowed;opacity:.5;transform:none!important}._container_1oo6z_1:has(input:disabled){opacity:.6;pointer-events:none}._container_1oo6z_1:has(input:disabled) ._colorPreview_1oo6z_7{cursor:not-allowed;transform:none!important}

package/dist/assets/ControlRenderer.css

@@ -1 +1 @@
-._controlRendererContainer_eix3y_1{gap:var(--dev-panel-spacing-xs);display:grid}._controlRendererContainer_eix3y_1 ._controlContainer_eix3y_5{gap:var(--dev-panel-spacing-sm);display:grid;height:100%;align-items:center;overflow:hidden;color:var(--dev-panel-text-color)}._controlRendererContainer_eix3y_1 ._controlContainer_eix3y_5:not(._fullWidth_eix3y_13){grid-template-columns:100px 1fr}._controlRendererContainer_eix3y_1 ._controlContainer_eix3y_5 ._controlWrapper_eix3y_16{display:flex;justify-content:flex-end}._controlRendererContainer_eix3y_1 ._controlContainer_eix3y_5 ._label_eix3y_20{text-align:start;font-weight:500;font-size:var(--dev-panel-font-size-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._controlRendererContainer_eix3y_1 ._description_eix3y_28,._controlRendererContainer_eix3y_1 ._loading_eix3y_29{font-size:var(--dev-panel-font-size-xs);color:var(--dev-panel-text-color-muted)}._controlRendererContainer_eix3y_1 ._description_eix3y_28{text-align:right}
+._controlRendererContainer_1s60v_1{display:grid}._controlRendererContainer_1s60v_1 ._controlContainer_1s60v_4{gap:var(--dev-panel-spacing-md);display:grid;align-items:center;color:var(--dev-panel-text-color);padding:var(--dev-panel-spacing-xs);border-radius:var(--dev-panel-border-radius);transition:var(--dev-panel-transition)}._controlRendererContainer_1s60v_1 ._controlContainer_1s60v_4._hoverable_1s60v_13:hover{background:var(--dev-panel-surface-color-hover)}._controlRendererContainer_1s60v_1 ._controlContainer_1s60v_4:not(._fullWidth_1s60v_16){grid-template-columns:120px 1fr}._controlRendererContainer_1s60v_1 ._controlContainer_1s60v_4._fullWidth_1s60v_16 ._label_1s60v_19{margin-bottom:var(--dev-panel-spacing-sm)}._controlRendererContainer_1s60v_1 ._controlContainer_1s60v_4 ._controlWrapper_1s60v_22{display:flex;align-items:center}._controlRendererContainer_1s60v_1 ._controlContainer_1s60v_4 ._controlWrapper_1s60v_22._justifyStart_1s60v_26{justify-content:flex-start}._controlRendererContainer_1s60v_1 ._controlContainer_1s60v_4 ._controlWrapper_1s60v_22:not(._justifyStart_1s60v_26){justify-content:flex-end}._controlRendererContainer_1s60v_1 ._controlContainer_1s60v_4 ._label_1s60v_19{text-align:start;font-weight:var(--dev-panel-font-weight-medium);font-size:var(--dev-panel-font-size-sm);color:var(--dev-panel-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:var(--dev-panel-line-height-tight)}._controlRendererContainer_1s60v_1 ._description_1s60v_42{font-size:var(--dev-panel-font-size-xs);color:var(--dev-panel-text-color-muted);line-height:var(--dev-panel-line-height-normal);padding-inline:var(--dev-panel-spacing-xs);margin-top:var(--dev-panel-spacing-sm);font-style:italic;text-align:right}._controlRendererContainer_1s60v_1 ._loading_1s60v_51{font-size:var(--dev-panel-font-size-xs);color:var(--dev-panel-text-color-muted);text-align:center;padding:var(--dev-panel-spacing-lg);display:flex;align-items:center;justify-content:center;gap:var(--dev-panel-spacing-sm)}._controlRendererContainer_1s60v_1 ._loading_1s60v_51:before{content:"";width:12px;height:12px;border:2px solid var(--dev-panel-border-color);border-top:2px solid var(--dev-panel-accent-color);border-radius:var(--dev-panel-border-radius-full);animation:_spin_1s60v_1 1s linear infinite}._controlRendererContainer_1s60v_1 ._error_1s60v_70{font-size:var(--dev-panel-font-size-xs);color:var(--dev-panel-error-color);text-align:center;padding:var(--dev-panel-spacing-lg);background:color-mix(in srgb,var(--dev-panel-error-color) 10%,transparent);border:1px solid color-mix(in srgb,var(--dev-panel-error-color) 30%,transparent);border-radius:var(--dev-panel-border-radius);margin:var(--dev-panel-spacing-sm) 0}@keyframes _spin_1s60v_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}

package/dist/assets/DevPanel.css

@@ -1 +1 @@
-._devPanelContainer_1vath_1{position:fixed;z-index:9998;border-radius:var(--dev-panel-border-radius);box-shadow:0 8px 24px #0003;width:var(--dev-panel-max-width);max-height:var(--dev-panel-max-height);overflow:hidden;user-select:none;font-family:var(--dev-panel-font-family)}._devPanelContainer_1vath_1 ._header_1vath_12{display:flex;align-items:center;justify-content:space-between;padding:var(--dev-panel-spacing-xs);background:var(--dev-panel-foreground-color);cursor:move;color:var(--dev-panel-text-color)}._devPanelContainer_1vath_1 ._title_1vath_21{font-size:var(--dev-panel-font-size-xs);font-weight:600;display:flex;align-items:center;gap:var(--dev-panel-spacing-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._devPanelContainer_1vath_1 ._button_1vath_31{background:none;border:none;color:inherit;font-size:var(--dev-panel-font-size-sm);cursor:pointer;padding:var(--dev-panel-spacing-xs) var(--dev-panel-spacing-sm);border-radius:4px;transition:all .2s ease}._devPanelContainer_1vath_1 ._button_1vath_31:hover{background:var(--dev-panel-highlight-color);color:#333}._devPanelContainer_1vath_1 ._button_1vath_31:active{transform:scale(.95)}._devPanelContainer_1vath_1 ._button_1vath_31>svg{display:block;height:1rem;transition:transform ease .2s}._devPanelContainer_1vath_1 ._button_1vath_31>svg._collapsed_1vath_53{transform:rotate(180deg)}._devPanelContainer_1vath_1 ._button_1vath_31>svg path{fill:currentColor}._content_1vath_60{max-height:calc(var(--dev-panel-max-height) - 48px);overflow-y:auto;background-color:var(--dev-panel-background-color)}._content_1vath_60::-webkit-scrollbar{width:6px}._content_1vath_60::-webkit-scrollbar-track{background:#f1f1f1}._content_1vath_60::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}._content_1vath_60::-webkit-scrollbar-thumb:hover{background:#a8a8a8}
+:root{--dev-panel-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;--dev-panel-font-weight-normal: 400;--dev-panel-font-weight-medium: 500;--dev-panel-font-weight-semibold: 600;--dev-panel-font-weight-bold: 700;--dev-panel-font-size-xs: 10px;--dev-panel-font-size-sm: 12px;--dev-panel-font-size-md: 14px;--dev-panel-font-size-lg: 16px;--dev-panel-font-size-xl: 18px;--dev-panel-line-height-tight: 1.25;--dev-panel-line-height-normal: 1.5;--dev-panel-line-height-relaxed: 1.75;--dev-panel-accent-color: #6366f1;--dev-panel-accent-color-hover: #5855eb;--dev-panel-accent-color-active: #4f46e5;--dev-panel-accent-color-disabled: #6366f150;--dev-panel-primary-color: #6366f1;--dev-panel-primary-color-hover: #5855eb;--dev-panel-primary-color-active: #4f46e5;--dev-panel-secondary-color: #64748b;--dev-panel-secondary-color-hover: #475569;--dev-panel-secondary-color-active: #334155;--dev-panel-success-color: #10b981;--dev-panel-success-color-hover: #059669;--dev-panel-success-color-active: #047857;--dev-panel-warning-color: #f59e0b;--dev-panel-warning-color-hover: #d97706;--dev-panel-warning-color-active: #b45309;--dev-panel-error-color: #ef4444;--dev-panel-error-color-hover: #dc2626;--dev-panel-error-color-active: #b91c1c;--dev-panel-info-color: #06b6d4;--dev-panel-info-color-hover: #0891b2;--dev-panel-info-color-active: #0e7490;--dev-panel-background-color: #1e293b;--dev-panel-background-color-secondary: #334155;--dev-panel-background-color-tertiary: #475569;--dev-panel-foreground-color: #0f172a;--dev-panel-surface-color: #334155;--dev-panel-surface-color-hover: #475569;--dev-panel-surface-color-active: #64748b;--dev-panel-text-color: #f1f5f9;--dev-panel-text-color-secondary: #cbd5e1;--dev-panel-text-color-muted: #94a3b8;--dev-panel-text-color-disabled: #64748b;--dev-panel-text-color-on-accent: #ffffff;--dev-panel-text-color-on-surface: #f1f5f9;--dev-panel-border-color: #475569;--dev-panel-border-color-light: #64748b;--dev-panel-border-color-strong: #334155;--dev-panel-border-color-accent: #6366f1;--dev-panel-input-background-color: #0f172a;--dev-panel-input-background-color-hover: #1e293b;--dev-panel-input-background-color-focus: #1e293b;--dev-panel-input-border-color: #475569;--dev-panel-input-border-color-hover: #64748b;--dev-panel-input-border-color-focus: #6366f1;--dev-panel-input-text-color: #f1f5f9;--dev-panel-input-placeholder-color: #64748b;--dev-panel-input-border-width: 1px;--dev-panel-spacing-xs: 2px;--dev-panel-spacing-sm: 4px;--dev-panel-spacing-md: 8px;--dev-panel-spacing-lg: 12px;--dev-panel-spacing-xl: 16px;--dev-panel-spacing-2xl: 20px;--dev-panel-spacing-3xl: 24px;--dev-panel-spacing-4xl: 32px;--dev-panel-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--dev-panel-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--dev-panel-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--dev-panel-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--dev-panel-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--dev-panel-shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--dev-panel-shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .05);--dev-panel-shadow: var(--dev-panel-shadow-xl);--dev-panel-border-radius-none: 0;--dev-panel-border-radius-sm: 2px;--dev-panel-border-radius-md: 4px;--dev-panel-border-radius-lg: 6px;--dev-panel-border-radius-xl: 8px;--dev-panel-border-radius-2xl: 12px;--dev-panel-border-radius-full: 9999px;--dev-panel-border-radius: var(--dev-panel-border-radius-lg);--dev-panel-max-width: 320px;--dev-panel-min-width: 280px;--dev-panel-max-height: 80vh;--dev-panel-min-height: auto;--dev-panel-header-height: auto;--dev-panel-inputs-height: 32px;--dev-panel-inputs-height-sm: 28px;--dev-panel-inputs-height-lg: 36px;--dev-panel-button-height: 32px;--dev-panel-button-height-sm: 28px;--dev-panel-button-height-lg: 36px;--dev-panel-transition-fast: all .15s cubic-bezier(.4, 0, .2, 1);--dev-panel-transition-normal: all .2s cubic-bezier(.4, 0, .2, 1);--dev-panel-transition-slow: all .3s cubic-bezier(.4, 0, .2, 1);--dev-panel-transition: var(--dev-panel-transition-normal);--dev-panel-z-index-dropdown: 1000;--dev-panel-z-index-sticky: 1020;--dev-panel-z-index-fixed: 1030;--dev-panel-z-index-modal-backdrop: 1040;--dev-panel-z-index-modal: 1050;--dev-panel-z-index-popover: 1060;--dev-panel-z-index-tooltip: 1070;--dev-panel-z-index-toast: 1080;--dev-panel-z-index: var(--dev-panel-z-index-modal);--dev-panel-opacity-0: 0;--dev-panel-opacity-5: .05;--dev-panel-opacity-10: .1;--dev-panel-opacity-20: .2;--dev-panel-opacity-25: .25;--dev-panel-opacity-30: .3;--dev-panel-opacity-40: .4;--dev-panel-opacity-50: .5;--dev-panel-opacity-60: .6;--dev-panel-opacity-70: .7;--dev-panel-opacity-75: .75;--dev-panel-opacity-80: .8;--dev-panel-opacity-90: .9;--dev-panel-opacity-95: .95;--dev-panel-opacity-100: 1;--dev-panel-scrollbar-width: 6px;--dev-panel-scrollbar-track-color: var(--dev-panel-background-color-secondary);--dev-panel-scrollbar-thumb-color: var(--dev-panel-border-color);--dev-panel-scrollbar-thumb-hover-color: var(--dev-panel-border-color-light)}._devPanelContainer_vacct_132{scrollbar-width:thin;scrollbar-color:var(--dev-panel-scrollbar-thumb-color) var(--dev-panel-scrollbar-track-color);position:fixed;z-index:var(--dev-panel-z-index);border-radius:var(--dev-panel-border-radius);box-shadow:var(--dev-panel-shadow);width:var(--dev-panel-max-width);min-width:var(--dev-panel-min-width);user-select:none;font-family:var(--dev-panel-font-family);font-size:var(--dev-panel-font-size-sm);line-height:var(--dev-panel-line-height-normal);touch-action:none;background:var(--dev-panel-foreground-color);border:1px solid var(--dev-panel-border-color)}._devPanelContainer_vacct_132::-webkit-scrollbar{width:var(--dev-panel-scrollbar-width);height:var(--dev-panel-scrollbar-width)}._devPanelContainer_vacct_132::-webkit-scrollbar-track{background:var(--dev-panel-scrollbar-track-color);border-radius:var(--dev-panel-border-radius-md)}._devPanelContainer_vacct_132::-webkit-scrollbar-thumb{background:var(--dev-panel-scrollbar-thumb-color);border-radius:var(--dev-panel-border-radius-md);transition:var(--dev-panel-transition-fast)}._devPanelContainer_vacct_132::-webkit-scrollbar-thumb:hover{background:var(--dev-panel-scrollbar-thumb-hover-color)}._devPanelContainer_vacct_132::-webkit-scrollbar-corner{background:var(--dev-panel-scrollbar-track-color)}._devPanelContainer_vacct_132 *{box-sizing:border-box}._devPanelContainer_vacct_132 ._header_vacct_171{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:var(--dev-panel-spacing-md) var(--dev-panel-spacing-lg);background:var(--dev-panel-foreground-color);color:var(--dev-panel-text-color);cursor:move;border-bottom:1px solid var(--dev-panel-border-color);height:var(--dev-panel-header-height);border-radius:var(--dev-panel-border-radius) var(--dev-panel-border-radius) 0 0;z-index:1}._devPanelContainer_vacct_132 ._title_vacct_186{font-size:var(--dev-panel-font-size-sm);font-weight:var(--dev-panel-font-weight-semibold);display:flex;align-items:center;gap:var(--dev-panel-spacing-md);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--dev-panel-text-color)}._devPanelContainer_vacct_132 ._button_vacct_197{background:none;border:none;color:var(--dev-panel-text-color-muted);font-size:var(--dev-panel-font-size-md);cursor:pointer;padding:var(--dev-panel-spacing-sm);border-radius:var(--dev-panel-border-radius-md);transition:var(--dev-panel-transition);display:flex;align-items:center;justify-content:center;min-width:24px;min-height:24px}._devPanelContainer_vacct_132 ._button_vacct_197:hover{background:var(--dev-panel-surface-color-hover);color:var(--dev-panel-text-color)}._devPanelContainer_vacct_132 ._button_vacct_197:active{transform:scale(.95);background:var(--dev-panel-surface-color-active)}._devPanelContainer_vacct_132 ._button_vacct_197:focus{outline:2px solid var(--dev-panel-accent-color);outline-offset:2px}._devPanelContainer_vacct_132 ._button_vacct_197:focus:not(:focus-visible){outline:none}._devPanelContainer_vacct_132 ._button_vacct_197>svg{display:block;width:16px;height:16px;transition:transform var(--dev-panel-transition)}._devPanelContainer_vacct_132 ._button_vacct_197>svg._collapsed_vacct_233{transform:rotate(180deg)}._devPanelContainer_vacct_132 ._button_vacct_197>svg path{fill:currentColor}._content_vacct_240{max-height:calc(var(--dev-panel-max-height) - var(--dev-panel-header-height));background-color:var(--dev-panel-background-color);border-radius:0 0 var(--dev-panel-border-radius) var(--dev-panel-border-radius);overflow-x:hidden;overflow-y:auto;max-height:var(--dev-panel-max-height)}

package/dist/assets/EmptyContent.css

@@ -1 +1 @@
-._empty_1xo8g_1{text-align:center;color:#888;font-size:12px;padding:30px 0}._empty_1xo8g_1 code{background:#f8f9fa;padding:2px 4px;border-radius:3px}@media (prefers-color-scheme: dark){._empty_1xo8g_1{color:#b0b0b0}._empty_1xo8g_1 code{background:#333;color:#e0e0e0}}
+._empty_1bkns_1{text-align:center;color:var(--dev-panel-text-color-muted);font-family:var(--dev-panel-font-family);font-size:var(--dev-panel-font-size-sm);line-height:var(--dev-panel-line-height-relaxed);padding:var(--dev-panel-spacing-4xl) var(--dev-panel-spacing-xl)}._empty_1bkns_1 ._icon_1bkns_9{width:48px;height:48px;margin:0 auto var(--dev-panel-spacing-xl);opacity:var(--dev-panel-opacity-50);color:var(--dev-panel-text-color-muted)}._empty_1bkns_1 ._title_1bkns_16{font-size:var(--dev-panel-font-size-md);font-weight:var(--dev-panel-font-weight-semibold);color:var(--dev-panel-text-color-secondary);margin-bottom:var(--dev-panel-spacing-md)}._empty_1bkns_1 ._description_1bkns_22{margin-bottom:var(--dev-panel-spacing-lg)}._empty_1bkns_1 code{background:var(--dev-panel-surface-color);color:var(--dev-panel-accent-color);padding:var(--dev-panel-spacing-sm) var(--dev-panel-spacing-md);border-radius:var(--dev-panel-border-radius-md);font-family:Monaco,Menlo,Ubuntu Mono,Courier New,monospace;font-size:var(--dev-panel-font-size-xs);border:1px solid var(--dev-panel-border-color);font-weight:var(--dev-panel-font-weight-medium)}._empty_1bkns_1 ._cta_1bkns_35{margin-top:var(--dev-panel-spacing-xl)}._empty_1bkns_1 ._cta_1bkns_35 ._button_1bkns_38{display:inline-flex;align-items:center;gap:var(--dev-panel-spacing-sm);padding:var(--dev-panel-spacing-md) var(--dev-panel-spacing-lg);background:var(--dev-panel-accent-color);color:var(--dev-panel-text-color-on-accent);border:none;border-radius:var(--dev-panel-border-radius);font-family:var(--dev-panel-font-family);font-size:var(--dev-panel-font-size-sm);font-weight:var(--dev-panel-font-weight-medium);cursor:pointer;transition:var(--dev-panel-transition);text-decoration:none}._empty_1bkns_1 ._cta_1bkns_35 ._button_1bkns_38:hover{background:var(--dev-panel-accent-color-hover);transform:translateY(-1px)}._empty_1bkns_1 ._cta_1bkns_35 ._button_1bkns_38:active{transform:translateY(0)}

package/dist/assets/Input.css

@@ -1 +1 @@
-._input_161wd_1{width:100%;height:var(--dev-panel-inputs-height);border:0;border-radius:var(--dev-panel-border-radius);cursor:pointer;padding:0;background-color:transparent;color:var(--dev-panel-text-color-highlight)}._input_161wd_1:last-of-type{background-color:var(--dev-panel-input-background-color);padding-left:var(--dev-panel-spacing-xs)}._input_161wd_1:focus{outline:none}._input_161wd_1:disabled{cursor:not-allowed;opacity:.6}._input_161wd_1::placeholder{color:var(--dev-panel-text-color-muted)}._input_161wd_1[type=date]::-webkit-calendar-picker-indicator{color:currentColor;opacity:1;filter:invert(1)}._input_161wd_1[type=date]::-moz-calendar-picker-indicator{color:currentColor;opacity:1}
+:root{--dev-panel-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;--dev-panel-font-weight-normal: 400;--dev-panel-font-weight-medium: 500;--dev-panel-font-weight-semibold: 600;--dev-panel-font-weight-bold: 700;--dev-panel-font-size-xs: 10px;--dev-panel-font-size-sm: 12px;--dev-panel-font-size-md: 14px;--dev-panel-font-size-lg: 16px;--dev-panel-font-size-xl: 18px;--dev-panel-line-height-tight: 1.25;--dev-panel-line-height-normal: 1.5;--dev-panel-line-height-relaxed: 1.75;--dev-panel-accent-color: #6366f1;--dev-panel-accent-color-hover: #5855eb;--dev-panel-accent-color-active: #4f46e5;--dev-panel-accent-color-disabled: #6366f150;--dev-panel-primary-color: #6366f1;--dev-panel-primary-color-hover: #5855eb;--dev-panel-primary-color-active: #4f46e5;--dev-panel-secondary-color: #64748b;--dev-panel-secondary-color-hover: #475569;--dev-panel-secondary-color-active: #334155;--dev-panel-success-color: #10b981;--dev-panel-success-color-hover: #059669;--dev-panel-success-color-active: #047857;--dev-panel-warning-color: #f59e0b;--dev-panel-warning-color-hover: #d97706;--dev-panel-warning-color-active: #b45309;--dev-panel-error-color: #ef4444;--dev-panel-error-color-hover: #dc2626;--dev-panel-error-color-active: #b91c1c;--dev-panel-info-color: #06b6d4;--dev-panel-info-color-hover: #0891b2;--dev-panel-info-color-active: #0e7490;--dev-panel-background-color: #1e293b;--dev-panel-background-color-secondary: #334155;--dev-panel-background-color-tertiary: #475569;--dev-panel-foreground-color: #0f172a;--dev-panel-surface-color: #334155;--dev-panel-surface-color-hover: #475569;--dev-panel-surface-color-active: #64748b;--dev-panel-text-color: #f1f5f9;--dev-panel-text-color-secondary: #cbd5e1;--dev-panel-text-color-muted: #94a3b8;--dev-panel-text-color-disabled: #64748b;--dev-panel-text-color-on-accent: #ffffff;--dev-panel-text-color-on-surface: #f1f5f9;--dev-panel-border-color: #475569;--dev-panel-border-color-light: #64748b;--dev-panel-border-color-strong: #334155;--dev-panel-border-color-accent: #6366f1;--dev-panel-input-background-color: #0f172a;--dev-panel-input-background-color-hover: #1e293b;--dev-panel-input-background-color-focus: #1e293b;--dev-panel-input-border-color: #475569;--dev-panel-input-border-color-hover: #64748b;--dev-panel-input-border-color-focus: #6366f1;--dev-panel-input-text-color: #f1f5f9;--dev-panel-input-placeholder-color: #64748b;--dev-panel-input-border-width: 1px;--dev-panel-spacing-xs: 2px;--dev-panel-spacing-sm: 4px;--dev-panel-spacing-md: 8px;--dev-panel-spacing-lg: 12px;--dev-panel-spacing-xl: 16px;--dev-panel-spacing-2xl: 20px;--dev-panel-spacing-3xl: 24px;--dev-panel-spacing-4xl: 32px;--dev-panel-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--dev-panel-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--dev-panel-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--dev-panel-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--dev-panel-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--dev-panel-shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--dev-panel-shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .05);--dev-panel-shadow: var(--dev-panel-shadow-xl);--dev-panel-border-radius-none: 0;--dev-panel-border-radius-sm: 2px;--dev-panel-border-radius-md: 4px;--dev-panel-border-radius-lg: 6px;--dev-panel-border-radius-xl: 8px;--dev-panel-border-radius-2xl: 12px;--dev-panel-border-radius-full: 9999px;--dev-panel-border-radius: var(--dev-panel-border-radius-lg);--dev-panel-max-width: 320px;--dev-panel-min-width: 280px;--dev-panel-max-height: 80vh;--dev-panel-min-height: auto;--dev-panel-header-height: auto;--dev-panel-inputs-height: 32px;--dev-panel-inputs-height-sm: 28px;--dev-panel-inputs-height-lg: 36px;--dev-panel-button-height: 32px;--dev-panel-button-height-sm: 28px;--dev-panel-button-height-lg: 36px;--dev-panel-transition-fast: all .15s cubic-bezier(.4, 0, .2, 1);--dev-panel-transition-normal: all .2s cubic-bezier(.4, 0, .2, 1);--dev-panel-transition-slow: all .3s cubic-bezier(.4, 0, .2, 1);--dev-panel-transition: var(--dev-panel-transition-normal);--dev-panel-z-index-dropdown: 1000;--dev-panel-z-index-sticky: 1020;--dev-panel-z-index-fixed: 1030;--dev-panel-z-index-modal-backdrop: 1040;--dev-panel-z-index-modal: 1050;--dev-panel-z-index-popover: 1060;--dev-panel-z-index-tooltip: 1070;--dev-panel-z-index-toast: 1080;--dev-panel-z-index: var(--dev-panel-z-index-modal);--dev-panel-opacity-0: 0;--dev-panel-opacity-5: .05;--dev-panel-opacity-10: .1;--dev-panel-opacity-20: .2;--dev-panel-opacity-25: .25;--dev-panel-opacity-30: .3;--dev-panel-opacity-40: .4;--dev-panel-opacity-50: .5;--dev-panel-opacity-60: .6;--dev-panel-opacity-70: .7;--dev-panel-opacity-75: .75;--dev-panel-opacity-80: .8;--dev-panel-opacity-90: .9;--dev-panel-opacity-95: .95;--dev-panel-opacity-100: 1;--dev-panel-scrollbar-width: 6px;--dev-panel-scrollbar-track-color: var(--dev-panel-background-color-secondary);--dev-panel-scrollbar-thumb-color: var(--dev-panel-border-color);--dev-panel-scrollbar-thumb-hover-color: var(--dev-panel-border-color-light)}._input_pspvf_132{display:block;width:100%;height:var(--dev-panel-inputs-height-sm);padding:var(--dev-panel-spacing-sm) var(--dev-panel-spacing-md);font-family:var(--dev-panel-font-family);font-size:var(--dev-panel-font-size-sm);line-height:var(--dev-panel-line-height-normal);color:var(--dev-panel-input-text-color);background-color:var(--dev-panel-input-background-color);border:var(--dev-panel-input-border-width) solid var(--dev-panel-input-border-color);border-radius:var(--dev-panel-border-radius);transition:var(--dev-panel-transition);cursor:text}._input_pspvf_132::placeholder{color:var(--dev-panel-input-placeholder-color)}._input_pspvf_132:hover:not(:disabled){background-color:var(--dev-panel-input-background-color-hover);border-color:var(--dev-panel-input-border-color-hover)}._input_pspvf_132:focus{outline:none;background-color:var(--dev-panel-input-background-color-focus);border-color:var(--dev-panel-input-border-color-focus);box-shadow:0 0 0 3px #6366f133}._input_pspvf_132:disabled{opacity:var(--dev-panel-opacity-50);cursor:not-allowed;background-color:var(--dev-panel-surface-color);border-color:var(--dev-panel-border-color)}._input_pspvf_132::placeholder{color:var(--dev-panel-input-placeholder-color);opacity:1}._input_pspvf_132[type=date]{cursor:pointer}._input_pspvf_132[type=date]::-webkit-calendar-picker-indicator{color:currentColor;filter:invert(1);cursor:pointer}._input_pspvf_132[type=date]::-moz-calendar-picker-indicator{color:currentColor;filter:invert(1);cursor:pointer}._input_pspvf_132[type=number]{-moz-appearance:textfield;appearance:textfield}._input_pspvf_132[type=number]::-webkit-outer-spin-button,._input_pspvf_132[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}

package/dist/assets/MultiSelectControl.css

@@ -0,0 +1 @@
+._multiselect_1agkw_1{position:relative;width:100%}._trigger_1agkw_6{display:flex;align-items:center;justify-content:space-between;width:100%;height:var(--dev-panel-inputs-height);border:1px solid var(--dev-panel-input-border-color);border-radius:var(--dev-panel-border-radius);background-color:var(--dev-panel-input-background-color);color:var(--dev-panel-input-text-color);padding:0 var(--dev-panel-spacing-md);transition:var(--dev-panel-transition);font-family:var(--dev-panel-font-family);font-size:var(--dev-panel-font-size-sm);cursor:pointer}._trigger_1agkw_6:hover:not(:disabled){border-color:var(--dev-panel-input-border-color-hover);background-color:var(--dev-panel-input-background-color-hover)}._trigger_1agkw_6:focus{outline:none;border-color:var(--dev-panel-input-border-color-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--dev-panel-accent-color) 20%,transparent)}._trigger_1agkw_6:disabled{cursor:not-allowed;opacity:var(--dev-panel-opacity-50);background-color:var(--dev-panel-surface-color)}._trigger_1agkw_6._open_1agkw_36{border-color:var(--dev-panel-input-border-color-focus)}._value_1agkw_40{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--dev-panel-input-text-color);font-size:var(--dev-panel-font-size-sm)}._value_1agkw_40._placeholder_1agkw_49{color:var(--dev-panel-input-placeholder-color)}._arrow_1agkw_53{display:block;width:16px;height:16px;margin-left:var(--dev-panel-spacing-sm);transition:var(--dev-panel-transition);flex-shrink:0}._open_1agkw_36 ._arrow_1agkw_53{transform:rotate(180deg)}._arrow_1agkw_53 path{fill:var(--dev-panel-text-color-muted)}._dropdownPortal_1agkw_68{position:fixed;z-index:9999}._dropdown_1agkw_68{scrollbar-width:thin;scrollbar-color:var(--dev-panel-scrollbar-thumb-color) var(--dev-panel-scrollbar-track-color);max-height:200px;background-color:var(--dev-panel-foreground-color);border:1px solid var(--dev-panel-border-color);border-radius:var(--dev-panel-border-radius);box-shadow:var(--dev-panel-shadow-lg);overflow-y:auto;animation:_dropdownFadeIn_1agkw_1 .15s ease-out}._dropdown_1agkw_68::-webkit-scrollbar{width:var(--dev-panel-scrollbar-width);height:var(--dev-panel-scrollbar-width)}._dropdown_1agkw_68::-webkit-scrollbar-track{background:var(--dev-panel-scrollbar-track-color);border-radius:var(--dev-panel-border-radius-md)}._dropdown_1agkw_68::-webkit-scrollbar-thumb{background:var(--dev-panel-scrollbar-thumb-color);border-radius:var(--dev-panel-border-radius-md);transition:var(--dev-panel-transition-fast)}._dropdown_1agkw_68::-webkit-scrollbar-thumb:hover{background:var(--dev-panel-scrollbar-thumb-hover-color)}._dropdown_1agkw_68::-webkit-scrollbar-corner{background:var(--dev-panel-scrollbar-track-color)}@keyframes _dropdownFadeIn_1agkw_1{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}._option_1agkw_115{display:flex;align-items:center;padding:var(--dev-panel-spacing-md);user-select:none;transition:var(--dev-panel-transition);cursor:pointer;border-bottom:1px solid var(--dev-panel-border-color)}._option_1agkw_115:last-child{border-bottom:none}._option_1agkw_115:hover:not(._disabled_1agkw_127){background-color:var(--dev-panel-surface-color-hover)}._option_1agkw_115:active:not(._disabled_1agkw_127){background-color:var(--dev-panel-surface-color-active)}._checkbox_1agkw_134{position:absolute;opacity:0;pointer-events:none}._checkbox_1agkw_134:checked~._checkmark_1agkw_139{background-color:var(--dev-panel-accent-color);border-color:var(--dev-panel-accent-color);color:var(--dev-panel-text-color-on-accent);opacity:1}._checkbox_1agkw_134:checked~._checkmark_1agkw_139 svg{opacity:1}._checkmark_1agkw_139{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-right:var(--dev-panel-spacing-md);border:1px solid var(--dev-panel-input-border-color);border-radius:var(--dev-panel-border-radius-sm);transition:var(--dev-panel-transition);flex-shrink:0;opacity:0}._checkmark_1agkw_139 svg{width:14px;height:14px;fill:currentColor;opacity:0;transition:var(--dev-panel-transition)}._label_1agkw_170{flex:1;font-size:var(--dev-panel-font-size-sm);color:var(--dev-panel-text-color);font-family:var(--dev-panel-font-family)}._disabled_1agkw_127{opacity:var(--dev-panel-opacity-50);cursor:not-allowed!important}._disabled_1agkw_127 ._label_1agkw_170{color:var(--dev-panel-text-color-disabled)}._disabled_1agkw_127 ._checkmark_1agkw_139{border-color:var(--dev-panel-border-color)}

package/dist/assets/RangeControl.css

@@ -1 +1 @@
-._container_1ewrb_1{display:grid;grid-template-columns:1fr auto;gap:var(--dev-panel-spacing-sm);align-items:center;width:100%}._range_1ewrb_9{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;background:var(--dev-panel-input-background-color);outline:none;cursor:pointer;transition:var(--dev-panel-transition)}._range_1ewrb_9::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--dev-panel-accent-color);cursor:pointer;border:2px solid var(--dev-panel-background-color);box-shadow:0 1px 3px #0003;transition:var(--dev-panel-transition)}._range_1ewrb_9::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 2px 6px #0000004d}._range_1ewrb_9::-webkit-slider-thumb:active{transform:scale(.95)}._range_1ewrb_9::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--dev-panel-accent-color);cursor:pointer;border:2px solid var(--dev-panel-background-color);box-shadow:0 1px 3px #0003;transition:var(--dev-panel-transition)}._range_1ewrb_9::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 2px 6px #0000004d}._range_1ewrb_9::-moz-range-thumb:active{transform:scale(.95)}._range_1ewrb_9::-moz-range-track{width:100%;height:4px;border-radius:2px;background:var(--dev-panel-input-background-color);border:none}._range_1ewrb_9::-ms-track{width:100%;height:4px;background:transparent;border-color:transparent;color:transparent}._range_1ewrb_9::-ms-fill-lower{background:var(--dev-panel-accent-color);border-radius:2px}._range_1ewrb_9::-ms-fill-upper{background:var(--dev-panel-input-background-color);border-radius:2px}._range_1ewrb_9::-ms-thumb{width:16px;height:16px;border-radius:50%;background:var(--dev-panel-accent-color);cursor:pointer;border:2px solid var(--dev-panel-background-color);box-shadow:0 1px 3px #0003}._range_1ewrb_9:disabled{cursor:not-allowed;opacity:.6}._range_1ewrb_9:disabled::-webkit-slider-thumb{cursor:not-allowed;background:var(--dev-panel-text-color-muted)}._range_1ewrb_9:disabled::-moz-range-thumb{cursor:not-allowed;background:var(--dev-panel-text-color-muted)}._range_1ewrb_9:disabled::-ms-thumb{cursor:not-allowed;background:var(--dev-panel-text-color-muted)}._range_1ewrb_9:focus{outline:none}._range_1ewrb_9:focus::-webkit-slider-thumb{box-shadow:0 0 0 3px rgba(var(--dev-panel-accent-color-rgb),.3)}._range_1ewrb_9:focus::-moz-range-thumb{box-shadow:0 0 0 3px rgba(var(--dev-panel-accent-color-rgb),.3)}._range_1ewrb_9:focus::-ms-thumb{box-shadow:0 0 0 3px rgba(var(--dev-panel-accent-color-rgb),.3)}._value_1ewrb_116{font-size:var(--dev-panel-font-size-xs);color:var(--dev-panel-text-color);font-weight:500;min-width:2ch;text-align:right;user-select:none}
+._container_lg827_1{display:grid;grid-template-columns:1fr auto;gap:var(--dev-panel-spacing-md);align-items:center;width:100%}._range_lg827_9{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:var(--dev-panel-border-radius-full);background:var(--dev-panel-input-background-color);border:1px solid var(--dev-panel-input-border-color);outline:none;cursor:pointer;transition:var(--dev-panel-transition)}._range_lg827_9:hover{border-color:var(--dev-panel-input-border-color-hover)}._range_lg827_9:focus{border-color:var(--dev-panel-input-border-color-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--dev-panel-accent-color) 20%,transparent)}._range_lg827_9::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:var(--dev-panel-border-radius-full);background:var(--dev-panel-accent-color);cursor:pointer;border:2px solid var(--dev-panel-foreground-color);box-shadow:var(--dev-panel-shadow-md);transition:var(--dev-panel-transition)}._range_lg827_9::-webkit-slider-thumb:hover{transform:scale(1.1);background:var(--dev-panel-accent-color-hover);box-shadow:var(--dev-panel-shadow-lg)}._range_lg827_9::-webkit-slider-thumb:active{transform:scale(.95);background:var(--dev-panel-accent-color-active)}._range_lg827_9::-moz-range-thumb{width:20px;height:20px;border-radius:var(--dev-panel-border-radius-full);background:var(--dev-panel-accent-color);cursor:pointer;border:2px solid var(--dev-panel-foreground-color);box-shadow:var(--dev-panel-shadow-md);transition:var(--dev-panel-transition)}._range_lg827_9::-moz-range-thumb:hover{transform:scale(1.1);background:var(--dev-panel-accent-color-hover)}._range_lg827_9::-moz-range-thumb:active{transform:scale(.95);background:var(--dev-panel-accent-color-active)}._range_lg827_9::-moz-range-track{width:100%;height:6px;border-radius:var(--dev-panel-border-radius-full);background:var(--dev-panel-input-background-color);border:1px solid var(--dev-panel-input-border-color)}._range_lg827_9::-ms-track{width:100%;height:6px;background:transparent;border-color:transparent;color:transparent}._range_lg827_9::-ms-fill-lower{background:var(--dev-panel-accent-color);border-radius:var(--dev-panel-border-radius-full)}._range_lg827_9::-ms-fill-upper{background:var(--dev-panel-input-background-color);border-radius:var(--dev-panel-border-radius-full)}._range_lg827_9::-ms-thumb{width:20px;height:20px;border-radius:var(--dev-panel-border-radius-full);background:var(--dev-panel-accent-color);cursor:pointer;border:2px solid var(--dev-panel-foreground-color);box-shadow:var(--dev-panel-shadow-md)}._range_lg827_9:disabled{cursor:not-allowed;opacity:var(--dev-panel-opacity-50)}._range_lg827_9:disabled::-webkit-slider-thumb{cursor:not-allowed;background:var(--dev-panel-text-color-disabled)}._range_lg827_9:disabled::-moz-range-thumb{cursor:not-allowed;background:var(--dev-panel-text-color-disabled)}._range_lg827_9:disabled::-ms-thumb{cursor:not-allowed;background:var(--dev-panel-text-color-disabled)}._value_lg827_115{font-size:var(--dev-panel-font-size-sm);color:var(--dev-panel-text-color);font-weight:var(--dev-panel-font-weight-medium);width:4ch;text-align:right;user-select:none;padding:var(--dev-panel-spacing-sm) var(--dev-panel-spacing-md);background:var(--dev-panel-input-background-color);border:1px solid var(--dev-panel-input-border-color);border-radius:var(--dev-panel-border-radius);font-family:var(--dev-panel-font-family)}

package/dist/assets/Section.css

@@ -1 +1 @@
-._section_1vgul_1{padding:var(--dev-panel-spacing-sm);overflow:hidden}._section_1vgul_1:last-child{margin-bottom:0}._section_1vgul_1 ._header_1vgul_8{display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:background .2s ease}._section_1vgul_1 ._header_1vgul_8 ._title_1vgul_15{font-size:11px;font-weight:600;color:var(--dev-panel-text-color)}._section_1vgul_1 ._header_1vgul_8 ._toggle_1vgul_20{font-size:10px;color:var(--dev-panel-border-color)}._section_1vgul_1 ._header_1vgul_8 ._toggle_1vgul_20>svg{display:block;height:1rem;transition:transform .2s ease}._section_1vgul_1 ._header_1vgul_8 ._toggle_1vgul_20>svg._collapsed_1vgul_29{transform:rotate(90deg)}._section_1vgul_1 ._header_1vgul_8 ._toggle_1vgul_20>svg path{fill:currentColor}._section_1vgul_1 ._content_1vgul_35{position:relative;padding:var(--dev-panel-spacing-sm) 0 0 var(--dev-panel-spacing-sm);display:grid;grid-template-columns:100%;gap:var(--dev-panel-spacing-sm);transition:opacity .25s}._section_1vgul_1 ._content_1vgul_35:after{content:"";position:absolute;left:0;bottom:0;width:2px;height:calc(100% - var(--dev-panel-spacing-sm));background-color:var(--dev-panel-border-color);transform:translate(-50%)}@media (prefers-color-scheme: dark){._section_1vgul_1,._section_1vgul_1 ._header_1vgul_8{border-color:#555}._section_1vgul_1 ._header_1vgul_8 ._title_1vgul_15{color:#e0e0e0}._section_1vgul_1 ._toggle_1vgul_20{color:#b0b0b0}}
+._section_plx7y_1{padding:var(--dev-panel-spacing-md) var(--dev-panel-spacing-lg);border-bottom:1px solid var(--dev-panel-border-color)}._section_plx7y_1:last-child{border-bottom:none;margin-bottom:0}._section_plx7y_1 ._header_plx7y_9{display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:var(--dev-panel-transition);padding:var(--dev-panel-spacing-sm) 0;border-radius:var(--dev-panel-border-radius-md)}._section_plx7y_1 ._header_plx7y_9:hover{background-color:var(--dev-panel-surface-color-hover)}._section_plx7y_1 ._header_plx7y_9:focus{outline:2px solid var(--dev-panel-accent-color);outline-offset:2px}._section_plx7y_1 ._header_plx7y_9:focus:not(:focus-visible){outline:none}._section_plx7y_1 ._header_plx7y_9 ._title_plx7y_28{font-size:var(--dev-panel-font-size-sm);font-weight:var(--dev-panel-font-weight-bold);color:var(--dev-panel-text-color);text-transform:uppercase;letter-spacing:.5px}._section_plx7y_1 ._header_plx7y_9 ._toggle_plx7y_35{color:var(--dev-panel-text-color-muted);transition:var(--dev-panel-transition)}._section_plx7y_1 ._header_plx7y_9 ._toggle_plx7y_35>svg{display:block;width:16px;height:16px;transition:transform var(--dev-panel-transition)}._section_plx7y_1 ._header_plx7y_9 ._toggle_plx7y_35>svg._collapsed_plx7y_45{transform:rotate(90deg)}._section_plx7y_1 ._header_plx7y_9 ._toggle_plx7y_35>svg path{fill:currentColor}._section_plx7y_1 ._header_plx7y_9 ._toggle_plx7y_35:hover{color:var(--dev-panel-text-color)}._section_plx7y_1 ._content_plx7y_54{position:relative;padding-left:var(--dev-panel-spacing-md);margin-top:var(--dev-panel-spacing-md);display:grid;grid-template-columns:100%;gap:var(--dev-panel-spacing-md);transition:opacity var(--dev-panel-transition-slow)}._section_plx7y_1 ._content_plx7y_54:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--dev-panel-border-color);border-radius:var(--dev-panel-border-radius-full)}._section_plx7y_1 ._content_plx7y_54._collapsed_plx7y_45{opacity:var(--dev-panel-opacity-50)}

package/dist/assets/Select.css

@@ -1 +1 @@
-._select_12f91_1{width:100%;height:var(--dev-panel-inputs-height);border:0;border-radius:var(--dev-panel-border-radius);cursor:pointer;padding:0;background-color:transparent;color:var(--dev-panel-text-color-highlight)}._select_12f91_1:last-of-type{background-color:var(--dev-panel-input-background-color);padding-left:var(--dev-panel-spacing-xs)}._select_12f91_1:focus{outline:none}._select_12f91_1:disabled{cursor:not-allowed;opacity:.6}._select_12f91_1::placeholder{color:var(--dev-panel-text-color-muted)}
+:root{--dev-panel-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;--dev-panel-font-weight-normal: 400;--dev-panel-font-weight-medium: 500;--dev-panel-font-weight-semibold: 600;--dev-panel-font-weight-bold: 700;--dev-panel-font-size-xs: 10px;--dev-panel-font-size-sm: 12px;--dev-panel-font-size-md: 14px;--dev-panel-font-size-lg: 16px;--dev-panel-font-size-xl: 18px;--dev-panel-line-height-tight: 1.25;--dev-panel-line-height-normal: 1.5;--dev-panel-line-height-relaxed: 1.75;--dev-panel-accent-color: #6366f1;--dev-panel-accent-color-hover: #5855eb;--dev-panel-accent-color-active: #4f46e5;--dev-panel-accent-color-disabled: #6366f150;--dev-panel-primary-color: #6366f1;--dev-panel-primary-color-hover: #5855eb;--dev-panel-primary-color-active: #4f46e5;--dev-panel-secondary-color: #64748b;--dev-panel-secondary-color-hover: #475569;--dev-panel-secondary-color-active: #334155;--dev-panel-success-color: #10b981;--dev-panel-success-color-hover: #059669;--dev-panel-success-color-active: #047857;--dev-panel-warning-color: #f59e0b;--dev-panel-warning-color-hover: #d97706;--dev-panel-warning-color-active: #b45309;--dev-panel-error-color: #ef4444;--dev-panel-error-color-hover: #dc2626;--dev-panel-error-color-active: #b91c1c;--dev-panel-info-color: #06b6d4;--dev-panel-info-color-hover: #0891b2;--dev-panel-info-color-active: #0e7490;--dev-panel-background-color: #1e293b;--dev-panel-background-color-secondary: #334155;--dev-panel-background-color-tertiary: #475569;--dev-panel-foreground-color: #0f172a;--dev-panel-surface-color: #334155;--dev-panel-surface-color-hover: #475569;--dev-panel-surface-color-active: #64748b;--dev-panel-text-color: #f1f5f9;--dev-panel-text-color-secondary: #cbd5e1;--dev-panel-text-color-muted: #94a3b8;--dev-panel-text-color-disabled: #64748b;--dev-panel-text-color-on-accent: #ffffff;--dev-panel-text-color-on-surface: #f1f5f9;--dev-panel-border-color: #475569;--dev-panel-border-color-light: #64748b;--dev-panel-border-color-strong: #334155;--dev-panel-border-color-accent: #6366f1;--dev-panel-input-background-color: #0f172a;--dev-panel-input-background-color-hover: #1e293b;--dev-panel-input-background-color-focus: #1e293b;--dev-panel-input-border-color: #475569;--dev-panel-input-border-color-hover: #64748b;--dev-panel-input-border-color-focus: #6366f1;--dev-panel-input-text-color: #f1f5f9;--dev-panel-input-placeholder-color: #64748b;--dev-panel-input-border-width: 1px;--dev-panel-spacing-xs: 2px;--dev-panel-spacing-sm: 4px;--dev-panel-spacing-md: 8px;--dev-panel-spacing-lg: 12px;--dev-panel-spacing-xl: 16px;--dev-panel-spacing-2xl: 20px;--dev-panel-spacing-3xl: 24px;--dev-panel-spacing-4xl: 32px;--dev-panel-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--dev-panel-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--dev-panel-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--dev-panel-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--dev-panel-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--dev-panel-shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--dev-panel-shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .05);--dev-panel-shadow: var(--dev-panel-shadow-xl);--dev-panel-border-radius-none: 0;--dev-panel-border-radius-sm: 2px;--dev-panel-border-radius-md: 4px;--dev-panel-border-radius-lg: 6px;--dev-panel-border-radius-xl: 8px;--dev-panel-border-radius-2xl: 12px;--dev-panel-border-radius-full: 9999px;--dev-panel-border-radius: var(--dev-panel-border-radius-lg);--dev-panel-max-width: 320px;--dev-panel-min-width: 280px;--dev-panel-max-height: 80vh;--dev-panel-min-height: auto;--dev-panel-header-height: auto;--dev-panel-inputs-height: 32px;--dev-panel-inputs-height-sm: 28px;--dev-panel-inputs-height-lg: 36px;--dev-panel-button-height: 32px;--dev-panel-button-height-sm: 28px;--dev-panel-button-height-lg: 36px;--dev-panel-transition-fast: all .15s cubic-bezier(.4, 0, .2, 1);--dev-panel-transition-normal: all .2s cubic-bezier(.4, 0, .2, 1);--dev-panel-transition-slow: all .3s cubic-bezier(.4, 0, .2, 1);--dev-panel-transition: var(--dev-panel-transition-normal);--dev-panel-z-index-dropdown: 1000;--dev-panel-z-index-sticky: 1020;--dev-panel-z-index-fixed: 1030;--dev-panel-z-index-modal-backdrop: 1040;--dev-panel-z-index-modal: 1050;--dev-panel-z-index-popover: 1060;--dev-panel-z-index-tooltip: 1070;--dev-panel-z-index-toast: 1080;--dev-panel-z-index: var(--dev-panel-z-index-modal);--dev-panel-opacity-0: 0;--dev-panel-opacity-5: .05;--dev-panel-opacity-10: .1;--dev-panel-opacity-20: .2;--dev-panel-opacity-25: .25;--dev-panel-opacity-30: .3;--dev-panel-opacity-40: .4;--dev-panel-opacity-50: .5;--dev-panel-opacity-60: .6;--dev-panel-opacity-70: .7;--dev-panel-opacity-75: .75;--dev-panel-opacity-80: .8;--dev-panel-opacity-90: .9;--dev-panel-opacity-95: .95;--dev-panel-opacity-100: 1;--dev-panel-scrollbar-width: 6px;--dev-panel-scrollbar-track-color: var(--dev-panel-background-color-secondary);--dev-panel-scrollbar-thumb-color: var(--dev-panel-border-color);--dev-panel-scrollbar-thumb-hover-color: var(--dev-panel-border-color-light)}._select_ia86w_132{display:block;width:100%;height:var(--dev-panel-inputs-height-sm);padding:var(--dev-panel-spacing-sm) var(--dev-panel-spacing-md);font-family:var(--dev-panel-font-family);font-size:var(--dev-panel-font-size-sm);line-height:var(--dev-panel-line-height-normal);color:var(--dev-panel-input-text-color);background-color:var(--dev-panel-input-background-color);border:var(--dev-panel-input-border-width) solid var(--dev-panel-input-border-color);border-radius:var(--dev-panel-border-radius);transition:var(--dev-panel-transition);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--dev-panel-spacing-md) center;background-repeat:no-repeat;background-size:16px 16px;padding-right:calc(var(--dev-panel-spacing-md) + 20px)}._select_ia86w_132::placeholder{color:var(--dev-panel-input-placeholder-color)}._select_ia86w_132:hover:not(:disabled){background-color:var(--dev-panel-input-background-color-hover);border-color:var(--dev-panel-input-border-color-hover)}._select_ia86w_132:focus{outline:none;background-color:var(--dev-panel-input-background-color-focus);border-color:var(--dev-panel-input-border-color-focus);box-shadow:0 0 0 3px #6366f133}._select_ia86w_132:disabled{opacity:var(--dev-panel-opacity-50);cursor:not-allowed;background-color:var(--dev-panel-surface-color);border-color:var(--dev-panel-border-color)}._select_ia86w_132 option{background-color:var(--dev-panel-input-background-color);color:var(--dev-panel-input-text-color);padding:var(--dev-panel-spacing-sm)}._select_ia86w_132 option:checked{background-color:var(--dev-panel-accent-color);color:var(--dev-panel-text-color-on-accent)}._select_ia86w_132 option:hover{background-color:var(--dev-panel-surface-color-hover)}

package/dist/assets/SeparatorControl.css

@@ -1 +1 @@
-._line_12cvo_1{width:100%;height:1px;background-color:var(--dev-panel-border-color);margin:var(--dev-panel-spacing-sm) 0;opacity:.3}._space_12cvo_9{height:var(--dev-panel-spacing-md);width:100%}._labelContainer_12cvo_14{display:flex;align-items:center;margin:var(--dev-panel-spacing-md) 0 var(--dev-panel-spacing-sm) 0;position:relative}._labelContainer_12cvo_14:before{content:"";flex:1;height:1px;background-color:var(--dev-panel-border-color);opacity:.3;margin-right:var(--dev-panel-spacing-sm)}._labelContainer_12cvo_14:after{content:"";flex:1;height:1px;background-color:var(--dev-panel-border-color);opacity:.3;margin-left:var(--dev-panel-spacing-sm)}._label_12cvo_14{font-size:var(--dev-panel-font-size-xs);font-weight:600;color:var(--dev-panel-text-color-muted);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;padding:0 var(--dev-panel-spacing-xs)}
+._line_174q4_1{width:100%;height:1px;background:linear-gradient(to right,transparent,var(--dev-panel-border-color),transparent);margin:var(--dev-panel-spacing-lg) 0;opacity:var(--dev-panel-opacity-60)}._space_174q4_9{height:var(--dev-panel-spacing-xl);width:100%}._labelContainer_174q4_14{position:relative;display:flex;align-items:center}._labelContainer_174q4_14:before{content:"";flex:1;height:1px;background:linear-gradient(to right,transparent,var(--dev-panel-border-color) 50%);opacity:var(--dev-panel-opacity-60)}._labelContainer_174q4_14:after{content:"";flex:1;height:1px;background:linear-gradient(to left,transparent,var(--dev-panel-border-color) 50%);opacity:var(--dev-panel-opacity-60)}._label_174q4_14{font-size:var(--dev-panel-font-size-xs);font-weight:var(--dev-panel-font-weight-bold);color:var(--dev-panel-text-color-muted);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;padding:var(--dev-panel-spacing-sm) var(--dev-panel-spacing-md);background:var(--dev-panel-background-color);border-radius:var(--dev-panel-border-radius-full);border:1px solid var(--dev-panel-border-color);margin-top:18px}

package/dist/assets/index.css

@@ -1 +1 @@
-:root{--dev-panel-font-family: Helvetica, Arial, Sans-Serif;--dev-panel-font-size-xs: 12px;--dev-panel-font-size-sm: 14px;--dev-panel-font-size-md: 16px;--dev-panel-font-size-lg: 18px;--dev-panel-accent-color: #6663fd;--dev-panel-primary-color: #6663fd;--dev-panel-secondary-color: #1c1c1c;--dev-panel-background-color: #3e3d40;--dev-panel-highlight-color: #f0f0f0;--dev-panel-foreground-color: #313133;--dev-panel-border-color: #a1a1a1;--dev-panel-text-color: #e0e0e0;--dev-panel-text-color-muted: #b0b0b0;--dev-panel-input-background-color: #302f32;--dev-panel-text-color-highlight: #fbfffa;--dev-panel-spacing-xs: 4px;--dev-panel-spacing-sm: 8px;--dev-panel-spacing-md: 10px;--dev-panel-spacing-lg: 14px;--dev-panel-shadow: 0 8px 24px rgba(0, 0, 0, .2);--dev-panel-max-width: 320px;--dev-panel-max-height: 80vh;--dev-panel-inputs-height: 24px;--dev-panel-border-radius: 6px;--dev-panel-transition: all .2s cubic-bezier(.4, 0, .2, 1)}
+:root{--dev-panel-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;--dev-panel-font-weight-normal: 400;--dev-panel-font-weight-medium: 500;--dev-panel-font-weight-semibold: 600;--dev-panel-font-weight-bold: 700;--dev-panel-font-size-xs: 10px;--dev-panel-font-size-sm: 12px;--dev-panel-font-size-md: 14px;--dev-panel-font-size-lg: 16px;--dev-panel-font-size-xl: 18px;--dev-panel-line-height-tight: 1.25;--dev-panel-line-height-normal: 1.5;--dev-panel-line-height-relaxed: 1.75;--dev-panel-accent-color: #6366f1;--dev-panel-accent-color-hover: #5855eb;--dev-panel-accent-color-active: #4f46e5;--dev-panel-accent-color-disabled: #6366f150;--dev-panel-primary-color: #6366f1;--dev-panel-primary-color-hover: #5855eb;--dev-panel-primary-color-active: #4f46e5;--dev-panel-secondary-color: #64748b;--dev-panel-secondary-color-hover: #475569;--dev-panel-secondary-color-active: #334155;--dev-panel-success-color: #10b981;--dev-panel-success-color-hover: #059669;--dev-panel-success-color-active: #047857;--dev-panel-warning-color: #f59e0b;--dev-panel-warning-color-hover: #d97706;--dev-panel-warning-color-active: #b45309;--dev-panel-error-color: #ef4444;--dev-panel-error-color-hover: #dc2626;--dev-panel-error-color-active: #b91c1c;--dev-panel-info-color: #06b6d4;--dev-panel-info-color-hover: #0891b2;--dev-panel-info-color-active: #0e7490;--dev-panel-background-color: #1e293b;--dev-panel-background-color-secondary: #334155;--dev-panel-background-color-tertiary: #475569;--dev-panel-foreground-color: #0f172a;--dev-panel-surface-color: #334155;--dev-panel-surface-color-hover: #475569;--dev-panel-surface-color-active: #64748b;--dev-panel-text-color: #f1f5f9;--dev-panel-text-color-secondary: #cbd5e1;--dev-panel-text-color-muted: #94a3b8;--dev-panel-text-color-disabled: #64748b;--dev-panel-text-color-on-accent: #ffffff;--dev-panel-text-color-on-surface: #f1f5f9;--dev-panel-border-color: #475569;--dev-panel-border-color-light: #64748b;--dev-panel-border-color-strong: #334155;--dev-panel-border-color-accent: #6366f1;--dev-panel-input-background-color: #0f172a;--dev-panel-input-background-color-hover: #1e293b;--dev-panel-input-background-color-focus: #1e293b;--dev-panel-input-border-color: #475569;--dev-panel-input-border-color-hover: #64748b;--dev-panel-input-border-color-focus: #6366f1;--dev-panel-input-text-color: #f1f5f9;--dev-panel-input-placeholder-color: #64748b;--dev-panel-input-border-width: 1px;--dev-panel-spacing-xs: 2px;--dev-panel-spacing-sm: 4px;--dev-panel-spacing-md: 8px;--dev-panel-spacing-lg: 12px;--dev-panel-spacing-xl: 16px;--dev-panel-spacing-2xl: 20px;--dev-panel-spacing-3xl: 24px;--dev-panel-spacing-4xl: 32px;--dev-panel-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--dev-panel-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--dev-panel-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--dev-panel-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--dev-panel-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--dev-panel-shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--dev-panel-shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .05);--dev-panel-shadow: var(--dev-panel-shadow-xl);--dev-panel-border-radius-none: 0;--dev-panel-border-radius-sm: 2px;--dev-panel-border-radius-md: 4px;--dev-panel-border-radius-lg: 6px;--dev-panel-border-radius-xl: 8px;--dev-panel-border-radius-2xl: 12px;--dev-panel-border-radius-full: 9999px;--dev-panel-border-radius: var(--dev-panel-border-radius-lg);--dev-panel-max-width: 320px;--dev-panel-min-width: 280px;--dev-panel-max-height: 80vh;--dev-panel-min-height: auto;--dev-panel-header-height: auto;--dev-panel-inputs-height: 32px;--dev-panel-inputs-height-sm: 28px;--dev-panel-inputs-height-lg: 36px;--dev-panel-button-height: 32px;--dev-panel-button-height-sm: 28px;--dev-panel-button-height-lg: 36px;--dev-panel-transition-fast: all .15s cubic-bezier(.4, 0, .2, 1);--dev-panel-transition-normal: all .2s cubic-bezier(.4, 0, .2, 1);--dev-panel-transition-slow: all .3s cubic-bezier(.4, 0, .2, 1);--dev-panel-transition: var(--dev-panel-transition-normal);--dev-panel-z-index-dropdown: 1000;--dev-panel-z-index-sticky: 1020;--dev-panel-z-index-fixed: 1030;--dev-panel-z-index-modal-backdrop: 1040;--dev-panel-z-index-modal: 1050;--dev-panel-z-index-popover: 1060;--dev-panel-z-index-tooltip: 1070;--dev-panel-z-index-toast: 1080;--dev-panel-z-index: var(--dev-panel-z-index-modal);--dev-panel-opacity-0: 0;--dev-panel-opacity-5: .05;--dev-panel-opacity-10: .1;--dev-panel-opacity-20: .2;--dev-panel-opacity-25: .25;--dev-panel-opacity-30: .3;--dev-panel-opacity-40: .4;--dev-panel-opacity-50: .5;--dev-panel-opacity-60: .6;--dev-panel-opacity-70: .7;--dev-panel-opacity-75: .75;--dev-panel-opacity-80: .8;--dev-panel-opacity-90: .9;--dev-panel-opacity-95: .95;--dev-panel-opacity-100: 1;--dev-panel-scrollbar-width: 6px;--dev-panel-scrollbar-track-color: var(--dev-panel-background-color-secondary);--dev-panel-scrollbar-thumb-color: var(--dev-panel-border-color);--dev-panel-scrollbar-thumb-hover-color: var(--dev-panel-border-color-light)}@media (prefers-color-scheme: light){:root{--dev-panel-accent-color: #6366f1 !important;--dev-panel-accent-color-hover: #5855eb !important;--dev-panel-accent-color-active: #4f46e5 !important;--dev-panel-accent-color-disabled: #6366f130 !important;--dev-panel-primary-color: #6366f1 !important;--dev-panel-primary-color-hover: #5855eb !important;--dev-panel-primary-color-active: #4f46e5 !important;--dev-panel-secondary-color: #64748b !important;--dev-panel-secondary-color-hover: #475569 !important;--dev-panel-secondary-color-active: #334155 !important;--dev-panel-background-color: #f8fafc !important;--dev-panel-background-color-secondary: #f1f5f9 !important;--dev-panel-background-color-tertiary: #e2e8f0 !important;--dev-panel-foreground-color: #ffffff !important;--dev-panel-surface-color: #ffffff !important;--dev-panel-surface-color-hover: #f8fafc !important;--dev-panel-surface-color-active: #f1f5f9 !important;--dev-panel-text-color: #0f172a !important;--dev-panel-text-color-secondary: #334155 !important;--dev-panel-text-color-muted: #64748b !important;--dev-panel-text-color-disabled: #94a3b8 !important;--dev-panel-text-color-on-accent: #ffffff !important;--dev-panel-text-color-on-surface: #0f172a !important;--dev-panel-border-color: #e2e8f0 !important;--dev-panel-border-color-light: #cbd5e1 !important;--dev-panel-border-color-strong: #94a3b8 !important;--dev-panel-border-color-accent: #6366f1 !important;--dev-panel-input-background-color: #ffffff !important;--dev-panel-input-background-color-hover: #f8fafc !important;--dev-panel-input-background-color-focus: #ffffff !important;--dev-panel-input-border-color: #d1d5db !important;--dev-panel-input-border-color-hover: #9ca3af !important;--dev-panel-input-border-color-focus: #6366f1 !important;--dev-panel-input-text-color: #111827 !important;--dev-panel-input-placeholder-color: #9ca3af !important;--dev-panel-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .03) !important;--dev-panel-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .08), 0 1px 2px -1px rgb(0 0 0 / .08) !important;--dev-panel-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .08), 0 2px 4px -2px rgb(0 0 0 / .08) !important;--dev-panel-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .08), 0 4px 6px -4px rgb(0 0 0 / .08) !important;--dev-panel-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .08), 0 8px 10px -6px rgb(0 0 0 / .08) !important;--dev-panel-shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .15) !important;--dev-panel-shadow: var(--dev-panel-shadow-xl) !important;--dev-panel-scrollbar-track-color: var(--dev-panel-background-color-secondary) !important;--dev-panel-scrollbar-thumb-color: var(--dev-panel-border-color-light) !important;--dev-panel-scrollbar-thumb-hover-color: var(--dev-panel-border-color-strong) !important}}:root[data-dev-panel-theme=dark]{color-scheme:dark!important;--dev-panel-background-color: #1e293b !important;--dev-panel-background-color-secondary: #334155 !important;--dev-panel-background-color-tertiary: #475569 !important;--dev-panel-foreground-color: #0f172a !important;--dev-panel-surface-color: #334155 !important;--dev-panel-surface-color-hover: #475569 !important;--dev-panel-surface-color-active: #64748b !important;--dev-panel-text-color: #f1f5f9 !important;--dev-panel-text-color-secondary: #cbd5e1 !important;--dev-panel-text-color-muted: #94a3b8 !important;--dev-panel-text-color-disabled: #64748b !important;--dev-panel-text-color-on-surface: #f1f5f9 !important;--dev-panel-border-color: #475569 !important;--dev-panel-border-color-light: #64748b !important;--dev-panel-border-color-strong: #334155 !important;--dev-panel-input-background-color: #0f172a !important;--dev-panel-input-background-color-hover: #1e293b !important;--dev-panel-input-background-color-focus: #1e293b !important;--dev-panel-input-border-color: #475569 !important;--dev-panel-input-border-color-hover: #64748b !important;--dev-panel-input-text-color: #f1f5f9 !important;--dev-panel-input-placeholder-color: #64748b !important;--dev-panel-scrollbar-track-color: #334155 !important;--dev-panel-scrollbar-thumb-color: #475569 !important;--dev-panel-scrollbar-thumb-hover-color: #64748b !important}:root[data-dev-panel-theme=light]{color-scheme:light!important;--dev-panel-background-color: #f8fafc !important;--dev-panel-background-color-secondary: #f1f5f9 !important;--dev-panel-background-color-tertiary: #e2e8f0 !important;--dev-panel-foreground-color: #ffffff !important;--dev-panel-surface-color: #ffffff !important;--dev-panel-surface-color-hover: #f8fafc !important;--dev-panel-surface-color-active: #f1f5f9 !important;--dev-panel-text-color: #0f172a !important;--dev-panel-text-color-secondary: #334155 !important;--dev-panel-text-color-muted: #64748b !important;--dev-panel-text-color-disabled: #94a3b8 !important;--dev-panel-text-color-on-surface: #0f172a !important;--dev-panel-border-color: #e2e8f0 !important;--dev-panel-border-color-light: #cbd5e1 !important;--dev-panel-border-color-strong: #94a3b8 !important;--dev-panel-input-background-color: #ffffff !important;--dev-panel-input-background-color-hover: #f8fafc !important;--dev-panel-input-background-color-focus: #ffffff !important;--dev-panel-input-border-color: #d1d5db !important;--dev-panel-input-border-color-hover: #9ca3af !important;--dev-panel-input-text-color: #111827 !important;--dev-panel-input-placeholder-color: #9ca3af !important;--dev-panel-scrollbar-track-color: #f1f5f9 !important;--dev-panel-scrollbar-thumb-color: #cbd5e1 !important;--dev-panel-scrollbar-thumb-hover-color: #94a3b8 !important}:root[data-dev-panel-theme=orange]{color-scheme:dark!important;--dev-panel-accent-color: #ff6200 !important;--dev-panel-accent-color-hover: #e55a00 !important;--dev-panel-accent-color-active: #cc5100 !important;--dev-panel-accent-color-disabled: #ff620030 !important;--dev-panel-primary-color: #ff6200 !important;--dev-panel-primary-color-hover: #e55a00 !important;--dev-panel-primary-color-active: #cc5100 !important;--dev-panel-secondary-color: #666666 !important;--dev-panel-secondary-color-hover: #555555 !important;--dev-panel-secondary-color-active: #444444 !important;--dev-panel-background-color: #1a1a1a !important;--dev-panel-background-color-secondary: #2a2a2a !important;--dev-panel-background-color-tertiary: #3a3a3a !important;--dev-panel-foreground-color: #0f0f0f !important;--dev-panel-surface-color: #2a2a2a !important;--dev-panel-surface-color-hover: #3a3a3a !important;--dev-panel-surface-color-active: #4a4a4a !important;--dev-panel-text-color: #ffffff !important;--dev-panel-text-color-secondary: #e6e6e6 !important;--dev-panel-text-color-muted: #cccccc !important;--dev-panel-text-color-disabled: #999999 !important;--dev-panel-text-color-on-accent: #ffffff !important;--dev-panel-text-color-on-surface: #ffffff !important;--dev-panel-border-color: #333333 !important;--dev-panel-border-color-light: #444444 !important;--dev-panel-border-color-strong: #222222 !important;--dev-panel-border-color-accent: #ff6200 !important;--dev-panel-input-background-color: #2a2a2a !important;--dev-panel-input-background-color-hover: #3a3a3a !important;--dev-panel-input-background-color-focus: #2a2a2a !important;--dev-panel-input-border-color: #444444 !important;--dev-panel-input-border-color-hover: #555555 !important;--dev-panel-input-border-color-focus: #ff6200 !important;--dev-panel-input-text-color: #ffffff !important;--dev-panel-input-placeholder-color: #999999 !important;--dev-panel-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .5) !important;--dev-panel-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .6), 0 1px 2px -1px rgb(0 0 0 / .6) !important;--dev-panel-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .6), 0 2px 4px -2px rgb(0 0 0 / .6) !important;--dev-panel-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .6), 0 4px 6px -4px rgb(0 0 0 / .6) !important;--dev-panel-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .6), 0 8px 10px -6px rgb(0 0 0 / .6) !important;--dev-panel-shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .7) !important;--dev-panel-shadow: var(--dev-panel-shadow-xl) !important;--dev-panel-scrollbar-track-color: #2a2a2a !important;--dev-panel-scrollbar-thumb-color: #444444 !important;--dev-panel-scrollbar-thumb-hover-color: #555555 !important}:root[data-dev-panel-theme=purple]{color-scheme:dark!important;--dev-panel-accent-color: #8b5cf6 !important;--dev-panel-accent-color-hover: #7c3aed !important;--dev-panel-accent-color-active: #6d28d9 !important;--dev-panel-accent-color-disabled: #8b5cf630 !important;--dev-panel-primary-color: #8b5cf6 !important;--dev-panel-primary-color-hover: #7c3aed !important;--dev-panel-primary-color-active: #6d28d9 !important;--dev-panel-secondary-color: #6b7280 !important;--dev-panel-secondary-color-hover: #4b5563 !important;--dev-panel-secondary-color-active: #374151 !important;--dev-panel-background-color: #1e1b4b !important;--dev-panel-background-color-secondary: #312e81 !important;--dev-panel-background-color-tertiary: #4c1d95 !important;--dev-panel-foreground-color: #0f0c29 !important;--dev-panel-surface-color: #312e81 !important;--dev-panel-surface-color-hover: #4c1d95 !important;--dev-panel-surface-color-active: #5b21b6 !important;--dev-panel-text-color: #f3f4f6 !important;--dev-panel-text-color-secondary: #e5e7eb !important;--dev-panel-text-color-muted: #d1d5db !important;--dev-panel-text-color-disabled: #9ca3af !important;--dev-panel-text-color-on-accent: #ffffff !important;--dev-panel-text-color-on-surface: #f3f4f6 !important;--dev-panel-border-color: #4c1d95 !important;--dev-panel-border-color-light: #5b21b6 !important;--dev-panel-border-color-strong: #3730a3 !important;--dev-panel-border-color-accent: #8b5cf6 !important;--dev-panel-input-background-color: #1e1b4b !important;--dev-panel-input-background-color-hover: #312e81 !important;--dev-panel-input-background-color-focus: #1e1b4b !important;--dev-panel-input-border-color: #4c1d95 !important;--dev-panel-input-border-color-hover: #5b21b6 !important;--dev-panel-input-border-color-focus: #8b5cf6 !important;--dev-panel-input-text-color: #f3f4f6 !important;--dev-panel-input-placeholder-color: #9ca3af !important;--dev-panel-shadow-xs: 0 1px 2px 0 rgb(139 92 246 / .1) !important;--dev-panel-shadow-sm: 0 1px 3px 0 rgb(139 92 246 / .2), 0 1px 2px -1px rgb(139 92 246 / .2) !important;--dev-panel-shadow-md: 0 4px 6px -1px rgb(139 92 246 / .2), 0 2px 4px -2px rgb(139 92 246 / .2) !important;--dev-panel-shadow-lg: 0 10px 15px -3px rgb(139 92 246 / .2), 0 4px 6px -4px rgb(139 92 246 / .2) !important;--dev-panel-shadow-xl: 0 20px 25px -5px rgb(139 92 246 / .2), 0 8px 10px -6px rgb(139 92 246 / .2) !important;--dev-panel-shadow-2xl: 0 25px 50px -12px rgb(139 92 246 / .3) !important;--dev-panel-shadow: var(--dev-panel-shadow-xl) !important;--dev-panel-scrollbar-track-color: #312e81 !important;--dev-panel-scrollbar-thumb-color: #4c1d95 !important;--dev-panel-scrollbar-thumb-hover-color: #5b21b6 !important}:root[data-dev-panel-theme=green]{color-scheme:dark!important;--dev-panel-accent-color: #10b981 !important;--dev-panel-accent-color-hover: #059669 !important;--dev-panel-accent-color-active: #047857 !important;--dev-panel-accent-color-disabled: #10b98130 !important;--dev-panel-primary-color: #10b981 !important;--dev-panel-primary-color-hover: #059669 !important;--dev-panel-primary-color-active: #047857 !important;--dev-panel-secondary-color: #6b7280 !important;--dev-panel-secondary-color-hover: #4b5563 !important;--dev-panel-secondary-color-active: #374151 !important;--dev-panel-background-color: #064e3b !important;--dev-panel-background-color-secondary: #065f46 !important;--dev-panel-background-color-tertiary: #047857 !important;--dev-panel-foreground-color: #022c22 !important;--dev-panel-surface-color: #065f46 !important;--dev-panel-surface-color-hover: #047857 !important;--dev-panel-surface-color-active: #059669 !important;--dev-panel-text-color: #ecfdf5 !important;--dev-panel-text-color-secondary: #d1fae5 !important;--dev-panel-text-color-muted: #a7f3d0 !important;--dev-panel-text-color-disabled: #6ee7b7 !important;--dev-panel-text-color-on-accent: #ffffff !important;--dev-panel-text-color-on-surface: #ecfdf5 !important;--dev-panel-border-color: #047857 !important;--dev-panel-border-color-light: #059669 !important;--dev-panel-border-color-strong: #065f46 !important;--dev-panel-border-color-accent: #10b981 !important;--dev-panel-input-background-color: #064e3b !important;--dev-panel-input-background-color-hover: #065f46 !important;--dev-panel-input-background-color-focus: #064e3b !important;--dev-panel-input-border-color: #047857 !important;--dev-panel-input-border-color-hover: #059669 !important;--dev-panel-input-border-color-focus: #10b981 !important;--dev-panel-input-text-color: #ecfdf5 !important;--dev-panel-input-placeholder-color: #a7f3d0 !important;--dev-panel-shadow-xs: 0 1px 2px 0 rgb(6 78 59 / .5) !important;--dev-panel-shadow-sm: 0 1px 3px 0 rgb(6 78 59 / .6), 0 1px 2px -1px rgb(6 78 59 / .6) !important;--dev-panel-shadow-md: 0 4px 6px -1px rgb(6 78 59 / .6), 0 2px 4px -2px rgb(6 78 59 / .6) !important;--dev-panel-shadow-lg: 0 10px 15px -3px rgb(6 78 59 / .6), 0 4px 6px -4px rgb(6 78 59 / .6) !important;--dev-panel-shadow-xl: 0 20px 25px -5px rgb(6 78 59 / .6), 0 8px 10px -6px rgb(6 78 59 / .6) !important;--dev-panel-shadow-2xl: 0 25px 50px -12px rgb(6 78 59 / .7) !important;--dev-panel-shadow: var(--dev-panel-shadow-xl) !important;--dev-panel-scrollbar-track-color: #065f46 !important;--dev-panel-scrollbar-thumb-color: #047857 !important;--dev-panel-scrollbar-thumb-hover-color: #059669 !important}:root[data-dev-panel-theme=neon]{color-scheme:dark!important;--dev-panel-accent-color: #00ff41 !important;--dev-panel-accent-color-hover: #00e63c !important;--dev-panel-accent-color-active: #00cc33 !important;--dev-panel-accent-color-disabled: #00ff4130 !important;--dev-panel-primary-color: #00ff41 !important;--dev-panel-primary-color-hover: #00e63c !important;--dev-panel-primary-color-active: #00cc33 !important;--dev-panel-secondary-color: #333333 !important;--dev-panel-secondary-color-hover: #444444 !important;--dev-panel-secondary-color-active: #555555 !important;--dev-panel-background-color: #0a0a0a !important;--dev-panel-background-color-secondary: #111111 !important;--dev-panel-background-color-tertiary: #1a1a1a !important;--dev-panel-foreground-color: #000000 !important;--dev-panel-surface-color: #111111 !important;--dev-panel-surface-color-hover: #1a1a1a !important;--dev-panel-surface-color-active: #222222 !important;--dev-panel-text-color: #00ff41 !important;--dev-panel-text-color-secondary: #00e63c !important;--dev-panel-text-color-muted: #00cc33 !important;--dev-panel-text-color-disabled: #009926 !important;--dev-panel-text-color-on-accent: #000000 !important;--dev-panel-text-color-on-surface: #00ff41 !important;--dev-panel-border-color: #003d10 !important;--dev-panel-border-color-light: #004d15 !important;--dev-panel-border-color-strong: #002d0b !important;--dev-panel-border-color-accent: #00ff41 !important;--dev-panel-input-background-color: #000000 !important;--dev-panel-input-background-color-hover: #0a0a0a !important;--dev-panel-input-background-color-focus: #000000 !important;--dev-panel-input-border-color: #003d10 !important;--dev-panel-input-border-color-hover: #004d15 !important;--dev-panel-input-border-color-focus: #00ff41 !important;--dev-panel-input-text-color: #00ff41 !important;--dev-panel-input-placeholder-color: #00cc33 !important;--dev-panel-shadow-xs: 0 1px 2px 0 rgba(0, 255, 65, .2) !important;--dev-panel-shadow-sm: 0 1px 3px 0 rgba(0, 255, 65, .3), 0 1px 2px -1px rgba(0, 255, 65, .3) !important;--dev-panel-shadow-md: 0 4px 6px -1px rgba(0, 255, 65, .3), 0 2px 4px -2px rgba(0, 255, 65, .3) !important;--dev-panel-shadow-lg: 0 10px 15px -3px rgba(0, 255, 65, .3), 0 4px 6px -4px rgba(0, 255, 65, .3) !important;--dev-panel-shadow-xl: 0 20px 25px -5px rgba(0, 255, 65, .3), 0 8px 10px -6px rgba(0, 255, 65, .3) !important;--dev-panel-shadow-2xl: 0 25px 50px -12px rgba(0, 255, 65, .4) !important;--dev-panel-shadow: 0 0 20px rgba(0, 255, 65, .3) !important;--dev-panel-scrollbar-track-color: #111111 !important;--dev-panel-scrollbar-thumb-color: #003d10 !important;--dev-panel-scrollbar-thumb-hover-color: #004d15 !important}:root[data-dev-panel-theme=corporate]{color-scheme:light!important;--dev-panel-accent-color: #0066cc !important;--dev-panel-accent-color-hover: #0052a3 !important;--dev-panel-accent-color-active: #003d7a !important;--dev-panel-accent-color-disabled: #0066cc30 !important;--dev-panel-primary-color: #0066cc !important;--dev-panel-primary-color-hover: #0052a3 !important;--dev-panel-primary-color-active: #003d7a !important;--dev-panel-secondary-color: #6c757d !important;--dev-panel-secondary-color-hover: #5a6268 !important;--dev-panel-secondary-color-active: #495057 !important;--dev-panel-background-color: #f8f9fa !important;--dev-panel-background-color-secondary: #e9ecef !important;--dev-panel-background-color-tertiary: #dee2e6 !important;--dev-panel-foreground-color: #ffffff !important;--dev-panel-surface-color: #ffffff !important;--dev-panel-surface-color-hover: #f8f9fa !important;--dev-panel-surface-color-active: #e9ecef !important;--dev-panel-text-color: #212529 !important;--dev-panel-text-color-secondary: #495057 !important;--dev-panel-text-color-muted: #6c757d !important;--dev-panel-text-color-disabled: #adb5bd !important;--dev-panel-text-color-on-accent: #ffffff !important;--dev-panel-text-color-on-surface: #212529 !important;--dev-panel-border-color: #dee2e6 !important;--dev-panel-border-color-light: #e9ecef !important;--dev-panel-border-color-strong: #adb5bd !important;--dev-panel-border-color-accent: #0066cc !important;--dev-panel-input-background-color: #ffffff !important;--dev-panel-input-background-color-hover: #f8f9fa !important;--dev-panel-input-background-color-focus: #ffffff !important;--dev-panel-input-border-color: #ced4da !important;--dev-panel-input-border-color-hover: #adb5bd !important;--dev-panel-input-border-color-focus: #0066cc !important;--dev-panel-input-text-color: #212529 !important;--dev-panel-input-placeholder-color: #6c757d !important;--dev-panel-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05) !important;--dev-panel-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1) !important;--dev-panel-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1) !important;--dev-panel-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1) !important;--dev-panel-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1) !important;--dev-panel-shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25) !important;--dev-panel-shadow: var(--dev-panel-shadow-xl) !important;--dev-panel-scrollbar-track-color: #e9ecef !important;--dev-panel-scrollbar-thumb-color: #dee2e6 !important;--dev-panel-scrollbar-thumb-hover-color: #adb5bd !important}:root[data-dev-panel-theme=high-contrast]{color-scheme:dark!important;--dev-panel-accent-color: #ffff00 !important;--dev-panel-accent-color-hover: #e6e600 !important;--dev-panel-accent-color-active: #cccc00 !important;--dev-panel-accent-color-disabled: #ffff0030 !important;--dev-panel-primary-color: #ffff00 !important;--dev-panel-primary-color-hover: #e6e600 !important;--dev-panel-primary-color-active: #cccc00 !important;--dev-panel-secondary-color: #cccccc !important;--dev-panel-secondary-color-hover: #ffffff !important;--dev-panel-secondary-color-active: #aaaaaa !important;--dev-panel-background-color: #000000 !important;--dev-panel-background-color-secondary: #1a1a1a !important;--dev-panel-background-color-tertiary: #333333 !important;--dev-panel-foreground-color: #000000 !important;--dev-panel-surface-color: #1a1a1a !important;--dev-panel-surface-color-hover: #333333 !important;--dev-panel-surface-color-active: #4d4d4d !important;--dev-panel-text-color: #ffffff !important;--dev-panel-text-color-secondary: #ffffff !important;--dev-panel-text-color-muted: #cccccc !important;--dev-panel-text-color-disabled: #808080 !important;--dev-panel-text-color-on-accent: #000000 !important;--dev-panel-text-color-on-surface: #ffffff !important;--dev-panel-border-color: #ffffff !important;--dev-panel-border-color-light: #cccccc !important;--dev-panel-border-color-strong: #ffffff !important;--dev-panel-border-color-accent: #ffff00 !important;--dev-panel-input-background-color: #000000 !important;--dev-panel-input-background-color-hover: #1a1a1a !important;--dev-panel-input-background-color-focus: #000000 !important;--dev-panel-input-border-color: #ffffff !important;--dev-panel-input-border-color-hover: #cccccc !important;--dev-panel-input-border-color-focus: #ffff00 !important;--dev-panel-input-text-color: #ffffff !important;--dev-panel-input-placeholder-color: #cccccc !important;--dev-panel-shadow-xs: none !important;--dev-panel-shadow-sm: none !important;--dev-panel-shadow-md: none !important;--dev-panel-shadow-lg: none !important;--dev-panel-shadow-xl: none !important;--dev-panel-shadow-2xl: none !important;--dev-panel-shadow: none !important;--dev-panel-scrollbar-track-color: #1a1a1a !important;--dev-panel-scrollbar-thumb-color: #ffffff !important;--dev-panel-scrollbar-thumb-hover-color: #cccccc !important}:root[data-dev-panel-theme=sunset]{color-scheme:dark!important;--dev-panel-accent-color: #ff8a65 !important;--dev-panel-accent-color-hover: #ff7043 !important;--dev-panel-accent-color-active: #ff5722 !important;--dev-panel-accent-color-disabled: #ff8a6530 !important;--dev-panel-primary-color: #ff8a65 !important;--dev-panel-primary-color-hover: #ff7043 !important;--dev-panel-primary-color-active: #ff5722 !important;--dev-panel-secondary-color: #8b4513 !important;--dev-panel-secondary-color-hover: #a0522d !important;--dev-panel-secondary-color-active: #d2691e !important;--dev-panel-background-color: #1a0e0a !important;--dev-panel-background-color-secondary: #2d1b14 !important;--dev-panel-background-color-tertiary: #4a2c1e !important;--dev-panel-foreground-color: #0f0704 !important;--dev-panel-surface-color: #2d1b14 !important;--dev-panel-surface-color-hover: #4a2c1e !important;--dev-panel-surface-color-active: #5d3624 !important;--dev-panel-text-color: #ffeaa7 !important;--dev-panel-text-color-secondary: #fed18c !important;--dev-panel-text-color-muted: #fab1a0 !important;--dev-panel-text-color-disabled: #e17055 !important;--dev-panel-text-color-on-accent: #ffffff !important;--dev-panel-text-color-on-surface: #ffeaa7 !important;--dev-panel-border-color: #8b4513 !important;--dev-panel-border-color-light: #a0522d !important;--dev-panel-border-color-strong: #704020 !important;--dev-panel-border-color-accent: #ff8a65 !important;--dev-panel-input-background-color: #1a0e0a !important;--dev-panel-input-background-color-hover: #2d1b14 !important;--dev-panel-input-background-color-focus: #1a0e0a !important;--dev-panel-input-border-color: #8b4513 !important;--dev-panel-input-border-color-hover: #a0522d !important;--dev-panel-input-border-color-focus: #ff8a65 !important;--dev-panel-input-text-color: #ffeaa7 !important;--dev-panel-input-placeholder-color: #fab1a0 !important;--dev-panel-shadow-xs: 0 1px 2px 0 rgb(255 138 101 / .1) !important;--dev-panel-shadow-sm: 0 1px 3px 0 rgb(255 138 101 / .2), 0 1px 2px -1px rgb(255 138 101 / .2) !important;--dev-panel-shadow-md: 0 4px 6px -1px rgb(255 138 101 / .2), 0 2px 4px -2px rgb(255 138 101 / .2) !important;--dev-panel-shadow-lg: 0 10px 15px -3px rgb(255 138 101 / .2), 0 4px 6px -4px rgb(255 138 101 / .2) !important;--dev-panel-shadow-xl: 0 20px 25px -5px rgb(255 138 101 / .2), 0 8px 10px -6px rgb(255 138 101 / .2) !important;--dev-panel-shadow-2xl: 0 25px 50px -12px rgb(255 138 101 / .3) !important;--dev-panel-shadow: var(--dev-panel-shadow-xl) !important;--dev-panel-scrollbar-track-color: #2d1b14 !important;--dev-panel-scrollbar-thumb-color: #8b4513 !important;--dev-panel-scrollbar-thumb-hover-color: #a0522d !important}:root[data-dev-panel-theme=ocean]{color-scheme:dark!important;--dev-panel-accent-color: #00acc1 !important;--dev-panel-accent-color-hover: #0097a7 !important;--dev-panel-accent-color-active: #00838f !important;--dev-panel-accent-color-disabled: #00acc130 !important;--dev-panel-primary-color: #00acc1 !important;--dev-panel-primary-color-hover: #0097a7 !important;--dev-panel-primary-color-active: #00838f !important;--dev-panel-secondary-color: #457b9d !important;--dev-panel-secondary-color-hover: #1d3557 !important;--dev-panel-secondary-color-active: #1e2328 !important;--dev-panel-background-color: #0d1b2a !important;--dev-panel-background-color-secondary: #1b263b !important;--dev-panel-background-color-tertiary: #415a77 !important;--dev-panel-foreground-color: #0a1120 !important;--dev-panel-surface-color: #1b263b !important;--dev-panel-surface-color-hover: #415a77 !important;--dev-panel-surface-color-active: #778da9 !important;--dev-panel-text-color: #a8dadc !important;--dev-panel-text-color-secondary: #f1faee !important;--dev-panel-text-color-muted: #457b9d !important;--dev-panel-text-color-disabled: #1d3557 !important;--dev-panel-text-color-on-accent: #ffffff !important;--dev-panel-text-color-on-surface: #a8dadc !important;--dev-panel-border-color: #1d3557 !important;--dev-panel-border-color-light: #457b9d !important;--dev-panel-border-color-strong: #0d1b2a !important;--dev-panel-border-color-accent: #00acc1 !important;--dev-panel-input-background-color: #0d1b2a !important;--dev-panel-input-background-color-hover: #1b263b !important;--dev-panel-input-background-color-focus: #0d1b2a !important;--dev-panel-input-border-color: #1d3557 !important;--dev-panel-input-border-color-hover: #457b9d !important;--dev-panel-input-border-color-focus: #00acc1 !important;--dev-panel-input-text-color: #a8dadc !important;--dev-panel-input-placeholder-color: #457b9d !important;--dev-panel-shadow-xs: 0 1px 2px 0 rgb(0 172 193 / .1) !important;--dev-panel-shadow-sm: 0 1px 3px 0 rgb(0 172 193 / .2), 0 1px 2px -1px rgb(0 172 193 / .2) !important;--dev-panel-shadow-md: 0 4px 6px -1px rgb(0 172 193 / .2), 0 2px 4px -2px rgb(0 172 193 / .2) !important;--dev-panel-shadow-lg: 0 10px 15px -3px rgb(0 172 193 / .2), 0 4px 6px -4px rgb(0 172 193 / .2) !important;--dev-panel-shadow-xl: 0 20px 25px -5px rgb(0 172 193 / .2), 0 8px 10px -6px rgb(0 172 193 / .2) !important;--dev-panel-shadow-2xl: 0 25px 50px -12px rgb(0 172 193 / .3) !important;--dev-panel-shadow: var(--dev-panel-shadow-xl) !important;--dev-panel-scrollbar-track-color: #1b263b !important;--dev-panel-scrollbar-thumb-color: #1d3557 !important;--dev-panel-scrollbar-thumb-hover-color: #457b9d !important}:root[data-dev-panel-theme=forest]{color-scheme:dark!important;--dev-panel-accent-color: #52b788 !important;--dev-panel-accent-color-hover: #40916c !important;--dev-panel-accent-color-active: #2d6a4f !important;--dev-panel-accent-color-disabled: #52b78830 !important;--dev-panel-primary-color: #52b788 !important;--dev-panel-primary-color-hover: #40916c !important;--dev-panel-primary-color-active: #2d6a4f !important;--dev-panel-secondary-color: #2d5016 !important;--dev-panel-secondary-color-hover: #52b788 !important;--dev-panel-secondary-color-active: #95d5b2 !important;--dev-panel-background-color: #081c15 !important;--dev-panel-background-color-secondary: #1b4332 !important;--dev-panel-background-color-tertiary: #2d6a4f !important;--dev-panel-foreground-color: #04110a !important;--dev-panel-surface-color: #1b4332 !important;--dev-panel-surface-color-hover: #2d6a4f !important;--dev-panel-surface-color-active: #40916c !important;--dev-panel-text-color: #d8f3dc !important;--dev-panel-text-color-secondary: #b7e4c7 !important;--dev-panel-text-color-muted: #95d5b2 !important;--dev-panel-text-color-disabled: #74c69d !important;--dev-panel-text-color-on-accent: #ffffff !important;--dev-panel-text-color-on-surface: #d8f3dc !important;--dev-panel-border-color: #2d5016 !important;--dev-panel-border-color-light: #40916c !important;--dev-panel-border-color-strong: #1b4332 !important;--dev-panel-border-color-accent: #52b788 !important;--dev-panel-input-background-color: #081c15 !important;--dev-panel-input-background-color-hover: #1b4332 !important;--dev-panel-input-background-color-focus: #081c15 !important;--dev-panel-input-border-color: #2d5016 !important;--dev-panel-input-border-color-hover: #40916c !important;--dev-panel-input-border-color-focus: #52b788 !important;--dev-panel-input-text-color: #d8f3dc !important;--dev-panel-input-placeholder-color: #95d5b2 !important;--dev-panel-shadow-xs: 0 1px 2px 0 rgb(82 183 136 / .1) !important;--dev-panel-shadow-sm: 0 1px 3px 0 rgb(82 183 136 / .2), 0 1px 2px -1px rgb(82 183 136 / .2) !important;--dev-panel-shadow-md: 0 4px 6px -1px rgb(82 183 136 / .2), 0 2px 4px -2px rgb(82 183 136 / .2) !important;--dev-panel-shadow-lg: 0 10px 15px -3px rgb(82 183 136 / .2), 0 4px 6px -4px rgb(82 183 136 / .2) !important;--dev-panel-shadow-xl: 0 20px 25px -5px rgb(82 183 136 / .2), 0 8px 10px -6px rgb(82 183 136 / .2) !important;--dev-panel-shadow-2xl: 0 25px 50px -12px rgb(82 183 136 / .3) !important;--dev-panel-shadow: var(--dev-panel-shadow-xl) !important;--dev-panel-scrollbar-track-color: #1b4332 !important;--dev-panel-scrollbar-thumb-color: #2d5016 !important;--dev-panel-scrollbar-thumb-hover-color: #40916c !important}:root[data-dev-panel-theme=midnight]{color-scheme:dark!important;--dev-panel-accent-color: #7c3aed !important;--dev-panel-accent-color-hover: #6d28d9 !important;--dev-panel-accent-color-active: #5b21b6 !important;--dev-panel-accent-color-disabled: #7c3aed30 !important;--dev-panel-primary-color: #7c3aed !important;--dev-panel-primary-color-hover: #6d28d9 !important;--dev-panel-primary-color-active: #5b21b6 !important;--dev-panel-secondary-color: #2d2d5f !important;--dev-panel-secondary-color-hover: #3d3d7f !important;--dev-panel-secondary-color-active: #4d4d9f !important;--dev-panel-background-color: #0f0f23 !important;--dev-panel-background-color-secondary: #1e1e3f !important;--dev-panel-background-color-tertiary: #2d2d5f !important;--dev-panel-foreground-color: #0a0a1a !important;--dev-panel-surface-color: #1e1e3f !important;--dev-panel-surface-color-hover: #2d2d5f !important;--dev-panel-surface-color-active: #3d3d7f !important;--dev-panel-text-color: #e2e8f0 !important;--dev-panel-text-color-secondary: #cbd5e1 !important;--dev-panel-text-color-muted: #94a3b8 !important;--dev-panel-text-color-disabled: #64748b !important;--dev-panel-text-color-on-accent: #ffffff !important;--dev-panel-text-color-on-surface: #e2e8f0 !important;--dev-panel-border-color: #2d2d5f !important;--dev-panel-border-color-light: #3d3d7f !important;--dev-panel-border-color-strong: #1e1e3f !important;--dev-panel-border-color-accent: #7c3aed !important;--dev-panel-input-background-color: #0f0f23 !important;--dev-panel-input-background-color-hover: #1e1e3f !important;--dev-panel-input-background-color-focus: #0f0f23 !important;--dev-panel-input-border-color: #2d2d5f !important;--dev-panel-input-border-color-hover: #3d3d7f !important;--dev-panel-input-border-color-focus: #7c3aed !important;--dev-panel-input-text-color: #e2e8f0 !important;--dev-panel-input-placeholder-color: #94a3b8 !important;--dev-panel-shadow-xs: 0 1px 2px 0 rgb(124 58 237 / .1) !important;--dev-panel-shadow-sm: 0 1px 3px 0 rgb(124 58 237 / .2), 0 1px 2px -1px rgb(124 58 237 / .2) !important;--dev-panel-shadow-md: 0 4px 6px -1px rgb(124 58 237 / .2), 0 2px 4px -2px rgb(124 58 237 / .2) !important;--dev-panel-shadow-lg: 0 10px 15px -3px rgb(124 58 237 / .2), 0 4px 6px -4px rgb(124 58 237 / .2) !important;--dev-panel-shadow-xl: 0 20px 25px -5px rgb(124 58 237 / .2), 0 8px 10px -6px rgb(124 58 237 / .2) !important;--dev-panel-shadow-2xl: 0 25px 50px -12px rgb(124 58 237 / .3) !important;--dev-panel-shadow: var(--dev-panel-shadow-xl) !important;--dev-panel-scrollbar-track-color: #1e1e3f !important;--dev-panel-scrollbar-thumb-color: #2d2d5f !important;--dev-panel-scrollbar-thumb-hover-color: #3d3d7f !important}:root[data-dev-panel-theme=cherry]{color-scheme:light!important;--dev-panel-accent-color: #ec4899 !important;--dev-panel-accent-color-hover: #db2777 !important;--dev-panel-accent-color-active: #be185d !important;--dev-panel-accent-color-disabled: #ec489930 !important;--dev-panel-primary-color: #ec4899 !important;--dev-panel-primary-color-hover: #db2777 !important;--dev-panel-primary-color-active: #be185d !important;--dev-panel-secondary-color: #be185d !important;--dev-panel-secondary-color-hover: #9d174d !important;--dev-panel-secondary-color-active: #831843 !important;--dev-panel-background-color: #fdf2f8 !important;--dev-panel-background-color-secondary: #fce7f3 !important;--dev-panel-background-color-tertiary: #fbcfe8 !important;--dev-panel-foreground-color: #ffffff !important;--dev-panel-surface-color: #fce7f3 !important;--dev-panel-surface-color-hover: #fbcfe8 !important;--dev-panel-surface-color-active: #f9a8d4 !important;--dev-panel-text-color: #831843 !important;--dev-panel-text-color-secondary: #9d174d !important;--dev-panel-text-color-muted: #be185d !important;--dev-panel-text-color-disabled: #f3e8ff !important;--dev-panel-text-color-on-accent: #ffffff !important;--dev-panel-text-color-on-surface: #831843 !important;--dev-panel-border-color: #f9a8d4 !important;--dev-panel-border-color-light: #fbcfe8 !important;--dev-panel-border-color-strong: #f472b6 !important;--dev-panel-border-color-accent: #ec4899 !important;--dev-panel-input-background-color: #ffffff !important;--dev-panel-input-background-color-hover: #fdf2f8 !important;--dev-panel-input-background-color-focus: #ffffff !important;--dev-panel-input-border-color: #f9a8d4 !important;--dev-panel-input-border-color-hover: #f472b6 !important;--dev-panel-input-border-color-focus: #ec4899 !important;--dev-panel-input-text-color: #831843 !important;--dev-panel-input-placeholder-color: #be185d !important;--dev-panel-shadow-xs: 0 1px 2px 0 rgb(236 72 153 / .05) !important;--dev-panel-shadow-sm: 0 1px 3px 0 rgb(236 72 153 / .1), 0 1px 2px -1px rgb(236 72 153 / .1) !important;--dev-panel-shadow-md: 0 4px 6px -1px rgb(236 72 153 / .1), 0 2px 4px -2px rgb(236 72 153 / .1) !important;--dev-panel-shadow-lg: 0 10px 15px -3px rgb(236 72 153 / .1), 0 4px 6px -4px rgb(236 72 153 / .1) !important;--dev-panel-shadow-xl: 0 20px 25px -5px rgb(236 72 153 / .1), 0 8px 10px -6px rgb(236 72 153 / .1) !important;--dev-panel-shadow-2xl: 0 25px 50px -12px rgb(236 72 153 / .25) !important;--dev-panel-shadow: var(--dev-panel-shadow-xl) !important;--dev-panel-scrollbar-track-color: #fce7f3 !important;--dev-panel-scrollbar-thumb-color: #f9a8d4 !important;--dev-panel-scrollbar-thumb-hover-color: #f472b6 !important}:root[data-dev-panel-theme=gold]{color-scheme:dark!important;--dev-panel-accent-color: #fbbf24 !important;--dev-panel-accent-color-hover: #f59e0b !important;--dev-panel-accent-color-active: #d97706 !important;--dev-panel-accent-color-disabled: #fbbf2430 !important;--dev-panel-primary-color: #fbbf24 !important;--dev-panel-primary-color-hover: #f59e0b !important;--dev-panel-primary-color-active: #d97706 !important;--dev-panel-secondary-color: #374151 !important;--dev-panel-secondary-color-hover: #4b5563 !important;--dev-panel-secondary-color-active: #6b7280 !important;--dev-panel-background-color: #111827 !important;--dev-panel-background-color-secondary: #1f2937 !important;--dev-panel-background-color-tertiary: #374151 !important;--dev-panel-foreground-color: #0f172a !important;--dev-panel-surface-color: #1f2937 !important;--dev-panel-surface-color-hover: #374151 !important;--dev-panel-surface-color-active: #4b5563 !important;--dev-panel-text-color: #f9fafb !important;--dev-panel-text-color-secondary: #f3f4f6 !important;--dev-panel-text-color-muted: #d1d5db !important;--dev-panel-text-color-disabled: #9ca3af !important;--dev-panel-text-color-on-accent: #111827 !important;--dev-panel-text-color-on-surface: #f9fafb !important;--dev-panel-border-color: #374151 !important;--dev-panel-border-color-light: #4b5563 !important;--dev-panel-border-color-strong: #1f2937 !important;--dev-panel-border-color-accent: #fbbf24 !important;--dev-panel-input-background-color: #111827 !important;--dev-panel-input-background-color-hover: #1f2937 !important;--dev-panel-input-background-color-focus: #111827 !important;--dev-panel-input-border-color: #374151 !important;--dev-panel-input-border-color-hover: #4b5563 !important;--dev-panel-input-border-color-focus: #fbbf24 !important;--dev-panel-input-text-color: #f9fafb !important;--dev-panel-input-placeholder-color: #d1d5db !important;--dev-panel-shadow-xs: 0 1px 2px 0 rgb(251 191 36 / .1) !important;--dev-panel-shadow-sm: 0 1px 3px 0 rgb(251 191 36 / .2), 0 1px 2px -1px rgb(251 191 36 / .2) !important;--dev-panel-shadow-md: 0 4px 6px -1px rgb(251 191 36 / .2), 0 2px 4px -2px rgb(251 191 36 / .2) !important;--dev-panel-shadow-lg: 0 10px 15px -3px rgb(251 191 36 / .2), 0 4px 6px -4px rgb(251 191 36 / .2) !important;--dev-panel-shadow-xl: 0 20px 25px -5px rgb(251 191 36 / .2), 0 8px 10px -6px rgb(251 191 36 / .2) !important;--dev-panel-shadow-2xl: 0 25px 50px -12px rgb(251 191 36 / .3) !important;--dev-panel-shadow: var(--dev-panel-shadow-xl) !important;--dev-panel-scrollbar-track-color: #1f2937 !important;--dev-panel-scrollbar-thumb-color: #374151 !important;--dev-panel-scrollbar-thumb-hover-color: #4b5563 !important}:root[data-dev-panel-theme=retro]{color-scheme:dark!important;--dev-panel-accent-color: #00ff00 !important;--dev-panel-accent-color-hover: #00e600 !important;--dev-panel-accent-color-active: #00cc00 !important;--dev-panel-accent-color-disabled: #00ff0030 !important;--dev-panel-primary-color: #00ff00 !important;--dev-panel-primary-color-hover: #00e600 !important;--dev-panel-primary-color-active: #00cc00 !important;--dev-panel-secondary-color: #008000 !important;--dev-panel-secondary-color-hover: #009900 !important;--dev-panel-secondary-color-active: #00b300 !important;--dev-panel-background-color: #000000 !important;--dev-panel-background-color-secondary: #1a1a1a !important;--dev-panel-background-color-tertiary: #333333 !important;--dev-panel-foreground-color: #000000 !important;--dev-panel-surface-color: #1a1a1a !important;--dev-panel-surface-color-hover: #333333 !important;--dev-panel-surface-color-active: #4d4d4d !important;--dev-panel-text-color: #00ff00 !important;--dev-panel-text-color-secondary: #00e600 !important;--dev-panel-text-color-muted: #00cc00 !important;--dev-panel-text-color-disabled: #008000 !important;--dev-panel-text-color-on-accent: #000000 !important;--dev-panel-text-color-on-surface: #00ff00 !important;--dev-panel-border-color: #008000 !important;--dev-panel-border-color-light: #009900 !important;--dev-panel-border-color-strong: #006600 !important;--dev-panel-border-color-accent: #00ff00 !important;--dev-panel-input-background-color: #000000 !important;--dev-panel-input-background-color-hover: #1a1a1a !important;--dev-panel-input-background-color-focus: #000000 !important;--dev-panel-input-border-color: #008000 !important;--dev-panel-input-border-color-hover: #009900 !important;--dev-panel-input-border-color-focus: #00ff00 !important;--dev-panel-input-text-color: #00ff00 !important;--dev-panel-input-placeholder-color: #00cc00 !important;--dev-panel-shadow-xs: 0 1px 2px 0 rgb(0 255 0 / .2) !important;--dev-panel-shadow-sm: 0 1px 3px 0 rgb(0 255 0 / .3), 0 1px 2px -1px rgb(0 255 0 / .3) !important;--dev-panel-shadow-md: 0 4px 6px -1px rgb(0 255 0 / .3), 0 2px 4px -2px rgb(0 255 0 / .3) !important;--dev-panel-shadow-lg: 0 10px 15px -3px rgb(0 255 0 / .3), 0 4px 6px -4px rgb(0 255 0 / .3) !important;--dev-panel-shadow-xl: 0 20px 25px -5px rgb(0 255 0 / .3), 0 8px 10px -6px rgb(0 255 0 / .3) !important;--dev-panel-shadow-2xl: 0 25px 50px -12px rgb(0 255 0 / .4) !important;--dev-panel-shadow: var(--dev-panel-shadow-xl) !important;--dev-panel-scrollbar-track-color: #1a1a1a !important;--dev-panel-scrollbar-thumb-color: #008000 !important;--dev-panel-scrollbar-thumb-hover-color: #009900 !important;--dev-panel-font-family: "Monaco", "Menlo", "Ubuntu Mono", "Courier New", monospace !important}:root[data-dev-panel-theme=pastel]{color-scheme:light!important;--dev-panel-accent-color: #a78bfa !important;--dev-panel-accent-color-hover: #8b5cf6 !important;--dev-panel-accent-color-active: #7c3aed !important;--dev-panel-accent-color-disabled: #a78bfa30 !important;--dev-panel-primary-color: #a78bfa !important;--dev-panel-primary-color-hover: #8b5cf6 !important;--dev-panel-primary-color-active: #7c3aed !important;--dev-panel-secondary-color: #7c3aed !important;--dev-panel-secondary-color-hover: #6d28d9 !important;--dev-panel-secondary-color-active: #581c87 !important;--dev-panel-background-color: #fef7ff !important;--dev-panel-background-color-secondary: #f3e8ff !important;--dev-panel-background-color-tertiary: #e9d5ff !important;--dev-panel-foreground-color: #ffffff !important;--dev-panel-surface-color: #f3e8ff !important;--dev-panel-surface-color-hover: #e9d5ff !important;--dev-panel-surface-color-active: #ddd6fe !important;--dev-panel-text-color: #581c87 !important;--dev-panel-text-color-secondary: #6d28d9 !important;--dev-panel-text-color-muted: #7c3aed !important;--dev-panel-text-color-disabled: #c4b5fd !important;--dev-panel-text-color-on-accent: #ffffff !important;--dev-panel-text-color-on-surface: #581c87 !important;--dev-panel-border-color: #ddd6fe !important;--dev-panel-border-color-light: #e9d5ff !important;--dev-panel-border-color-strong: #c4b5fd !important;--dev-panel-border-color-accent: #a78bfa !important;--dev-panel-input-background-color: #ffffff !important;--dev-panel-input-background-color-hover: #fef7ff !important;--dev-panel-input-background-color-focus: #ffffff !important;--dev-panel-input-border-color: #ddd6fe !important;--dev-panel-input-border-color-hover: #c4b5fd !important;--dev-panel-input-border-color-focus: #a78bfa !important;--dev-panel-input-text-color: #581c87 !important;--dev-panel-input-placeholder-color: #7c3aed !important;--dev-panel-shadow-xs: 0 1px 2px 0 rgb(167 139 250 / .05) !important;--dev-panel-shadow-sm: 0 1px 3px 0 rgb(167 139 250 / .1), 0 1px 2px -1px rgb(167 139 250 / .1) !important;--dev-panel-shadow-md: 0 4px 6px -1px rgb(167 139 250 / .1), 0 2px 4px -2px rgb(167 139 250 / .1) !important;--dev-panel-shadow-lg: 0 10px 15px -3px rgb(167 139 250 / .1), 0 4px 6px -4px rgb(167 139 250 / .1) !important;--dev-panel-shadow-xl: 0 20px 25px -5px rgb(167 139 250 / .1), 0 8px 10px -6px rgb(167 139 250 / .1) !important;--dev-panel-shadow-2xl: 0 25px 50px -12px rgb(167 139 250 / .25) !important;--dev-panel-shadow: var(--dev-panel-shadow-xl) !important;--dev-panel-scrollbar-track-color: #f3e8ff !important;--dev-panel-scrollbar-thumb-color: #ddd6fe !important;--dev-panel-scrollbar-thumb-hover-color: #c4b5fd !important}:root[data-dev-panel-theme=cyberpunk]{color-scheme:dark!important;--dev-panel-accent-color: #ff0080 !important;--dev-panel-accent-color-hover: #e6006b !important;--dev-panel-accent-color-active: #cc0056 !important;--dev-panel-accent-color-disabled: #ff008030 !important;--dev-panel-primary-color: #ff0080 !important;--dev-panel-primary-color-hover: #e6006b !important;--dev-panel-primary-color-active: #cc0056 !important;--dev-panel-secondary-color: #00ffff !important;--dev-panel-secondary-color-hover: #00e6e6 !important;--dev-panel-secondary-color-active: #00cccc !important;--dev-panel-background-color: #0a0014 !important;--dev-panel-background-color-secondary: #1a0033 !important;--dev-panel-background-color-tertiary: #330066 !important;--dev-panel-foreground-color: #05000a !important;--dev-panel-surface-color: #1a0033 !important;--dev-panel-surface-color-hover: #330066 !important;--dev-panel-surface-color-active: #4a0066 !important;--dev-panel-text-color: #00ffff !important;--dev-panel-text-color-secondary: #00e6e6 !important;--dev-panel-text-color-muted: #ff0080 !important;--dev-panel-text-color-disabled: #6600cc !important;--dev-panel-text-color-on-accent: #ffffff !important;--dev-panel-text-color-on-surface: #00ffff !important;--dev-panel-border-color: #4a0066 !important;--dev-panel-border-color-light: #6600cc !important;--dev-panel-border-color-strong: #330066 !important;--dev-panel-border-color-accent: #ff0080 !important;--dev-panel-input-background-color: #0a0014 !important;--dev-panel-input-background-color-hover: #1a0033 !important;--dev-panel-input-background-color-focus: #0a0014 !important;--dev-panel-input-border-color: #4a0066 !important;--dev-panel-input-border-color-hover: #6600cc !important;--dev-panel-input-border-color-focus: #ff0080 !important;--dev-panel-input-text-color: #00ffff !important;--dev-panel-input-placeholder-color: #ff0080 !important;--dev-panel-shadow-xs: 0 1px 2px 0 rgba(255, 0, 128, .2) !important;--dev-panel-shadow-sm: 0 1px 3px 0 rgba(255, 0, 128, .3), 0 1px 2px -1px rgba(255, 0, 128, .3) !important;--dev-panel-shadow-md: 0 4px 6px -1px rgba(255, 0, 128, .3), 0 2px 4px -2px rgba(255, 0, 128, .3) !important;--dev-panel-shadow-lg: 0 10px 15px -3px rgba(255, 0, 128, .3), 0 4px 6px -4px rgba(255, 0, 128, .3) !important;--dev-panel-shadow-xl: 0 20px 25px -5px rgba(255, 0, 128, .3), 0 8px 10px -6px rgba(255, 0, 128, .3) !important;--dev-panel-shadow-2xl: 0 25px 50px -12px rgba(255, 0, 128, .4) !important;--dev-panel-shadow: 0 0 20px rgba(255, 0, 128, .3) !important;--dev-panel-scrollbar-track-color: #1a0033 !important;--dev-panel-scrollbar-thumb-color: #4a0066 !important;--dev-panel-scrollbar-thumb-hover-color: #6600cc !important}:root[data-dev-panel-theme=autumn]{color-scheme:dark!important;--dev-panel-accent-color: #d97706 !important;--dev-panel-accent-color-hover: #b45309 !important;--dev-panel-accent-color-active: #92400e !important;--dev-panel-accent-color-disabled: #d9770630 !important;--dev-panel-primary-color: #d97706 !important;--dev-panel-primary-color-hover: #b45309 !important;--dev-panel-primary-color-active: #92400e !important;--dev-panel-secondary-color: #f59e0b !important;--dev-panel-secondary-color-hover: #d97706 !important;--dev-panel-secondary-color-active: #b45309 !important;--dev-panel-background-color: #1c1917 !important;--dev-panel-background-color-secondary: #292524 !important;--dev-panel-background-color-tertiary: #451a03 !important;--dev-panel-foreground-color: #0c0a09 !important;--dev-panel-surface-color: #292524 !important;--dev-panel-surface-color-hover: #451a03 !important;--dev-panel-surface-color-active: #7c2d12 !important;--dev-panel-text-color: #fbbf24 !important;--dev-panel-text-color-secondary: #f59e0b !important;--dev-panel-text-color-muted: #f59e0b !important;--dev-panel-text-color-disabled: #d97706 !important;--dev-panel-text-color-on-accent: #ffffff !important;--dev-panel-text-color-on-surface: #fbbf24 !important;--dev-panel-border-color: #451a03 !important;--dev-panel-border-color-light: #7c2d12 !important;--dev-panel-border-color-strong: #292524 !important;--dev-panel-border-color-accent: #d97706 !important;--dev-panel-input-background-color: #1c1917 !important;--dev-panel-input-background-color-hover: #292524 !important;--dev-panel-input-background-color-focus: #1c1917 !important;--dev-panel-input-border-color: #451a03 !important;--dev-panel-input-border-color-hover: #7c2d12 !important;--dev-panel-input-border-color-focus: #d97706 !important;--dev-panel-input-text-color: #fbbf24 !important;--dev-panel-input-placeholder-color: #f59e0b !important;--dev-panel-shadow-xs: 0 1px 2px 0 rgb(217 119 6 / .1) !important;--dev-panel-shadow-sm: 0 1px 3px 0 rgb(217 119 6 / .2), 0 1px 2px -1px rgb(217 119 6 / .2) !important;--dev-panel-shadow-md: 0 4px 6px -1px rgb(217 119 6 / .2), 0 2px 4px -2px rgb(217 119 6 / .2) !important;--dev-panel-shadow-lg: 0 10px 15px -3px rgb(217 119 6 / .2), 0 4px 6px -4px rgb(217 119 6 / .2) !important;--dev-panel-shadow-xl: 0 20px 25px -5px rgb(217 119 6 / .2), 0 8px 10px -6px rgb(217 119 6 / .2) !important;--dev-panel-shadow-2xl: 0 25px 50px -12px rgb(217 119 6 / .3) !important;--dev-panel-shadow: var(--dev-panel-shadow-xl) !important;--dev-panel-scrollbar-track-color: #292524 !important;--dev-panel-scrollbar-thumb-color: #451a03 !important;--dev-panel-scrollbar-thumb-hover-color: #7c2d12 !important}:root[data-dev-panel-theme=arctic]{color-scheme:light!important;--dev-panel-accent-color: #38bdf8 !important;--dev-panel-accent-color-hover: #0ea5e9 !important;--dev-panel-accent-color-active: #0284c7 !important;--dev-panel-accent-color-disabled: #38bdf830 !important;--dev-panel-primary-color: #38bdf8 !important;--dev-panel-primary-color-hover: #0ea5e9 !important;--dev-panel-primary-color-active: #0284c7 !important;--dev-panel-secondary-color: #0369a1 !important;--dev-panel-secondary-color-hover: #0284c7 !important;--dev-panel-secondary-color-active: #0c4a6e !important;--dev-panel-background-color: #f0f9ff !important;--dev-panel-background-color-secondary: #e0f2fe !important;--dev-panel-background-color-tertiary: #bae6fd !important;--dev-panel-foreground-color: #ffffff !important;--dev-panel-surface-color: #e0f2fe !important;--dev-panel-surface-color-hover: #bae6fd !important;--dev-panel-surface-color-active: #7dd3fc !important;--dev-panel-text-color: #0c4a6e !important;--dev-panel-text-color-secondary: #0369a1 !important;--dev-panel-text-color-muted: #0369a1 !important;--dev-panel-text-color-disabled: #7dd3fc !important;--dev-panel-text-color-on-accent: #ffffff !important;--dev-panel-text-color-on-surface: #0c4a6e !important;--dev-panel-border-color: #bae6fd !important;--dev-panel-border-color-light: #e0f2fe !important;--dev-panel-border-color-strong: #7dd3fc !important;--dev-panel-border-color-accent: #38bdf8 !important;--dev-panel-input-background-color: #ffffff !important;--dev-panel-input-background-color-hover: #f0f9ff !important;--dev-panel-input-background-color-focus: #ffffff !important;--dev-panel-input-border-color: #bae6fd !important;--dev-panel-input-border-color-hover: #7dd3fc !important;--dev-panel-input-border-color-focus: #38bdf8 !important;--dev-panel-input-text-color: #0c4a6e !important;--dev-panel-input-placeholder-color: #0369a1 !important;--dev-panel-shadow-xs: 0 1px 2px 0 rgb(56 189 248 / .05) !important;--dev-panel-shadow-sm: 0 1px 3px 0 rgb(56 189 248 / .1), 0 1px 2px -1px rgb(56 189 248 / .1) !important;--dev-panel-shadow-md: 0 4px 6px -1px rgb(56 189 248 / .1), 0 2px 4px -2px rgb(56 189 248 / .1) !important;--dev-panel-shadow-lg: 0 10px 15px -3px rgb(56 189 248 / .1), 0 4px 6px -4px rgb(56 189 248 / .1) !important;--dev-panel-shadow-xl: 0 20px 25px -5px rgb(56 189 248 / .1), 0 8px 10px -6px rgb(56 189 248 / .1) !important;--dev-panel-shadow-2xl: 0 25px 50px -12px rgb(56 189 248 / .25) !important;--dev-panel-shadow: var(--dev-panel-shadow-xl) !important;--dev-panel-scrollbar-track-color: #e0f2fe !important;--dev-panel-scrollbar-thumb-color: #bae6fd !important;--dev-panel-scrollbar-thumb-hover-color: #7dd3fc !important}:root[data-dev-panel-theme=volcano]{color-scheme:dark!important;--dev-panel-accent-color: #dc2626 !important;--dev-panel-accent-color-hover: #b91c1c !important;--dev-panel-accent-color-active: #991b1b !important;--dev-panel-accent-color-disabled: #dc262630 !important;--dev-panel-primary-color: #dc2626 !important;--dev-panel-primary-color-hover: #b91c1c !important;--dev-panel-primary-color-active: #991b1b !important;--dev-panel-secondary-color: #fb923c !important;--dev-panel-secondary-color-hover: #f97316 !important;--dev-panel-secondary-color-active: #ea580c !important;--dev-panel-background-color: #1f1410 !important;--dev-panel-background-color-secondary: #451a03 !important;--dev-panel-background-color-tertiary: #7c2d12 !important;--dev-panel-foreground-color: #0c0804 !important;--dev-panel-surface-color: #451a03 !important;--dev-panel-surface-color-hover: #7c2d12 !important;--dev-panel-surface-color-active: #9a3412 !important;--dev-panel-text-color: #fed7aa !important;--dev-panel-text-color-secondary: #fdba74 !important;--dev-panel-text-color-muted: #fb923c !important;--dev-panel-text-color-disabled: #f97316 !important;--dev-panel-text-color-on-accent: #ffffff !important;--dev-panel-text-color-on-surface: #fed7aa !important;--dev-panel-border-color: #7c2d12 !important;--dev-panel-border-color-light: #9a3412 !important;--dev-panel-border-color-strong: #451a03 !important;--dev-panel-border-color-accent: #dc2626 !important;--dev-panel-input-background-color: #1f1410 !important;--dev-panel-input-background-color-hover: #451a03 !important;--dev-panel-input-background-color-focus: #1f1410 !important;--dev-panel-input-border-color: #7c2d12 !important;--dev-panel-input-border-color-hover: #9a3412 !important;--dev-panel-input-border-color-focus: #dc2626 !important;--dev-panel-input-text-color: #fed7aa !important;--dev-panel-input-placeholder-color: #fb923c !important;--dev-panel-shadow-xs: 0 1px 2px 0 rgb(220 38 38 / .1) !important;--dev-panel-shadow-sm: 0 1px 3px 0 rgb(220 38 38 / .2), 0 1px 2px -1px rgb(220 38 38 / .2) !important;--dev-panel-shadow-md: 0 4px 6px -1px rgb(220 38 38 / .2), 0 2px 4px -2px rgb(220 38 38 / .2) !important;--dev-panel-shadow-lg: 0 10px 15px -3px rgb(220 38 38 / .2), 0 4px 6px -4px rgb(220 38 38 / .2) !important;--dev-panel-shadow-xl: 0 20px 25px -5px rgb(220 38 38 / .2), 0 8px 10px -6px rgb(220 38 38 / .2) !important;--dev-panel-shadow-2xl: 0 25px 50px -12px rgb(220 38 38 / .3) !important;--dev-panel-shadow: var(--dev-panel-shadow-xl) !important;--dev-panel-scrollbar-track-color: #451a03 !important;--dev-panel-scrollbar-thumb-color: #7c2d12 !important;--dev-panel-scrollbar-thumb-hover-color: #9a3412 !important}.dev-panel-scrollbar{scrollbar-width:thin;scrollbar-color:var(--dev-panel-scrollbar-thumb-color) var(--dev-panel-scrollbar-track-color)}.dev-panel-scrollbar::-webkit-scrollbar{width:var(--dev-panel-scrollbar-width);height:var(--dev-panel-scrollbar-width)}.dev-panel-scrollbar::-webkit-scrollbar-track{background:var(--dev-panel-scrollbar-track-color);border-radius:var(--dev-panel-border-radius-md)}.dev-panel-scrollbar::-webkit-scrollbar-thumb{background:var(--dev-panel-scrollbar-thumb-color);border-radius:var(--dev-panel-border-radius-md);transition:var(--dev-panel-transition-fast)}.dev-panel-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--dev-panel-scrollbar-thumb-hover-color)}.dev-panel-scrollbar::-webkit-scrollbar-corner{background:var(--dev-panel-scrollbar-track-color)}.dev-panel-focus-ring:focus{outline:2px solid var(--dev-panel-accent-color);outline-offset:2px}.dev-panel-focus-ring:focus:not(:focus-visible){outline:none}.dev-panel-interactive{transition:var(--dev-panel-transition);cursor:pointer}.dev-panel-interactive:hover{opacity:var(--dev-panel-opacity-80)}.dev-panel-interactive:active{transform:scale(.98)}.dev-panel-interactive:disabled{opacity:var(--dev-panel-opacity-50);cursor:not-allowed;pointer-events:none}

package/dist/components/ControlRenderer/ControlRenderer.js

@@ -1,32 +1,52 @@
 import { jsxs as t, jsx as n } from "react/jsx-runtime";
-import { Suspense as a } from "react";
-import { className as c } from "../../utils/className/className.js";
+import { Suspense as c } from "react";
+import { className as s } from "../../utils/className/className.js";
 import { controls as d } from "./controls/index.js";
-import '../../assets/ControlRenderer.css';const p = "_controlRendererContainer_eix3y_1", _ = "_controlContainer_eix3y_5", m = "_fullWidth_eix3y_13", u = "_controlWrapper_eix3y_16", y = "_label_eix3y_20", f = "_description_eix3y_28", C = "_loading_eix3y_29", r = {
+import '../../assets/ControlRenderer.css';const p = "_controlRendererContainer_1s60v_1", _ = "_controlContainer_1s60v_4", u = "_hoverable_1s60v_13", v = "_fullWidth_1s60v_16", f = "_label_1s60v_19", h = "_controlWrapper_1s60v_22", b = "_justifyStart_1s60v_26", C = "_description_1s60v_42", m = "_loading_1s60v_51", y = "_error_1s60v_70", r = {
   controlRendererContainer: p,
   controlContainer: _,
-  fullWidth: m,
-  controlWrapper: u,
-  label: y,
-  description: f,
-  loading: C
-}, h = ["button", "buttonGroup", "separator"];
-function v({ name: i, control: e }) {
-  const l = e?.label || i;
-  function s() {
+  hoverable: u,
+  fullWidth: v,
+  label: f,
+  controlWrapper: h,
+  justifyStart: b,
+  description: C,
+  loading: m,
+  error: y
+}, W = ["button", "buttonGroup", "separator"], j = ["separator"], N = ["button", "separator"];
+function L({ name: l, control: e }) {
+  const i = e?.label || l;
+  function a() {
     if (!e || !e.type)
       return /* @__PURE__ */ n("div", { className: r.error, children: "Control type is not defined" });
     const o = d[e.type];
-    return o ? /* @__PURE__ */ n(a, { fallback: /* @__PURE__ */ n("div", { className: r.loading, children: "Loading control..." }), children: /* @__PURE__ */ n(o, { control: e }) }) : /* @__PURE__ */ n("div", { children: "Unknown control type" });
+    return o ? /* @__PURE__ */ n(c, { fallback: /* @__PURE__ */ n("div", { className: r.loading, children: "Loading control..." }), children: /* @__PURE__ */ n(o, { control: e }) }) : /* @__PURE__ */ n("div", { children: "Unknown control type" });
   }
   return /* @__PURE__ */ t("div", { className: r.controlRendererContainer, children: [
-    /* @__PURE__ */ t("div", { ...c(r.controlContainer, { [r.fullWidth]: h.includes(e.type) }), children: [
-      e?.type !== "button" && e?.type !== "separator" && /* @__PURE__ */ n("label", { className: r.label, children: l }),
-      /* @__PURE__ */ n("div", { className: r.controlWrapper, children: s() })
-    ] }),
+    /* @__PURE__ */ t(
+      "div",
+      {
+        ...s(r.controlContainer, {
+          [r.fullWidth]: W.includes(e.type),
+          [r.hoverable]: !j.includes(e.type)
+        }),
+        children: [
+          !N.includes(e.type) && /* @__PURE__ */ n("label", { className: r.label, children: i }),
+          /* @__PURE__ */ n(
+            "div",
+            {
+              ...s(r.controlWrapper, {
+                [r.justifyStart]: e.type === "separator"
+              }),
+              children: a()
+            }
+          )
+        ]
+      }
+    ),
     e?.description && /* @__PURE__ */ n("span", { className: r.description, children: e.description })
   ] });
 }
 export {
-  v as ControlRenderer
+  L as ControlRenderer
 };

package/dist/components/ControlRenderer/controls/BooleanControl/BooleanControl.d.ts

@@ -1,15 +1,31 @@
 import { BooleanControlProps } from './types';
 /**
- * Component that renders a boolean control
- * @param control - The control to render
- * @returns The boolean control component
+ * Component that renders a boolean toggle switch control
+ *
+ * @param props - The component props
+ * @param props.control - The boolean control configuration object
+ * @param props.control.type - The control type, must be 'boolean'
+ * @param props.control.value - The current boolean state (true/false)
+ * @param props.control.onChange - Callback function triggered when toggle state changes
+ * @param props.control.disabled - Optional flag to disable the control
+ * @returns JSX element representing a toggle switch control
  *
  * @example
  * ```typescript
  * <BooleanControl control={{
  *   type: 'boolean',
  *   value: true,
- *   onChange: (value) => setValue(value)
+ *   onChange: (value) => setIsEnabled(value),
+ *   disabled: false
+ * }} />
+ * ```
+ *
+ * @example
+ * ```typescript
+ * <BooleanControl control={{
+ *   type: 'boolean',
+ *   value: false,
+ *   onChange: (value) => console.log('Toggle changed:', value)
  * }} />
  * ```
  */

package/dist/components/ControlRenderer/controls/BooleanControl/BooleanControl.js

@@ -1,24 +1,26 @@
-import { jsxs as i, jsx as a } from "react/jsx-runtime";
-import { className as l } from "../../../../utils/className/className.js";
-import '../../../../assets/BooleanControl.css';const t = "_slider_1i71a_25", e = {
-  switch: "_switch_1i71a_1",
-  slider: t
+import { jsxs as c, jsx as t } from "react/jsx-runtime";
+import { useRef as l } from "react";
+import '../../../../assets/BooleanControl.css';const r = "_slider_1wuj3_150", a = {
+  switch: "_switch_1wuj3_132",
+  slider: r
 };
-function r({ control: s }) {
-  return /* @__PURE__ */ i("label", { className: e.switch, children: [
-    /* @__PURE__ */ a(
+function d({ control: e }) {
+  const s = l(`boolean-control-${e.label || Math.ceil(Math.random() * 1e5)}`);
+  return /* @__PURE__ */ c("label", { className: a.switch, children: [
+    /* @__PURE__ */ t(
       "input",
       {
         type: "checkbox",
-        checked: s.value,
-        disabled: s.disabled,
-        onChange: (c) => s.onChange(c.target.checked),
-        className: e.checkbox
+        id: s.current,
+        name: s.current,
+        checked: e.value,
+        disabled: e.disabled,
+        onChange: (n) => e.onChange(n.target.checked)
       }
     ),
-    /* @__PURE__ */ a("span", { ...l(e.slider, e.round) })
+    /* @__PURE__ */ t("span", { className: a.slider })
   ] });
 }
 export {
-  r as BooleanControl
+  d as BooleanControl
 };

package/dist/components/ControlRenderer/controls/ButtonControl/ButtonControl.d.ts

@@ -1,15 +1,32 @@
 import { ButtonControlProps } from './types';
 /**
- * Component that renders a button control
- * @param control - The control to render
- * @returns The button control component
+ * Component that renders a clickable button control
+ *
+ * @param props - The component props
+ * @param props.control - The button control configuration object
+ * @param props.control.type - The control type, must be 'button'
+ * @param props.control.label - The text displayed on the button
+ * @param props.control.onClick - Callback function triggered when button is clicked
+ * @param props.control.disabled - Optional flag to disable the button
+ * @returns JSX element representing a clickable button
+ *
+ * @example
+ * ```typescript
+ * <ButtonControl control={{
+ *   type: 'button',
+ *   label: 'Save Changes',
+ *   onClick: () => handleSave(),
+ *   disabled: false
+ * }} />
+ * ```
  *
  * @example
  * ```typescript
  * <ButtonControl control={{
  *   type: 'button',
- *   label: 'Click me',
- *   onClick: () => console.log('Button clicked')
+ *   label: 'Reset',
+ *   onClick: () => console.log('Reset clicked'),
+ *   disabled: true
  * }} />
  * ```
  */

package/dist/components/ControlRenderer/controls/ButtonControl/ButtonControl.js

@@ -1,9 +1,9 @@
 import { jsx as n } from "react/jsx-runtime";
-import '../../../../assets/ButtonControl.css';const o = "_button_1cetu_1", e = {
+import '../../../../assets/ButtonControl.css';const o = "_button_b8ouv_132", b = {
   button: o
 };
 function u({ control: t }) {
-  return /* @__PURE__ */ n("button", { onClick: t.onClick, disabled: t.disabled, className: e.button, children: t.label });
+  return /* @__PURE__ */ n("button", { onClick: t.onClick, disabled: t.disabled, className: b.button, children: t.label });
 }
 export {
   u as ButtonControl