@datarecce/ui 0.1.41 → 0.2.1-nightly.20260402

package/dist/styles.css

@@ -1,4 +1,478 @@
-@import './RecceCheckContext-DPnWB_aU.css';
-@import './RecceCheckContext-DyxOeUsX.css';
-@import './components-BeAjVBV3.css';
-@import './components-iUxcqtUB.css';
+/**
+ * @datarecce/ui - Bundled Styles
+ *
+ * This file contains all CSS for @datarecce/ui components including:
+ * - Tailwind CSS utilities
+ * - CSS custom properties for theming
+ * - React Flow styles
+ * - Third-party component overrides (ag-Grid, CodeMirror, etc.)
+ *
+ * Usage: import '@datarecce/ui/styles';
+ *
+ * @license MIT
+ */
+/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-100:#fee2e2;--color-red-300:#fca5a5;--color-red-400:#f87171;--color-red-500:#ef4444;--color-red-700:#b91c1c;--color-red-900:#7f1d1d;--color-amber-100:#fef3c7;--color-amber-300:#fcd34d;--color-amber-400:#fbbf24;--color-amber-500:#f59e0b;--color-amber-600:#d97706;--color-amber-700:#b45309;--color-amber-800:#92400e;--color-amber-900:#78350f;--color-green-100:#dcfce7;--color-green-300:#86efac;--color-green-400:#4ade80;--color-green-500:#22c55e;--color-green-700:#15803d;--color-green-900:#14532d;--color-cyan-200:#a5f3fc;--color-cyan-300:#67e8f9;--color-cyan-400:#22d3ee;--color-blue-50:oklch(97% .014 254.604);--color-fuchsia-300:#f0abfc;--color-fuchsia-400:#e879f9;--color-neutral-50:#fafafa;--color-neutral-100:#f5f5f5;--color-neutral-200:#e5e5e5;--color-neutral-400:#a3a3a3;--color-neutral-600:#525252;--color-neutral-700:#404040;--color-neutral-800:#262626;--color-neutral-900:#171717;--color-neutral-950:#0a0a0a;--spacing:.25rem;--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--font-weight-light:300;--radius-lg:.5rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-brand-50:#ffded5;--color-brand-200:#ffa58c;--color-brand-400:#ff6e42;--color-brand-500:#fd541e;--color-brand-600:#f04104;--color-brand-700:#c93a06;--color-brand-800:#a23206;--color-brand-900:#7c2906;--color-brand-950:#571e05;--color-iochmara-100:#c4ddf3;--color-iochmara-300:#79b0e2;--color-iochmara-400:#5599d8;--color-iochmara-500:#3182ce;--color-iochmara-600:#2a6ca7;--color-iochmara-700:#225581;--color-iochmara-900:#102638}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-10{top:calc(var(--spacing) * 10)}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-2{margin:calc(var(--spacing) * 2)}.ml-1{margin-left:calc(var(--spacing) * 1)}.box-content{box-sizing:content-box}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.list-item{display:list-item}.table{display:table}.\!size-4{width:calc(var(--spacing) * 4)!important;height:calc(var(--spacing) * 4)!important}.size-6\!{width:calc(var(--spacing) * 6)!important;height:calc(var(--spacing) * 6)!important}.h-full{height:100%}.max-h-dvh{max-height:100dvh}.min-h-0{min-height:calc(var(--spacing) * 0)}.w-4\/5{width:80%}.max-w-72{max-width:calc(var(--spacing) * 72)}.\!min-w-4{min-width:calc(var(--spacing) * 4)!important}.flex-1{flex:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.flex-col{flex-direction:column}.justify-center{justify-content:center}.gap-6{gap:calc(var(--spacing) * 6)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}.self-center{align-self:center}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.bg-blue-50{background-color:var(--color-blue-50)}.p-4{padding:calc(var(--spacing) * 4)}.px-8{padding-inline:calc(var(--spacing) * 8)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.break-all{word-break:break-all}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}}.react-flow{--xy-edge-stroke-default:#b1b1b7;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#555;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#ffffff80;--xy-minimap-background-color-default:#fff;--xy-minimap-mask-background-color-default:#f0f0f099;--xy-minimap-mask-stroke-color-default:transparent;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#e2e2e2;--xy-minimap-node-stroke-color-default:transparent;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:transparent;--xy-background-pattern-dots-color-default:#91919a;--xy-background-pattern-lines-color-default:#eee;--xy-background-pattern-cross-color-default:#e2e2e2;background-color:var(--xy-background-color,var(--xy-background-color-default));--xy-node-color-default:inherit;--xy-node-border-default:1px solid #1a192b;--xy-node-background-color-default:#fff;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #00000014;--xy-node-boxshadow-selected-default:0 0 0 .5px #1a192b;--xy-node-border-radius-default:3px;--xy-handle-background-color-default:#1a192b;--xy-handle-border-color-default:#fff;--xy-selection-background-color-default:#0059dc14;--xy-selection-border-default:1px dotted #0059dccc;--xy-controls-button-background-color-default:#fefefe;--xy-controls-button-background-color-hover-default:#f4f4f4;--xy-controls-button-color-default:inherit;--xy-controls-button-color-hover-default:inherit;--xy-controls-button-border-color-default:#eee;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#fff;--xy-edge-label-color-default:inherit;--xy-resize-background-color-default:#3367d9;direction:ltr}.react-flow.dark{--xy-edge-stroke-default:#3e3e3e;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#727272;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#96969640;--xy-minimap-background-color-default:#141414;--xy-minimap-mask-background-color-default:#3c3c3c99;--xy-minimap-mask-stroke-color-default:transparent;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#2b2b2b;--xy-minimap-node-stroke-color-default:transparent;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:#141414;--xy-background-pattern-dots-color-default:#777;--xy-background-pattern-lines-color-default:#777;--xy-background-pattern-cross-color-default:#777;--xy-node-color-default:#f8f8f8;--xy-node-border-default:1px solid #3c3c3c;--xy-node-background-color-default:#1e1e1e;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #ffffff14;--xy-node-boxshadow-selected-default:0 0 0 .5px #999;--xy-handle-background-color-default:#bebebe;--xy-handle-border-color-default:#1e1e1e;--xy-selection-background-color-default:#c8c8dc14;--xy-selection-border-default:1px dotted #c8c8dccc;--xy-controls-button-background-color-default:#2b2b2b;--xy-controls-button-background-color-hover-default:#3e3e3e;--xy-controls-button-color-default:#f8f8f8;--xy-controls-button-color-hover-default:#fff;--xy-controls-button-border-color-default:#5b5b5b;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#141414;--xy-edge-label-color-default:#f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props,var(--xy-background-color,var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__pane{z-index:1}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width,var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke,var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width,var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{pointer-events:none;position:absolute;overflow:visible}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected,var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:.5s linear infinite dashdraw}svg.react-flow__connectionline{z-index:1001;position:absolute;overflow:visible}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{-webkit-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default;position:absolute}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:0 0;pointer-events:none}.react-flow__nodesselection-rect{pointer-events:all;cursor:grab;position:absolute}.react-flow__handle{pointer-events:none;background-color:var(--xy-handle-background-color,var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color,var(--xy-handle-border-color-default));border-radius:100%;width:6px;min-width:5px;height:6px;min-height:5px;position:absolute}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;bottom:0;left:50%;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{z-index:5;margin:15px;position:absolute}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px)translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px)translateY(-50%)}.react-flow__attribution{background:var(--xy-attribution-background-color,var(--xy-attribution-background-color-default));margin:0;padding:2px 3px;font-size:10px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10px}}.react-flow__edgelabel-renderer{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__viewport-portal{-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__minimap{background:var(--xy-minimap-background-color-props,var(--xy-minimap-background-color,var(--xy-minimap-background-color-default)))}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var(--xy-minimap-mask-background-color-props,var(--xy-minimap-mask-background-color,var(--xy-minimap-mask-background-color-default)));stroke:var(--xy-minimap-mask-stroke-color-props,var(--xy-minimap-mask-stroke-color,var(--xy-minimap-mask-stroke-color-default)));stroke-width:var(--xy-minimap-mask-stroke-width-props,var(--xy-minimap-mask-stroke-width,var(--xy-minimap-mask-stroke-width-default)))}.react-flow__minimap-node{fill:var(--xy-minimap-node-background-color-props,var(--xy-minimap-node-background-color,var(--xy-minimap-node-background-color-default)));stroke:var(--xy-minimap-node-stroke-color-props,var(--xy-minimap-node-stroke-color,var(--xy-minimap-node-stroke-color-default)));stroke-width:var(--xy-minimap-node-stroke-width-props,var(--xy-minimap-node-stroke-width,var(--xy-minimap-node-stroke-width-default)))}.react-flow__background-pattern.dots{fill:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-dots-color-default)))}.react-flow__background-pattern.lines{stroke:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-lines-color-default)))}.react-flow__background-pattern.cross{stroke:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-cross-color-default)))}.react-flow__controls{box-shadow:var(--xy-controls-box-shadow,var(--xy-controls-box-shadow-default));flex-direction:column;display:flex}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{background:var(--xy-controls-button-background-color,var(--xy-controls-button-background-color-default));border:none;border-bottom:1px solid var(--xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default)));width:26px;height:26px;color:var(--xy-controls-button-color-props,var(--xy-controls-button-color,var(--xy-controls-button-color-default)));cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:4px;display:flex}.react-flow__controls-button svg{fill:currentColor;width:100%;max-width:12px;max-height:12px}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{border-radius:var(--xy-node-border-radius,var(--xy-node-border-radius-default));width:150px;color:var(--xy-node-color,var(--xy-node-color-default));text-align:center;border:var(--xy-node-border,var(--xy-node-border-default));background-color:var(--xy-node-background-color,var(--xy-node-background-color-default));padding:10px;font-size:12px}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover,var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected,var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color,var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color,var(--xy-selection-background-color-default));border:var(--xy-selection-border,var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var(--xy-controls-button-background-color-hover-props,var(--xy-controls-button-background-color-hover,var(--xy-controls-button-background-color-hover-default)));color:var(--xy-controls-button-color-hover-props,var(--xy-controls-button-color-hover,var(--xy-controls-button-color-hover-default)))}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var(--xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default)))}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border:1px solid #fff;border-radius:1px;width:5px;height:5px;translate:-50% -50%}.react-flow__resize-control.handle.left{top:50%;left:0}.react-flow__resize-control.handle.right{top:50%;left:100%}.react-flow__resize-control.handle.top{top:0;left:50%}.react-flow__resize-control.handle.bottom{top:100%;left:50%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border-style:solid;border-width:0}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;height:100%;top:0;transform:translate(-50%)}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{width:100%;height:1px;left:0;transform:translateY(-50%)}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color,var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color,var(--xy-edge-label-color-default))}:root{--recce-bg-default:var(--color-neutral-50);--recce-bg-paper:#fff;--recce-bg-elevated:#fff;--recce-bg-subtle:var(--color-neutral-100);--recce-text-primary:var(--color-neutral-900);--recce-text-secondary:var(--color-neutral-600);--recce-text-muted:var(--color-neutral-400);--recce-border:var(--color-neutral-200);--recce-border-subtle:var(--color-neutral-100);--recce-brand:var(--color-brand-500);--recce-brand-hover:var(--color-brand-600);--recce-brand-active:var(--color-brand-700);--recce-secondary:var(--color-iochmara-500);--recce-secondary-hover:var(--color-iochmara-600);--recce-secondary-active:var(--color-iochmara-700);--recce-success:var(--color-green-500);--recce-warning:var(--color-amber-500);--recce-error:var(--color-red-500);--recce-info:var(--color-iochmara-500);--recce-shadow-sm:0 1px 2px 0 #0000000d;--recce-shadow:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--recce-shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--recce-shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a}.dark{--recce-bg-default:var(--color-neutral-950);--recce-bg-paper:var(--color-neutral-900);--recce-bg-elevated:var(--color-neutral-800);--recce-bg-subtle:var(--color-neutral-800);--recce-text-primary:var(--color-neutral-50);--recce-text-secondary:var(--color-neutral-400);--recce-text-muted:var(--color-neutral-600);--recce-border:var(--color-neutral-800);--recce-border-subtle:var(--color-neutral-700);--recce-brand:var(--color-brand-400);--recce-brand-hover:var(--color-brand-500);--recce-brand-active:var(--color-brand-600);--recce-secondary:var(--color-iochmara-400);--recce-secondary-hover:var(--color-iochmara-500);--recce-secondary-active:var(--color-iochmara-600);--recce-success:var(--color-green-400);--recce-warning:var(--color-amber-400);--recce-error:var(--color-red-400);--recce-info:var(--color-iochmara-400);--recce-shadow-sm:0 1px 2px 0 #0000004d;--recce-shadow:0 1px 3px 0 #0006, 0 1px 2px -1px #0000004d;--recce-shadow-md:0 4px 6px -1px #0006, 0 2px 4px -2px #0000004d;--recce-shadow-lg:0 10px 15px -3px #0006, 0 4px 6px -4px #0000004d}.dark .react-flow__controls{background-color:var(--recce-bg-paper);border-color:var(--recce-border)}.dark .react-flow__controls button{background-color:var(--recce-bg-paper);border-color:var(--recce-border);color:var(--recce-text-primary);fill:var(--recce-text-primary)}.dark .react-flow__controls button:hover{background-color:var(--recce-bg-elevated)}.dark .react-flow__controls button svg{fill:var(--recce-text-primary)}.dark .react-flow__minimap{background-color:var(--recce-bg-paper)}.dark .react-flow__minimap-mask{fill:var(--recce-bg-default);opacity:.6}.dark .react-flow__minimap-node{fill:var(--recce-text-muted)}.dark .react-flow__background{background-color:var(--recce-bg-default)}.dark .react-flow__background pattern circle,.dark .react-flow__background pattern line{stroke:var(--recce-border)}.dark .react-flow__attribution{background-color:var(--recce-bg-paper)}.dark .react-flow__attribution a{color:var(--recce-text-secondary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--recce-bg-subtle);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--recce-text-muted);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--recce-text-secondary)}*{scrollbar-width:thin;scrollbar-color:var(--recce-text-muted) var(--recce-bg-subtle)}.dark ::-webkit-scrollbar-track{background:var(--recce-bg-paper)}.dark ::-webkit-scrollbar-thumb{background:var(--recce-border)}.dark ::-webkit-scrollbar-thumb:hover{background:var(--recce-text-muted)}::selection{background-color:var(--color-brand-200);color:var(--color-brand-950)}.dark ::selection{background-color:var(--color-brand-700);color:var(--color-brand-50)}:focus-visible{outline:2px solid var(--recce-brand);outline-offset:2px}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}
+/* Third-party component overrides */
+/**
+ * @datarecce/ui - Third-party component style overrides
+ *
+ * This file contains style overrides for third-party libraries
+ * to ensure they respect the Recce theme and dark mode.
+ *
+ * Included:
+ * - ag-Grid dark mode
+ * - CodeMirror dark mode
+ * - Split pane styling
+ */
+
+/* ========================================
+ * ag-Grid Dark Mode Overrides
+ * Styles for ag-Grid data tables in dark mode
+ * ======================================== */
+.dark .ag-theme-alpine,
+.dark .ag-theme-quartz {
+  --ag-background-color: var(--recce-bg-paper);
+  --ag-foreground-color: var(--recce-text-primary);
+  --ag-secondary-foreground-color: var(--recce-text-secondary);
+  --ag-header-background-color: var(--recce-bg-elevated);
+  --ag-header-foreground-color: var(--recce-text-primary);
+  --ag-odd-row-background-color: var(--recce-bg-paper);
+  --ag-row-hover-color: var(--recce-bg-subtle);
+  --ag-border-color: var(--recce-border);
+  --ag-selected-row-background-color: var(--color-brand-900);
+  --ag-range-selection-border-color: var(--recce-brand);
+  --ag-input-focus-border-color: var(--recce-brand);
+}
+
+.dark .ag-theme-alpine .ag-row-selected,
+.dark .ag-theme-quartz .ag-row-selected {
+  background-color: var(--color-brand-900);
+}
+
+.dark .ag-theme-alpine .ag-row-hover:not(.ag-row-selected),
+.dark .ag-theme-quartz .ag-row-hover:not(.ag-row-selected) {
+  background-color: var(--recce-bg-elevated);
+}
+
+.dark .ag-theme-alpine .ag-cell-focus,
+.dark .ag-theme-quartz .ag-cell-focus {
+  border-color: var(--recce-brand);
+}
+
+.dark .ag-theme-alpine .ag-header-cell,
+.dark .ag-theme-quartz .ag-header-cell {
+  border-bottom-color: var(--recce-border);
+}
+
+.dark .ag-theme-alpine .ag-cell,
+.dark .ag-theme-quartz .ag-cell {
+  border-right-color: var(--recce-border-subtle);
+}
+
+.dark .ag-theme-alpine .ag-paging-panel,
+.dark .ag-theme-quartz .ag-paging-panel {
+  border-top-color: var(--recce-border);
+  color: var(--recce-text-secondary);
+}
+
+/* ========================================
+ * CodeMirror Dark Mode Overrides
+ * Styles for CodeMirror editors in dark mode
+ * ======================================== */
+.dark .cm-editor {
+  background-color: var(--recce-bg-paper);
+  color: var(--recce-text-primary);
+}
+
+.dark .cm-editor .cm-gutters {
+  background-color: var(--recce-bg-elevated);
+  color: var(--recce-text-muted);
+  border-right-color: var(--recce-border);
+}
+
+.dark .cm-editor .cm-activeLineGutter {
+  background-color: var(--recce-bg-subtle);
+}
+
+.dark .cm-editor .cm-activeLine {
+  background-color: var(--recce-bg-subtle);
+}
+
+.dark .cm-editor .cm-selectionBackground,
+.dark .cm-editor .cm-content ::selection {
+  background-color: var(--color-brand-900) !important;
+}
+
+.dark .cm-editor .cm-cursor {
+  border-left-color: var(--recce-text-primary);
+}
+
+.dark .cm-editor .cm-matchingBracket {
+  background-color: var(--color-brand-800);
+  color: var(--recce-text-primary);
+}
+
+.dark .cm-editor .cm-searchMatch {
+  background-color: var(--color-amber-800);
+  color: var(--color-amber-100);
+}
+
+.dark .cm-editor .cm-searchMatch.cm-searchMatch-selected {
+  background-color: var(--color-amber-600);
+}
+
+.dark .cm-editor .cm-tooltip {
+  background-color: var(--recce-bg-elevated);
+  border-color: var(--recce-border);
+  color: var(--recce-text-primary);
+}
+
+.dark .cm-editor .cm-tooltip-autocomplete {
+  background-color: var(--recce-bg-elevated);
+}
+
+.dark .cm-editor .cm-tooltip-autocomplete > ul > li {
+  color: var(--recce-text-primary);
+}
+
+.dark .cm-editor .cm-tooltip-autocomplete > ul > li[aria-selected] {
+  background-color: var(--color-brand-800);
+  color: var(--recce-text-primary);
+}
+
+/* CodeMirror syntax highlighting for dark mode */
+.dark .cm-editor .cm-keyword {
+  color: var(--color-fuchsia-400);
+}
+.dark .cm-editor .cm-operator {
+  color: var(--recce-text-primary);
+}
+.dark .cm-editor .cm-variable {
+  color: var(--color-cyan-400);
+}
+.dark .cm-editor .cm-variable-2 {
+  color: var(--color-cyan-300);
+}
+.dark .cm-editor .cm-variable-3 {
+  color: var(--color-cyan-200);
+}
+.dark .cm-editor .cm-builtin {
+  color: var(--color-fuchsia-300);
+}
+.dark .cm-editor .cm-atom {
+  color: var(--color-amber-400);
+}
+.dark .cm-editor .cm-number {
+  color: var(--color-amber-400);
+}
+.dark .cm-editor .cm-def {
+  color: var(--color-iochmara-400);
+}
+.dark .cm-editor .cm-string {
+  color: var(--color-green-400);
+}
+.dark .cm-editor .cm-string-2 {
+  color: var(--color-green-300);
+}
+.dark .cm-editor .cm-comment {
+  color: var(--recce-text-muted);
+}
+.dark .cm-editor .cm-tag {
+  color: var(--color-red-400);
+}
+.dark .cm-editor .cm-meta {
+  color: var(--recce-text-secondary);
+}
+.dark .cm-editor .cm-attribute {
+  color: var(--color-cyan-400);
+}
+.dark .cm-editor .cm-property {
+  color: var(--color-cyan-400);
+}
+.dark .cm-editor .cm-qualifier {
+  color: var(--color-iochmara-400);
+}
+.dark .cm-editor .cm-type {
+  color: var(--color-amber-300);
+}
+.dark .cm-editor .cm-error {
+  color: var(--color-red-400);
+}
+.dark .cm-editor .cm-link {
+  color: var(--color-iochmara-400);
+}
+
+/* ========================================
+ * Split Pane Styling
+ * Styles for resizable split pane components
+ * ======================================== */
+.recce-split-pane {
+  display: flex;
+  height: 100%;
+  width: 100%;
+}
+
+.recce-split-pane-horizontal {
+  flex-direction: row;
+}
+
+.recce-split-pane-vertical {
+  flex-direction: column;
+}
+
+.recce-split-pane-resizer {
+  background-color: var(--recce-border);
+  flex-shrink: 0;
+  transition: background-color 0.15s ease;
+}
+
+.recce-split-pane-resizer:hover {
+  background-color: var(--recce-brand);
+}
+
+.recce-split-pane-resizer-horizontal {
+  width: 4px;
+  cursor: col-resize;
+}
+
+.recce-split-pane-resizer-vertical {
+  height: 4px;
+  cursor: row-resize;
+}
+
+.dark .recce-split-pane-resizer {
+  background-color: var(--recce-border);
+}
+
+.dark .recce-split-pane-resizer:hover {
+  background-color: var(--recce-brand);
+}
+
+/* ========================================
+ * Panel and Card Styling
+ * Common panel and card component styles
+ * ======================================== */
+.recce-panel {
+  background-color: var(--recce-bg-paper);
+  border: 1px solid var(--recce-border);
+  border-radius: 8px;
+}
+
+.recce-panel-elevated {
+  background-color: var(--recce-bg-elevated);
+  box-shadow: var(--recce-shadow);
+}
+
+.recce-card {
+  background-color: var(--recce-bg-paper);
+  border: 1px solid var(--recce-border);
+  border-radius: 8px;
+  padding: 16px;
+}
+
+.recce-card:hover {
+  border-color: var(--recce-brand);
+}
+
+/* ========================================
+ * Button Base Styling
+ * Base button styles that work with MUI
+ * ======================================== */
+.recce-btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  padding: 8px 16px;
+  font-weight: 500;
+  border-radius: 6px;
+  transition: all 0.15s ease;
+}
+
+.recce-btn-primary {
+  background-color: var(--recce-brand);
+  color: white;
+}
+
+.recce-btn-primary:hover {
+  background-color: var(--recce-brand-hover);
+}
+
+.recce-btn-primary:active {
+  background-color: var(--recce-brand-active);
+}
+
+.recce-btn-secondary {
+  background-color: transparent;
+  color: var(--recce-text-primary);
+  border: 1px solid var(--recce-border);
+}
+
+.recce-btn-secondary:hover {
+  background-color: var(--recce-bg-subtle);
+  border-color: var(--recce-text-muted);
+}
+
+/* ========================================
+ * Loading States
+ * Styles for loading indicators
+ * ======================================== */
+.recce-skeleton {
+  background: linear-gradient(
+    90deg,
+    var(--recce-bg-subtle) 25%,
+    var(--recce-bg-elevated) 50%,
+    var(--recce-bg-subtle) 75%
+  );
+  background-size: 200% 100%;
+  animation: recce-skeleton-shimmer 1.5s infinite;
+  border-radius: 4px;
+}
+
+@keyframes recce-skeleton-shimmer {
+  0% {
+    background-position: 200% 0;
+  }
+  100% {
+    background-position: -200% 0;
+  }
+}
+
+/* ========================================
+ * Tooltip Styling
+ * Consistent tooltip appearance
+ * ======================================== */
+.recce-tooltip {
+  background-color: var(--color-neutral-800);
+  color: var(--color-neutral-50);
+  padding: 6px 12px;
+  border-radius: 4px;
+  font-size: 12px;
+  box-shadow: var(--recce-shadow-md);
+}
+
+.dark .recce-tooltip {
+  background-color: var(--color-neutral-200);
+  color: var(--color-neutral-900);
+}
+
+/* ========================================
+ * Badge Styling
+ * Status badges and labels
+ * ======================================== */
+.recce-badge {
+  display: inline-flex;
+  align-items: center;
+  padding: 2px 8px;
+  font-size: 12px;
+  font-weight: 500;
+  border-radius: 9999px;
+}
+
+.recce-badge-success {
+  background-color: var(--color-green-100);
+  color: var(--color-green-700);
+}
+
+.dark .recce-badge-success {
+  background-color: var(--color-green-900);
+  color: var(--color-green-300);
+}
+
+.recce-badge-warning {
+  background-color: var(--color-amber-100);
+  color: var(--color-amber-700);
+}
+
+.dark .recce-badge-warning {
+  background-color: var(--color-amber-900);
+  color: var(--color-amber-300);
+}
+
+.recce-badge-error {
+  background-color: var(--color-red-100);
+  color: var(--color-red-700);
+}
+
+.dark .recce-badge-error {
+  background-color: var(--color-red-900);
+  color: var(--color-red-300);
+}
+
+.recce-badge-info {
+  background-color: var(--color-iochmara-100);
+  color: var(--color-iochmara-700);
+}
+
+.dark .recce-badge-info {
+  background-color: var(--color-iochmara-900);
+  color: var(--color-iochmara-300);
+}
+
+/* ========================================
+ * Transition Utilities
+ * Common transition classes
+ * ======================================== */
+.recce-transition-colors {
+  transition:
+    color 0.15s ease,
+    background-color 0.15s ease,
+    border-color 0.15s ease;
+}
+
+.recce-transition-all {
+  transition: all 0.15s ease;
+}
+
+.recce-transition-opacity {
+  transition: opacity 0.15s ease;
+}
+
+.recce-transition-transform {
+  transition: transform 0.15s ease;
+}
+
+/* ========================================
+ * React Flow Controls
+ * Theme-aware colors for React Flow controls
+ * Uses CSS custom properties that map to the Recce theme
+ * ======================================== */
+
+/* Light mode (default) */
+:root,
+.light {
+  --rf-controls-bg: #fafafa; /* neutral[50] */
+  --rf-controls-border: #e5e5e5; /* neutral[200] */
+  --rf-controls-text: #404040; /* neutral[700] */
+  --rf-controls-hover-bg: #e5e5e5; /* neutral[200] */
+}
+
+/* Dark mode */
+.dark {
+  --rf-controls-bg: #404040; /* neutral[700] */
+  --rf-controls-border: #525252; /* neutral[600] */
+  --rf-controls-text: #e5e5e5; /* neutral[200] */
+  --rf-controls-hover-bg: #525252; /* neutral[600] */
+}
+
+/* React Flow Controls container */
+.react-flow__controls {
+  background-color: var(--rf-controls-bg);
+  border-color: var(--rf-controls-border);
+}
+
+/* React Flow Controls buttons */
+.react-flow__controls-button {
+  background-color: var(--rf-controls-bg);
+  color: var(--rf-controls-text);
+  border-bottom-color: var(--rf-controls-border);
+}
+
+.react-flow__controls-button:hover {
+  background-color: var(--rf-controls-hover-bg);
+}
+
+.react-flow__controls-button svg {
+  fill: var(--rf-controls-text);
+}

