@easy-editor/setters 0.1.0 → 0.1.1

package/dist/index.css

@@ -1 +1 @@
-:root{--es-background:#fff;--es-foreground:#09090b;--es-primary:#18181b;--es-primary-foreground:#fafafa;--es-secondary:#f4f4f5;--es-secondary-foreground:#18181b;--es-muted:#f4f4f5;--es-muted-foreground:#71717a;--es-accent:#f4f4f5;--es-accent-foreground:#18181b;--es-destructive:#ef4444;--es-destructive-foreground:#fafafa;--es-border:#e4e4e7;--es-input:#e4e4e7;--es-ring:#18181b;--es-popover:#fff;--es-popover-foreground:#09090b;--es-radius:0.5rem;--es-radius-sm:0.25rem;--es-radius-lg:0.75rem;--es-spacing-1:0.25rem;--es-spacing-2:0.5rem;--es-spacing-3:0.75rem;--es-spacing-4:1rem;--es-text-xs:0.75rem;--es-text-sm:0.875rem;--es-text-base:1rem;--es-transition:150ms cubic-bezier(0.4,0,0.2,1)}.dark{--es-background:#09090b;--es-foreground:#fafafa;--es-primary:#fafafa;--es-primary-foreground:#18181b;--es-secondary:#27272a;--es-secondary-foreground:#fafafa;--es-muted:#27272a;--es-muted-foreground:#a1a1aa;--es-accent:#27272a;--es-accent-foreground:#fafafa;--es-destructive:#7f1d1d;--es-destructive-foreground:#fafafa;--es-border:#27272a;--es-input:#27272a;--es-ring:#d4d4d8;--es-popover:#09090b;--es-popover-foreground:#fafafa}.es-container-K2hFq{display:flex;flex-direction:column;gap:var(--es-spacing-3)}.es-visualWrapper-4dHVX{align-items:center;display:flex;gap:var(--es-spacing-4)}.es-previewBox-LDujZ{background-color:var(--es-secondary);background-image:linear-gradient(45deg,var(--es-muted) 25%,transparent 25%),linear-gradient(-45deg,var(--es-muted) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--es-muted) 75%),linear-gradient(-45deg,transparent 75%,var(--es-muted) 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px;border:1px solid var(--es-border);border-radius:var(--es-radius);height:4.5rem;position:relative;width:4.5rem}.es-previewElement-Bu8GM{background-color:var(--es-primary);border-radius:var(--es-radius-sm);box-shadow:0 1px 3px rgba(0,0,0,.2);transition:all .2s ease}.es-grid-BmRRU{background-color:var(--es-secondary);border-radius:var(--es-radius);display:grid;gap:3px;grid-template-columns:repeat(3,1fr);padding:3px}.es-gridButton-6Vtr7{background:var(--es-background);border:none;cursor:pointer;height:1.5rem;padding:0;position:relative;width:1.5rem}.es-gridButton-6Vtr7,.es-gridButton-6Vtr7:after{border-radius:50%;transition:all var(--es-transition)}.es-gridButton-6Vtr7:after{background-color:var(--es-muted-foreground);content:"";height:6px;left:50%;opacity:.4;position:absolute;top:50%;transform:translate(-50%,-50%);width:6px}.es-gridButton-6Vtr7:hover{background-color:var(--es-accent)}.es-gridButton-6Vtr7:hover:after{opacity:.8}.es-gridButtonSelected-fOpOm{background-color:var(--es-primary)}.es-gridButtonSelected-fOpOm:after{background-color:var(--es-primary-foreground);height:8px;opacity:1;width:8px}.es-section-SaHDo{display:flex;flex-direction:column;gap:var(--es-spacing-1)}.es-sectionLabel-hDWO0{color:var(--es-muted-foreground);font-size:var(--es-text-xs)}.es-buttonGroup-Nj258{display:flex;gap:var(--es-spacing-1)}.es-alignButton-zAvz2{align-items:center;background-color:transparent;border:1px solid var(--es-border);border-radius:var(--es-radius-sm);color:var(--es-foreground);cursor:pointer;display:flex;flex:1;height:2rem;justify-content:center;padding:0;transition:all var(--es-transition)}.es-alignButton-zAvz2:hover{background-color:var(--es-accent);border-color:var(--es-accent)}.es-alignButtonSelected-kGGHJ{color:var(--es-primary-foreground)}.es-alignButtonSelected-kGGHJ,.es-alignButtonSelected-kGGHJ:hover{background-color:var(--es-primary);border-color:var(--es-primary)}.es-alignIcon-mFjSX{height:1rem;width:1rem}.es-alignIconRotated-z4AwW{transform:rotate(90deg)}.es-container-KSlB-{display:flex;flex-direction:column;gap:var(--es-spacing-2);width:100%}.es-item-xDCpZ{align-items:center;display:flex;gap:var(--es-spacing-1)}.es-dragHandle-lOaFv{color:var(--es-muted-foreground);cursor:grab;flex-shrink:0;height:1rem;width:1rem}.es-input-ItzPT{-moz-appearance:textfield;background-color:var(--es-background);border:1px solid var(--es-input);border-radius:var(--es-radius-sm);color:var(--es-foreground);flex:1;font-size:var(--es-text-xs);height:2rem;outline:none;padding:var(--es-spacing-1) var(--es-spacing-2);transition:border-color var(--es-transition)}.es-input-ItzPT::-webkit-inner-spin-button,.es-input-ItzPT::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.es-input-ItzPT:focus{border-color:var(--es-ring)}.es-input-ItzPT::placeholder{color:var(--es-muted-foreground)}.es-removeButton-ymAlo{align-items:center;background:transparent;border:none;border-radius:var(--es-radius-sm);color:var(--es-muted-foreground);cursor:pointer;display:flex;flex-shrink:0;height:2rem;justify-content:center;transition:color var(--es-transition);width:2rem}.es-removeButton-ymAlo:hover:not(:disabled){color:var(--es-destructive)}.es-removeButton-ymAlo:disabled{cursor:not-allowed;opacity:.5}.es-removeIcon-ld51f{height:1rem;width:1rem}.es-addButton-U1VQX{align-items:center;background-color:transparent;border:1px solid var(--es-border);border-radius:var(--es-radius-sm);color:var(--es-foreground);cursor:pointer;display:flex;font-size:var(--es-text-xs);gap:var(--es-spacing-1);height:2rem;justify-content:center;padding:0 var(--es-spacing-3);transition:background-color var(--es-transition),border-color var(--es-transition);width:100%}.es-addButton-U1VQX:hover:not(:disabled){background-color:var(--es-accent);border-color:var(--es-accent)}.es-addButton-U1VQX:disabled{cursor:not-allowed;opacity:.5}.es-addIcon-6qJub{height:1rem;width:1rem}.es-trigger-w-aUi{align-items:center;background-color:transparent;border:1px solid var(--es-input);border-radius:var(--es-radius-sm);color:var(--es-foreground);cursor:pointer;display:flex;font-size:var(--es-text-xs);gap:var(--es-spacing-2);height:2rem;padding:var(--es-spacing-1) var(--es-spacing-2);text-align:left;transition:border-color var(--es-transition);width:100%}.es-trigger-w-aUi:hover{border-color:var(--es-ring)}.es-colorPreview-SUgiJ{border:1px solid var(--es-muted-foreground);border-radius:9999px;height:.875rem;width:.875rem}.es-colorValue-cYdRP{flex:1;font-family:monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.es-popover-SfIUB{background-color:var(--es-popover);border:1px solid var(--es-border);border-radius:var(--es-radius);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);margin-top:var(--es-spacing-1);position:absolute;z-index:50}.es-popoverHidden-GCAC8{display:none}.es-container-df9wM{position:relative;width:100%}.es-trigger-fTNvQ{align-items:center;background-color:transparent;border:1px solid var(--es-input);border-radius:var(--es-radius-sm);color:var(--es-foreground);cursor:pointer;display:flex;font-size:var(--es-text-xs);gap:var(--es-spacing-2);height:2rem;padding:var(--es-spacing-1) var(--es-spacing-2);text-align:left;transition:border-color var(--es-transition);width:100%}.es-trigger-fTNvQ:hover{border-color:var(--es-ring)}.es-triggerIcon-1mdQ0{flex-shrink:0;height:.75rem;width:.75rem}.es-triggerIconPrimary-opifh{color:var(--es-primary)}.es-triggerIconMuted-CWgDl{color:var(--es-muted-foreground)}.es-triggerText-WeQRu{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.es-popover-z8oiW{background-color:var(--es-popover);border:1px solid var(--es-border);border-radius:var(--es-radius);box-shadow:0 4px 6px -1px rgba(0,0,0,.1);left:0;position:absolute;top:calc(100% + 4px);width:18rem;z-index:50}.es-popoverHidden-kLhMd{display:none}.es-tabsList-liSeY{background-color:var(--es-muted);border-radius:var(--es-radius) var(--es-radius) 0 0;display:grid;grid-template-columns:repeat(2,1fr);height:2.25rem;padding:var(--es-spacing-1)}.es-tabTrigger-6j7K-{align-items:center;background:transparent;border:none;border-radius:var(--es-radius-sm);color:var(--es-muted-foreground);cursor:pointer;display:flex;font-size:var(--es-text-xs);gap:var(--es-spacing-1);justify-content:center;padding:var(--es-spacing-1);transition:all var(--es-transition)}.es-tabTrigger-6j7K-:hover{color:var(--es-foreground)}.es-tabTriggerActive-g6hcl{background-color:var(--es-background);box-shadow:0 1px 2px rgba(0,0,0,.05);color:var(--es-foreground)}.es-tabTriggerIcon-dRSAp{height:.75rem;width:.75rem}.es-tabContent--H166{display:none;padding:var(--es-spacing-3);padding-top:var(--es-spacing-2)}.es-tabContentActive-Fjdu5{display:block}.es-section-eDYxd{display:flex;flex-direction:column;gap:var(--es-spacing-2)}.es-input--OymK,.es-sectionLabel--LHE8{color:var(--es-foreground);font-size:var(--es-text-xs)}.es-input--OymK{background-color:var(--es-background);border:1px solid var(--es-input);border-radius:var(--es-radius-sm);height:2rem;outline:none;padding:var(--es-spacing-1) var(--es-spacing-2);transition:border-color var(--es-transition);width:100%}.es-input--OymK:focus{border-color:var(--es-ring)}.es-input--OymK::placeholder{color:var(--es-muted-foreground)}.es-inputMono-pCJz3,.es-textarea-iurkc{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.es-textarea-iurkc{background-color:var(--es-background);border:1px solid var(--es-input);border-radius:var(--es-radius-sm);color:var(--es-foreground);font-size:var(--es-text-xs);height:5rem;outline:none;padding:var(--es-spacing-2);resize:none;transition:border-color var(--es-transition);width:100%}.es-textarea-iurkc:focus{border-color:var(--es-ring)}.es-textarea-iurkc::placeholder{color:var(--es-muted-foreground)}.es-booleanButtons-0bM8P{display:flex;gap:var(--es-spacing-2)}.es-booleanButton-3fXcB{background-color:transparent;border:1px solid var(--es-border);border-radius:var(--es-radius-sm);color:var(--es-foreground);cursor:pointer;flex:1;font-size:var(--es-text-xs);height:2rem;padding:0;transition:all var(--es-transition)}.es-booleanButton-3fXcB:hover{background-color:var(--es-accent)}.es-booleanButtonActive-zGWrZ{border-color:var(--es-primary);color:var(--es-primary-foreground)}.es-booleanButtonActive-zGWrZ,.es-booleanButtonActive-zGWrZ:hover{background-color:var(--es-primary)}.es-datasourceList-VIRXb{display:flex;flex-direction:column;gap:var(--es-spacing-1)}.es-datasourceButton-giz6D{align-items:center;background-color:transparent;border:1px solid var(--es-border);border-radius:var(--es-radius-sm);color:var(--es-foreground);cursor:pointer;display:flex;font-size:var(--es-text-xs);gap:var(--es-spacing-2);height:2rem;padding:0 var(--es-spacing-2);text-align:left;transition:all var(--es-transition)}.es-datasourceButton-giz6D:hover{background-color:var(--es-accent)}.es-datasourceButtonActive-m5WPP{border-color:var(--es-primary);color:var(--es-primary-foreground)}.es-datasourceButtonActive-m5WPP,.es-datasourceButtonActive-m5WPP:hover{background-color:var(--es-primary)}.es-datasourceIcon-q9Omt{height:.75rem;width:.75rem}.es-emptyState-rI2si{border:1px dashed var(--es-border);border-radius:var(--es-radius);padding:var(--es-spacing-3);text-align:center}.es-emptyState-rI2si,.es-hint-zfWLZ,.es-preview-tUInw{color:var(--es-muted-foreground);font-size:var(--es-text-xs)}.es-preview-tUInw{background-color:color-mix(in srgb,var(--es-muted) 30%,transparent);border:1px solid var(--es-border);border-radius:var(--es-radius);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;padding:var(--es-spacing-2)}.es-container-4VZqD{position:relative;width:100%}.es-trigger-rmYLl{align-items:center;background-color:transparent;border:1px solid var(--es-input);border-radius:var(--es-radius-sm);color:var(--es-foreground);cursor:pointer;display:flex;font-size:var(--es-text-xs);gap:var(--es-spacing-2);height:2rem;padding:var(--es-spacing-1) var(--es-spacing-2);text-align:left;transition:border-color var(--es-transition);width:100%}.es-trigger-rmYLl:hover{border-color:var(--es-ring)}.es-triggerIcon-ktlTS{flex-shrink:0;height:.75rem;width:.75rem}.es-triggerText-B63By{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.es-popover-d9HQQ{background-color:var(--es-popover);border:1px solid var(--es-border);border-radius:var(--es-radius);box-shadow:0 4px 6px -1px rgba(0,0,0,.1);left:0;padding:var(--es-spacing-3);position:absolute;top:calc(100% + 4px);width:20rem;z-index:50}.es-popoverHidden-fDKLq{display:none}.es-content-3MmL0{display:flex;flex-direction:column;gap:var(--es-spacing-3)}.es-header-VoKF3{align-items:center;display:flex;justify-content:space-between}.es-headerTitle-vDZR8{color:var(--es-foreground);font-size:var(--es-text-xs);font-weight:500}.es-headerCount-stTlN{color:var(--es-muted-foreground);font-size:var(--es-text-xs)}.es-mappingList-SLqhN{display:flex;flex-direction:column;gap:var(--es-spacing-2)}.es-mappingItem-xtRLl{border:1px solid var(--es-border);border-radius:var(--es-radius);display:flex;flex-direction:column;gap:var(--es-spacing-1);padding:var(--es-spacing-2)}.es-mappingHeader-LwKiY{align-items:center;display:flex;justify-content:space-between}.es-mappingTitle-IMhzw{color:var(--es-foreground);font-size:var(--es-text-xs);font-weight:500}.es-mappingRequired-tP6L-{color:var(--es-destructive);margin-left:var(--es-spacing-1)}.es-mappingType-nyqrh{color:var(--es-muted-foreground);font-size:var(--es-text-xs)}.es-mappingRow-lFfhT{align-items:center;display:flex;gap:var(--es-spacing-1)}.es-select-R4pIl{background-color:var(--es-background);border:1px solid var(--es-input);border-radius:var(--es-radius-sm);color:var(--es-foreground);flex:1;font-size:var(--es-text-xs);height:1.75rem;outline:none;padding:0 var(--es-spacing-2);transition:border-color var(--es-transition)}.es-select-R4pIl:focus{border-color:var(--es-ring)}.es-input--LohJ{background-color:var(--es-background);border:1px solid var(--es-input);border-radius:var(--es-radius-sm);color:var(--es-foreground);flex:1;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:var(--es-text-xs);height:1.75rem;outline:none;padding:0 var(--es-spacing-2);transition:border-color var(--es-transition)}.es-input--LohJ:focus{border-color:var(--es-ring)}.es-input--LohJ::placeholder{color:var(--es-muted-foreground)}.es-arrowIcon-QqWMM{color:var(--es-muted-foreground);flex-shrink:0;height:.75rem;width:.75rem}.es-targetField-gSvGk{align-items:center;background-color:color-mix(in srgb,var(--es-muted) 30%,transparent);border:1px solid var(--es-border);border-radius:var(--es-radius-sm);color:var(--es-foreground);display:flex;flex:1;font-size:var(--es-text-xs);height:1.75rem;padding:0 var(--es-spacing-2)}.es-transformRow-O6MAG{align-items:center;display:flex;gap:var(--es-spacing-1)}.es-transformIcon-beXzy{color:var(--es-muted-foreground);flex-shrink:0;height:.75rem;width:.75rem}.es-transformInput-SyN2q{background-color:var(--es-background);border:1px solid var(--es-input);border-radius:var(--es-radius-sm);color:var(--es-foreground);flex:1;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:var(--es-text-xs);height:1.5rem;outline:none;padding:0 var(--es-spacing-2);transition:border-color var(--es-transition)}.es-transformInput-SyN2q:focus{border-color:var(--es-ring)}.es-transformInput-SyN2q::placeholder{color:var(--es-muted-foreground)}.es-clearButton-Pm-uP{background-color:transparent;border:none;border-radius:var(--es-radius-sm);color:var(--es-muted-foreground);cursor:pointer;font-size:var(--es-text-xs);height:1.5rem;padding:0;transition:color var(--es-transition);width:100%}.es-clearButton-Pm-uP:hover{color:var(--es-foreground)}.es-helpText-IHqjo{color:var(--es-muted-foreground);font-size:var(--es-text-xs);line-height:1.5}.es-container-pcCYY{position:relative;width:100%}.es-trigger-IjziC{align-items:center;background-color:transparent;border:1px solid var(--es-input);border-radius:var(--es-radius-sm);color:var(--es-foreground);cursor:pointer;display:flex;font-size:var(--es-text-xs);gap:var(--es-spacing-2);height:2rem;padding:var(--es-spacing-1) var(--es-spacing-2);text-align:left;transition:border-color var(--es-transition);width:100%}.es-trigger-IjziC:hover{border-color:var(--es-ring)}.es-triggerIcon-t21hp{flex-shrink:0;height:1rem;width:1rem}.es-triggerText-WQ-5H{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.es-popover-h2Vn-{background-color:var(--es-popover);border:1px solid var(--es-border);border-radius:var(--es-radius);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);left:0;padding:var(--es-spacing-2);position:absolute;top:calc(100% + 4px);width:18rem;z-index:50}.es-popoverHidden-EiA3W{display:none}.es-searchWrapper-jUGP6{margin-bottom:var(--es-spacing-2);position:relative}.es-searchIcon-Qu4Cl{color:var(--es-muted-foreground);height:1rem;left:var(--es-spacing-2);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:1rem}.es-searchInput-YUlsM{background-color:var(--es-background);border:1px solid var(--es-input);border-radius:var(--es-radius-sm);color:var(--es-foreground);font-size:var(--es-text-xs);height:2rem;outline:none;padding-left:2rem;padding-right:var(--es-spacing-2);transition:border-color var(--es-transition);width:100%}.es-searchInput-YUlsM:focus{border-color:var(--es-ring)}.es-searchInput-YUlsM::placeholder{color:var(--es-muted-foreground)}.es-section-mWvKy{margin-bottom:var(--es-spacing-2)}.es-sectionTitle-4m6ZV{color:var(--es-muted-foreground);font-size:var(--es-text-xs);margin-bottom:var(--es-spacing-1)}.es-iconGrid-hvHqv{display:grid;gap:var(--es-spacing-1);grid-template-columns:repeat(8,1fr);max-height:12rem;overflow-y:auto}.es-iconButton-3y2jO{align-items:center;background:transparent;border:none;border-radius:var(--es-radius-sm);color:var(--es-foreground);cursor:pointer;display:flex;height:1.75rem;justify-content:center;padding:0;transition:background-color var(--es-transition);width:1.75rem}.es-iconButton-3y2jO:hover{background-color:var(--es-accent)}.es-iconButtonSelected-01Ozi{color:var(--es-primary-foreground)}.es-iconButtonSelected-01Ozi,.es-iconButtonSelected-01Ozi:hover{background-color:var(--es-primary)}.es-iconButtonIcon-ur-nS{height:1rem;width:1rem}.es-emptyMessage-dWKQh{color:var(--es-muted-foreground);font-size:var(--es-text-xs);padding:var(--es-spacing-4) 0;text-align:center}.es-container-CUmyq{width:100%}.es-textarea-hn1hD{background-color:var(--es-background);border:1px solid var(--es-input);border-radius:var(--es-radius-sm);color:var(--es-foreground);font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:var(--es-text-xs);line-height:1.5;min-height:5rem;outline:none;padding:var(--es-spacing-2);resize:vertical;transition:border-color var(--es-transition);width:100%}.es-textarea-hn1hD:focus{border-color:var(--es-ring)}.es-textareaError-O2GWs{border-color:var(--es-destructive)}.es-error-wjKcS{color:var(--es-destructive);font-size:var(--es-text-xs);margin-top:var(--es-spacing-1)}.es-container-som8X{display:flex;flex-direction:column}.es-id-VnRzV{color:var(--es-foreground);line-height:1.75}.es-title-B-JkN{color:var(--es-muted-foreground);font-size:var(--es-text-xs)}.es-container-d6iPo{position:relative;width:100%}.es-input-hzqco{-moz-appearance:textfield;background-color:var(--es-background);border:1px solid var(--es-input);border-radius:var(--es-radius-sm);color:var(--es-foreground);font-size:var(--es-text-xs);height:2rem;outline:none;padding:var(--es-spacing-1) var(--es-spacing-2);transition:border-color var(--es-transition);width:100%}.es-input-hzqco::-webkit-inner-spin-button,.es-input-hzqco::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.es-input-hzqco:focus{border-color:var(--es-ring)}.es-input-hzqco::placeholder{color:var(--es-muted-foreground)}.es-inputWithSuffix-dzHIR{padding-right:2rem}.es-suffix--jLoo{color:var(--es-muted-foreground);font-size:var(--es-text-xs);pointer-events:none;position:absolute;right:var(--es-spacing-3);top:50%;transform:translateY(-50%)}.es-container-RzrEe{display:flex;flex-direction:column;gap:var(--es-spacing-3);width:100%}.es-field-AaNu3{display:flex;flex-direction:column;gap:var(--es-spacing-1)}.es-label-zWfmB{color:var(--es-muted-foreground);font-size:var(--es-text-xs)}.es-input-fv7wH{-moz-appearance:textfield;background-color:var(--es-background);border:1px solid var(--es-input);border-radius:var(--es-radius-sm);color:var(--es-foreground);font-size:var(--es-text-xs);height:2rem;outline:none;padding:var(--es-spacing-1) var(--es-spacing-2);transition:border-color var(--es-transition);width:100%}.es-input-fv7wH::-webkit-inner-spin-button,.es-input-fv7wH::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.es-input-fv7wH:focus{border-color:var(--es-ring)}.es-input-fv7wH::placeholder{color:var(--es-muted-foreground)}.es-customField-hV2yY{align-items:flex-end;display:flex;gap:var(--es-spacing-1)}.es-customFieldInputs-efA5X{display:flex;flex:1;flex-direction:column;gap:var(--es-spacing-1)}.es-keyInput-MXoPV{background-color:var(--es-background);border:1px solid var(--es-input);border-radius:var(--es-radius-sm);color:var(--es-muted-foreground);font-size:var(--es-text-xs);height:1.5rem;outline:none;padding:var(--es-spacing-1) var(--es-spacing-2);transition:border-color var(--es-transition)}.es-keyInput-MXoPV:focus{border-color:var(--es-ring)}.es-removeButton-s7K9l{align-items:center;background:transparent;border:none;border-radius:var(--es-radius-sm);color:var(--es-muted-foreground);cursor:pointer;display:flex;flex-shrink:0;height:2rem;justify-content:center;transition:color var(--es-transition);width:2rem}.es-removeButton-s7K9l:hover{color:var(--es-destructive)}.es-removeIcon-Ostpz{height:1rem;width:1rem}.es-addButton-Wgly5{align-items:center;background-color:transparent;border:1px solid var(--es-border);border-radius:var(--es-radius-sm);color:var(--es-foreground);cursor:pointer;display:flex;font-size:var(--es-text-xs);gap:var(--es-spacing-1);height:2rem;justify-content:center;padding:0 var(--es-spacing-3);transition:background-color var(--es-transition),border-color var(--es-transition);width:100%}.es-addButton-Wgly5:hover{background-color:var(--es-accent);border-color:var(--es-accent)}.es-addIcon-61nc3{height:1rem;width:1rem}.es-container-YWSlG{display:flex;flex-wrap:wrap;gap:var(--es-spacing-2);width:100%}.es-inputWrapper-B2wKI{position:relative;width:calc(50% - 4px)}.es-input--qUrU{-moz-appearance:textfield;background-color:var(--es-background);border:1px solid var(--es-input);border-radius:var(--es-radius-sm);color:var(--es-foreground);font-size:var(--es-text-xs);height:2rem;outline:none;padding:var(--es-spacing-1) var(--es-spacing-2);padding-right:2rem;transition:border-color var(--es-transition);width:100%}.es-input--qUrU::-webkit-inner-spin-button,.es-input--qUrU::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.es-input--qUrU:focus{border-color:var(--es-ring)}.es-suffix-2c3Cd{color:var(--es-muted-foreground);font-size:var(--es-text-xs);pointer-events:none;position:absolute;right:var(--es-spacing-3);top:50%;transform:translateY(-50%)}.es-container-lamwH{background-color:var(--es-muted);border-radius:var(--es-radius);display:inline-flex;gap:2px;padding:2px}.es-containerSm-mndNj{gap:1px;padding:1px}.es-segment-JmKWl{background:transparent;border:none;border-radius:calc(var(--es-radius) - 2px);color:var(--es-muted-foreground);cursor:pointer;flex:1;font-size:var(--es-text-sm);font-weight:500;padding:var(--es-spacing-1) var(--es-spacing-3);transition:all var(--es-transition);white-space:nowrap}.es-containerSm-mndNj .es-segment-JmKWl{font-size:var(--es-text-xs);padding:var(--es-spacing-1) var(--es-spacing-2)}.es-segment-JmKWl:hover:not(:disabled),.es-segmentSelected-fumXM{color:var(--es-foreground)}.es-segmentSelected-fumXM{background-color:var(--es-background);box-shadow:0 1px 2px rgba(0,0,0,.05)}.es-segmentDisabled-Md5LF{cursor:not-allowed;opacity:.5}.es-container-HI7-c{position:relative;width:100%}.es-trigger-YRz9p{align-items:center;background-color:var(--es-background);border:1px solid var(--es-input);border-radius:var(--es-radius-sm);color:var(--es-foreground);cursor:pointer;display:flex;font-size:var(--es-text-xs);height:2rem;justify-content:space-between;padding:var(--es-spacing-1) var(--es-spacing-2);transition:border-color var(--es-transition);width:100%}.es-trigger-YRz9p:hover{border-color:var(--es-ring)}.es-triggerValue-k-g2-{flex:1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.es-chevron-UbZv-,.es-placeholder-F8-XP{color:var(--es-muted-foreground)}.es-chevron-UbZv-{height:1rem;transition:transform var(--es-transition);width:1rem}.es-chevronOpen-Yui-r{transform:rotate(180deg)}.es-dropdown-l2sra{background-color:var(--es-popover);border:1px solid var(--es-border);border-radius:var(--es-radius);box-shadow:0 4px 6px -1px rgba(0,0,0,.1);margin-top:var(--es-spacing-1);padding:var(--es-spacing-1);position:absolute;width:100%;z-index:50}.es-dropdownHidden-S8Y4U{display:none}.es-option-cv-7C{align-items:center;background:transparent;border:none;border-radius:var(--es-radius-sm);color:var(--es-foreground);cursor:pointer;display:flex;font-size:var(--es-text-xs);padding:var(--es-spacing-1) var(--es-spacing-2);text-align:left;transition:background-color var(--es-transition);width:100%}.es-option-cv-7C:hover,.es-optionSelected-K4e5h{background-color:var(--es-accent)}.es-optionDisabled-72jrC{cursor:not-allowed;opacity:.5}.es-container-PG1Uy{align-items:center;display:flex;gap:var(--es-spacing-3);width:100%}.es-slider-pypb6{align-items:center;display:flex;flex:1;height:1.25rem;position:relative}.es-track-X2NtH{background-color:var(--es-secondary);border-radius:9999px;cursor:pointer;flex:1;height:.375rem;position:relative}.es-range-AVV8x{background-color:var(--es-primary);border-radius:9999px;height:100%;position:absolute}.es-thumb-YMQR-{background-color:var(--es-background);border:2px solid var(--es-primary);border-radius:9999px;cursor:pointer;height:1rem;position:absolute;top:50%;transform:translate(-50%,-50%);transition:box-shadow var(--es-transition);width:1rem;z-index:1}.es-thumb-YMQR-:focus,.es-thumb-YMQR-:hover{box-shadow:0 0 0 4px rgba(0,0,0,.1)}.es-thumb-YMQR-:focus{outline:none}.es-value-JiWPV{color:var(--es-muted-foreground);font-size:var(--es-text-xs);min-width:40px;text-align:right}.es-container-XqQza{display:flex;flex-direction:column;gap:var(--es-spacing-2)}.es-boxModel-8RFjI{align-items:center;background-color:color-mix(in srgb,var(--es-muted) 30%,transparent);border:1px solid var(--es-border);border-radius:var(--es-radius);display:flex;height:6rem;justify-content:center;position:relative}.es-inputTop-bqsmI{left:50%;position:absolute;top:var(--es-spacing-1);transform:translateX(-50%)}.es-inputRight-TV3E-{position:absolute;right:var(--es-spacing-1);top:50%;transform:translateY(-50%)}.es-inputBottom-dP-wA{bottom:var(--es-spacing-1);left:50%;position:absolute;transform:translateX(-50%)}.es-inputLeft-sygc3{left:var(--es-spacing-1);position:absolute;top:50%;transform:translateY(-50%)}.es-spacingInput-KAWdK{-moz-appearance:textfield;background-color:var(--es-background);border:1px solid var(--es-input);border-radius:var(--es-radius-sm);color:var(--es-foreground);font-size:var(--es-text-xs);height:1.5rem;outline:none;padding:0 var(--es-spacing-1);text-align:center;transition:border-color var(--es-transition);width:3rem}.es-spacingInput-KAWdK::-webkit-inner-spin-button,.es-spacingInput-KAWdK::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.es-spacingInput-KAWdK:focus{border-color:var(--es-ring)}.es-linkButton-v1n0k{align-items:center;background-color:transparent;border:1px solid var(--es-border);border-radius:var(--es-radius-sm);color:var(--es-foreground);cursor:pointer;display:flex;height:2rem;justify-content:center;padding:0;transition:all var(--es-transition);width:2rem}.es-linkButton-v1n0k:hover{background-color:var(--es-accent)}.es-linkButtonActive-Vge1n{border-color:var(--es-primary);color:var(--es-primary-foreground)}.es-linkButtonActive-Vge1n,.es-linkButtonActive-Vge1n:hover{background-color:var(--es-primary)}.es-linkIcon-K0j9e{height:1rem;width:1rem}.es-presets-CPVVc{display:flex;gap:var(--es-spacing-1)}.es-presetButton-vUc7S{background-color:transparent;border:1px solid var(--es-border);border-radius:var(--es-radius-sm);color:var(--es-foreground);cursor:pointer;flex:1;font-size:var(--es-text-xs);height:1.5rem;padding:0;transition:all var(--es-transition)}.es-presetButton-vUc7S:hover{background-color:var(--es-accent);border-color:var(--es-accent)}.es-modeLabel-Vh1Cf{color:var(--es-muted-foreground);font-size:var(--es-text-xs);text-align:center}.es-container-weN0F{position:relative;width:100%}.es-input-C8N67{background-color:var(--es-background);border:1px solid var(--es-input);border-radius:var(--es-radius-sm);color:var(--es-foreground);font-size:var(--es-text-xs);height:2rem;outline:none;padding:var(--es-spacing-1) var(--es-spacing-2);transition:border-color var(--es-transition);width:100%}.es-input-C8N67:focus{border-color:var(--es-ring)}.es-input-C8N67::placeholder{color:var(--es-muted-foreground)}.es-inputWithSuffix-tdJcI{padding-right:2rem}.es-suffix-HGRiQ{color:var(--es-muted-foreground);font-size:var(--es-text-xs);pointer-events:none;position:absolute;right:var(--es-spacing-3);top:50%;transform:translateY(-50%)}.es-switch-2DV6T{background-color:var(--es-input);border:none;border-radius:9999px;cursor:pointer;height:1.25rem;padding:0;position:relative;transition:background-color var(--es-transition);width:2.25rem}.es-switch-2DV6T:focus-visible{outline:2px solid var(--es-ring);outline-offset:2px}.es-switchChecked-eI65V{background-color:var(--es-primary)}.es-switchThumb-GDlBx{background-color:var(--es-background);border-radius:9999px;box-shadow:0 1px 2px rgba(0,0,0,.1);height:1rem;left:2px;position:absolute;top:2px;transition:transform var(--es-transition);width:1rem}.es-switchThumbChecked-uA5kV{transform:translateX(1rem)}.es-checkboxWrapper-l-KtW{align-items:center;cursor:pointer;display:inline-flex}.es-checkboxInput-4Z9KK{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.es-checkbox-G1P36{align-items:center;background-color:var(--es-background);border:1px solid var(--es-input);border-radius:var(--es-radius-sm);display:flex;height:1rem;justify-content:center;padding:0;transition:all var(--es-transition);width:1rem}.es-checkboxWrapper-l-KtW:hover .es-checkbox-G1P36{border-color:var(--es-ring)}.es-checkboxInput-4Z9KK:focus+.es-checkbox-G1P36{border-color:var(--es-ring);box-shadow:0 0 0 2px var(--es-ring-alpha)}.es-checkboxChecked-7XJoC{background-color:var(--es-primary);border-color:var(--es-primary)}.es-checkIcon-3KIBH{color:var(--es-primary-foreground);height:.75rem;width:.75rem}.es-segmented-IaxAM{background-color:var(--es-muted);border-radius:var(--es-radius);display:inline-flex;gap:2px;padding:2px}.es-segmentedButton-mbZ5z{background:transparent;border:none;border-radius:calc(var(--es-radius) - 2px);color:var(--es-muted-foreground);cursor:pointer;font-size:var(--es-text-xs);font-weight:500;padding:var(--es-spacing-1) var(--es-spacing-2);transition:all var(--es-transition)}.es-segmentedButton-mbZ5z:hover{color:var(--es-foreground)}.es-segmentedButtonSelected-u4m2T{background-color:var(--es-background);box-shadow:0 1px 2px rgba(0,0,0,.05);color:var(--es-foreground)}.es-container-ftwPX{width:100%}.es-textarea-sJPy9{background-color:var(--es-background);border:1px solid var(--es-input);border-radius:var(--es-radius-sm);color:var(--es-foreground);font-family:inherit;font-size:var(--es-text-xs);min-height:60px;outline:none;padding:var(--es-spacing-2);resize:vertical;transition:border-color var(--es-transition);width:100%}.es-textarea-sJPy9:focus{border-color:var(--es-ring)}.es-textarea-sJPy9::placeholder{color:var(--es-muted-foreground)}.es-counter-02NEu{color:var(--es-muted-foreground);font-size:var(--es-text-xs);margin-top:var(--es-spacing-1);text-align:right}.es-container-EDh0-{overflow:hidden;position:relative;width:100%}.es-row-MOm-T{display:flex;gap:var(--es-spacing-2)}.es-label-1o-jT{cursor:pointer;flex:1}.es-hiddenInput-03Dx-{height:0;opacity:0;position:absolute;width:0}.es-uploadArea-1HYbh{align-items:center;border:1px dashed var(--es-border);border-radius:var(--es-radius);color:var(--es-muted-foreground);display:flex;font-size:var(--es-text-xs);height:2rem;justify-content:center;transition:border-color var(--es-transition);width:100%}.es-uploadArea-1HYbh:hover{border-color:var(--es-primary)}.es-uploadIcon-Ck7gF{height:1rem;margin-right:var(--es-spacing-2);width:1rem}.es-clearButton-N-9cs{align-items:center;background:transparent;border:none;border-radius:var(--es-radius);color:var(--es-muted-foreground);cursor:pointer;display:flex;height:2rem;justify-content:center;padding:0 var(--es-spacing-2);transition:color var(--es-transition)}.es-clearButton-N-9cs:hover{color:var(--es-destructive)}.es-clearIcon-LHlF6{height:1rem;width:1rem}.es-fileInfo-71Jtf{align-items:center;color:var(--es-foreground);display:flex;font-size:var(--es-text-xs);gap:var(--es-spacing-2);margin-top:var(--es-spacing-2);width:100%}.es-fileName-B2hHy{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.es-fileSize-pINcz{color:var(--es-muted-foreground);flex-shrink:0;white-space:nowrap}.es-error-A8MID{color:var(--es-destructive);font-size:var(--es-text-xs);margin-top:var(--es-spacing-1)}.es-container-gjha7{transform:translateX(-16px);width:calc(100% + 32px)}.es-header-iE--w{align-items:center;background-color:var(--es-muted);display:flex;height:2rem;justify-content:space-between;padding:0 1rem}.es-title-qTdCp{color:var(--es-foreground);font-size:var(--es-text-sm);font-weight:500}.es-toggleButton-g6dI2{align-items:center;background:transparent;border:none;border-radius:var(--es-radius-sm);color:var(--es-muted-foreground);cursor:pointer;display:flex;justify-content:center;padding:var(--es-spacing-1);transition:background-color var(--es-transition)}.es-toggleButton-g6dI2:hover{background-color:var(--es-accent)}.es-toggleIcon-cjnM4{height:1rem;width:1rem}.es-content-GYYgk{display:flex;flex-direction:column;gap:var(--es-spacing-3);padding:var(--es-spacing-2) 1rem}.es-contentHidden-WAYSW{display:none}.es-srOnly-EI1Tc{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.es-container-4LWRO{width:100%}.es-tabsList-L72im{background-color:var(--es-muted);border-radius:var(--es-radius);display:grid;padding:var(--es-spacing-1);width:100%}.es-tabTrigger-u3S3S{align-items:center;background:transparent;border:none;border-radius:var(--es-radius-sm);color:var(--es-muted-foreground);cursor:pointer;display:flex;font-size:var(--es-text-sm);font-weight:500;justify-content:center;padding:var(--es-spacing-1) var(--es-spacing-3);transition:all var(--es-transition)}.es-tabTrigger-u3S3S:hover{color:var(--es-foreground)}.es-tabTriggerActive-xCpU6{background-color:var(--es-background);box-shadow:0 1px 3px 0 rgba(0,0,0,.1);color:var(--es-foreground)}.es-tabContent-Pj2Us{box-sizing:border-box;display:none;flex-direction:column;gap:var(--es-spacing-3);margin-top:0;padding:var(--es-spacing-2)}.es-tabContentActive-NJtXh{display:flex}
+:root{--es-background:#fff;--es-foreground:#09090b;--es-primary:#18181b;--es-primary-foreground:#fafafa;--es-secondary:#f4f4f5;--es-secondary-foreground:#18181b;--es-muted:#f4f4f5;--es-muted-foreground:#71717a;--es-accent:#f4f4f5;--es-accent-foreground:#18181b;--es-destructive:#ef4444;--es-destructive-foreground:#fafafa;--es-border:#e4e4e7;--es-input:#e4e4e7;--es-ring:#18181b;--es-popover:#fff;--es-popover-foreground:#09090b;--es-radius:0.5rem;--es-radius-sm:0.25rem;--es-radius-lg:0.75rem;--es-spacing-1:0.25rem;--es-spacing-2:0.5rem;--es-spacing-3:0.75rem;--es-spacing-4:1rem;--es-text-xs:0.75rem;--es-text-sm:0.875rem;--es-text-base:1rem;--es-transition:150ms cubic-bezier(0.4,0,0.2,1)}.dark{--es-background:#09090b;--es-foreground:#fafafa;--es-primary:#fafafa;--es-primary-foreground:#18181b;--es-secondary:#27272a;--es-secondary-foreground:#fafafa;--es-muted:#27272a;--es-muted-foreground:#a1a1aa;--es-accent:#27272a;--es-accent-foreground:#fafafa;--es-destructive:#7f1d1d;--es-destructive-foreground:#fafafa;--es-border:#27272a;--es-input:#27272a;--es-ring:#d4d4d8;--es-popover:#09090b;--es-popover-foreground:#fafafa}.es-container-K2hFq{display:flex;flex-direction:column;gap:var(--es-spacing-3)}.es-visualWrapper-4dHVX{align-items:center;display:flex;gap:var(--es-spacing-4)}.es-previewBox-LDujZ{background-color:var(--es-secondary);background-image:linear-gradient(45deg,var(--es-muted) 25%,transparent 25%),linear-gradient(-45deg,var(--es-muted) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--es-muted) 75%),linear-gradient(-45deg,transparent 75%,var(--es-muted) 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px;border:1px solid var(--es-border);border-radius:var(--es-radius);height:4.5rem;position:relative;width:4.5rem}.es-previewElement-Bu8GM{background-color:var(--es-primary);border-radius:var(--es-radius-sm);box-shadow:0 1px 3px rgba(0,0,0,.2);transition:all .2s ease}.es-grid-BmRRU{background-color:var(--es-secondary);border-radius:var(--es-radius);display:grid;gap:3px;grid-template-columns:repeat(3,1fr);padding:3px}.es-gridButton-6Vtr7{background:var(--es-background);border:none;cursor:pointer;height:1.5rem;padding:0;position:relative;width:1.5rem}.es-gridButton-6Vtr7,.es-gridButton-6Vtr7:after{border-radius:50%;transition:all var(--es-transition)}.es-gridButton-6Vtr7:after{background-color:var(--es-muted-foreground);content:"";height:6px;left:50%;opacity:.4;position:absolute;top:50%;transform:translate(-50%,-50%);width:6px}.es-gridButton-6Vtr7:hover{background-color:var(--es-accent)}.es-gridButton-6Vtr7:hover:after{opacity:.8}.es-gridButtonSelected-fOpOm{background-color:var(--es-primary)}.es-gridButtonSelected-fOpOm:after{background-color:var(--es-primary-foreground);height:8px;opacity:1;width:8px}.es-section-SaHDo{display:flex;flex-direction:column;gap:var(--es-spacing-1)}.es-sectionLabel-hDWO0{color:var(--es-muted-foreground);font-size:var(--es-text-xs)}.es-buttonGroup-Nj258{display:flex;gap:var(--es-spacing-1)}.es-alignButton-zAvz2{align-items:center;background-color:transparent;border:1px solid var(--es-border);border-radius:var(--es-radius-sm);color:var(--es-foreground);cursor:pointer;display:flex;flex:1;height:2rem;justify-content:center;padding:0;transition:all var(--es-transition)}.es-alignButton-zAvz2:hover{background-color:var(--es-accent);border-color:var(--es-accent)}.es-alignButtonSelected-kGGHJ{color:var(--es-primary-foreground)}.es-alignButtonSelected-kGGHJ,.es-alignButtonSelected-kGGHJ:hover{background-color:var(--es-primary);border-color:var(--es-primary)}.es-alignIcon-mFjSX{height:1rem;width:1rem}.es-alignIconRotated-z4AwW{transform:rotate(90deg)}.es-container-KSlB-{display:flex;flex-direction:column;gap:var(--es-spacing-2);width:100%}.es-item-xDCpZ{align-items:center;display:flex;gap:var(--es-spacing-1)}.es-dragHandle-lOaFv{color:var(--es-muted-foreground);cursor:grab;flex-shrink:0;height:1rem;width:1rem}.es-input-ItzPT{-moz-appearance:textfield;background-color:var(--es-background);border:1px solid var(--es-input);border-radius:var(--es-radius-sm);color:var(--es-foreground);flex:1;font-size:var(--es-text-xs);height:2rem;outline:none;padding:var(--es-spacing-1) var(--es-spacing-2);transition:border-color var(--es-transition)}.es-input-ItzPT::-webkit-inner-spin-button,.es-input-ItzPT::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.es-input-ItzPT:focus{border-color:var(--es-ring)}.es-input-ItzPT::placeholder{color:var(--es-muted-foreground)}.es-removeButton-ymAlo{align-items:center;background:transparent;border:none;border-radius:var(--es-radius-sm);color:var(--es-muted-foreground);cursor:pointer;display:flex;flex-shrink:0;height:2rem;justify-content:center;transition:color var(--es-transition);width:2rem}.es-removeButton-ymAlo:hover:not(:disabled){color:var(--es-destructive)}.es-removeButton-ymAlo:disabled{cursor:not-allowed;opacity:.5}.es-removeIcon-ld51f{height:1rem;width:1rem}.es-addButton-U1VQX{align-items:center;background-color:transparent;border:1px solid var(--es-border);border-radius:var(--es-radius-sm);color:var(--es-foreground);cursor:pointer;display:flex;font-size:var(--es-text-xs);gap:var(--es-spacing-1);height:2rem;justify-content:center;padding:0 var(--es-spacing-3);transition:background-color var(--es-transition),border-color var(--es-transition);width:100%}.es-addButton-U1VQX:hover:not(:disabled){background-color:var(--es-accent);border-color:var(--es-accent)}.es-addButton-U1VQX:disabled{cursor:not-allowed;opacity:.5}.es-addIcon-6qJub{height:1rem;width:1rem}.es-trigger-w-aUi{align-items:center;background-color:var(--es-background);border:1px solid var(--es-input);border-radius:var(--es-radius-sm);color:var(--es-foreground);cursor:pointer;display:flex;font-size:var(--es-text-xs);gap:var(--es-spacing-2);height:2rem;padding:var(--es-spacing-1) var(--es-spacing-2);text-align:left;transition:border-color var(--es-transition);width:100%}.es-trigger-w-aUi:hover{border-color:var(--es-ring)}.es-colorPreview-SUgiJ{border:1px solid var(--es-muted-foreground);border-radius:9999px;height:.875rem;width:.875rem}.es-colorValue-cYdRP{flex:1;font-family:monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.es-popover-SfIUB{background-color:var(--es-popover);border:1px solid var(--es-border);border-radius:var(--es-radius);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}.es-container-df9wM{width:100%}.es-trigger-fTNvQ{align-items:center;background-color:var(--es-background);border:1px solid var(--es-input);border-radius:var(--es-radius-sm);color:var(--es-foreground);cursor:pointer;display:flex;font-size:var(--es-text-xs);gap:var(--es-spacing-2);height:2rem;padding:var(--es-spacing-1) var(--es-spacing-2);text-align:left;transition:border-color var(--es-transition);width:100%}.es-trigger-fTNvQ:hover{border-color:var(--es-ring)}.es-triggerIcon-1mdQ0{flex-shrink:0;height:.75rem;width:.75rem}.es-triggerIconPrimary-opifh{color:var(--es-primary)}.es-triggerIconMuted-CWgDl{color:var(--es-muted-foreground)}.es-triggerText-WeQRu{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.es-popover-z8oiW{border:1px solid var(--es-border);box-shadow:0 4px 6px -1px rgba(0,0,0,.1);width:18rem}.es-popover-z8oiW,.es-popoverContent-6qE--{background-color:var(--es-popover);border-radius:var(--es-radius)}.es-popoverContent-6qE--{overflow:hidden}.es-tabsList-liSeY{background-color:var(--es-muted);border-radius:var(--es-radius) var(--es-radius) 0 0;display:grid;grid-template-columns:repeat(2,1fr);height:2.25rem;padding:var(--es-spacing-1)}.es-tabTrigger-6j7K-{align-items:center;background:transparent;border:none;border-radius:var(--es-radius-sm);color:var(--es-muted-foreground);cursor:pointer;display:flex;font-size:var(--es-text-xs);gap:var(--es-spacing-1);justify-content:center;padding:var(--es-spacing-1);transition:all var(--es-transition)}.es-tabTrigger-6j7K-:hover{color:var(--es-foreground)}.es-tabTriggerActive-g6hcl{background-color:var(--es-background);box-shadow:0 1px 2px rgba(0,0,0,.05);color:var(--es-foreground)}.es-tabTriggerIcon-dRSAp{height:.75rem;width:.75rem}.es-tabContent--H166{display:none;padding:var(--es-spacing-3);padding-top:var(--es-spacing-2)}.es-tabContentActive-Fjdu5{display:block}.es-section-eDYxd{display:flex;flex-direction:column;gap:var(--es-spacing-2)}.es-input--OymK,.es-sectionLabel--LHE8{color:var(--es-foreground);font-size:var(--es-text-xs)}.es-input--OymK{background-color:var(--es-background);border:1px solid var(--es-input);border-radius:var(--es-radius-sm);height:2rem;outline:none;padding:var(--es-spacing-1) var(--es-spacing-2);transition:border-color var(--es-transition);width:100%}.es-input--OymK:focus{border-color:var(--es-ring)}.es-input--OymK::placeholder{color:var(--es-muted-foreground)}.es-inputMono-pCJz3,.es-textarea-iurkc{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.es-textarea-iurkc{background-color:var(--es-background);border:1px solid var(--es-input);border-radius:var(--es-radius-sm);color:var(--es-foreground);font-size:var(--es-text-xs);height:5rem;outline:none;padding:var(--es-spacing-2);resize:none;transition:border-color var(--es-transition);width:100%}.es-textarea-iurkc:focus{border-color:var(--es-ring)}.es-textarea-iurkc::placeholder{color:var(--es-muted-foreground)}.es-booleanButtons-0bM8P{display:flex;gap:var(--es-spacing-2)}.es-booleanButton-3fXcB{background-color:transparent;border:1px solid var(--es-border);border-radius:var(--es-radius-sm);color:var(--es-foreground);cursor:pointer;flex:1;font-size:var(--es-text-xs);height:2rem;padding:0;transition:all var(--es-transition)}.es-booleanButton-3fXcB:hover{background-color:var(--es-accent)}.es-booleanButtonActive-zGWrZ{border-color:var(--es-primary);color:var(--es-primary-foreground)}.es-booleanButtonActive-zGWrZ,.es-booleanButtonActive-zGWrZ:hover{background-color:var(--es-primary)}.es-datasourceList-VIRXb{display:flex;flex-direction:column;gap:var(--es-spacing-1)}.es-datasourceButton-giz6D{align-items:center;background-color:transparent;border:1px solid var(--es-border);border-radius:var(--es-radius-sm);color:var(--es-foreground);cursor:pointer;display:flex;font-size:var(--es-text-xs);gap:var(--es-spacing-2);height:2rem;padding:0 var(--es-spacing-2);text-align:left;transition:all var(--es-transition)}.es-datasourceButton-giz6D:hover{background-color:var(--es-accent)}.es-datasourceButtonActive-m5WPP{border-color:var(--es-primary);color:var(--es-primary-foreground)}.es-datasourceButtonActive-m5WPP,.es-datasourceButtonActive-m5WPP:hover{background-color:var(--es-primary)}.es-datasourceIcon-q9Omt{height:.75rem;width:.75rem}.es-emptyState-rI2si{border:1px dashed var(--es-border);border-radius:var(--es-radius);padding:var(--es-spacing-3);text-align:center}.es-emptyState-rI2si,.es-hint-zfWLZ,.es-preview-tUInw{color:var(--es-muted-foreground);font-size:var(--es-text-xs)}.es-preview-tUInw{background-color:color-mix(in srgb,var(--es-muted) 30%,transparent);border:1px solid var(--es-border);border-radius:var(--es-radius);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;padding:var(--es-spacing-2)}.es-container-4VZqD{width:100%}.es-trigger-rmYLl{align-items:center;background-color:var(--es-background);border:1px solid var(--es-input);border-radius:var(--es-radius-sm);color:var(--es-foreground);cursor:pointer;display:flex;font-size:var(--es-text-xs);gap:var(--es-spacing-2);height:2rem;padding:var(--es-spacing-1) var(--es-spacing-2);text-align:left;transition:border-color var(--es-transition);width:100%}.es-trigger-rmYLl:hover{border-color:var(--es-ring)}.es-triggerIcon-ktlTS{flex-shrink:0;height:.75rem;width:.75rem}.es-triggerText-B63By{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.es-popover-d9HQQ{border:1px solid var(--es-border);box-shadow:0 4px 6px -1px rgba(0,0,0,.1);padding:var(--es-spacing-3);width:20rem}.es-popover-d9HQQ,.es-popoverContent-IIcFY{background-color:var(--es-popover);border-radius:var(--es-radius)}.es-content-3MmL0{display:flex;flex-direction:column;gap:var(--es-spacing-3)}.es-header-VoKF3{align-items:center;display:flex;justify-content:space-between}.es-headerTitle-vDZR8{color:var(--es-foreground);font-size:var(--es-text-xs);font-weight:500}.es-headerCount-stTlN{color:var(--es-muted-foreground);font-size:var(--es-text-xs)}.es-mappingList-SLqhN{display:flex;flex-direction:column;gap:var(--es-spacing-2)}.es-mappingItem-xtRLl{border:1px solid var(--es-border);border-radius:var(--es-radius);display:flex;flex-direction:column;gap:var(--es-spacing-1);padding:var(--es-spacing-2)}.es-mappingHeader-LwKiY{align-items:center;display:flex;justify-content:space-between}.es-mappingTitle-IMhzw{color:var(--es-foreground);font-size:var(--es-text-xs);font-weight:500}.es-mappingRequired-tP6L-{color:var(--es-destructive);margin-left:var(--es-spacing-1)}.es-mappingType-nyqrh{color:var(--es-muted-foreground);font-size:var(--es-text-xs)}.es-mappingRow-lFfhT{align-items:center;display:flex;gap:var(--es-spacing-1)}.es-select-R4pIl{background-color:var(--es-background);border:1px solid var(--es-input);border-radius:var(--es-radius-sm);color:var(--es-foreground);flex:1;font-size:var(--es-text-xs);height:1.75rem;outline:none;padding:0 var(--es-spacing-2);transition:border-color var(--es-transition)}.es-select-R4pIl:focus{border-color:var(--es-ring)}.es-input--LohJ{background-color:var(--es-background);border:1px solid var(--es-input);border-radius:var(--es-radius-sm);color:var(--es-foreground);flex:1;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:var(--es-text-xs);height:1.75rem;outline:none;padding:0 var(--es-spacing-2);transition:border-color var(--es-transition)}.es-input--LohJ:focus{border-color:var(--es-ring)}.es-input--LohJ::placeholder{color:var(--es-muted-foreground)}.es-arrowIcon-QqWMM{color:var(--es-muted-foreground);flex-shrink:0;height:.75rem;width:.75rem}.es-targetField-gSvGk{align-items:center;background-color:color-mix(in srgb,var(--es-muted) 30%,transparent);border:1px solid var(--es-border);border-radius:var(--es-radius-sm);color:var(--es-foreground);display:flex;flex:1;font-size:var(--es-text-xs);height:1.75rem;padding:0 var(--es-spacing-2)}.es-transformRow-O6MAG{align-items:center;display:flex;gap:var(--es-spacing-1)}.es-transformIcon-beXzy{color:var(--es-muted-foreground);flex-shrink:0;height:.75rem;width:.75rem}.es-transformInput-SyN2q{background-color:var(--es-background);border:1px solid var(--es-input);border-radius:var(--es-radius-sm);color:var(--es-foreground);flex:1;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:var(--es-text-xs);height:1.5rem;outline:none;padding:0 var(--es-spacing-2);transition:border-color var(--es-transition)}.es-transformInput-SyN2q:focus{border-color:var(--es-ring)}.es-transformInput-SyN2q::placeholder{color:var(--es-muted-foreground)}.es-clearButton-Pm-uP{background-color:transparent;border:none;border-radius:var(--es-radius-sm);color:var(--es-muted-foreground);cursor:pointer;font-size:var(--es-text-xs);height:1.5rem;padding:0;transition:color var(--es-transition);width:100%}.es-clearButton-Pm-uP:hover{color:var(--es-foreground)}.es-helpText-IHqjo{color:var(--es-muted-foreground);font-size:var(--es-text-xs);line-height:1.5}.es-container-pcCYY{width:100%}.es-trigger-IjziC{align-items:center;background-color:var(--es-background);border:1px solid var(--es-input);border-radius:var(--es-radius-sm);color:var(--es-foreground);cursor:pointer;display:flex;font-size:var(--es-text-xs);gap:var(--es-spacing-2);height:2rem;padding:var(--es-spacing-1) var(--es-spacing-2);text-align:left;transition:border-color var(--es-transition);width:100%}.es-trigger-IjziC:hover{border-color:var(--es-ring)}.es-triggerIcon-t21hp{flex-shrink:0;height:1rem;width:1rem}.es-triggerText-WQ-5H{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.es-popover-h2Vn-{background-color:var(--es-popover);border:1px solid var(--es-border);border-radius:var(--es-radius);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);padding:var(--es-spacing-2);width:18rem}.es-searchWrapper-jUGP6{margin-bottom:var(--es-spacing-2);position:relative}.es-searchIcon-Qu4Cl{color:var(--es-muted-foreground);height:1rem;left:var(--es-spacing-2);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:1rem}.es-searchInput-YUlsM{background-color:var(--es-background);border:1px solid var(--es-input);border-radius:var(--es-radius-sm);color:var(--es-foreground);font-size:var(--es-text-xs);height:2rem;outline:none;padding-left:2rem;padding-right:var(--es-spacing-2);transition:border-color var(--es-transition);width:100%}.es-searchInput-YUlsM:focus{border-color:var(--es-ring)}.es-searchInput-YUlsM::placeholder{color:var(--es-muted-foreground)}.es-section-mWvKy{margin-bottom:var(--es-spacing-2)}.es-sectionTitle-4m6ZV{color:var(--es-muted-foreground);font-size:var(--es-text-xs);margin-bottom:var(--es-spacing-1)}.es-iconGrid-hvHqv{display:grid;gap:var(--es-spacing-1);grid-template-columns:repeat(8,1fr);max-height:12rem;overflow-y:auto}.es-iconButton-3y2jO{align-items:center;background:transparent;border:none;border-radius:var(--es-radius-sm);color:var(--es-foreground);cursor:pointer;display:flex;height:1.75rem;justify-content:center;padding:0;transition:background-color var(--es-transition);width:1.75rem}.es-iconButton-3y2jO:hover{background-color:var(--es-accent)}.es-iconButtonSelected-01Ozi{color:var(--es-primary-foreground)}.es-iconButtonSelected-01Ozi,.es-iconButtonSelected-01Ozi:hover{background-color:var(--es-primary)}.es-iconButtonIcon-ur-nS{height:1rem;width:1rem}.es-emptyMessage-dWKQh{color:var(--es-muted-foreground);font-size:var(--es-text-xs);padding:var(--es-spacing-4) 0;text-align:center}.es-container-CUmyq{width:100%}.es-textarea-hn1hD{background-color:var(--es-background);border:1px solid var(--es-input);border-radius:var(--es-radius-sm);color:var(--es-foreground);font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:var(--es-text-xs);line-height:1.5;min-height:5rem;outline:none;padding:var(--es-spacing-2);resize:vertical;transition:border-color var(--es-transition);width:100%}.es-textarea-hn1hD:focus{border-color:var(--es-ring)}.es-textareaError-O2GWs{border-color:var(--es-destructive)}.es-error-wjKcS{color:var(--es-destructive);font-size:var(--es-text-xs);margin-top:var(--es-spacing-1)}.es-container-som8X{display:flex;flex-direction:column}.es-id-VnRzV{color:var(--es-foreground);line-height:1.75}.es-title-B-JkN{color:var(--es-muted-foreground);font-size:var(--es-text-xs)}.es-container-d6iPo{position:relative;width:100%}.es-input-hzqco{-moz-appearance:textfield;background-color:var(--es-background);border:1px solid var(--es-input);border-radius:var(--es-radius-sm);color:var(--es-foreground);font-size:var(--es-text-xs);height:2rem;outline:none;padding:var(--es-spacing-1) var(--es-spacing-2);transition:border-color var(--es-transition);width:100%}.es-input-hzqco::-webkit-inner-spin-button,.es-input-hzqco::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.es-input-hzqco:focus{border-color:var(--es-ring)}.es-input-hzqco::placeholder{color:var(--es-muted-foreground)}.es-inputWithSuffix-dzHIR{padding-right:2rem}.es-suffix--jLoo{color:var(--es-muted-foreground);font-size:var(--es-text-xs);pointer-events:none;position:absolute;right:var(--es-spacing-3);top:50%;transform:translateY(-50%)}.es-container-RzrEe{display:flex;flex-direction:column;gap:var(--es-spacing-3);width:100%}.es-field-AaNu3{display:flex;flex-direction:column;gap:var(--es-spacing-1)}.es-label-zWfmB{color:var(--es-muted-foreground);font-size:var(--es-text-xs)}.es-input-fv7wH{-moz-appearance:textfield;background-color:var(--es-background);border:1px solid var(--es-input);border-radius:var(--es-radius-sm);color:var(--es-foreground);font-size:var(--es-text-xs);height:2rem;outline:none;padding:var(--es-spacing-1) var(--es-spacing-2);transition:border-color var(--es-transition);width:100%}.es-input-fv7wH::-webkit-inner-spin-button,.es-input-fv7wH::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.es-input-fv7wH:focus{border-color:var(--es-ring)}.es-input-fv7wH::placeholder{color:var(--es-muted-foreground)}.es-customField-hV2yY{align-items:flex-end;display:flex;gap:var(--es-spacing-1)}.es-customFieldInputs-efA5X{display:flex;flex:1;flex-direction:column;gap:var(--es-spacing-1)}.es-keyInput-MXoPV{background-color:var(--es-background);border:1px solid var(--es-input);border-radius:var(--es-radius-sm);color:var(--es-muted-foreground);font-size:var(--es-text-xs);height:1.5rem;outline:none;padding:var(--es-spacing-1) var(--es-spacing-2);transition:border-color var(--es-transition)}.es-keyInput-MXoPV:focus{border-color:var(--es-ring)}.es-removeButton-s7K9l{align-items:center;background:transparent;border:none;border-radius:var(--es-radius-sm);color:var(--es-muted-foreground);cursor:pointer;display:flex;flex-shrink:0;height:2rem;justify-content:center;transition:color var(--es-transition);width:2rem}.es-removeButton-s7K9l:hover{color:var(--es-destructive)}.es-removeIcon-Ostpz{height:1rem;width:1rem}.es-addButton-Wgly5{align-items:center;background-color:transparent;border:1px solid var(--es-border);border-radius:var(--es-radius-sm);color:var(--es-foreground);cursor:pointer;display:flex;font-size:var(--es-text-xs);gap:var(--es-spacing-1);height:2rem;justify-content:center;padding:0 var(--es-spacing-3);transition:background-color var(--es-transition),border-color var(--es-transition);width:100%}.es-addButton-Wgly5:hover{background-color:var(--es-accent);border-color:var(--es-accent)}.es-addIcon-61nc3{height:1rem;width:1rem}.es-container-YWSlG{display:flex;flex-wrap:wrap;gap:var(--es-spacing-2);width:100%}.es-inputWrapper-B2wKI{position:relative;width:calc(50% - 4px)}.es-input--qUrU{-moz-appearance:textfield;background-color:var(--es-background);border:1px solid var(--es-input);border-radius:var(--es-radius-sm);color:var(--es-foreground);font-size:var(--es-text-xs);height:2rem;outline:none;padding:var(--es-spacing-1) var(--es-spacing-2);padding-right:2rem;transition:border-color var(--es-transition);width:100%}.es-input--qUrU::-webkit-inner-spin-button,.es-input--qUrU::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.es-input--qUrU:focus{border-color:var(--es-ring)}.es-suffix-2c3Cd{color:var(--es-muted-foreground);font-size:var(--es-text-xs);pointer-events:none;position:absolute;right:var(--es-spacing-3);top:50%;transform:translateY(-50%)}.es-container-lamwH{background-color:var(--es-muted);border-radius:var(--es-radius);display:inline-flex;gap:2px;padding:2px}.es-containerSm-mndNj{gap:1px;padding:1px}.es-segment-JmKWl{background:transparent;border:none;border-radius:calc(var(--es-radius) - 2px);color:var(--es-muted-foreground);cursor:pointer;flex:1;font-size:var(--es-text-sm);font-weight:500;padding:var(--es-spacing-1) var(--es-spacing-3);transition:all var(--es-transition);white-space:nowrap}.es-containerSm-mndNj .es-segment-JmKWl{font-size:var(--es-text-xs);padding:var(--es-spacing-1) var(--es-spacing-2)}.es-segment-JmKWl:hover:not(:disabled),.es-segmentSelected-fumXM{color:var(--es-foreground)}.es-segmentSelected-fumXM{background-color:var(--es-background);box-shadow:0 1px 2px rgba(0,0,0,.05)}.es-segmentDisabled-Md5LF{cursor:not-allowed;opacity:.5}.es-container-HI7-c{position:relative;width:100%}.es-trigger-YRz9p{align-items:center;background-color:var(--es-background);border:1px solid var(--es-input);border-radius:var(--es-radius-sm);color:var(--es-foreground);cursor:pointer;display:flex;font-size:var(--es-text-xs);height:2rem;justify-content:space-between;padding:var(--es-spacing-1) var(--es-spacing-2);transition:border-color var(--es-transition);width:100%}.es-trigger-YRz9p:hover{border-color:var(--es-ring)}.es-triggerValue-k-g2-{flex:1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.es-chevron-UbZv-,.es-placeholder-F8-XP{color:var(--es-muted-foreground)}.es-chevron-UbZv-{height:1rem;transition:transform var(--es-transition);width:1rem}.es-chevronOpen-Yui-r{transform:rotate(180deg)}.es-dropdown-l2sra{background-color:var(--es-popover);border:1px solid var(--es-border);border-radius:var(--es-radius);box-shadow:0 4px 6px -1px rgba(0,0,0,.1);padding:var(--es-spacing-1);width:100%}.es-option-cv-7C{align-items:center;background:transparent;border:none;border-radius:var(--es-radius-sm);color:var(--es-foreground);cursor:pointer;display:flex;font-size:var(--es-text-xs);padding:var(--es-spacing-1) var(--es-spacing-2);text-align:left;transition:background-color var(--es-transition);width:100%}.es-option-cv-7C:hover,.es-optionSelected-K4e5h{background-color:var(--es-accent)}.es-optionDisabled-72jrC{cursor:not-allowed;opacity:.5}.es-container-PG1Uy{align-items:center;display:flex;gap:var(--es-spacing-3);width:100%}.es-slider-pypb6{align-items:center;display:flex;flex:1;height:1.25rem;position:relative}.es-track-X2NtH{background-color:var(--es-secondary);border-radius:9999px;cursor:pointer;flex:1;height:.375rem;position:relative}.es-range-AVV8x{background-color:var(--es-primary);border-radius:9999px;height:100%;position:absolute}.es-thumb-YMQR-{background-color:var(--es-background);border:2px solid var(--es-primary);border-radius:9999px;cursor:pointer;height:1rem;position:absolute;top:50%;transform:translate(-50%,-50%);transition:box-shadow var(--es-transition);width:1rem;z-index:1}.es-thumb-YMQR-:focus,.es-thumb-YMQR-:hover{box-shadow:0 0 0 4px rgba(0,0,0,.1)}.es-thumb-YMQR-:focus{outline:none}.es-value-JiWPV{color:var(--es-muted-foreground);font-size:var(--es-text-xs);min-width:40px;text-align:right}.es-container-XqQza{display:flex;flex-direction:column;gap:var(--es-spacing-2)}.es-boxModel-8RFjI{align-items:center;background-color:color-mix(in srgb,var(--es-muted) 30%,transparent);border:1px solid var(--es-border);border-radius:var(--es-radius);display:flex;height:6rem;justify-content:center;position:relative}.es-inputTop-bqsmI{left:50%;position:absolute;top:var(--es-spacing-1);transform:translateX(-50%)}.es-inputRight-TV3E-{position:absolute;right:var(--es-spacing-1);top:50%;transform:translateY(-50%)}.es-inputBottom-dP-wA{bottom:var(--es-spacing-1);left:50%;position:absolute;transform:translateX(-50%)}.es-inputLeft-sygc3{left:var(--es-spacing-1);position:absolute;top:50%;transform:translateY(-50%)}.es-spacingInput-KAWdK{-moz-appearance:textfield;background-color:var(--es-background);border:1px solid var(--es-input);border-radius:var(--es-radius-sm);color:var(--es-foreground);font-size:var(--es-text-xs);height:1.5rem;outline:none;padding:0 var(--es-spacing-1);text-align:center;transition:border-color var(--es-transition);width:3rem}.es-spacingInput-KAWdK::-webkit-inner-spin-button,.es-spacingInput-KAWdK::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.es-spacingInput-KAWdK:focus{border-color:var(--es-ring)}.es-linkButton-v1n0k{align-items:center;background-color:transparent;border:1px solid var(--es-border);border-radius:var(--es-radius-sm);color:var(--es-foreground);cursor:pointer;display:flex;height:2rem;justify-content:center;padding:0;transition:all var(--es-transition);width:2rem}.es-linkButton-v1n0k:hover{background-color:var(--es-accent)}.es-linkButtonActive-Vge1n{border-color:var(--es-primary);color:var(--es-primary-foreground)}.es-linkButtonActive-Vge1n,.es-linkButtonActive-Vge1n:hover{background-color:var(--es-primary)}.es-linkIcon-K0j9e{height:1rem;width:1rem}.es-presets-CPVVc{display:flex;gap:var(--es-spacing-1)}.es-presetButton-vUc7S{background-color:transparent;border:1px solid var(--es-border);border-radius:var(--es-radius-sm);color:var(--es-foreground);cursor:pointer;flex:1;font-size:var(--es-text-xs);height:1.5rem;padding:0;transition:all var(--es-transition)}.es-presetButton-vUc7S:hover{background-color:var(--es-accent);border-color:var(--es-accent)}.es-modeLabel-Vh1Cf{color:var(--es-muted-foreground);font-size:var(--es-text-xs);text-align:center}.es-container-weN0F{position:relative;width:100%}.es-input-C8N67{background-color:var(--es-background);border:1px solid var(--es-input);border-radius:var(--es-radius-sm);color:var(--es-foreground);font-size:var(--es-text-xs);height:2rem;outline:none;padding:var(--es-spacing-1) var(--es-spacing-2);transition:border-color var(--es-transition);width:100%}.es-input-C8N67:focus{border-color:var(--es-ring)}.es-input-C8N67::placeholder{color:var(--es-muted-foreground)}.es-inputWithSuffix-tdJcI{padding-right:2rem}.es-suffix-HGRiQ{color:var(--es-muted-foreground);font-size:var(--es-text-xs);pointer-events:none;position:absolute;right:var(--es-spacing-3);top:50%;transform:translateY(-50%)}.es-switch-2DV6T{background-color:var(--es-input);border:none;border-radius:9999px;cursor:pointer;height:1.25rem;padding:0;position:relative;transition:background-color var(--es-transition);width:2.25rem}.es-switch-2DV6T:focus-visible{outline:2px solid var(--es-ring);outline-offset:2px}.es-switchChecked-eI65V{background-color:var(--es-primary)}.es-switchThumb-GDlBx{background-color:var(--es-background);border-radius:9999px;box-shadow:0 1px 2px rgba(0,0,0,.1);height:1rem;left:2px;position:absolute;top:2px;transition:transform var(--es-transition);width:1rem}.es-switchThumbChecked-uA5kV{transform:translateX(1rem)}.es-checkboxWrapper-l-KtW{align-items:center;cursor:pointer;display:inline-flex}.es-checkboxInput-4Z9KK{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.es-checkbox-G1P36{align-items:center;background-color:var(--es-background);border:1px solid var(--es-input);border-radius:var(--es-radius-sm);display:flex;height:1rem;justify-content:center;padding:0;transition:all var(--es-transition);width:1rem}.es-checkboxWrapper-l-KtW:hover .es-checkbox-G1P36{border-color:var(--es-ring)}.es-checkboxInput-4Z9KK:focus+.es-checkbox-G1P36{border-color:var(--es-ring);box-shadow:0 0 0 2px var(--es-ring-alpha)}.es-checkboxChecked-7XJoC{background-color:var(--es-primary);border-color:var(--es-primary)}.es-checkIcon-3KIBH{color:var(--es-primary-foreground);height:.75rem;width:.75rem}.es-segmented-IaxAM{background-color:var(--es-muted);border-radius:var(--es-radius);display:inline-flex;gap:2px;padding:2px}.es-segmentedButton-mbZ5z{background:transparent;border:none;border-radius:calc(var(--es-radius) - 2px);color:var(--es-muted-foreground);cursor:pointer;font-size:var(--es-text-xs);font-weight:500;padding:var(--es-spacing-1) var(--es-spacing-2);transition:all var(--es-transition)}.es-segmentedButton-mbZ5z:hover{color:var(--es-foreground)}.es-segmentedButtonSelected-u4m2T{background-color:var(--es-background);box-shadow:0 1px 2px rgba(0,0,0,.05);color:var(--es-foreground)}.es-container-ftwPX{width:100%}.es-textarea-sJPy9{background-color:var(--es-background);border:1px solid var(--es-input);border-radius:var(--es-radius-sm);color:var(--es-foreground);font-family:inherit;font-size:var(--es-text-xs);min-height:60px;outline:none;padding:var(--es-spacing-2);resize:vertical;transition:border-color var(--es-transition);width:100%}.es-textarea-sJPy9:focus{border-color:var(--es-ring)}.es-textarea-sJPy9::placeholder{color:var(--es-muted-foreground)}.es-counter-02NEu{color:var(--es-muted-foreground);font-size:var(--es-text-xs);margin-top:var(--es-spacing-1);text-align:right}.es-container-EDh0-{overflow:hidden;position:relative;width:100%}.es-row-MOm-T{display:flex;gap:var(--es-spacing-2)}.es-label-1o-jT{cursor:pointer;flex:1}.es-hiddenInput-03Dx-{height:0;opacity:0;position:absolute;width:0}.es-uploadArea-1HYbh{align-items:center;border:1px dashed var(--es-border);border-radius:var(--es-radius);color:var(--es-muted-foreground);display:flex;font-size:var(--es-text-xs);height:2rem;justify-content:center;transition:border-color var(--es-transition);width:100%}.es-uploadArea-1HYbh:hover{border-color:var(--es-primary)}.es-uploadIcon-Ck7gF{height:1rem;margin-right:var(--es-spacing-2);width:1rem}.es-clearButton-N-9cs{align-items:center;background:transparent;border:none;border-radius:var(--es-radius);color:var(--es-muted-foreground);cursor:pointer;display:flex;height:2rem;justify-content:center;padding:0 var(--es-spacing-2);transition:color var(--es-transition)}.es-clearButton-N-9cs:hover{color:var(--es-destructive)}.es-clearIcon-LHlF6{height:1rem;width:1rem}.es-fileInfo-71Jtf{align-items:center;color:var(--es-foreground);display:flex;font-size:var(--es-text-xs);gap:var(--es-spacing-2);margin-top:var(--es-spacing-2);width:100%}.es-fileName-B2hHy{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.es-fileSize-pINcz{color:var(--es-muted-foreground);flex-shrink:0;white-space:nowrap}.es-error-A8MID{color:var(--es-destructive);font-size:var(--es-text-xs);margin-top:var(--es-spacing-1)}.es-container-gjha7{transform:translateX(-16px);width:calc(100% + 32px)}.es-header-iE--w{align-items:center;background-color:var(--es-muted);display:flex;height:2rem;justify-content:space-between;padding:0 1rem}.es-title-qTdCp{color:var(--es-foreground);font-size:var(--es-text-sm);font-weight:500}.es-toggleButton-g6dI2{align-items:center;background:transparent;border:none;border-radius:var(--es-radius-sm);color:var(--es-muted-foreground);cursor:pointer;display:flex;justify-content:center;padding:var(--es-spacing-1);transition:background-color var(--es-transition)}.es-toggleButton-g6dI2:hover{background-color:var(--es-accent)}.es-toggleIcon-cjnM4{height:1rem;width:1rem}.es-content-GYYgk{display:flex;flex-direction:column;gap:var(--es-spacing-3);padding:var(--es-spacing-2) 1rem}.es-contentHidden-WAYSW{display:none}.es-srOnly-EI1Tc{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.es-container-4LWRO{width:100%}.es-tabsList-L72im{background-color:var(--es-muted);border-radius:var(--es-radius);display:grid;padding:var(--es-spacing-1);width:100%}.es-tabTrigger-u3S3S{align-items:center;background:transparent;border:none;border-radius:var(--es-radius-sm);color:var(--es-muted-foreground);cursor:pointer;display:flex;font-size:var(--es-text-sm);font-weight:500;justify-content:center;padding:var(--es-spacing-1) var(--es-spacing-3);transition:all var(--es-transition)}.es-tabTrigger-u3S3S:hover{color:var(--es-foreground)}.es-tabTriggerActive-xCpU6{background-color:var(--es-background);box-shadow:0 1px 3px 0 rgba(0,0,0,.1);color:var(--es-foreground)}.es-tabContent-Pj2Us{box-sizing:border-box;display:none;flex-direction:column;gap:var(--es-spacing-3);margin-top:0;padding:var(--es-spacing-2)}.es-tabContentActive-NJtXh{display:flex}

package/dist/index.d.ts

@@ -3,6 +3,7 @@
  * Official setters library for EasyEditor
  */
 import './styles/variables.css';
+export { default as Popover } from './lib/popover';
 export { default as AlignSetter } from './basic/align-setter';
 export { default as ArraySetter } from './basic/array-setter';
 export { default as ColorSetter } from './basic/color-setter';

package/dist/index.esm.js

@@ -1,6 +1,72 @@
-import React$1, { forwardRef, createElement, useCallback, useRef, useEffect, useState, useMemo, Fragment } from 'react';
+import React$1, { useRef, useState, useEffect, forwardRef, createElement, useCallback, useMemo, Fragment } from 'react';
+import { createPortal } from 'react-dom';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
+/**
+ * Popover - 共享弹窗组件
+ * - 使用 Portal 渲染到 document.body，避免被父容器遮挡
+ * - 自动匹配触发器宽度
+ */
+const Popover = props => {
+  const {
+    open,
+    onClose,
+    trigger,
+    children,
+    width = 'trigger'
+  } = props;
+  const triggerRef = useRef(null);
+  const [position, setPosition] = useState({
+    top: 0,
+    left: 0
+  });
+  const [popoverWidth, setPopoverWidth] = useState(0);
+
+  // 计算弹窗位置
+  useEffect(() => {
+    if (open && triggerRef.current) {
+      const triggerRect = triggerRef.current.getBoundingClientRect();
+      const triggerWidth = triggerRect.width;
+
+      // 设置弹窗宽度
+      if (width === 'trigger') {
+        setPopoverWidth(triggerWidth);
+      }
+      setPosition({
+        top: triggerRect.bottom + 4,
+        left: triggerRect.left
+      });
+    }
+  }, [open, width]);
+
+  // 点击外部关闭
+  useEffect(() => {
+    const handleClickOutside = event => {
+      const target = event.target;
+      const popoverEl = document.querySelector('.es-popover-portal');
+      if (popoverEl && !popoverEl.contains(target) && triggerRef.current && !triggerRef.current.contains(target)) {
+        onClose();
+      }
+    };
+    if (open) {
+      document.addEventListener('mousedown', handleClickOutside);
+      return () => document.removeEventListener('mousedown', handleClickOutside);
+    }
+  }, [open, onClose]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    ref: triggerRef
+  }, trigger), open && /*#__PURE__*/createPortal(/*#__PURE__*/React.createElement("div", {
+    className: "es-popover-portal",
+    style: {
+      position: 'fixed',
+      top: position.top,
+      left: position.left,
+      width: popoverWidth || 'auto',
+      zIndex: 1000
+    }
+  }, children), document.body));
+};
+
 function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
 
 function cn(...inputs) {
@@ -3827,7 +3893,7 @@ var Sketch = /*#__PURE__*/React$1.forwardRef((props, ref) => {
 });
 Sketch.displayName = 'Sketch';
 
-var styles$i = {"trigger":"es-trigger-w-aUi","colorPreview":"es-colorPreview-SUgiJ","colorValue":"es-colorValue-cYdRP","popover":"es-popover-SfIUB","popoverHidden":"es-popoverHidden-GCAC8"};
+var styles$i = {"trigger":"es-trigger-w-aUi","colorPreview":"es-colorPreview-SUgiJ","colorValue":"es-colorValue-cYdRP","popover":"es-popover-SfIUB"};
 
 const ColorSetter = props => {
   const {
@@ -3837,40 +3903,25 @@ const ColorSetter = props => {
     disableAlpha = false
   } = props;
   const [open, setOpen] = useState(false);
-  const containerRef = useRef(null);
-  useEffect(() => {
-    const handleClickOutside = event => {
-      if (containerRef.current && !containerRef.current.contains(event.target)) {
-        setOpen(false);
+  return /*#__PURE__*/React.createElement(Popover, {
+    open: open,
+    onClose: () => setOpen(false),
+    trigger: /*#__PURE__*/React.createElement("button", {
+      "aria-label": "Select color",
+      className: styles$i.trigger,
+      onClick: () => setOpen(true),
+      type: "button"
+    }, /*#__PURE__*/React.createElement("div", {
+      "aria-label": "Current color",
+      className: styles$i.colorPreview,
+      style: {
+        backgroundColor: value ?? initialValue
       }
-    };
-    if (open) {
-      document.addEventListener('mousedown', handleClickOutside);
-    }
-    return () => {
-      document.removeEventListener('mousedown', handleClickOutside);
-    };
-  }, [open]);
-  return /*#__PURE__*/React.createElement("div", {
-    ref: containerRef,
-    style: {
-      position: 'relative'
-    }
-  }, /*#__PURE__*/React.createElement("button", {
-    "aria-label": "Select color",
-    className: styles$i.trigger,
-    onClick: () => setOpen(!open),
-    type: "button"
+    }), /*#__PURE__*/React.createElement("span", {
+      className: styles$i.colorValue
+    }, value ?? initialValue))
   }, /*#__PURE__*/React.createElement("div", {
-    "aria-label": "Current color",
-    className: styles$i.colorPreview,
-    style: {
-      backgroundColor: value ?? initialValue
-    }
-  }), /*#__PURE__*/React.createElement("span", {
-    className: styles$i.colorValue
-  }, value ?? initialValue)), /*#__PURE__*/React.createElement("div", {
-    className: cn(styles$i.popover, !open && styles$i.popoverHidden)
+    className: styles$i.popover
   }, /*#__PURE__*/React.createElement(Sketch, {
     color: value,
     disableAlpha: disableAlpha,
@@ -3879,7 +3930,7 @@ const ColorSetter = props => {
   })));
 };
 
-var styles$h = {"container":"es-container-df9wM","trigger":"es-trigger-fTNvQ","triggerIcon":"es-triggerIcon-1mdQ0","triggerIconPrimary":"es-triggerIconPrimary-opifh","triggerIconMuted":"es-triggerIconMuted-CWgDl","triggerText":"es-triggerText-WeQRu","popover":"es-popover-z8oiW","popoverHidden":"es-popoverHidden-kLhMd","tabsList":"es-tabsList-liSeY","tabTrigger":"es-tabTrigger-6j7K-","tabTriggerActive":"es-tabTriggerActive-g6hcl","tabTriggerIcon":"es-tabTriggerIcon-dRSAp","tabContent":"es-tabContent--H166","tabContentActive":"es-tabContentActive-Fjdu5","section":"es-section-eDYxd","sectionLabel":"es-sectionLabel--LHE8","input":"es-input--OymK","inputMono":"es-inputMono-pCJz3","textarea":"es-textarea-iurkc","booleanButtons":"es-booleanButtons-0bM8P","booleanButton":"es-booleanButton-3fXcB","booleanButtonActive":"es-booleanButtonActive-zGWrZ","datasourceList":"es-datasourceList-VIRXb","datasourceButton":"es-datasourceButton-giz6D","datasourceButtonActive":"es-datasourceButtonActive-m5WPP","datasourceIcon":"es-datasourceIcon-q9Omt","emptyState":"es-emptyState-rI2si","hint":"es-hint-zfWLZ","preview":"es-preview-tUInw"};
+var styles$h = {"trigger":"es-trigger-fTNvQ","triggerIcon":"es-triggerIcon-1mdQ0","triggerIconPrimary":"es-triggerIconPrimary-opifh","triggerIconMuted":"es-triggerIconMuted-CWgDl","triggerText":"es-triggerText-WeQRu","popoverContent":"es-popoverContent-6qE--","tabsList":"es-tabsList-liSeY","tabTrigger":"es-tabTrigger-6j7K-","tabTriggerActive":"es-tabTriggerActive-g6hcl","tabTriggerIcon":"es-tabTriggerIcon-dRSAp","tabContent":"es-tabContent--H166","tabContentActive":"es-tabContentActive-Fjdu5","section":"es-section-eDYxd","sectionLabel":"es-sectionLabel--LHE8","input":"es-input--OymK","inputMono":"es-inputMono-pCJz3","textarea":"es-textarea-iurkc","booleanButtons":"es-booleanButtons-0bM8P","booleanButton":"es-booleanButton-3fXcB","booleanButtonActive":"es-booleanButtonActive-zGWrZ","datasourceList":"es-datasourceList-VIRXb","datasourceButton":"es-datasourceButton-giz6D","datasourceButtonActive":"es-datasourceButtonActive-m5WPP","datasourceIcon":"es-datasourceIcon-q9Omt","emptyState":"es-emptyState-rI2si","hint":"es-hint-zfWLZ","preview":"es-preview-tUInw"};
 
 const defaultValue$3 = {
   type: 'static',
@@ -3897,20 +3948,6 @@ const DataBindingSetter = props => {
   const currentValue = value ?? initialValue ?? defaultValue$3;
   const [open, setOpen] = useState(false);
   const [activeTab, setActiveTab] = useState(currentValue.type);
-  const containerRef = useRef(null);
-  useEffect(() => {
-    const handleClickOutside = event => {
-      if (containerRef.current && !containerRef.current.contains(event.target)) {
-        setOpen(false);
-      }
-    };
-    if (open) {
-      document.addEventListener('mousedown', handleClickOutside);
-    }
-    return () => {
-      document.removeEventListener('mousedown', handleClickOutside);
-    };
-  }, [open]);
   const updateBinding = useCallback(updates => {
     onChange({
       ...currentValue,
@@ -4007,18 +4044,20 @@ const DataBindingSetter = props => {
       text: '静态数据'
     };
   }, [currentValue, dataSources]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: styles$h.container,
-    ref: containerRef
-  }, /*#__PURE__*/React.createElement("button", {
-    "aria-label": "Data binding",
-    className: styles$h.trigger,
-    onClick: () => setOpen(!open),
-    type: "button"
-  }, bindingStatus.icon, /*#__PURE__*/React.createElement("span", {
-    className: styles$h.triggerText
-  }, bindingStatus.text)), /*#__PURE__*/React.createElement("div", {
-    className: cn(styles$h.popover, open === false ? styles$h.popoverHidden : '')
+  return /*#__PURE__*/React.createElement(Popover, {
+    open: open,
+    onClose: () => setOpen(false),
+    width: 300,
+    trigger: /*#__PURE__*/React.createElement("button", {
+      "aria-label": "Data binding",
+      className: styles$h.trigger,
+      onClick: () => setOpen(true),
+      type: "button"
+    }, bindingStatus.icon, /*#__PURE__*/React.createElement("span", {
+      className: styles$h.triggerText
+    }, bindingStatus.text))
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles$h.popoverContent
   }, /*#__PURE__*/React.createElement("div", {
     className: styles$h.tabsList,
     role: "tablist"
@@ -4080,7 +4119,7 @@ const DataBindingSetter = props => {
   }, "\u7ED1\u5B9A\u540E\u53EF\u5728\u9884\u89C8\u6A21\u5F0F\u67E5\u770B\u6570\u636E")) : null))));
 };
 
-var styles$g = {"container":"es-container-4VZqD","trigger":"es-trigger-rmYLl","triggerIcon":"es-triggerIcon-ktlTS","triggerText":"es-triggerText-B63By","popover":"es-popover-d9HQQ","popoverHidden":"es-popoverHidden-fDKLq","content":"es-content-3MmL0","header":"es-header-VoKF3","headerTitle":"es-headerTitle-vDZR8","headerCount":"es-headerCount-stTlN","mappingList":"es-mappingList-SLqhN","mappingItem":"es-mappingItem-xtRLl","mappingHeader":"es-mappingHeader-LwKiY","mappingTitle":"es-mappingTitle-IMhzw","mappingRequired":"es-mappingRequired-tP6L-","mappingType":"es-mappingType-nyqrh","mappingRow":"es-mappingRow-lFfhT","select":"es-select-R4pIl","input":"es-input--LohJ","arrowIcon":"es-arrowIcon-QqWMM","targetField":"es-targetField-gSvGk","transformRow":"es-transformRow-O6MAG","transformIcon":"es-transformIcon-beXzy","transformInput":"es-transformInput-SyN2q","clearButton":"es-clearButton-Pm-uP","helpText":"es-helpText-IHqjo"};
+var styles$g = {"trigger":"es-trigger-rmYLl","triggerIcon":"es-triggerIcon-ktlTS","triggerText":"es-triggerText-B63By","popoverContent":"es-popoverContent-IIcFY","header":"es-header-VoKF3","headerTitle":"es-headerTitle-vDZR8","headerCount":"es-headerCount-stTlN","mappingList":"es-mappingList-SLqhN","mappingItem":"es-mappingItem-xtRLl","mappingHeader":"es-mappingHeader-LwKiY","mappingTitle":"es-mappingTitle-IMhzw","mappingRequired":"es-mappingRequired-tP6L-","mappingType":"es-mappingType-nyqrh","mappingRow":"es-mappingRow-lFfhT","select":"es-select-R4pIl","input":"es-input--LohJ","arrowIcon":"es-arrowIcon-QqWMM","targetField":"es-targetField-gSvGk","transformRow":"es-transformRow-O6MAG","transformIcon":"es-transformIcon-beXzy","transformInput":"es-transformInput-SyN2q","clearButton":"es-clearButton-Pm-uP","helpText":"es-helpText-IHqjo"};
 
 const defaultValue$2 = {
   mappings: []
@@ -4095,20 +4134,6 @@ const DataMappingSetter = props => {
   } = props;
   const currentValue = value ?? initialValue ?? defaultValue$2;
   const [open, setOpen] = useState(false);
-  const containerRef = useRef(null);
-  useEffect(() => {
-    const handleClickOutside = event => {
-      if (containerRef.current && !containerRef.current.contains(event.target)) {
-        setOpen(false);
-      }
-    };
-    if (open) {
-      document.addEventListener('mousedown', handleClickOutside);
-    }
-    return () => {
-      document.removeEventListener('mousedown', handleClickOutside);
-    };
-  }, [open]);
 
   // 获取字段的映射
   const getMapping = useCallback(targetField => currentValue.mappings.find(m => m.targetField === targetField), [currentValue.mappings]);
@@ -4144,22 +4169,22 @@ const DataMappingSetter = props => {
 
   // 统计已映射字段数
   const mappedCount = currentValue.mappings.filter(m => m.sourceField).length;
-  return /*#__PURE__*/React.createElement("div", {
-    className: styles$g.container,
-    ref: containerRef
-  }, /*#__PURE__*/React.createElement("button", {
-    "aria-label": "Data mapping",
-    className: styles$g.trigger,
-    onClick: () => setOpen(!open),
-    type: "button"
-  }, /*#__PURE__*/React.createElement(Settings2, {
-    className: styles$g.triggerIcon
-  }), /*#__PURE__*/React.createElement("span", {
-    className: styles$g.triggerText
-  }, "\u5B57\u6BB5\u6620\u5C04 (", mappedCount, "/", targetFields.length, ")")), /*#__PURE__*/React.createElement("div", {
-    className: cn(styles$g.popover, open === false ? styles$g.popoverHidden : '')
+  return /*#__PURE__*/React.createElement(Popover, {
+    open: open,
+    onClose: () => setOpen(false),
+    width: 320,
+    trigger: /*#__PURE__*/React.createElement("button", {
+      "aria-label": "Data mapping",
+      className: styles$g.trigger,
+      onClick: () => setOpen(true),
+      type: "button"
+    }, /*#__PURE__*/React.createElement(Settings2, {
+      className: styles$g.triggerIcon
+    }), /*#__PURE__*/React.createElement("span", {
+      className: styles$g.triggerText
+    }, "\u5B57\u6BB5\u6620\u5C04 (", mappedCount, "/", targetFields.length, ")"))
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles$g.content
+    className: styles$g.popoverContent
   }, /*#__PURE__*/React.createElement("div", {
     className: styles$g.header
   }, /*#__PURE__*/React.createElement("span", {
@@ -4225,10 +4250,10 @@ const DataMappingSetter = props => {
     }, "\u6E05\u9664\u6620\u5C04") : null);
   })), /*#__PURE__*/React.createElement("div", {
     className: styles$g.helpText
-  }, /*#__PURE__*/React.createElement("p", null, "\u2022 \u6E90\u5B57\u6BB5: \u6570\u636E\u6E90\u4E2D\u7684\u5B57\u6BB5\u8DEF\u5F84"), /*#__PURE__*/React.createElement("p", null, "\u2022 \u8F6C\u6362\u8868\u8FBE\u5F0F: \u5982 value * 100, value.toFixed(2)")))));
+  }, /*#__PURE__*/React.createElement("p", null, "\u2022 \u6E90\u5B57\u6BB5: \u6570\u636E\u6E90\u4E2D\u7684\u5B57\u6BB5\u8DEF\u5F84"), /*#__PURE__*/React.createElement("p", null, "\u2022 \u8F6C\u6362\u8868\u8FBE\u5F0F: \u5982 value * 100, value.toFixed(2)"))));
 };
 
-var styles$f = {"container":"es-container-pcCYY","trigger":"es-trigger-IjziC","triggerIcon":"es-triggerIcon-t21hp","triggerText":"es-triggerText-WQ-5H","popover":"es-popover-h2Vn-","popoverHidden":"es-popoverHidden-EiA3W","searchWrapper":"es-searchWrapper-jUGP6","searchIcon":"es-searchIcon-Qu4Cl","searchInput":"es-searchInput-YUlsM","section":"es-section-mWvKy","sectionTitle":"es-sectionTitle-4m6ZV","iconGrid":"es-iconGrid-hvHqv","iconButton":"es-iconButton-3y2jO","iconButtonSelected":"es-iconButtonSelected-01Ozi","iconButtonIcon":"es-iconButtonIcon-ur-nS","emptyMessage":"es-emptyMessage-dWKQh"};
+var styles$f = {"trigger":"es-trigger-IjziC","triggerIcon":"es-triggerIcon-t21hp","triggerText":"es-triggerText-WQ-5H","popover":"es-popover-h2Vn-","searchWrapper":"es-searchWrapper-jUGP6","searchIcon":"es-searchIcon-Qu4Cl","searchInput":"es-searchInput-YUlsM","section":"es-section-mWvKy","sectionTitle":"es-sectionTitle-4m6ZV","iconGrid":"es-iconGrid-hvHqv","iconButton":"es-iconButton-3y2jO","iconButtonSelected":"es-iconButtonSelected-01Ozi","iconButtonIcon":"es-iconButtonIcon-ur-nS","emptyMessage":"es-emptyMessage-dWKQh"};
 
 // 图标映射表
 const iconMap = {
@@ -4351,20 +4376,6 @@ const IconSetter = props => {
   const [open, setOpen] = useState(false);
   const [searchQuery, setSearchQuery] = useState('');
   const [recentIcons, setRecentIcons] = useState([]);
-  const containerRef = useRef(null);
-  useEffect(() => {
-    const handleClickOutside = event => {
-      if (containerRef.current && !containerRef.current.contains(event.target)) {
-        setOpen(false);
-      }
-    };
-    if (open) {
-      document.addEventListener('mousedown', handleClickOutside);
-    }
-    return () => {
-      document.removeEventListener('mousedown', handleClickOutside);
-    };
-  }, [open]);
 
   // 获取图标组件
   const getIconComponent = useCallback(iconName => iconMap[iconName] || Circle, []);
@@ -4390,20 +4401,21 @@ const IconSetter = props => {
     setOpen(false);
   }, [onChange]);
   const CurrentIcon = getIconComponent(currentValue.name);
-  return /*#__PURE__*/React.createElement("div", {
-    className: styles$f.container,
-    ref: containerRef
-  }, /*#__PURE__*/React.createElement("button", {
-    "aria-label": "Select icon",
-    className: styles$f.trigger,
-    onClick: () => setOpen(!open),
-    type: "button"
-  }, /*#__PURE__*/React.createElement(CurrentIcon, {
-    className: styles$f.triggerIcon
-  }), /*#__PURE__*/React.createElement("span", {
-    className: styles$f.triggerText
-  }, currentValue.name)), /*#__PURE__*/React.createElement("div", {
-    className: cn(styles$f.popover, open === false ? styles$f.popoverHidden : '')
+  return /*#__PURE__*/React.createElement(Popover, {
+    open: open,
+    onClose: () => setOpen(false),
+    trigger: /*#__PURE__*/React.createElement("button", {
+      "aria-label": "Select icon",
+      className: styles$f.trigger,
+      onClick: () => setOpen(true),
+      type: "button"
+    }, /*#__PURE__*/React.createElement(CurrentIcon, {
+      className: styles$f.triggerIcon
+    }), /*#__PURE__*/React.createElement("span", {
+      className: styles$f.triggerText
+    }, currentValue.name))
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles$f.popover
   }, /*#__PURE__*/React.createElement("div", {
     className: styles$f.searchWrapper
   }, /*#__PURE__*/React.createElement(Search, {
@@ -4731,7 +4743,7 @@ const SegmentedSetter = props => {
   }, option.label)));
 };
 
-var styles$8 = {"container":"es-container-HI7-c","trigger":"es-trigger-YRz9p","triggerValue":"es-triggerValue-k-g2-","placeholder":"es-placeholder-F8-XP","chevron":"es-chevron-UbZv-","chevronOpen":"es-chevronOpen-Yui-r","dropdown":"es-dropdown-l2sra","dropdownHidden":"es-dropdownHidden-S8Y4U","option":"es-option-cv-7C","optionSelected":"es-optionSelected-K4e5h","optionDisabled":"es-optionDisabled-72jrC"};
+var styles$8 = {"trigger":"es-trigger-YRz9p","triggerValue":"es-triggerValue-k-g2-","placeholder":"es-placeholder-F8-XP","chevron":"es-chevron-UbZv-","chevronOpen":"es-chevronOpen-Yui-r","dropdown":"es-dropdown-l2sra","option":"es-option-cv-7C","optionSelected":"es-optionSelected-K4e5h","optionDisabled":"es-optionDisabled-72jrC"};
 
 const SelectSetter = props => {
   const {
@@ -4742,22 +4754,8 @@ const SelectSetter = props => {
     onChange
   } = props;
   const [open, setOpen] = useState(false);
-  const containerRef = useRef(null);
   const currentValue = value ?? initialValue ?? '';
   const selectedOption = options.find(opt => opt.value === currentValue);
-  useEffect(() => {
-    const handleClickOutside = event => {
-      if (containerRef.current && !containerRef.current.contains(event.target)) {
-        setOpen(false);
-      }
-    };
-    if (open) {
-      document.addEventListener('mousedown', handleClickOutside);
-    }
-    return () => {
-      document.removeEventListener('mousedown', handleClickOutside);
-    };
-  }, [open]);
   const handleSelect = (optionValue, disabled) => {
     if (disabled) {
       return;
@@ -4765,21 +4763,22 @@ const SelectSetter = props => {
     onChange(optionValue);
     setOpen(false);
   };
-  return /*#__PURE__*/React.createElement("div", {
-    className: styles$8.container,
-    ref: containerRef
-  }, /*#__PURE__*/React.createElement("button", {
-    "aria-expanded": open,
-    "aria-haspopup": "listbox",
-    className: styles$8.trigger,
-    onClick: () => setOpen(!open),
-    type: "button"
-  }, /*#__PURE__*/React.createElement("span", {
-    className: cn(styles$8.triggerValue, selectedOption ? '' : styles$8.placeholder)
-  }, selectedOption?.label || placeholder || '请选择'), /*#__PURE__*/React.createElement(ChevronDown, {
-    className: cn(styles$8.chevron, open ? styles$8.chevronOpen : '')
-  })), /*#__PURE__*/React.createElement("div", {
-    className: cn(styles$8.dropdown, open === false ? styles$8.dropdownHidden : ''),
+  return /*#__PURE__*/React.createElement(Popover, {
+    open: open,
+    onClose: () => setOpen(false),
+    trigger: /*#__PURE__*/React.createElement("button", {
+      "aria-expanded": open,
+      "aria-haspopup": "listbox",
+      className: styles$8.trigger,
+      onClick: () => setOpen(true),
+      type: "button"
+    }, /*#__PURE__*/React.createElement("span", {
+      className: cn(styles$8.triggerValue, selectedOption ? '' : styles$8.placeholder)
+    }, selectedOption?.label || placeholder || '请选择'), /*#__PURE__*/React.createElement(ChevronDown, {
+      className: cn(styles$8.chevron, open ? styles$8.chevronOpen : '')
+    }))
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles$8.dropdown,
     role: "listbox"
   }, options.map(option => /*#__PURE__*/React.createElement("button", {
     "aria-selected": option.value === currentValue,
@@ -5283,5 +5282,5 @@ const setterMap = {
   ObjectSetter
 };
 
-export { AlignSetter, ArraySetter, CollapseSetter, ColorSetter, DataBindingSetter, DataMappingSetter, IconSetter, JsonSetter, NodeIdSetter, NumberSetter, ObjectSetter, RectSetter, SegmentedSetter, SelectSetter, SliderSetter, SpacingSetter, StringSetter, SwitchSetter, TabSetter, TextAreaSetter, UploadSetter, setterMap as default, setterMap };
+export { AlignSetter, ArraySetter, CollapseSetter, ColorSetter, DataBindingSetter, DataMappingSetter, IconSetter, JsonSetter, NodeIdSetter, NumberSetter, ObjectSetter, Popover, RectSetter, SegmentedSetter, SelectSetter, SliderSetter, SpacingSetter, StringSetter, SwitchSetter, TabSetter, TextAreaSetter, UploadSetter, setterMap as default, setterMap };
 //# sourceMappingURL=index.esm.js.map