package/dist/theme-B_XT39eO.js

@@ -0,0 +1,3 @@
+"use client";
+import{n as e}from"./colors-BbPSDR1X.js";import{createTheme as t}from"@mui/material/styles";import{themeQuartz as n}from"ag-grid-community";const r=`system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif`,i=n.withParams({backgroundColor:`#ffffff`,headerBackgroundColor:`#f5f5f5`,rowHoverColor:`#ffffff`,borderColor:`#e0e0e0`,foregroundColor:`#1e1e1e`,fontFamily:`monospace`,fontSize:13,headerFontFamily:r,headerFontSize:13,headerFontWeight:700,cellHorizontalPadding:8,wrapperBorderRadius:0}),a=n.withParams({backgroundColor:`#1e1e1e`,headerBackgroundColor:`#383838`,rowHoverColor:`#1e1e1e`,borderColor:`#4a4a4a`,foregroundColor:`#e0e0e0`,fontFamily:`monospace`,fontSize:13,headerFontFamily:r,headerFontSize:13,headerFontWeight:700,cellHorizontalPadding:8,wrapperBorderRadius:0});function o(e){return{gridColor:e?`#4b5563`:`#d1d5db`,textColor:e?`#e5e7eb`:`#374151`,borderColor:e?`#6b7280`:`#9ca3af`,tooltipBackgroundColor:e?`#1f2937`:`#ffffff`,tooltipTextColor:e?`#e5e7eb`:`#111827`}}function s(e,t=!0){let n=o(e);return{grid:{color:t?n.gridColor:void 0,display:t},ticks:{color:n.textColor},border:{color:n.borderColor}}}function c(e){let t=o(e);return{legend:{labels:{color:t.textColor}},title:{color:t.textColor},tooltip:{backgroundColor:t.tooltipBackgroundColor,titleColor:t.tooltipTextColor,bodyColor:t.tooltipTextColor,borderColor:t.borderColor,borderWidth:1}}}const l=`#63B3ED`,u=`#F6AD55`,d=`${l}A5`,f=`${u}A5`,p=`#90CDF4`,m=`#FBD38D`,h=`${p}A5`,g=`${m}A5`,_=`#63B3ED`,v=`#90CDF4`;function y(e){return{current:e?p:l,base:e?m:u,currentWithAlpha:e?h:d,baseWithAlpha:e?g:f,info:e?v:_}}function b(e,t){return[{props:{color:e,variant:`contained`},style:{backgroundColor:`var(--mui-palette-${e}-main, ${t[500]})`,color:`var(--mui-palette-${e}-contrastText, #ffffff)`,"&:hover":{backgroundColor:`var(--mui-palette-${e}-dark, ${t[600]})`}}},{props:{color:e,variant:`outlined`},style:{"&&":{borderColor:`var(--mui-palette-${e}-main, ${t[500]})`,color:`var(--mui-palette-${e}-dark, ${t[600]})`},"&:hover":{borderColor:`var(--mui-palette-${e}-dark, ${t[600]})`,backgroundColor:`color-mix(in srgb, var(--mui-palette-${e}-light, ${t[50]}) 30%, transparent)`}}},{props:{color:e,variant:`text`},style:{"&&":{color:`var(--mui-palette-${e}-dark, ${t[600]})`},"&:hover":{backgroundColor:`color-mix(in srgb, var(--mui-palette-${e}-light, ${t[50]}) 30%, transparent)`}}}]}function x(e,t){return[{props:{color:e,variant:`filled`},style:{backgroundColor:`var(--mui-palette-${e}-main, ${t[500]})`,color:`var(--mui-palette-${e}-contrastText, #ffffff)`,"&:hover":{backgroundColor:`var(--mui-palette-${e}-dark, ${t[600]})`},"&.MuiChip-clickable:hover":{backgroundColor:`var(--mui-palette-${e}-dark, ${t[600]})`}}},{props:{color:e,variant:`outlined`},style:{"&&":{borderColor:`var(--mui-palette-${e}-main, ${t[500]})`,color:`var(--mui-palette-${e}-dark, ${t[600]})`},"&:hover":{backgroundColor:`color-mix(in srgb, var(--mui-palette-${e}-light, ${t[50]}) 25%, transparent)`}}}]}function S(e,t){return[{props:{color:e},style:{"& .MuiBadge-badge":{backgroundColor:`var(--mui-palette-${e}-main, ${t[500]})`,color:`var(--mui-palette-${e}-contrastText, #ffffff)`}}}]}function C(e,t){return[{props:{color:e},style:{color:`var(--mui-palette-${e}-main, ${t[500]})`}}]}const w=[...b(`brand`,e.brand),...b(`iochmara`,e.iochmara),...b(`cyan`,e.cyan),...b(`amber`,e.amber),...b(`green`,e.green),...b(`red`,e.red),...b(`rose`,e.rose),...b(`fuchsia`,e.fuchsia),...b(`neutral`,e.neutral)],T=[...x(`brand`,e.brand),...x(`iochmara`,e.iochmara),...x(`cyan`,e.cyan),...x(`amber`,e.amber),...x(`green`,e.green),...x(`red`,e.red),...x(`rose`,e.rose),...x(`fuchsia`,e.fuchsia),...x(`neutral`,e.neutral)],E=[...S(`brand`,e.brand),...S(`iochmara`,e.iochmara)],D=[...C(`brand`,e.brand),...C(`iochmara`,e.iochmara)],O={typography:{fontFamily:[`-apple-system`,`BlinkMacSystemFont`,`"Segoe UI"`,`Roboto`,`"Helvetica Neue"`,`Arial`,`sans-serif`,`"Apple Color Emoji"`,`"Segoe UI Emoji"`,`"Segoe UI Symbol"`].join(`,`),fontSize:14,h1:{fontWeight:600},h2:{fontWeight:600},h3:{fontWeight:600},h4:{fontWeight:600},h5:{fontWeight:600},h6:{fontWeight:600},button:{textTransform:`none`,fontWeight:500}},shape:{borderRadius:8},components:{MuiButton:{defaultProps:{disableElevation:!0},styleOverrides:{root:{borderRadius:6,boxShadow:`none`,textTransform:`none`,fontWeight:500,"&:hover":{boxShadow:`none`}},sizeSmall:{fontSize:`0.8125rem`,padding:`4px 10px`},sizeMedium:{padding:`0.5rem 1rem`,fontSize:`1rem`},sizeLarge:{padding:`0.75rem 1.5rem`,fontSize:`1.125rem`},contained:{"&:hover":{boxShadow:`none`}},outlined:{borderWidth:`1px`,"&:hover":{borderWidth:`1px`}}},variants:[{props:{size:`xsmall`},style:{fontSize:`0.75rem`,padding:`2px 8px`,minHeight:24}},...w]},MuiChip:{styleOverrides:{root:{borderRadius:6,fontWeight:500},sizeSmall:{fontSize:`0.75rem`,height:24},sizeMedium:{height:32,fontSize:`0.875rem`}},variants:[{props:{size:`xsmall`},style:{fontSize:`0.6875rem`,height:20,"& .MuiChip-label":{padding:`0 6px`}}},...T]},MuiBadge:{variants:[...E],styleOverrides:{badge:{fontWeight:500,fontSize:`0.75rem`}}},MuiAlert:{styleOverrides:{root:{borderRadius:6},standardSuccess:{backgroundColor:`var(--mui-palette-success-light)`,color:`var(--mui-palette-success-dark)`,"& .MuiAlert-icon":{color:`var(--mui-palette-success-dark)`}},standardWarning:{backgroundColor:`var(--mui-palette-warning-light)`,color:`var(--mui-palette-warning-dark)`,"& .MuiAlert-icon":{color:`var(--mui-palette-warning-dark)`}},standardError:{backgroundColor:`var(--mui-palette-error-light)`,color:`var(--mui-palette-error-dark)`,"& .MuiAlert-icon":{color:`var(--mui-palette-error-dark)`}},standardInfo:{backgroundColor:`var(--mui-palette-info-light)`,color:`var(--mui-palette-info-dark)`,"& .MuiAlert-icon":{color:`var(--mui-palette-info-dark)`}}}},MuiTabs:{styleOverrides:{indicator:{height:2}}},MuiTab:{styleOverrides:{root:{textTransform:`none`,fontWeight:500,minHeight:48}}},MuiAvatar:{styleOverrides:{root:{fontWeight:500}}},MuiCircularProgress:{defaultProps:{color:`primary`},variants:[...D]},MuiLink:{defaultProps:{underline:`hover`},styleOverrides:{root:{fontWeight:500,color:`var(--mui-palette-secondary-main)`,textDecorationColor:`var(--mui-palette-secondary-light)`,"&:hover":{color:`var(--mui-palette-secondary-dark)`}}}},MuiPopover:{styleOverrides:{paper:{borderRadius:8,boxShadow:`0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)`}}},MuiDivider:{styleOverrides:{root:{borderColor:`var(--mui-palette-divider)`}}},MuiBreadcrumbs:{styleOverrides:{separator:{color:`var(--mui-palette-text-secondary)`}}},MuiCard:{styleOverrides:{root:{borderRadius:8,boxShadow:`0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1)`}}},MuiPaper:{styleOverrides:{root:{backgroundImage:`none`}}},MuiTooltip:{styleOverrides:{tooltip:{fontSize:`0.75rem`}}},MuiIconButton:{styleOverrides:{root:{borderRadius:6},sizeSmall:{padding:4},sizeMedium:{padding:8},sizeLarge:{padding:12}}},MuiTextField:{defaultProps:{variant:`outlined`,size:`small`},styleOverrides:{root:{"& .MuiOutlinedInput-root":{borderRadius:6}}}},MuiOutlinedInput:{styleOverrides:{root:{borderRadius:6,"&:hover .MuiOutlinedInput-notchedOutline":{borderColor:`var(--mui-palette-secondary-light)`},"&.Mui-focused .MuiOutlinedInput-notchedOutline":{borderColor:`var(--mui-palette-secondary-main)`,borderWidth:2}},notchedOutline:{borderColor:`var(--mui-palette-divider)`}}},MuiCheckbox:{defaultProps:{color:`primary`},styleOverrides:{root:{borderRadius:4}}},MuiSwitch:{defaultProps:{color:`primary`}},MuiDialog:{styleOverrides:{paper:{borderRadius:8}}},MuiDialogTitle:{styleOverrides:{root:{fontWeight:600,fontSize:`1.125rem`}}},MuiMenu:{styleOverrides:{paper:{borderRadius:8,boxShadow:`0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)`}}},MuiMenuItem:{styleOverrides:{root:{fontSize:`0.875rem`,padding:`0.5rem 0.75rem`,"&:hover":{backgroundColor:`var(--mui-palette-action-hover)`},"&.Mui-selected":{backgroundColor:`var(--mui-palette-action-selected)`,"&:hover":{backgroundColor:`var(--mui-palette-action-selected)`}}}}},MuiAutocomplete:{styleOverrides:{paper:{borderRadius:6,boxShadow:`0 4px 6px -1px rgba(0, 0, 0, 0.15), 0 2px 4px -2px rgba(0, 0, 0, 0.1)`,backgroundColor:e.neutral[200],".dark &":{backgroundColor:e.neutral[700]}},listbox:{padding:`4px 0`},option:{fontSize:`0.875rem`,padding:`0.5rem 0.75rem`,'&[aria-selected="true"]':{backgroundColor:`var(--mui-palette-action-selected)`},"&.Mui-focused":{backgroundColor:`var(--mui-palette-action-hover)`}}}}}},k=t({cssVariables:{colorSchemeSelector:`class`},colorSchemes:{light:{palette:{mode:`light`,primary:{main:e.iochmara[500],light:e.iochmara[300],dark:e.iochmara[600],contrastText:`#ffffff`},secondary:{main:e.cyan[500],light:e.cyan[400],dark:e.cyan[600],contrastText:`#ffffff`},brand:{light:e.brand[400],main:e.brand[500],dark:e.brand[600],contrastText:`#ffffff`},iochmara:{light:e.iochmara[400],main:e.iochmara[500],dark:e.iochmara[600],contrastText:`#ffffff`},cyan:{main:e.cyan[500],light:e.cyan[300],dark:e.cyan[600],contrastText:`#ffffff`},amber:{main:e.amber[500],light:e.amber[300],dark:e.amber[600],contrastText:`#ffffff`},green:{main:e.green[500],light:e.green[300],dark:e.green[600],contrastText:`#ffffff`},red:{main:e.red[500],light:e.red[300],dark:e.red[600],contrastText:`#ffffff`},rose:{main:e.rose[500],light:e.rose[300],dark:e.rose[600],contrastText:`#ffffff`},fuchsia:{main:e.fuchsia[500],light:e.fuchsia[300],dark:e.fuchsia[600],contrastText:`#ffffff`},neutral:{main:e.neutral[600],light:e.neutral[300],dark:e.neutral[700],contrastText:`#ffffff`},grey:e.neutral,success:e.success,warning:e.warning,error:e.error,info:e.info,background:{default:`#ffffff`,paper:e.neutral[50]},text:{primary:e.neutral[900],secondary:e.neutral[600],disabled:e.neutral[400]},divider:e.neutral[200]}},dark:{palette:{mode:`dark`,primary:{main:e.iochmara[500],light:e.iochmara[300],dark:e.iochmara[600],contrastText:`#ffffff`},secondary:{main:e.cyan[500],light:e.cyan[400],dark:e.cyan[600],contrastText:`#ffffff`},brand:{light:e.brand[300],main:e.brand[400],dark:e.brand[600],contrastText:`#ffffff`},iochmara:{light:e.iochmara[300],main:e.iochmara[400],dark:e.iochmara[600],contrastText:`#ffffff`},cyan:{main:e.cyan[400],light:e.cyan[300],dark:e.cyan[600],contrastText:`#ffffff`},amber:{main:e.amber[400],light:e.amber[300],dark:e.amber[600],contrastText:`#000000`},green:{main:e.green[400],light:e.green[300],dark:e.green[600],contrastText:`#ffffff`},red:{main:e.red[400],light:e.red[300],dark:e.red[600],contrastText:`#ffffff`},rose:{main:e.rose[400],light:e.rose[300],dark:e.rose[600],contrastText:`#ffffff`},fuchsia:{main:e.fuchsia[400],light:e.fuchsia[300],dark:e.fuchsia[600],contrastText:`#ffffff`},neutral:{main:e.neutral[400],light:e.neutral[300],dark:e.neutral[200],contrastText:e.neutral[900]},grey:e.neutral,success:{light:e.success.light,main:e.success.main,dark:e.success.dark,contrastText:`#000000`},warning:{light:e.warning.light,main:e.warning.main,dark:e.warning.dark,contrastText:`#000000`},error:{light:e.error.light,main:e.error.main,dark:e.error.dark,contrastText:`#ffffff`},info:{light:e.info.light,main:e.info.main,dark:e.info.dark,contrastText:`#ffffff`},background:{default:e.neutral[900],paper:e.neutral[800]},text:{primary:e.neutral[50],secondary:e.neutral[400],disabled:e.neutral[600]},divider:e.neutral[700]}}},...O});export{i as _,f as a,h as c,v as d,y as f,a as g,s as h,g as i,d as l,c as m,u as n,l as o,o as p,m as r,p as s,k as t,_ as u};
+//# sourceMappingURL=theme-B_XT39eO.js.map

package/dist/theme-B_XT39eO.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-B_XT39eO.js","names":[],"sources":["../src/components/data/agGridTheme.ts","../src/theme/chartTheme.ts","../src/theme/theme.ts"],"sourcesContent":["\"use client\";\n\n/**\n * @file agGridTheme.ts\n * @description AG Grid theme configuration for data grids\n *\n * Provides light and dark themes using AG Grid's themeQuartz as a base.\n */\n\nimport { themeQuartz } from \"ag-grid-community\";\n\n// System font stack for headers\nconst systemFontStack =\n  'system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif';\n\n/**\n * Light theme for AG Grid data grids\n */\nexport const dataGridThemeLight = themeQuartz.withParams({\n  backgroundColor: \"#ffffff\",\n  headerBackgroundColor: \"#f5f5f5\",\n  rowHoverColor: \"#ffffff\",\n  borderColor: \"#e0e0e0\",\n  foregroundColor: \"#1e1e1e\",\n  fontFamily: \"monospace\",\n  fontSize: 13,\n  headerFontFamily: systemFontStack,\n  headerFontSize: 13,\n  headerFontWeight: 700,\n  cellHorizontalPadding: 8,\n  wrapperBorderRadius: 0,\n});\n\n/**\n * Dark theme for AG Grid data grids\n */\nexport const dataGridThemeDark = themeQuartz.withParams({\n  backgroundColor: \"#1e1e1e\",\n  headerBackgroundColor: \"#383838\",\n  rowHoverColor: \"#1e1e1e\",\n  borderColor: \"#4a4a4a\",\n  foregroundColor: \"#e0e0e0\",\n  fontFamily: \"monospace\",\n  fontSize: 13,\n  headerFontFamily: systemFontStack,\n  headerFontSize: 13,\n  headerFontWeight: 700,\n  cellHorizontalPadding: 8,\n  wrapperBorderRadius: 0,\n});\n","/**\n * Shared Chart.js theme utilities for dark mode support\n */\n\nexport interface ChartThemeColors {\n  gridColor: string;\n  textColor: string;\n  borderColor: string;\n  tooltipBackgroundColor: string;\n  tooltipTextColor: string;\n}\n\n/**\n * Get theme-aware colors for Chart.js charts\n * @param isDark - Whether dark mode is active\n * @returns Theme colors for Chart.js configuration\n */\nexport function getChartThemeColors(isDark: boolean): ChartThemeColors {\n  return {\n    gridColor: isDark ? \"#4b5563\" : \"#d1d5db\",\n    textColor: isDark ? \"#e5e7eb\" : \"#374151\",\n    borderColor: isDark ? \"#6b7280\" : \"#9ca3af\",\n    tooltipBackgroundColor: isDark ? \"#1f2937\" : \"#ffffff\",\n    tooltipTextColor: isDark ? \"#e5e7eb\" : \"#111827\",\n  };\n}\n\n/**\n * Get Chart.js scale options with theme-aware colors\n * @param isDark - Whether dark mode is active\n * @param showGrid - Whether to show grid lines\n * @returns Partial scale options for Chart.js\n */\nexport function getThemedScaleOptions(isDark: boolean, showGrid = true) {\n  const colors = getChartThemeColors(isDark);\n  return {\n    grid: {\n      color: showGrid ? colors.gridColor : undefined,\n      display: showGrid,\n    },\n    ticks: {\n      color: colors.textColor,\n    },\n    border: {\n      color: colors.borderColor,\n    },\n  };\n}\n\n/**\n * Get Chart.js plugin options with theme-aware colors\n * @param isDark - Whether dark mode is active\n * @returns Plugin options for Chart.js (legend, title, tooltip)\n */\nexport function getThemedPluginOptions(isDark: boolean) {\n  const colors = getChartThemeColors(isDark);\n  return {\n    legend: {\n      labels: {\n        color: colors.textColor,\n      },\n    },\n    title: {\n      color: colors.textColor,\n    },\n    tooltip: {\n      backgroundColor: colors.tooltipBackgroundColor,\n      titleColor: colors.tooltipTextColor,\n      bodyColor: colors.tooltipTextColor,\n      borderColor: colors.borderColor,\n      borderWidth: 1,\n    },\n  };\n}\n\n// Bar color constants - Light mode\nexport const CURRENT_BAR_COLOR = \"#63B3ED\";\nexport const BASE_BAR_COLOR = \"#F6AD55\";\nexport const CURRENT_BAR_COLOR_WITH_ALPHA = `${CURRENT_BAR_COLOR}A5`;\nexport const BASE_BAR_COLOR_WITH_ALPHA = `${BASE_BAR_COLOR}A5`;\n\n// Bar color constants - Dark mode (slightly brighter for better visibility)\nexport const CURRENT_BAR_COLOR_DARK = \"#90CDF4\";\nexport const BASE_BAR_COLOR_DARK = \"#FBD38D\";\nexport const CURRENT_BAR_COLOR_DARK_WITH_ALPHA = `${CURRENT_BAR_COLOR_DARK}A5`;\nexport const BASE_BAR_COLOR_DARK_WITH_ALPHA = `${BASE_BAR_COLOR_DARK}A5`;\n\n// Info color\nexport const INFO_VAL_COLOR = \"#63B3ED\";\nexport const INFO_VAL_COLOR_DARK = \"#90CDF4\";\n\n/**\n * Get theme-aware bar colors for charts\n * @param isDark - Whether dark mode is active\n * @returns Object with current and base bar colors\n */\nexport function getBarColors(isDark: boolean) {\n  return {\n    current: isDark ? CURRENT_BAR_COLOR_DARK : CURRENT_BAR_COLOR,\n    base: isDark ? BASE_BAR_COLOR_DARK : BASE_BAR_COLOR,\n    currentWithAlpha: isDark\n      ? CURRENT_BAR_COLOR_DARK_WITH_ALPHA\n      : CURRENT_BAR_COLOR_WITH_ALPHA,\n    baseWithAlpha: isDark\n      ? BASE_BAR_COLOR_DARK_WITH_ALPHA\n      : BASE_BAR_COLOR_WITH_ALPHA,\n    info: isDark ? INFO_VAL_COLOR_DARK : INFO_VAL_COLOR,\n  };\n}\n","/**\n * MUI Theme configuration with CSS Variables mode\n *\n * This theme uses MUI 7's CSS Variables mode with `colorSchemeSelector: 'class'`\n * to toggle between light and dark modes using the `.dark` class on the document.\n * This integrates with the ThemeContext which manages the class toggle.\n *\n * Color values and component variants are aligned with the main Recce theme at\n * ui/src/components/ui/mui-theme.ts for consistency.\n */\n\nimport { createTheme, type ThemeOptions } from \"@mui/material/styles\";\n\nimport { colors } from \"./colors\";\n\n// Custom color names type for variant generation\ntype CustomColorName =\n  | \"brand\"\n  | \"iochmara\"\n  | \"cyan\"\n  | \"amber\"\n  | \"green\"\n  | \"red\"\n  | \"rose\"\n  | \"fuchsia\"\n  | \"neutral\";\n\n// Type for color scales with numeric keys (50, 100, 200, etc.)\ninterface ColorScale {\n  readonly [key: number]: string;\n  readonly 50: string;\n  readonly 100: string;\n  readonly 200: string;\n  readonly 300: string;\n  readonly 400: string;\n  readonly 500: string;\n  readonly 600: string;\n  readonly 700: string;\n  readonly 800: string;\n  readonly 900: string;\n  readonly 950: string;\n}\n\n/**\n * Helper to generate button color variants for a given color\n * Creates contained, outlined, and text variant styles\n *\n * Uses the `&&` selector pattern to increase CSS specificity, ensuring our\n * custom color variant styles override MUI's default outlined/text button styles.\n * MUI's default styles have high specificity that would otherwise win the cascade.\n *\n * @see https://mui.com/material-ui/customization/theme-components/#specificity\n */\nfunction createButtonColorVariants<T extends CustomColorName>(\n  colorName: T,\n  colorScale: ColorScale,\n) {\n  return [\n    // Contained variant (solid) - uses CSS variables for light/dark mode\n    {\n      props: { color: colorName, variant: \"contained\" as const },\n      style: {\n        backgroundColor: `var(--mui-palette-${colorName}-main, ${colorScale[500]})`,\n        color: `var(--mui-palette-${colorName}-contrastText, #ffffff)`,\n        \"&:hover\": {\n          backgroundColor: `var(--mui-palette-${colorName}-dark, ${colorScale[600]})`,\n        },\n      },\n    },\n    // Outlined variant - uses && for higher specificity over MUI defaults\n    {\n      props: { color: colorName, variant: \"outlined\" as const },\n      style: {\n        // && increases specificity to override MUI's default outlined styles\n        \"&&\": {\n          borderColor: `var(--mui-palette-${colorName}-main, ${colorScale[500]})`,\n          color: `var(--mui-palette-${colorName}-dark, ${colorScale[600]})`,\n        },\n        \"&:hover\": {\n          borderColor: `var(--mui-palette-${colorName}-dark, ${colorScale[600]})`,\n          backgroundColor: `color-mix(in srgb, var(--mui-palette-${colorName}-light, ${colorScale[50]}) 30%, transparent)`,\n        },\n      },\n    },\n    // Text variant (ghost) - uses && for higher specificity over MUI defaults\n    {\n      props: { color: colorName, variant: \"text\" as const },\n      style: {\n        // && increases specificity to override MUI's default text styles\n        \"&&\": {\n          color: `var(--mui-palette-${colorName}-dark, ${colorScale[600]})`,\n        },\n        \"&:hover\": {\n          backgroundColor: `color-mix(in srgb, var(--mui-palette-${colorName}-light, ${colorScale[50]}) 30%, transparent)`,\n        },\n      },\n    },\n  ];\n}\n\n/**\n * Helper to generate Chip color variants\n * Uses CSS variables for automatic light/dark mode support\n *\n * Uses the `&&` selector pattern for outlined variant to ensure our custom\n * color styles override MUI's default chip outlined styles.\n */\nfunction createChipColorVariants<T extends CustomColorName>(\n  colorName: T,\n  colorScale: ColorScale,\n) {\n  return [\n    // Filled variant - uses CSS variables for light/dark mode\n    {\n      props: { color: colorName, variant: \"filled\" as const },\n      style: {\n        backgroundColor: `var(--mui-palette-${colorName}-main, ${colorScale[500]})`,\n        color: `var(--mui-palette-${colorName}-contrastText, #ffffff)`,\n        \"&:hover\": {\n          backgroundColor: `var(--mui-palette-${colorName}-dark, ${colorScale[600]})`,\n        },\n        \"&.MuiChip-clickable:hover\": {\n          backgroundColor: `var(--mui-palette-${colorName}-dark, ${colorScale[600]})`,\n        },\n      },\n    },\n    // Outlined variant - uses && for higher specificity over MUI defaults\n    {\n      props: { color: colorName, variant: \"outlined\" as const },\n      style: {\n        // && increases specificity to override MUI's default outlined styles\n        \"&&\": {\n          borderColor: `var(--mui-palette-${colorName}-main, ${colorScale[500]})`,\n          color: `var(--mui-palette-${colorName}-dark, ${colorScale[600]})`,\n        },\n        \"&:hover\": {\n          backgroundColor: `color-mix(in srgb, var(--mui-palette-${colorName}-light, ${colorScale[50]}) 25%, transparent)`,\n        },\n      },\n    },\n  ];\n}\n\n/**\n * Helper to generate Badge color variants\n * Uses CSS variables for automatic light/dark mode support\n */\nfunction createBadgeColorVariant<T extends CustomColorName>(\n  colorName: T,\n  colorScale: ColorScale,\n) {\n  return [\n    {\n      props: { color: colorName },\n      style: {\n        \"& .MuiBadge-badge\": {\n          backgroundColor: `var(--mui-palette-${colorName}-main, ${colorScale[500]})`,\n          color: `var(--mui-palette-${colorName}-contrastText, #ffffff)`,\n        },\n      },\n    },\n  ];\n}\n\n/**\n * Helper to generate CircularProgress color variants\n * Uses CSS variables for automatic light/dark mode support\n */\nfunction createProgressColorVariant<T extends CustomColorName>(\n  colorName: T,\n  colorScale: ColorScale,\n) {\n  return [\n    {\n      props: { color: colorName },\n      style: {\n        color: `var(--mui-palette-${colorName}-main, ${colorScale[500]})`,\n      },\n    },\n  ];\n}\n\n// Generate all button color variants\nconst buttonColorVariants = [\n  ...createButtonColorVariants(\"brand\", colors.brand),\n  ...createButtonColorVariants(\"iochmara\", colors.iochmara),\n  ...createButtonColorVariants(\"cyan\", colors.cyan),\n  ...createButtonColorVariants(\"amber\", colors.amber),\n  ...createButtonColorVariants(\"green\", colors.green),\n  ...createButtonColorVariants(\"red\", colors.red),\n  ...createButtonColorVariants(\"rose\", colors.rose),\n  ...createButtonColorVariants(\"fuchsia\", colors.fuchsia),\n  ...createButtonColorVariants(\"neutral\", colors.neutral),\n];\n\n// Generate all chip color variants\nconst chipColorVariants = [\n  ...createChipColorVariants(\"brand\", colors.brand),\n  ...createChipColorVariants(\"iochmara\", colors.iochmara),\n  ...createChipColorVariants(\"cyan\", colors.cyan),\n  ...createChipColorVariants(\"amber\", colors.amber),\n  ...createChipColorVariants(\"green\", colors.green),\n  ...createChipColorVariants(\"red\", colors.red),\n  ...createChipColorVariants(\"rose\", colors.rose),\n  ...createChipColorVariants(\"fuchsia\", colors.fuchsia),\n  ...createChipColorVariants(\"neutral\", colors.neutral),\n];\n\n// Generate all badge color variants\nconst badgeColorVariants = [\n  ...createBadgeColorVariant(\"brand\", colors.brand),\n  ...createBadgeColorVariant(\"iochmara\", colors.iochmara),\n];\n\n// Generate all progress color variants\nconst progressColorVariants = [\n  ...createProgressColorVariant(\"brand\", colors.brand),\n  ...createProgressColorVariant(\"iochmara\", colors.iochmara),\n];\n\n// Module augmentations are in js/mui-augmentations.d.ts (included via tsconfig)\n\n/**\n * System font stack for optimal cross-platform rendering\n */\nconst systemFontStack = [\n  \"-apple-system\",\n  \"BlinkMacSystemFont\",\n  '\"Segoe UI\"',\n  \"Roboto\",\n  '\"Helvetica Neue\"',\n  \"Arial\",\n  \"sans-serif\",\n  '\"Apple Color Emoji\"',\n  '\"Segoe UI Emoji\"',\n  '\"Segoe UI Symbol\"',\n].join(\",\");\n\n/**\n * Shared theme options for both light and dark modes\n */\nconst sharedThemeOptions: ThemeOptions = {\n  typography: {\n    fontFamily: systemFontStack,\n    // Slightly smaller default sizes for data-dense UIs\n    fontSize: 14,\n    h1: { fontWeight: 600 },\n    h2: { fontWeight: 600 },\n    h3: { fontWeight: 600 },\n    h4: { fontWeight: 600 },\n    h5: { fontWeight: 600 },\n    h6: { fontWeight: 600 },\n    button: {\n      textTransform: \"none\", // No uppercase for buttons\n      fontWeight: 500,\n    },\n  },\n  shape: {\n    borderRadius: 8, // Rounded corners\n  },\n  components: {\n    MuiButton: {\n      defaultProps: {\n        disableElevation: true, // Match Chakra's flat button style\n      },\n      styleOverrides: {\n        root: {\n          borderRadius: 6,\n          boxShadow: \"none\",\n          textTransform: \"none\",\n          fontWeight: 500,\n          \"&:hover\": {\n            boxShadow: \"none\",\n          },\n        },\n        sizeSmall: {\n          fontSize: \"0.8125rem\",\n          padding: \"4px 10px\",\n        },\n        sizeMedium: {\n          padding: \"0.5rem 1rem\",\n          fontSize: \"1rem\",\n        },\n        sizeLarge: {\n          padding: \"0.75rem 1.5rem\",\n          fontSize: \"1.125rem\",\n        },\n        contained: {\n          \"&:hover\": {\n            boxShadow: \"none\",\n          },\n        },\n        outlined: {\n          borderWidth: \"1px\",\n          \"&:hover\": {\n            borderWidth: \"1px\",\n          },\n        },\n      },\n      variants: [\n        // Size variant: xsmall\n        {\n          props: { size: \"xsmall\" },\n          style: {\n            fontSize: \"0.75rem\",\n            padding: \"2px 8px\",\n            minHeight: 24,\n          },\n        },\n        // Color variants for brand and iochmara\n        ...buttonColorVariants,\n      ],\n    },\n    MuiChip: {\n      styleOverrides: {\n        root: {\n          borderRadius: 6,\n          fontWeight: 500,\n        },\n        sizeSmall: {\n          fontSize: \"0.75rem\",\n          height: 24,\n        },\n        sizeMedium: {\n          height: 32,\n          fontSize: \"0.875rem\",\n        },\n      },\n      variants: [\n        // Size variant: xsmall\n        {\n          props: { size: \"xsmall\" },\n          style: {\n            fontSize: \"0.6875rem\",\n            height: 20,\n            \"& .MuiChip-label\": {\n              padding: \"0 6px\",\n            },\n          },\n        },\n        // Color variants for brand and iochmara\n        ...chipColorVariants,\n      ],\n    },\n    MuiBadge: {\n      variants: [\n        // Color variants for brand and iochmara\n        ...badgeColorVariants,\n      ],\n      styleOverrides: {\n        badge: {\n          fontWeight: 500,\n          fontSize: \"0.75rem\",\n        },\n      },\n    },\n    // Alert overrides\n    MuiAlert: {\n      styleOverrides: {\n        root: {\n          borderRadius: 6,\n        },\n        standardSuccess: {\n          backgroundColor: \"var(--mui-palette-success-light)\",\n          color: \"var(--mui-palette-success-dark)\",\n          \"& .MuiAlert-icon\": {\n            color: \"var(--mui-palette-success-dark)\",\n          },\n        },\n        standardWarning: {\n          backgroundColor: \"var(--mui-palette-warning-light)\",\n          color: \"var(--mui-palette-warning-dark)\",\n          \"& .MuiAlert-icon\": {\n            color: \"var(--mui-palette-warning-dark)\",\n          },\n        },\n        standardError: {\n          backgroundColor: \"var(--mui-palette-error-light)\",\n          color: \"var(--mui-palette-error-dark)\",\n          \"& .MuiAlert-icon\": {\n            color: \"var(--mui-palette-error-dark)\",\n          },\n        },\n        standardInfo: {\n          backgroundColor: \"var(--mui-palette-info-light)\",\n          color: \"var(--mui-palette-info-dark)\",\n          \"& .MuiAlert-icon\": {\n            color: \"var(--mui-palette-info-dark)\",\n          },\n        },\n      },\n    },\n    // Tabs overrides\n    MuiTabs: {\n      styleOverrides: {\n        indicator: {\n          height: 2,\n        },\n      },\n    },\n    MuiTab: {\n      styleOverrides: {\n        root: {\n          textTransform: \"none\",\n          fontWeight: 500,\n          minHeight: 48,\n        },\n      },\n    },\n    // Avatar overrides\n    MuiAvatar: {\n      styleOverrides: {\n        root: {\n          fontWeight: 500,\n        },\n      },\n    },\n    MuiCircularProgress: {\n      defaultProps: {\n        color: \"primary\",\n      },\n      variants: [\n        // Color variants for brand and iochmara\n        ...progressColorVariants,\n      ],\n    },\n    // Link overrides\n    MuiLink: {\n      defaultProps: {\n        underline: \"hover\",\n      },\n      styleOverrides: {\n        root: {\n          fontWeight: 500,\n          color: \"var(--mui-palette-secondary-main)\",\n          textDecorationColor: \"var(--mui-palette-secondary-light)\",\n          \"&:hover\": {\n            color: \"var(--mui-palette-secondary-dark)\",\n          },\n        },\n      },\n    },\n    // Popover overrides\n    MuiPopover: {\n      styleOverrides: {\n        paper: {\n          borderRadius: 8,\n          boxShadow:\n            \"0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)\",\n        },\n      },\n    },\n    // Divider overrides\n    MuiDivider: {\n      styleOverrides: {\n        root: {\n          borderColor: \"var(--mui-palette-divider)\",\n        },\n      },\n    },\n    // Breadcrumbs overrides\n    MuiBreadcrumbs: {\n      styleOverrides: {\n        separator: {\n          color: \"var(--mui-palette-text-secondary)\",\n        },\n      },\n    },\n    MuiCard: {\n      styleOverrides: {\n        root: {\n          borderRadius: 8,\n          boxShadow:\n            \"0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1)\",\n        },\n      },\n    },\n    MuiPaper: {\n      styleOverrides: {\n        root: {\n          backgroundImage: \"none\", // Remove default gradient\n        },\n      },\n    },\n    MuiTooltip: {\n      styleOverrides: {\n        tooltip: {\n          fontSize: \"0.75rem\",\n        },\n      },\n    },\n    // IconButton overrides\n    MuiIconButton: {\n      styleOverrides: {\n        root: {\n          borderRadius: 6,\n        },\n        sizeSmall: {\n          padding: 4,\n        },\n        sizeMedium: {\n          padding: 8,\n        },\n        sizeLarge: {\n          padding: 12,\n        },\n      },\n    },\n    // TextField overrides\n    MuiTextField: {\n      defaultProps: {\n        variant: \"outlined\",\n        size: \"small\",\n      },\n      styleOverrides: {\n        root: {\n          \"& .MuiOutlinedInput-root\": {\n            borderRadius: 6,\n          },\n        },\n      },\n    },\n    // OutlinedInput overrides\n    MuiOutlinedInput: {\n      styleOverrides: {\n        root: {\n          borderRadius: 6,\n          \"&:hover .MuiOutlinedInput-notchedOutline\": {\n            borderColor: \"var(--mui-palette-secondary-light)\",\n          },\n          \"&.Mui-focused .MuiOutlinedInput-notchedOutline\": {\n            borderColor: \"var(--mui-palette-secondary-main)\",\n            borderWidth: 2,\n          },\n        },\n        notchedOutline: {\n          borderColor: \"var(--mui-palette-divider)\",\n        },\n      },\n    },\n    // Checkbox overrides\n    MuiCheckbox: {\n      defaultProps: {\n        color: \"primary\",\n      },\n      styleOverrides: {\n        root: {\n          borderRadius: 4,\n        },\n      },\n    },\n    // Switch overrides\n    MuiSwitch: {\n      defaultProps: {\n        color: \"primary\",\n      },\n    },\n    // Dialog overrides\n    MuiDialog: {\n      styleOverrides: {\n        paper: {\n          borderRadius: 8,\n        },\n      },\n    },\n    MuiDialogTitle: {\n      styleOverrides: {\n        root: {\n          fontWeight: 600,\n          fontSize: \"1.125rem\",\n        },\n      },\n    },\n    // Menu overrides\n    MuiMenu: {\n      styleOverrides: {\n        paper: {\n          borderRadius: 8,\n          boxShadow:\n            \"0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)\",\n        },\n      },\n    },\n    MuiMenuItem: {\n      styleOverrides: {\n        root: {\n          fontSize: \"0.875rem\",\n          padding: \"0.5rem 0.75rem\",\n          \"&:hover\": {\n            backgroundColor: \"var(--mui-palette-action-hover)\",\n          },\n          \"&.Mui-selected\": {\n            backgroundColor: \"var(--mui-palette-action-selected)\",\n            \"&:hover\": {\n              backgroundColor: \"var(--mui-palette-action-selected)\",\n            },\n          },\n        },\n      },\n    },\n    // Autocomplete overrides\n    MuiAutocomplete: {\n      styleOverrides: {\n        paper: {\n          borderRadius: 6,\n          boxShadow:\n            \"0 4px 6px -1px rgba(0, 0, 0, 0.15), 0 2px 4px -2px rgba(0, 0, 0, 0.1)\",\n          backgroundColor: colors.neutral[200],\n          \".dark &\": {\n            backgroundColor: colors.neutral[700],\n          },\n        },\n        listbox: {\n          padding: \"4px 0\",\n        },\n        option: {\n          fontSize: \"0.875rem\",\n          padding: \"0.5rem 0.75rem\",\n          '&[aria-selected=\"true\"]': {\n            backgroundColor: \"var(--mui-palette-action-selected)\",\n          },\n          \"&.Mui-focused\": {\n            backgroundColor: \"var(--mui-palette-action-hover)\",\n          },\n        },\n      },\n    },\n  },\n};\n\n/**\n * MUI Theme with CSS Variables mode enabled\n *\n * Uses `colorSchemeSelector: 'class'` to switch themes via `.dark` class,\n * which is toggled by the ThemeContext provider.\n *\n * Usage:\n * ```tsx\n * import { ThemeProvider } from '@mui/material/styles';\n * import { theme } from '@datarecce/ui/theme';\n *\n * <ThemeProvider theme={theme}>\n *   <App />\n * </ThemeProvider>\n * ```\n */\nexport const theme = createTheme({\n  cssVariables: {\n    colorSchemeSelector: \"class\", // Use .dark class for dark mode\n  },\n  colorSchemes: {\n    light: {\n      palette: {\n        mode: \"light\",\n        primary: {\n          main: colors.iochmara[500],\n          light: colors.iochmara[300],\n          dark: colors.iochmara[600],\n          contrastText: \"#ffffff\",\n        },\n        secondary: {\n          main: colors.cyan[500],\n          light: colors.cyan[400],\n          dark: colors.cyan[600],\n          contrastText: \"#ffffff\",\n        },\n        brand: {\n          light: colors.brand[400],\n          main: colors.brand[500],\n          dark: colors.brand[600],\n          contrastText: \"#ffffff\",\n        },\n        iochmara: {\n          light: colors.iochmara[400],\n          main: colors.iochmara[500],\n          dark: colors.iochmara[600],\n          contrastText: \"#ffffff\",\n        },\n        cyan: {\n          main: colors.cyan[500],\n          light: colors.cyan[300],\n          dark: colors.cyan[600],\n          contrastText: \"#ffffff\",\n        },\n        amber: {\n          main: colors.amber[500],\n          light: colors.amber[300],\n          dark: colors.amber[600],\n          contrastText: \"#ffffff\",\n        },\n        green: {\n          main: colors.green[500],\n          light: colors.green[300],\n          dark: colors.green[600],\n          contrastText: \"#ffffff\",\n        },\n        red: {\n          main: colors.red[500],\n          light: colors.red[300],\n          dark: colors.red[600],\n          contrastText: \"#ffffff\",\n        },\n        rose: {\n          main: colors.rose[500],\n          light: colors.rose[300],\n          dark: colors.rose[600],\n          contrastText: \"#ffffff\",\n        },\n        fuchsia: {\n          main: colors.fuchsia[500],\n          light: colors.fuchsia[300],\n          dark: colors.fuchsia[600],\n          contrastText: \"#ffffff\",\n        },\n        neutral: {\n          main: colors.neutral[600],\n          light: colors.neutral[300],\n          dark: colors.neutral[700],\n          contrastText: \"#ffffff\",\n        },\n        grey: colors.neutral, // Color scale (50, 100, etc.) - MUI's built-in grey\n        success: colors.success,\n        warning: colors.warning,\n        error: colors.error,\n        info: colors.info,\n        background: {\n          default: \"#ffffff\",\n          paper: colors.neutral[50],\n        },\n        text: {\n          primary: colors.neutral[900],\n          secondary: colors.neutral[600],\n          disabled: colors.neutral[400],\n        },\n        divider: colors.neutral[200],\n      },\n    },\n    dark: {\n      palette: {\n        mode: \"dark\",\n        primary: {\n          main: colors.iochmara[500],\n          light: colors.iochmara[300],\n          dark: colors.iochmara[600],\n          contrastText: \"#ffffff\",\n        },\n        secondary: {\n          main: colors.cyan[500],\n          light: colors.cyan[400],\n          dark: colors.cyan[600],\n          contrastText: \"#ffffff\",\n        },\n        brand: {\n          light: colors.brand[300],\n          main: colors.brand[400],\n          dark: colors.brand[600],\n          contrastText: \"#ffffff\",\n        },\n        iochmara: {\n          light: colors.iochmara[300],\n          main: colors.iochmara[400],\n          dark: colors.iochmara[600],\n          contrastText: \"#ffffff\",\n        },\n        cyan: {\n          main: colors.cyan[400],\n          light: colors.cyan[300],\n          dark: colors.cyan[600],\n          contrastText: \"#ffffff\",\n        },\n        amber: {\n          main: colors.amber[400],\n          light: colors.amber[300],\n          dark: colors.amber[600],\n          contrastText: \"#000000\",\n        },\n        green: {\n          main: colors.green[400],\n          light: colors.green[300],\n          dark: colors.green[600],\n          contrastText: \"#ffffff\",\n        },\n        red: {\n          main: colors.red[400],\n          light: colors.red[300],\n          dark: colors.red[600],\n          contrastText: \"#ffffff\",\n        },\n        rose: {\n          main: colors.rose[400],\n          light: colors.rose[300],\n          dark: colors.rose[600],\n          contrastText: \"#ffffff\",\n        },\n        fuchsia: {\n          main: colors.fuchsia[400],\n          light: colors.fuchsia[300],\n          dark: colors.fuchsia[600],\n          contrastText: \"#ffffff\",\n        },\n        neutral: {\n          main: colors.neutral[400],\n          light: colors.neutral[300],\n          dark: colors.neutral[200],\n          contrastText: colors.neutral[900],\n        },\n        grey: colors.neutral, // Color scale (50, 100, etc.) - MUI's built-in grey\n        success: {\n          light: colors.success.light,\n          main: colors.success.main,\n          dark: colors.success.dark,\n          contrastText: \"#000000\",\n        },\n        warning: {\n          light: colors.warning.light,\n          main: colors.warning.main,\n          dark: colors.warning.dark,\n          contrastText: \"#000000\",\n        },\n        error: {\n          light: colors.error.light,\n          main: colors.error.main,\n          dark: colors.error.dark,\n          contrastText: \"#ffffff\",\n        },\n        info: {\n          light: colors.info.light,\n          main: colors.info.main,\n          dark: colors.info.dark,\n          contrastText: \"#ffffff\",\n        },\n        background: {\n          default: colors.neutral[900],\n          paper: colors.neutral[800],\n        },\n        text: {\n          primary: colors.neutral[50],\n          secondary: colors.neutral[400],\n          disabled: colors.neutral[600],\n        },\n        divider: colors.neutral[700],\n      },\n    },\n  },\n  ...sharedThemeOptions,\n});\n\n/**\n * Theme type export for consumers who need to type their theme\n */\nexport type RecceTheme = typeof theme;\n"],"mappings":";4IAYA,MAAM,EACJ,+EAKW,EAAqB,EAAY,WAAW,CACvD,gBAAiB,UACjB,sBAAuB,UACvB,cAAe,UACf,YAAa,UACb,gBAAiB,UACjB,WAAY,YACZ,SAAU,GACV,iBAAkB,EAClB,eAAgB,GAChB,iBAAkB,IAClB,sBAAuB,EACvB,oBAAqB,EACtB,CAAC,CAKW,EAAoB,EAAY,WAAW,CACtD,gBAAiB,UACjB,sBAAuB,UACvB,cAAe,UACf,YAAa,UACb,gBAAiB,UACjB,WAAY,YACZ,SAAU,GACV,iBAAkB,EAClB,eAAgB,GAChB,iBAAkB,IAClB,sBAAuB,EACvB,oBAAqB,EACtB,CAAC,CChCF,SAAgB,EAAoB,EAAmC,CACrE,MAAO,CACL,UAAW,EAAS,UAAY,UAChC,UAAW,EAAS,UAAY,UAChC,YAAa,EAAS,UAAY,UAClC,uBAAwB,EAAS,UAAY,UAC7C,iBAAkB,EAAS,UAAY,UACxC,CASH,SAAgB,EAAsB,EAAiB,EAAW,GAAM,CACtE,IAAM,EAAS,EAAoB,EAAO,CAC1C,MAAO,CACL,KAAM,CACJ,MAAO,EAAW,EAAO,UAAY,IAAA,GACrC,QAAS,EACV,CACD,MAAO,CACL,MAAO,EAAO,UACf,CACD,OAAQ,CACN,MAAO,EAAO,YACf,CACF,CAQH,SAAgB,EAAuB,EAAiB,CACtD,IAAM,EAAS,EAAoB,EAAO,CAC1C,MAAO,CACL,OAAQ,CACN,OAAQ,CACN,MAAO,EAAO,UACf,CACF,CACD,MAAO,CACL,MAAO,EAAO,UACf,CACD,QAAS,CACP,gBAAiB,EAAO,uBACxB,WAAY,EAAO,iBACnB,UAAW,EAAO,iBAClB,YAAa,EAAO,YACpB,YAAa,EACd,CACF,CAIH,MAAa,EAAoB,UACpB,EAAiB,UACjB,EAA+B,GAAG,EAAkB,IACpD,EAA4B,GAAG,EAAe,IAG9C,EAAyB,UACzB,EAAsB,UACtB,EAAoC,GAAG,EAAuB,IAC9D,EAAiC,GAAG,EAAoB,IAGxD,EAAiB,UACjB,EAAsB,UAOnC,SAAgB,EAAa,EAAiB,CAC5C,MAAO,CACL,QAAS,EAAS,EAAyB,EAC3C,KAAM,EAAS,EAAsB,EACrC,iBAAkB,EACd,EACA,EACJ,cAAe,EACX,EACA,EACJ,KAAM,EAAS,EAAsB,EACtC,CCtDH,SAAS,EACP,EACA,EACA,CACA,MAAO,CAEL,CACE,MAAO,CAAE,MAAO,EAAW,QAAS,YAAsB,CAC1D,MAAO,CACL,gBAAiB,qBAAqB,EAAU,SAAS,EAAW,KAAK,GACzE,MAAO,qBAAqB,EAAU,yBACtC,UAAW,CACT,gBAAiB,qBAAqB,EAAU,SAAS,EAAW,KAAK,GAC1E,CACF,CACF,CAED,CACE,MAAO,CAAE,MAAO,EAAW,QAAS,WAAqB,CACzD,MAAO,CAEL,KAAM,CACJ,YAAa,qBAAqB,EAAU,SAAS,EAAW,KAAK,GACrE,MAAO,qBAAqB,EAAU,SAAS,EAAW,KAAK,GAChE,CACD,UAAW,CACT,YAAa,qBAAqB,EAAU,SAAS,EAAW,KAAK,GACrE,gBAAiB,wCAAwC,EAAU,UAAU,EAAW,IAAI,qBAC7F,CACF,CACF,CAED,CACE,MAAO,CAAE,MAAO,EAAW,QAAS,OAAiB,CACrD,MAAO,CAEL,KAAM,CACJ,MAAO,qBAAqB,EAAU,SAAS,EAAW,KAAK,GAChE,CACD,UAAW,CACT,gBAAiB,wCAAwC,EAAU,UAAU,EAAW,IAAI,qBAC7F,CACF,CACF,CACF,CAUH,SAAS,EACP,EACA,EACA,CACA,MAAO,CAEL,CACE,MAAO,CAAE,MAAO,EAAW,QAAS,SAAmB,CACvD,MAAO,CACL,gBAAiB,qBAAqB,EAAU,SAAS,EAAW,KAAK,GACzE,MAAO,qBAAqB,EAAU,yBACtC,UAAW,CACT,gBAAiB,qBAAqB,EAAU,SAAS,EAAW,KAAK,GAC1E,CACD,4BAA6B,CAC3B,gBAAiB,qBAAqB,EAAU,SAAS,EAAW,KAAK,GAC1E,CACF,CACF,CAED,CACE,MAAO,CAAE,MAAO,EAAW,QAAS,WAAqB,CACzD,MAAO,CAEL,KAAM,CACJ,YAAa,qBAAqB,EAAU,SAAS,EAAW,KAAK,GACrE,MAAO,qBAAqB,EAAU,SAAS,EAAW,KAAK,GAChE,CACD,UAAW,CACT,gBAAiB,wCAAwC,EAAU,UAAU,EAAW,IAAI,qBAC7F,CACF,CACF,CACF,CAOH,SAAS,EACP,EACA,EACA,CACA,MAAO,CACL,CACE,MAAO,CAAE,MAAO,EAAW,CAC3B,MAAO,CACL,oBAAqB,CACnB,gBAAiB,qBAAqB,EAAU,SAAS,EAAW,KAAK,GACzE,MAAO,qBAAqB,EAAU,yBACvC,CACF,CACF,CACF,CAOH,SAAS,EACP,EACA,EACA,CACA,MAAO,CACL,CACE,MAAO,CAAE,MAAO,EAAW,CAC3B,MAAO,CACL,MAAO,qBAAqB,EAAU,SAAS,EAAW,KAAK,GAChE,CACF,CACF,CAIH,MAAM,EAAsB,CAC1B,GAAG,EAA0B,QAAS,EAAO,MAAM,CACnD,GAAG,EAA0B,WAAY,EAAO,SAAS,CACzD,GAAG,EAA0B,OAAQ,EAAO,KAAK,CACjD,GAAG,EAA0B,QAAS,EAAO,MAAM,CACnD,GAAG,EAA0B,QAAS,EAAO,MAAM,CACnD,GAAG,EAA0B,MAAO,EAAO,IAAI,CAC/C,GAAG,EAA0B,OAAQ,EAAO,KAAK,CACjD,GAAG,EAA0B,UAAW,EAAO,QAAQ,CACvD,GAAG,EAA0B,UAAW,EAAO,QAAQ,CACxD,CAGK,EAAoB,CACxB,GAAG,EAAwB,QAAS,EAAO,MAAM,CACjD,GAAG,EAAwB,WAAY,EAAO,SAAS,CACvD,GAAG,EAAwB,OAAQ,EAAO,KAAK,CAC/C,GAAG,EAAwB,QAAS,EAAO,MAAM,CACjD,GAAG,EAAwB,QAAS,EAAO,MAAM,CACjD,GAAG,EAAwB,MAAO,EAAO,IAAI,CAC7C,GAAG,EAAwB,OAAQ,EAAO,KAAK,CAC/C,GAAG,EAAwB,UAAW,EAAO,QAAQ,CACrD,GAAG,EAAwB,UAAW,EAAO,QAAQ,CACtD,CAGK,EAAqB,CACzB,GAAG,EAAwB,QAAS,EAAO,MAAM,CACjD,GAAG,EAAwB,WAAY,EAAO,SAAS,CACxD,CAGK,EAAwB,CAC5B,GAAG,EAA2B,QAAS,EAAO,MAAM,CACpD,GAAG,EAA2B,WAAY,EAAO,SAAS,CAC3D,CAuBK,EAAmC,CACvC,WAAY,CACV,WAlBoB,CACtB,gBACA,qBACA,aACA,SACA,mBACA,QACA,aACA,sBACA,mBACA,oBACD,CAAC,KAAK,IAAI,CASP,SAAU,GACV,GAAI,CAAE,WAAY,IAAK,CACvB,GAAI,CAAE,WAAY,IAAK,CACvB,GAAI,CAAE,WAAY,IAAK,CACvB,GAAI,CAAE,WAAY,IAAK,CACvB,GAAI,CAAE,WAAY,IAAK,CACvB,GAAI,CAAE,WAAY,IAAK,CACvB,OAAQ,CACN,cAAe,OACf,WAAY,IACb,CACF,CACD,MAAO,CACL,aAAc,EACf,CACD,WAAY,CACV,UAAW,CACT,aAAc,CACZ,iBAAkB,GACnB,CACD,eAAgB,CACd,KAAM,CACJ,aAAc,EACd,UAAW,OACX,cAAe,OACf,WAAY,IACZ,UAAW,CACT,UAAW,OACZ,CACF,CACD,UAAW,CACT,SAAU,YACV,QAAS,WACV,CACD,WAAY,CACV,QAAS,cACT,SAAU,OACX,CACD,UAAW,CACT,QAAS,iBACT,SAAU,WACX,CACD,UAAW,CACT,UAAW,CACT,UAAW,OACZ,CACF,CACD,SAAU,CACR,YAAa,MACb,UAAW,CACT,YAAa,MACd,CACF,CACF,CACD,SAAU,CAER,CACE,MAAO,CAAE,KAAM,SAAU,CACzB,MAAO,CACL,SAAU,UACV,QAAS,UACT,UAAW,GACZ,CACF,CAED,GAAG,EACJ,CACF,CACD,QAAS,CACP,eAAgB,CACd,KAAM,CACJ,aAAc,EACd,WAAY,IACb,CACD,UAAW,CACT,SAAU,UACV,OAAQ,GACT,CACD,WAAY,CACV,OAAQ,GACR,SAAU,WACX,CACF,CACD,SAAU,CAER,CACE,MAAO,CAAE,KAAM,SAAU,CACzB,MAAO,CACL,SAAU,YACV,OAAQ,GACR,mBAAoB,CAClB,QAAS,QACV,CACF,CACF,CAED,GAAG,EACJ,CACF,CACD,SAAU,CACR,SAAU,CAER,GAAG,EACJ,CACD,eAAgB,CACd,MAAO,CACL,WAAY,IACZ,SAAU,UACX,CACF,CACF,CAED,SAAU,CACR,eAAgB,CACd,KAAM,CACJ,aAAc,EACf,CACD,gBAAiB,CACf,gBAAiB,mCACjB,MAAO,kCACP,mBAAoB,CAClB,MAAO,kCACR,CACF,CACD,gBAAiB,CACf,gBAAiB,mCACjB,MAAO,kCACP,mBAAoB,CAClB,MAAO,kCACR,CACF,CACD,cAAe,CACb,gBAAiB,iCACjB,MAAO,gCACP,mBAAoB,CAClB,MAAO,gCACR,CACF,CACD,aAAc,CACZ,gBAAiB,gCACjB,MAAO,+BACP,mBAAoB,CAClB,MAAO,+BACR,CACF,CACF,CACF,CAED,QAAS,CACP,eAAgB,CACd,UAAW,CACT,OAAQ,EACT,CACF,CACF,CACD,OAAQ,CACN,eAAgB,CACd,KAAM,CACJ,cAAe,OACf,WAAY,IACZ,UAAW,GACZ,CACF,CACF,CAED,UAAW,CACT,eAAgB,CACd,KAAM,CACJ,WAAY,IACb,CACF,CACF,CACD,oBAAqB,CACnB,aAAc,CACZ,MAAO,UACR,CACD,SAAU,CAER,GAAG,EACJ,CACF,CAED,QAAS,CACP,aAAc,CACZ,UAAW,QACZ,CACD,eAAgB,CACd,KAAM,CACJ,WAAY,IACZ,MAAO,oCACP,oBAAqB,qCACrB,UAAW,CACT,MAAO,oCACR,CACF,CACF,CACF,CAED,WAAY,CACV,eAAgB,CACd,MAAO,CACL,aAAc,EACd,UACE,uEACH,CACF,CACF,CAED,WAAY,CACV,eAAgB,CACd,KAAM,CACJ,YAAa,6BACd,CACF,CACF,CAED,eAAgB,CACd,eAAgB,CACd,UAAW,CACT,MAAO,oCACR,CACF,CACF,CACD,QAAS,CACP,eAAgB,CACd,KAAM,CACJ,aAAc,EACd,UACE,oEACH,CACF,CACF,CACD,SAAU,CACR,eAAgB,CACd,KAAM,CACJ,gBAAiB,OAClB,CACF,CACF,CACD,WAAY,CACV,eAAgB,CACd,QAAS,CACP,SAAU,UACX,CACF,CACF,CAED,cAAe,CACb,eAAgB,CACd,KAAM,CACJ,aAAc,EACf,CACD,UAAW,CACT,QAAS,EACV,CACD,WAAY,CACV,QAAS,EACV,CACD,UAAW,CACT,QAAS,GACV,CACF,CACF,CAED,aAAc,CACZ,aAAc,CACZ,QAAS,WACT,KAAM,QACP,CACD,eAAgB,CACd,KAAM,CACJ,2BAA4B,CAC1B,aAAc,EACf,CACF,CACF,CACF,CAED,iBAAkB,CAChB,eAAgB,CACd,KAAM,CACJ,aAAc,EACd,2CAA4C,CAC1C,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"}