@easy-editor/setters 0.1.5 → 0.1.7

package/dist/index.css

@@ -1 +1 @@
-:root{--es-background:#fff;--es-foreground:#18181b;--es-foreground-secondary:#52525b;--es-primary:#18181b;--es-primary-hover:#09090b;--es-primary-foreground:#fff;--es-primary-muted:rgba(24,24,27,.08);--es-secondary:#f4f4f5;--es-secondary-hover:#e4e4e7;--es-secondary-foreground:#18181b;--es-muted:#fafafa;--es-muted-foreground:#71717a;--es-accent:#f4f4f5;--es-accent-hover:#e4e4e7;--es-accent-foreground:#18181b;--es-destructive:#dc2626;--es-destructive-foreground:#fff;--es-success:#16a34a;--es-warning:#d97706;--es-border:#e4e4e7;--es-border-hover:#d4d4d8;--es-input:#e4e4e7;--es-ring:#18181b;--es-popover:#fff;--es-popover-foreground:#18181b;--es-radius:6px;--es-radius-sm:4px;--es-radius-lg:8px;--es-spacing-1:4px;--es-spacing-2:8px;--es-spacing-3:12px;--es-spacing-4:16px;--es-text-xs:11px;--es-text-sm:12px;--es-text-base:13px;--es-transition:150ms cubic-bezier(0.4,0,0.2,1);--es-transition-fast:100ms cubic-bezier(0.4,0,0.2,1);--es-shadow-sm:0 1px 2px rgba(0,0,0,.05);--es-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.06)}.dark{--es-background:#09090b;--es-foreground:#fafafa;--es-foreground-secondary:#a1a1aa;--es-primary:#fafafa;--es-primary-hover:#fff;--es-primary-foreground:#18181b;--es-primary-muted:hsla(0,0%,98%,.1);--es-secondary:#27272a;--es-secondary-hover:#3f3f46;--es-secondary-foreground:#fafafa;--es-muted:#18181b;--es-muted-foreground:#a1a1aa;--es-accent:#27272a;--es-accent-hover:#3f3f46;--es-accent-foreground:#fafafa;--es-destructive:#ef4444;--es-destructive-foreground:#fff;--es-success:#22c55e;--es-warning:#f59e0b;--es-border:#27272a;--es-border-hover:#3f3f46;--es-input:#27272a;--es-ring:#fafafa;--es-popover:#18181b;--es-popover-foreground:#fafafa;--es-shadow-sm:0 1px 2px rgba(0,0,0,.3);--es-shadow:0 1px 3px rgba(0,0,0,.4),0 1px 2px rgba(0,0,0,.3)}.styles-module-container-KSlB-{display:flex;flex-direction:column;gap:var(--es-spacing-2);width:100%}.styles-module-item-xDCpZ{align-items:center;display:flex;gap:var(--es-spacing-1)}.styles-module-dragHandle-lOaFv{color:var(--es-muted-foreground);cursor:grab;flex-shrink:0;height:1rem;width:1rem}.styles-module-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)}.styles-module-input-ItzPT::-webkit-inner-spin-button,.styles-module-input-ItzPT::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.styles-module-input-ItzPT:focus{border-color:var(--es-ring)}.styles-module-input-ItzPT::placeholder{color:var(--es-muted-foreground)}.styles-module-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}.styles-module-removeButton-ymAlo:hover:not(:disabled){color:var(--es-destructive)}.styles-module-removeButton-ymAlo:disabled{cursor:not-allowed;opacity:.5}.styles-module-removeIcon-ld51f{height:1rem;width:1rem}.styles-module-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%}.styles-module-addButton-U1VQX:hover:not(:disabled){background-color:var(--es-accent);border-color:var(--es-accent)}.styles-module-addButton-U1VQX:disabled{cursor:not-allowed;opacity:.5}.styles-module-addIcon-6qJub{height:1rem;width:1rem}.styles-module-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%}.styles-module-trigger-w-aUi:hover{border-color:var(--es-ring)}.styles-module-colorPreview-SUgiJ{border:1px solid var(--es-muted-foreground);border-radius:9999px;height:.875rem;width:.875rem}.styles-module-colorValue-cYdRP{flex:1;font-family:monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.styles-module-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)}.styles-module-container-CUmyq{width:100%}.styles-module-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%}.styles-module-textarea-hn1hD:focus{border-color:var(--es-ring)}.styles-module-textareaError-O2GWs{border-color:var(--es-destructive)}.styles-module-error-wjKcS{color:var(--es-destructive);font-size:var(--es-text-xs);margin-top:var(--es-spacing-1)}.styles-module-container-d6iPo{position:relative;width:100%}.styles-module-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%}.styles-module-input-hzqco::-webkit-inner-spin-button,.styles-module-input-hzqco::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.styles-module-input-hzqco:focus{border-color:var(--es-ring)}.styles-module-input-hzqco::placeholder{color:var(--es-muted-foreground)}.styles-module-inputWithSuffix-dzHIR{padding-right:2rem}.styles-module-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%)}.styles-module-container-RzrEe{display:flex;flex-direction:column;gap:var(--es-spacing-3);width:100%}.styles-module-field-AaNu3{display:flex;flex-direction:column;gap:var(--es-spacing-1)}.styles-module-label-zWfmB{color:var(--es-muted-foreground);font-size:var(--es-text-xs)}.styles-module-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%}.styles-module-input-fv7wH::-webkit-inner-spin-button,.styles-module-input-fv7wH::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.styles-module-input-fv7wH:focus{border-color:var(--es-ring)}.styles-module-input-fv7wH::placeholder{color:var(--es-muted-foreground)}.styles-module-customField-hV2yY{align-items:flex-end;display:flex;gap:var(--es-spacing-1)}.styles-module-customFieldInputs-efA5X{display:flex;flex:1;flex-direction:column;gap:var(--es-spacing-1)}.styles-module-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)}.styles-module-keyInput-MXoPV:focus{border-color:var(--es-ring)}.styles-module-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}.styles-module-removeButton-s7K9l:hover{color:var(--es-destructive)}.styles-module-removeIcon-Ostpz{height:1rem;width:1rem}.styles-module-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%}.styles-module-addButton-Wgly5:hover{background-color:var(--es-accent);border-color:var(--es-accent)}.styles-module-addIcon-61nc3{height:1rem;width:1rem}.styles-module-container-YWSlG{display:flex;flex-wrap:wrap;gap:var(--es-spacing-2);width:100%}.styles-module-inputWrapper-B2wKI{position:relative;width:calc(50% - 4px)}.styles-module-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%}.styles-module-input--qUrU::-webkit-inner-spin-button,.styles-module-input--qUrU::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.styles-module-input--qUrU:focus{border-color:var(--es-ring)}.styles-module-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%)}.styles-module-container-lamwH{background-color:var(--es-muted);border-radius:var(--es-radius);display:inline-flex;padding:3px;position:relative}.styles-module-containerSm-mndNj{padding:2px}.styles-module-indicator-pz-DO{background-color:var(--es-background);border-radius:calc(var(--es-radius) - 2px);box-shadow:var(--es-shadow-sm);height:calc(100% - 6px);left:0;position:absolute;top:3px;transition:transform .2s cubic-bezier(.4,0,.2,1),width .2s cubic-bezier(.4,0,.2,1);will-change:transform,width;z-index:0}.styles-module-containerSm-mndNj .styles-module-indicator-pz-DO{height:calc(100% - 4px);top:2px}.styles-module-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:4px 12px;position:relative;transition:color .15s ease;white-space:nowrap;z-index:1}.styles-module-containerSm-mndNj .styles-module-segment-JmKWl{font-size:var(--es-text-xs);padding:3px 8px}.styles-module-segment-JmKWl:hover:not(:disabled),.styles-module-segmentSelected-fumXM{color:var(--es-foreground)}.styles-module-segmentDisabled-Md5LF{cursor:not-allowed;opacity:.5}.styles-module-container-HI7-c{position:relative;width:100%}.styles-module-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%}.styles-module-trigger-YRz9p:hover{border-color:var(--es-ring)}.styles-module-triggerValue-k-g2-{flex:1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.styles-module-chevron-UbZv-,.styles-module-placeholder-F8-XP{color:var(--es-muted-foreground)}.styles-module-chevron-UbZv-{height:1rem;transition:transform var(--es-transition);width:1rem}.styles-module-chevronOpen-Yui-r{transform:rotate(180deg)}.styles-module-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%}.styles-module-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%}.styles-module-option-cv-7C:hover,.styles-module-optionSelected-K4e5h{background-color:var(--es-accent)}.styles-module-optionDisabled-72jrC{cursor:not-allowed;opacity:.5}.styles-module-container-PG1Uy{align-items:center;display:flex;gap:var(--es-spacing-3);width:100%}.styles-module-slider-pypb6{align-items:center;display:flex;flex:1;height:1.25rem;position:relative}.styles-module-track-X2NtH{background-color:var(--es-secondary);border-radius:9999px;cursor:pointer;flex:1;height:.375rem;position:relative}.styles-module-range-AVV8x{background-color:var(--es-primary);border-radius:9999px;height:100%;position:absolute}.styles-module-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}.styles-module-thumb-YMQR-:focus,.styles-module-thumb-YMQR-:hover{box-shadow:0 0 0 4px rgba(0,0,0,.1)}.styles-module-thumb-YMQR-:focus{outline:none}.styles-module-value-JiWPV{color:var(--es-muted-foreground);font-size:var(--es-text-xs);min-width:40px;text-align:right}.styles-module-container-weN0F{position:relative;width:100%}.styles-module-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%}.styles-module-input-C8N67:focus{border-color:var(--es-ring)}.styles-module-input-C8N67::placeholder{color:var(--es-muted-foreground)}.styles-module-inputWithSuffix-tdJcI{padding-right:2rem}.styles-module-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%)}.styles-module-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}.styles-module-switch-2DV6T:focus-visible{outline:2px solid var(--es-ring);outline-offset:2px}.styles-module-switchChecked-eI65V{background-color:var(--es-primary)}.styles-module-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}.styles-module-switchThumbChecked-uA5kV{transform:translateX(1rem)}.styles-module-checkboxWrapper-l-KtW{align-items:center;cursor:pointer;display:inline-flex}.styles-module-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}.styles-module-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}.styles-module-checkboxWrapper-l-KtW:hover .styles-module-checkbox-G1P36{border-color:var(--es-ring)}.styles-module-checkboxInput-4Z9KK:focus+.styles-module-checkbox-G1P36{border-color:var(--es-ring);box-shadow:0 0 0 2px var(--es-ring-alpha)}.styles-module-checkboxChecked-7XJoC{background-color:var(--es-primary);border-color:var(--es-primary)}.styles-module-checkIcon-3KIBH{color:var(--es-primary-foreground);height:.75rem;width:.75rem}.styles-module-segmented-IaxAM{background-color:var(--es-muted);border-radius:var(--es-radius);display:inline-flex;gap:2px;padding:2px}.styles-module-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)}.styles-module-segmentedButton-mbZ5z:hover{color:var(--es-foreground)}.styles-module-segmentedButtonSelected-u4m2T{background-color:var(--es-background);box-shadow:0 1px 2px rgba(0,0,0,.05);color:var(--es-foreground)}.styles-module-container-ftwPX{width:100%}.styles-module-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%}.styles-module-textarea-sJPy9:focus{border-color:var(--es-ring)}.styles-module-textarea-sJPy9::placeholder{color:var(--es-muted-foreground)}.styles-module-counter-02NEu{color:var(--es-muted-foreground);font-size:var(--es-text-xs);margin-top:var(--es-spacing-1);text-align:right}.styles-module-container-EDh0-{overflow:hidden;position:relative;width:100%}.styles-module-row-MOm-T{display:flex;gap:var(--es-spacing-2)}.styles-module-label-1o-jT{cursor:pointer;flex:1}.styles-module-hiddenInput-03Dx-{height:0;opacity:0;position:absolute;width:0}.styles-module-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%}.styles-module-uploadArea-1HYbh:hover{border-color:var(--es-primary)}.styles-module-uploadIcon-Ck7gF{height:1rem;margin-right:var(--es-spacing-2);width:1rem}.styles-module-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)}.styles-module-clearButton-N-9cs:hover{color:var(--es-destructive)}.styles-module-clearIcon-LHlF6{height:1rem;width:1rem}.styles-module-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%}.styles-module-fileName-B2hHy{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.styles-module-fileSize-pINcz{color:var(--es-muted-foreground);flex-shrink:0;white-space:nowrap}.styles-module-error-A8MID{color:var(--es-destructive);font-size:var(--es-text-xs);margin-top:var(--es-spacing-1)}.styles-module-container-gjha7{transform:translateX(-16px);width:calc(100% + 32px)}.styles-module-header-iE--w{align-items:center;background-color:var(--es-muted);cursor:pointer;display:flex;height:32px;justify-content:space-between;padding:0 16px;transition:background-color .15s ease;user-select:none}.styles-module-header-iE--w:hover{background-color:var(--es-accent)}.styles-module-titleWrapper-MKhFX{align-items:center;display:flex;gap:6px}.styles-module-chevron--dfCY{color:var(--es-muted-foreground);flex-shrink:0;height:14px;transition:transform .2s cubic-bezier(.4,0,.2,1);width:14px}.styles-module-chevronOpen-YwT7-{transform:rotate(90deg)}.styles-module-title-qTdCp{color:var(--es-foreground);font-size:12px;font-weight:500;letter-spacing:.01em}.styles-module-toggleButton-g6dI2{align-items:center;background:transparent;border:none;border-radius:4px;color:var(--es-muted-foreground);cursor:pointer;display:flex;height:20px;justify-content:center;transition:background-color .15s ease,color .15s ease;width:20px}.styles-module-toggleButton-g6dI2:hover{background-color:var(--es-border);color:var(--es-foreground)}.styles-module-toggleIcon-cjnM4{height:14px;width:14px}.styles-module-content-GYYgk{display:grid;grid-template-rows:1fr;transition:grid-template-rows .2s cubic-bezier(.4,0,.2,1)}.styles-module-contentInner-YQzDE{display:flex;flex-direction:column;gap:var(--es-spacing-3);overflow:hidden;padding:12px 16px}.styles-module-contentHidden-WAYSW{grid-template-rows:0fr}.styles-module-contentHidden-WAYSW .styles-module-contentInner-YQzDE{padding-bottom:0;padding-top:0}.styles-module-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}.styles-module-container-BPB4M{width:100%}.styles-module-tabsWrapper-wAK69{position:relative}.styles-module-tabsList-hV1mY{border-bottom:1px solid var(--es-border);display:flex;margin:0;padding:0}.styles-module-tabTrigger--ORCz{align-items:center;background:transparent;border:none;color:var(--es-muted-foreground);cursor:pointer;display:flex;flex:1;font-size:12px;font-weight:500;justify-content:center;letter-spacing:.01em;min-width:0;overflow:hidden;padding:8px 12px;position:relative;text-overflow:ellipsis;transition:color .15s ease;user-select:none;white-space:nowrap}.styles-module-tabTrigger--ORCz:hover{color:var(--es-foreground)}.styles-module-tabTrigger--ORCz:focus-visible{color:var(--es-foreground);outline:none}.styles-module-tabTriggerActive-R7369{color:var(--es-foreground)}.styles-module-indicator-JfmPM{background:var(--es-primary);border-radius:1px 1px 0 0;bottom:0;height:2px;left:0;position:absolute;transition:transform .2s cubic-bezier(.4,0,.2,1),width .2s cubic-bezier(.4,0,.2,1);will-change:transform,width}.styles-module-tabContent-7Dnf2{animation:styles-module-fadeIn-3DcSJ .15s ease;display:none;flex-direction:column;gap:var(--es-spacing-2);padding:var(--es-spacing-3) 0}.styles-module-tabContentActive-KnHQV{display:flex}@keyframes styles-module-fadeIn-3DcSJ{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.styles-module-container-4LWRO{width:100%}.styles-module-tabsList-L72im{background-color:var(--es-muted);border-radius:var(--es-radius);display:grid;padding:var(--es-spacing-1);position:relative;width:100%}.styles-module-indicator-3Lmrg{background-color:var(--es-background);border-radius:var(--es-radius-sm);box-shadow:0 1px 3px 0 rgba(0,0,0,.1);height:calc(100% - var(--es-spacing-1)*2);left:0;position:absolute;top:var(--es-spacing-1);transition:transform .2s cubic-bezier(.4,0,.2,1),width .2s cubic-bezier(.4,0,.2,1);will-change:transform,width;z-index:0}.styles-module-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);position:relative;transition:color .15s ease;z-index:1}.styles-module-tabTrigger-u3S3S:hover,.styles-module-tabTriggerActive-xCpU6{color:var(--es-foreground)}.styles-module-tabContent-Pj2Us{box-sizing:border-box;display:none;flex-direction:column;gap:var(--es-spacing-3);margin-top:0;padding:var(--es-spacing-2)}.styles-module-tabContentActive-NJtXh{display:flex}
+:root{--es-background:#fff;--es-foreground:#18181b;--es-foreground-secondary:#52525b;--es-primary:#18181b;--es-primary-hover:#09090b;--es-primary-foreground:#fff;--es-primary-muted:rgba(24,24,27,.08);--es-secondary:#f4f4f5;--es-secondary-hover:#e4e4e7;--es-secondary-foreground:#18181b;--es-muted:#fafafa;--es-muted-foreground:#71717a;--es-accent:#f4f4f5;--es-accent-hover:#e4e4e7;--es-accent-foreground:#18181b;--es-destructive:#dc2626;--es-destructive-foreground:#fff;--es-success:#16a34a;--es-warning:#d97706;--es-border:#e4e4e7;--es-border-hover:#d4d4d8;--es-input:#e4e4e7;--es-ring:#18181b;--es-popover:#fff;--es-popover-foreground:#18181b;--es-radius:6px;--es-radius-sm:4px;--es-radius-lg:8px;--es-spacing-1:4px;--es-spacing-2:8px;--es-spacing-3:12px;--es-spacing-4:16px;--es-text-xs:11px;--es-text-sm:12px;--es-text-base:13px;--es-transition:150ms cubic-bezier(0.4,0,0.2,1);--es-transition-fast:100ms cubic-bezier(0.4,0,0.2,1);--es-shadow-sm:0 1px 2px rgba(0,0,0,.05);--es-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.06)}.dark{--es-background:#09090b;--es-foreground:#fafafa;--es-foreground-secondary:#a1a1aa;--es-primary:#fafafa;--es-primary-hover:#fff;--es-primary-foreground:#18181b;--es-primary-muted:hsla(0,0%,98%,.1);--es-secondary:#27272a;--es-secondary-hover:#3f3f46;--es-secondary-foreground:#fafafa;--es-muted:#18181b;--es-muted-foreground:#a1a1aa;--es-accent:#27272a;--es-accent-hover:#3f3f46;--es-accent-foreground:#fafafa;--es-destructive:#ef4444;--es-destructive-foreground:#fff;--es-success:#22c55e;--es-warning:#f59e0b;--es-border:#27272a;--es-border-hover:#3f3f46;--es-input:#27272a;--es-ring:#fafafa;--es-popover:#18181b;--es-popover-foreground:#fafafa;--es-shadow-sm:0 1px 2px rgba(0,0,0,.3);--es-shadow:0 1px 3px rgba(0,0,0,.4),0 1px 2px rgba(0,0,0,.3)}.styles-module-container-KSlB-{display:flex;flex-direction:column;gap:var(--es-spacing-2);width:100%}.styles-module-item-xDCpZ{align-items:center;display:flex;gap:var(--es-spacing-1)}.styles-module-dragHandle-lOaFv{color:var(--es-muted-foreground);cursor:grab;flex-shrink:0;height:1rem;width:1rem}.styles-module-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)}.styles-module-input-ItzPT::-webkit-inner-spin-button,.styles-module-input-ItzPT::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.styles-module-input-ItzPT:focus{border-color:var(--es-ring)}.styles-module-input-ItzPT::placeholder{color:var(--es-muted-foreground)}.styles-module-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}.styles-module-removeButton-ymAlo:hover:not(:disabled){color:var(--es-destructive)}.styles-module-removeButton-ymAlo:disabled{cursor:not-allowed;opacity:.5}.styles-module-removeIcon-ld51f{height:1rem;width:1rem}.styles-module-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%}.styles-module-addButton-U1VQX:hover:not(:disabled){background-color:var(--es-accent);border-color:var(--es-accent)}.styles-module-addButton-U1VQX:disabled{cursor:not-allowed;opacity:.5}.styles-module-addIcon-6qJub{height:1rem;width:1rem}.styles-module-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%}.styles-module-trigger-w-aUi:hover{border-color:var(--es-ring)}.styles-module-colorPreview-SUgiJ{border:1px solid var(--es-muted-foreground);border-radius:9999px;height:.875rem;width:.875rem}.styles-module-colorValue-cYdRP{flex:1;font-family:monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.styles-module-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)}.styles-module-container-CUmyq{width:100%}.styles-module-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%}.styles-module-textarea-hn1hD:focus{border-color:var(--es-ring)}.styles-module-textareaError-O2GWs{border-color:var(--es-destructive)}.styles-module-error-wjKcS{color:var(--es-destructive);font-size:var(--es-text-xs);margin-top:var(--es-spacing-1)}.styles-module-container-d6iPo{position:relative;width:100%}.styles-module-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%}.styles-module-input-hzqco::-webkit-inner-spin-button,.styles-module-input-hzqco::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.styles-module-input-hzqco:focus{border-color:var(--es-ring)}.styles-module-input-hzqco::placeholder{color:var(--es-muted-foreground)}.styles-module-inputWithSuffix-dzHIR{padding-right:2rem}.styles-module-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%)}.styles-module-container-RzrEe{display:flex;flex-direction:column;gap:var(--es-spacing-3);width:100%}.styles-module-field-AaNu3{display:flex;flex-direction:column;gap:var(--es-spacing-1)}.styles-module-label-zWfmB{color:var(--es-muted-foreground);font-size:var(--es-text-xs)}.styles-module-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%}.styles-module-input-fv7wH::-webkit-inner-spin-button,.styles-module-input-fv7wH::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.styles-module-input-fv7wH:focus{border-color:var(--es-ring)}.styles-module-input-fv7wH::placeholder{color:var(--es-muted-foreground)}.styles-module-customField-hV2yY{align-items:flex-end;display:flex;gap:var(--es-spacing-1)}.styles-module-customFieldInputs-efA5X{display:flex;flex:1;flex-direction:column;gap:var(--es-spacing-1)}.styles-module-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)}.styles-module-keyInput-MXoPV:focus{border-color:var(--es-ring)}.styles-module-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}.styles-module-removeButton-s7K9l:hover{color:var(--es-destructive)}.styles-module-removeIcon-Ostpz{height:1rem;width:1rem}.styles-module-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%}.styles-module-addButton-Wgly5:hover{background-color:var(--es-accent);border-color:var(--es-accent)}.styles-module-addIcon-61nc3{height:1rem;width:1rem}.styles-module-container-YWSlG{display:flex;flex-wrap:wrap;gap:var(--es-spacing-2);width:100%}.styles-module-inputWrapper-B2wKI{position:relative;width:calc(50% - 4px)}.styles-module-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%}.styles-module-input--qUrU::-webkit-inner-spin-button,.styles-module-input--qUrU::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.styles-module-input--qUrU:focus{border-color:var(--es-ring)}.styles-module-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%)}.styles-module-container-lamwH{background-color:var(--es-secondary);border-radius:var(--es-radius);display:inline-flex;padding:4px;position:relative}.styles-module-containerSm-mndNj{padding:2px}.styles-module-indicator-pz-DO{background-color:var(--es-background);border-radius:calc(var(--es-radius) - 2px);box-shadow:var(--es-shadow-sm);height:calc(100% - 6px);left:0;position:absolute;top:3px;transition:transform .2s cubic-bezier(.4,0,.2,1),width .2s cubic-bezier(.4,0,.2,1);will-change:transform,width;z-index:0}.styles-module-containerSm-mndNj .styles-module-indicator-pz-DO{height:calc(100% - 4px);top:2px}.styles-module-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:4px 12px;position:relative;transition:color .15s ease;white-space:nowrap;z-index:1}.styles-module-containerSm-mndNj .styles-module-segment-JmKWl{font-size:var(--es-text-xs);padding:3px 8px}.styles-module-segment-JmKWl:hover:not(:disabled),.styles-module-segmentSelected-fumXM{color:var(--es-foreground)}.styles-module-segmentDisabled-Md5LF{cursor:not-allowed;opacity:.5}.styles-module-container-HI7-c{position:relative;width:100%}.styles-module-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%}.styles-module-trigger-YRz9p:hover{border-color:var(--es-ring)}.styles-module-triggerValue-k-g2-{flex:1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.styles-module-chevron-UbZv-,.styles-module-placeholder-F8-XP{color:var(--es-muted-foreground)}.styles-module-chevron-UbZv-{height:1rem;transition:transform var(--es-transition);width:1rem}.styles-module-chevronOpen-Yui-r{transform:rotate(180deg)}.styles-module-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%}.styles-module-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%}.styles-module-option-cv-7C:hover,.styles-module-optionSelected-K4e5h{background-color:var(--es-accent)}.styles-module-optionDisabled-72jrC{cursor:not-allowed;opacity:.5}.styles-module-container-PG1Uy{align-items:center;display:flex;gap:var(--es-spacing-3);padding:6px 8px;width:100%}.styles-module-slider-pypb6{align-items:center;display:flex;flex:1;height:1.25rem;position:relative}.styles-module-track-X2NtH{background-color:var(--es-secondary);border-radius:9999px;cursor:pointer;flex:1;height:.375rem;position:relative}.styles-module-range-AVV8x{background-color:var(--es-primary);border-radius:9999px;height:100%;position:absolute}.styles-module-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}.styles-module-thumb-YMQR-:focus,.styles-module-thumb-YMQR-:hover{box-shadow:0 0 0 4px rgba(0,0,0,.1)}.styles-module-thumb-YMQR-:focus{outline:none}.styles-module-value-JiWPV{color:var(--es-muted-foreground);font-size:var(--es-text-xs);min-width:28px;text-align:right}.styles-module-container-weN0F{position:relative;width:100%}.styles-module-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%}.styles-module-input-C8N67:focus{border-color:var(--es-ring)}.styles-module-input-C8N67::placeholder{color:var(--es-muted-foreground)}.styles-module-inputWithSuffix-tdJcI{padding-right:2rem}.styles-module-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%)}.styles-module-switch-2DV6T{background-color:var(--es-input);border:none;border-radius:9999px;cursor:pointer;height:1.25rem;margin:4px;padding:0;position:relative;transition:background-color var(--es-transition);width:2.25rem}.styles-module-switch-2DV6T:focus-visible{outline:2px solid var(--es-ring);outline-offset:2px}.styles-module-switchChecked-eI65V{background-color:var(--es-primary)}.styles-module-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}.styles-module-switchThumbChecked-uA5kV{transform:translateX(1rem)}.styles-module-checkboxWrapper-l-KtW{align-items:center;cursor:pointer;display:inline-flex}.styles-module-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}.styles-module-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}.styles-module-checkboxWrapper-l-KtW:hover .styles-module-checkbox-G1P36{border-color:var(--es-ring)}.styles-module-checkboxInput-4Z9KK:focus+.styles-module-checkbox-G1P36{border-color:var(--es-ring);box-shadow:0 0 0 2px var(--es-ring-alpha)}.styles-module-checkboxChecked-7XJoC{background-color:var(--es-primary);border-color:var(--es-primary)}.styles-module-checkIcon-3KIBH{color:var(--es-primary-foreground);height:.75rem;width:.75rem}.styles-module-segmented-IaxAM{background-color:var(--es-muted);border-radius:var(--es-radius);display:inline-flex;gap:2px;padding:2px}.styles-module-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)}.styles-module-segmentedButton-mbZ5z:hover{color:var(--es-foreground)}.styles-module-segmentedButtonSelected-u4m2T{background-color:var(--es-background);box-shadow:0 1px 2px rgba(0,0,0,.05);color:var(--es-foreground)}.styles-module-container-ftwPX{width:100%}.styles-module-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%}.styles-module-textarea-sJPy9:focus{border-color:var(--es-ring)}.styles-module-textarea-sJPy9::placeholder{color:var(--es-muted-foreground)}.styles-module-counter-02NEu{color:var(--es-muted-foreground);font-size:var(--es-text-xs);margin-top:var(--es-spacing-1);text-align:right}.styles-module-container-EDh0-{overflow:hidden;position:relative;width:100%}.styles-module-row-MOm-T{display:flex;gap:var(--es-spacing-2)}.styles-module-label-1o-jT{cursor:pointer;flex:1}.styles-module-hiddenInput-03Dx-{height:0;opacity:0;position:absolute;width:0}.styles-module-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%}.styles-module-uploadArea-1HYbh:hover{border-color:var(--es-primary)}.styles-module-uploadIcon-Ck7gF{height:1rem;margin-right:var(--es-spacing-2);width:1rem}.styles-module-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)}.styles-module-clearButton-N-9cs:hover{color:var(--es-destructive)}.styles-module-clearIcon-LHlF6{height:1rem;width:1rem}.styles-module-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%}.styles-module-fileName-B2hHy{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.styles-module-fileSize-pINcz{color:var(--es-muted-foreground);flex-shrink:0;white-space:nowrap}.styles-module-error-A8MID{color:var(--es-destructive);font-size:var(--es-text-xs);margin-top:var(--es-spacing-1)}.styles-module-container-gjha7{transform:translateX(-16px);width:calc(100% + 32px)}.styles-module-header-iE--w{align-items:center;background-color:var(--es-secondary);cursor:pointer;display:flex;height:32px;justify-content:space-between;padding:0 16px;transition:background-color .15s ease;user-select:none}.styles-module-header-iE--w:hover{background-color:var(--es-secondary-hover)}.styles-module-titleWrapper-MKhFX{align-items:center;display:flex;gap:6px}.styles-module-chevron--dfCY{color:var(--es-muted-foreground);flex-shrink:0;height:14px;transition:transform .2s cubic-bezier(.4,0,.2,1);width:14px}.styles-module-chevronOpen-YwT7-{transform:rotate(90deg)}.styles-module-title-qTdCp{color:var(--es-foreground);font-size:12px;font-weight:500;letter-spacing:.01em}.styles-module-toggleButton-g6dI2{align-items:center;background:transparent;border:none;border-radius:4px;color:var(--es-muted-foreground);cursor:pointer;display:flex;height:20px;justify-content:center;transition:background-color .15s ease,color .15s ease;width:20px}.styles-module-toggleButton-g6dI2:hover{background-color:var(--es-border);color:var(--es-foreground)}.styles-module-toggleIcon-cjnM4{height:14px;width:14px}.styles-module-content-GYYgk{display:grid;grid-template-rows:1fr;transition:grid-template-rows .2s cubic-bezier(.4,0,.2,1)}.styles-module-contentInner-YQzDE{display:flex;flex-direction:column;gap:var(--es-spacing-3);overflow:hidden;padding:12px 16px}.styles-module-contentHidden-WAYSW{grid-template-rows:0fr}.styles-module-contentHidden-WAYSW .styles-module-contentInner-YQzDE{padding-bottom:0;padding-top:0}.styles-module-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}.styles-module-container-BPB4M{width:100%}.styles-module-tabsWrapper-wAK69{position:relative}.styles-module-tabsList-hV1mY{border-bottom:1px solid var(--es-border);display:flex;margin:0;padding:0}.styles-module-tabTrigger--ORCz{align-items:center;background:transparent;border:none;color:var(--es-muted-foreground);cursor:pointer;display:flex;flex:1;font-size:12px;font-weight:500;justify-content:center;letter-spacing:.01em;min-width:0;overflow:hidden;padding:8px 12px;position:relative;text-overflow:ellipsis;transition:color .15s ease;user-select:none;white-space:nowrap}.styles-module-tabTrigger--ORCz:hover{color:var(--es-foreground)}.styles-module-tabTrigger--ORCz:focus-visible{color:var(--es-foreground);outline:none}.styles-module-tabTriggerActive-R7369{color:var(--es-foreground)}.styles-module-indicator-JfmPM{background:var(--es-primary);border-radius:1px 1px 0 0;bottom:0;height:2px;left:0;position:absolute;transition:transform .2s cubic-bezier(.4,0,.2,1),width .2s cubic-bezier(.4,0,.2,1);will-change:transform,width}.styles-module-tabContent-7Dnf2{animation:styles-module-fadeIn-3DcSJ .15s ease;display:none;flex-direction:column;gap:var(--es-spacing-2);padding:var(--es-spacing-3) 0}.styles-module-tabContentActive-KnHQV{display:flex}@keyframes styles-module-fadeIn-3DcSJ{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.styles-module-container-4LWRO{width:100%}.styles-module-tabsList-L72im{background-color:var(--es-secondary);border-radius:var(--es-radius);display:grid;padding:var(--es-spacing-1);position:relative;width:100%}.styles-module-indicator-3Lmrg{background-color:var(--es-background);border-radius:var(--es-radius-sm);box-shadow:0 1px 3px 0 rgba(0,0,0,.1);height:calc(100% - var(--es-spacing-1)*2);left:0;position:absolute;top:var(--es-spacing-1);transition:transform .2s cubic-bezier(.4,0,.2,1),width .2s cubic-bezier(.4,0,.2,1);will-change:transform,width;z-index:0}.styles-module-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);position:relative;transition:color .15s ease;z-index:1}.styles-module-tabTrigger-u3S3S:hover,.styles-module-tabTriggerActive-xCpU6{color:var(--es-foreground)}.styles-module-tabContent-Pj2Us{box-sizing:border-box;display:none;flex-direction:column;gap:var(--es-spacing-3);margin-top:0;padding:var(--es-spacing-2)}.styles-module-tabContentActive-NJtXh{display:flex}

package/dist/index.min.js

@@ -23,4 +23,4 @@ var c={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24"
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
-   */var y="styles-module-container-KSlB-",x="styles-module-item-xDCpZ",w="styles-module-dragHandle-lOaFv",C="styles-module-input-ItzPT",N="styles-module-removeButton-ymAlo",E="styles-module-removeIcon-ld51f",R="styles-module-addButton-U1VQX",k="styles-module-addIcon-6qJub";const S=e=>{const{value:a,initialValue:l,itemSetter:r="string",maxItems:n,minItems:s=0,placeholder:o,addButtonText:c="添加项",onChange:i}=e,u=a??l??[],d=t.useCallback(()=>{if(n&&u.length>=n)return;const e="number"===r?0:"";i([...u,e])},[u,n,r,i]),m=t.useCallback(e=>{if(u.length<=s)return;const t=u.filter((t,a)=>a!==e);i(t)},[u,s,i]),p=t.useCallback((e,t)=>{const a=[...u];a[e]=t,i(a)},[u,i]),f=!n||u.length<n,b=u.length>s;return React.createElement("div",{className:y},u.map((e,t)=>React.createElement("div",{className:x,key:t},React.createElement(h,{className:w}),React.createElement("input",{className:C,onChange:e=>{const a="number"===r?+e.target.value:e.target.value;p(t,a)},placeholder:o,type:"number"===r?"number":"text",value:e}),React.createElement("button",{className:N,disabled:!b,onClick:()=>m(t),type:"button"},React.createElement(g,{className:E})))),React.createElement("button",{className:R,disabled:!f,onClick:d,type:"button"},React.createElement(v,{className:k}),c))};function A(){return A=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var l in a)({}).hasOwnProperty.call(a,l)&&(e[l]=a[l])}return e},A.apply(null,arguments)}function j(e,t){if(null==e)return{};var a={};for(var l in e)if({}.hasOwnProperty.call(e,l)){if(-1!==t.indexOf(l))continue;a[l]=e[l]}return a}var B=255,M=100,L=e=>{var{r:t,g:a,b:l,a:r}=e,n=Math.max(t,a,l),s=n-Math.min(t,a,l),o=s?n===t?(a-l)/s:n===a?2+(l-t)/s:4+(t-a)/s:0;return{h:60*(o<0?o+6:o),s:n?s/n*M:0,v:n/B*M,a:r}},z=e=>{var{h:t,s:a,l:l,a:r}=D(e);return"hsla("+t+", "+a+"%, "+l+"%, "+r+")"},D=e=>{var{h:t,s:a,v:l,a:r}=e,n=(200-a)*l/M;return{h:t,s:n>0&&n<200?a*l/M/(n<=M?n:200-n)*M:0,l:n/2,a:r}},P=e=>{var t,{r:a,g:l,b:r}=e;return"#"+(t=(a<<16|l<<8|r).toString(16),new Array(7-t.length).join("0")+t)},I=e=>L(T(e)),T=e=>{var t=e.replace("#","");/^#?/.test(e)&&3===t.length&&(e="#"+t.charAt(0)+t.charAt(0)+t.charAt(1)+t.charAt(1)+t.charAt(2)+t.charAt(2));var a=new RegExp("[A-Za-z0-9]{2}","g"),[l,r,n=0,s]=e.match(a).map(e=>parseInt(e,16));return{r:l,g:r,b:n,a:(null!=s?s:255)/B}},V=e=>{var{h:t,s:a,v:l,a:r}=e,n=t/60,s=a/M,o=l/M,c=Math.floor(n)%6,i=n-Math.floor(n),u=B*o*(1-s),d=B*o*(1-s*i),m=B*o*(1-s*(1-i));o*=B;var p={};switch(c){case 0:p.r=o,p.g=m,p.b=u;break;case 1:p.r=d,p.g=o,p.b=u;break;case 2:p.r=u,p.g=o,p.b=m;break;case 3:p.r=u,p.g=d,p.b=o;break;case 4:p.r=m,p.g=u,p.b=o;break;case 5:p.r=o,p.g=u,p.b=d}return p.r=Math.round(p.r),p.g=Math.round(p.g),p.b=Math.round(p.b),A({},p,{a:r})},U=e=>{var{r:t,g:a,b:l,a:r}=V(e);return"rgba("+t+", "+a+", "+l+", "+r+")"},O=e=>P(V(e)),F=e=>{var t,a,l,r,n,s,o,c,i;return"string"==typeof e&&W(e)?(s=I(e),c=e):"string"!=typeof e&&(s=e),s&&(l=(e=>{var{h:t,s:a,v:l}=e;return{h:t,s:a,v:l}})(s),n=D(s),i=(e=>{var{r:t,g:a,b:l,a:r}=e,n="number"==typeof r&&(255*r|256).toString(16).slice(1);return""+P({r:t,g:a,b:l})+(n||"")})(r=V(s)),c=O(s),a=(e=>{var{h:t,s:a,l:l}=e;return{h:t,s:a,l:l}})(n),t=(e=>{var{r:t,g:a,b:l}=e;return{r:t,g:a,b:l}})(r),o=(e=>{var{r:t,g:a,b:l}=e,r=function(e){return e<=.04045?e/12.92:Math.pow((e+.055)/1.055,2.4)},n=r(t/255),s=r(a/255),o=r(l/255),c={};return c.x=.4124*n+.3576*s+.1805*o,c.y=.2126*n+.7152*s+.0722*o,c.bri=.0193*n+.1192*s+.9505*o,c})(t)),{rgb:t,hsl:a,hsv:l,rgba:r,hsla:n,hsva:s,hex:c,hexa:i,xy:o}},W=e=>/^#?([A-Fa-f0-9]{3,4}){1,2}$/.test(e);function $(e){var a=t.useRef(e);return t.useEffect(()=>{a.current=e}),t.useCallback((e,t)=>a.current&&a.current(e,t),[])}var Y=e=>"touches"in e,X=e=>{!Y(e)&&e.preventDefault&&e.preventDefault()},H=function(e,t,a){return void 0===t&&(t=0),void 0===a&&(a=1),e>a?a:e<t?t:e},J=(e,t)=>{var a=e.getBoundingClientRect(),l=Y(t)?t.touches[0]:t;return{left:H((l.pageX-(a.left+window.pageXOffset))/a.width),top:H((l.pageY-(a.top+window.pageYOffset))/a.height),width:a.width,height:a.height,x:l.pageX-(a.left+window.pageXOffset),y:l.pageY-(a.top+window.pageYOffset)}},K=["prefixCls","className","onMove","onDown"],q=t.forwardRef((e,a)=>{var{prefixCls:r="w-color-interactive",className:n,onMove:s,onDown:o}=e,c=j(e,K),i=t.useRef(null),u=t.useRef(!1),[d,m]=t.useState(!1),p=$(s),h=$(o),v=t.useCallback(e=>{(X(e),i.current)&&((Y(e)?e.touches.length>0:e.buttons>0)?null==p||p(J(i.current,e),e):m(!1))},[p]),g=t.useCallback(()=>m(!1),[]),f=t.useCallback(e=>{e?(window.addEventListener(u.current?"touchmove":"mousemove",v),window.addEventListener(u.current?"touchend":"mouseup",g)):(window.removeEventListener("mousemove",v),window.removeEventListener("mouseup",g),window.removeEventListener("touchmove",v),window.removeEventListener("touchend",g))},[v,g]);t.useEffect(()=>(f(d),()=>{f(!1)}),[d,v,g,f]);var b=t.useCallback(e=>{var t=document.activeElement;null==t||t.blur(),X(e.nativeEvent),(e=>!(u.current&&!Y(e)||(u.current=Y(e),0)))(e.nativeEvent)&&i.current&&(null==h||h(J(i.current,e.nativeEvent),e.nativeEvent),m(!0))},[h]);return l.jsx("div",A({},c,{className:[r,n||""].filter(Boolean).join(" "),style:A({},c.style,{touchAction:"none"}),ref:i,tabIndex:0,onMouseDown:b,onTouchStart:b}))});q.displayName="Interactive";var G=e=>{var{className:a,color:r,left:n,top:s,prefixCls:o}=e,c={position:"absolute",top:s,left:n},i={"--saturation-pointer-box-shadow":"rgb(255 255 255) 0px 0px 0px 1.5px, rgb(0 0 0 / 30%) 0px 0px 1px 1px inset, rgb(0 0 0 / 40%) 0px 0px 1px 2px",width:6,height:6,transform:"translate(-3px, -3px)",boxShadow:"var(--saturation-pointer-box-shadow)",borderRadius:"50%",backgroundColor:r};return t.useMemo(()=>l.jsx("div",{className:o+"-pointer "+(a||""),style:c,children:l.jsx("div",{className:o+"-fill",style:i})}),[s,n,r,a,o])},Q=["prefixCls","radius","pointer","className","hue","style","hsva","onChange"],Z=t.forwardRef((e,a)=>{var r,{prefixCls:n="w-color-saturation",radius:s=0,pointer:o,className:c,hue:i=0,style:u,hsva:d,onChange:m}=e,p=j(e,Q),h=A({width:200,height:200,borderRadius:s},u,{position:"relative"}),v=(e,t)=>{m&&d&&m({h:d.h,s:100*e.left,v:100*(1-e.top),a:d.a})},g=t.useCallback(e=>{if(d&&m){var t=d.s,a=d.v,l=!1;switch(e.key){case"ArrowLeft":t=Math.max(0,d.s-1),l=!0,e.preventDefault();break;case"ArrowRight":t=Math.min(100,d.s+1),l=!0,e.preventDefault();break;case"ArrowUp":a=Math.min(100,d.v+1),l=!0,e.preventDefault();break;case"ArrowDown":a=Math.max(0,d.v-1),l=!0,e.preventDefault();break;default:return}l&&m({h:d.h,s:t,v:a,a:d.a})}},[d,m]),f=t.useMemo(()=>{if(!d)return null;var e={top:100-d.v+"%",left:d.s+"%",color:z(d)};return o&&"function"==typeof o?o(A({prefixCls:n},e)):l.jsx(G,A({prefixCls:n},e))},[d,o,n]),b=t.useCallback(e=>{e.target.focus()},[]);return l.jsx(q,A({className:[n,c||""].filter(Boolean).join(" ")},p,{style:A({position:"absolute",inset:0,cursor:"crosshair",backgroundImage:"linear-gradient(0deg, #000, transparent), linear-gradient(90deg, #fff, hsl("+(null!=(r=null==d?void 0:d.h)?r:i)+", 100%, 50%))"},h,{outline:"none"}),ref:a,onMove:v,onDown:v,onKeyDown:g,onClick:b,children:f}))});Z.displayName="Saturation";var _=["className","prefixCls","left","top","style","fillProps"],ee=e=>{var{className:t,prefixCls:a,left:r,top:n,style:s,fillProps:o}=e,c=j(e,_),i=A({},s,{position:"absolute",left:r,top:n}),u=A({width:18,height:18,boxShadow:"var(--alpha-pointer-box-shadow)",borderRadius:"50%",backgroundColor:"var(--alpha-pointer-background-color)"},null==o?void 0:o.style,{transform:r?"translate(-9px, -1px)":"translate(-1px, -9px)"});return l.jsx("div",A({className:a+"-pointer "+(t||""),style:i},c,{children:l.jsx("div",A({className:a+"-fill"},o,{style:u}))}))},te=["prefixCls","className","hsva","background","bgProps","innerProps","pointerProps","radius","width","height","direction","style","onChange","pointer"],ae=t.forwardRef((e,a)=>{var{prefixCls:r="w-color-alpha",className:n,hsva:s,background:o,bgProps:c={},innerProps:i={},pointerProps:u={},radius:d=0,width:m,height:p=16,direction:h="horizontal",style:v,onChange:g,pointer:f}=e,b=j(e,te),y=e=>{g&&g(A({},s,{a:"horizontal"===h?e.left:e.top}),e)},x=z(Object.assign({},s,{a:1})),w="linear-gradient(to "+("horizontal"===h?"right":"bottom")+", rgba(244, 67, 54, 0) 0%, "+x+" 100%)",C={};"horizontal"===h?C.left=100*s.a+"%":C.top=100*s.a+"%";var N=A({"--alpha-background-color":"#fff","--alpha-pointer-background-color":"rgb(248, 248, 248)","--alpha-pointer-box-shadow":"rgb(0 0 0 / 37%) 0px 1px 4px 0px",borderRadius:d,background:"url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMUlEQVQ4T2NkYGAQYcAP3uCTZhw1gGGYhAGBZIA/nYDCgBDAm9BGDWAAJyRCgLaBCAAgXwixzAS0pgAAAABJRU5ErkJggg==) left center",backgroundColor:"var(--alpha-background-color)"},{width:m,height:p},v,{position:"relative"}),E=t.useCallback(e=>{var t=.01,a=s.a,l=a;switch(e.key){case"ArrowLeft":"horizontal"===h&&(l=Math.max(0,a-t),e.preventDefault());break;case"ArrowRight":"horizontal"===h&&(l=Math.min(1,a+t),e.preventDefault());break;case"ArrowUp":"vertical"===h&&(l=Math.max(0,a-t),e.preventDefault());break;case"ArrowDown":"vertical"===h&&(l=Math.min(1,a+t),e.preventDefault());break;default:return}if(l!==a){var r={left:"horizontal"===h?l:s.a,top:"vertical"===h?l:s.a,width:0,height:0,x:0,y:0};g&&g(A({},s,{a:l}),r)}},[s,h,g]),R=t.useCallback(e=>{e.target.focus()},[]),k=f&&"function"==typeof f?f(A({prefixCls:r},u,C)):l.jsx(ee,A({},u,{prefixCls:r},C));return l.jsxs("div",A({},b,{className:[r,r+"-"+h,n||""].filter(Boolean).join(" "),style:N,ref:a,children:[l.jsx("div",A({},c,{style:A({inset:0,position:"absolute",background:o||w,borderRadius:d},c.style)})),l.jsx(q,A({},i,{style:A({},i.style,{inset:0,zIndex:1,position:"absolute",outline:"none"}),onMove:y,onDown:y,onClick:R,onKeyDown:E,children:k}))]}))});ae.displayName="Alpha";var le=["prefixCls","placement","label","value","className","style","labelStyle","inputStyle","onChange","onBlur","renderInput"],re=t.forwardRef((e,a)=>{var{prefixCls:r="w-color-editable-input",placement:n="bottom",label:s,value:o,className:c,style:i,labelStyle:u,inputStyle:d,onChange:m,onBlur:p,renderInput:h}=e,v=j(e,le),[g,f]=t.useState(o),b=t.useRef(!1);t.useEffect(()=>{e.value!==g&&(b.current||f(e.value))},[e.value]);var y={};"bottom"===n&&(y.flexDirection="column"),"top"===n&&(y.flexDirection="column-reverse"),"left"===n&&(y.flexDirection="row-reverse");var x=A({"--editable-input-label-color":"rgb(153, 153, 153)","--editable-input-box-shadow":"rgb(204 204 204) 0px 0px 0px 1px inset","--editable-input-color":"#666",position:"relative",alignItems:"center",display:"flex",fontSize:11},y,i),w=A({width:"100%",paddingTop:2,paddingBottom:2,paddingLeft:3,paddingRight:3,fontSize:11,background:"transparent",boxSizing:"border-box",border:"none",color:"var(--editable-input-color)",boxShadow:"var(--editable-input-box-shadow)"},d),C=A({value:g,onChange:function(e,t){var a=(t||e.target.value).trim().replace(/^#/,"");/^#?([A-Fa-f0-9]{3,4}){1,2}$/.test(a)&&m&&m(e,a);var l=(e=>Number(String(e).replace(/%/g,"")))(a);isNaN(l)||m&&m(e,l),f(a)},onBlur:function(t){b.current=!1,f(e.value),p&&p(t)},autoComplete:"off",onFocus:()=>b.current=!0},v,{style:w,onFocusCapture:e=>{var t=e.target;t.setSelectionRange(t.value.length,t.value.length)}});return l.jsxs("div",{className:[r,c||""].filter(Boolean).join(" "),style:x,children:[h?h(C,a):l.jsx("input",A({ref:a},C)),s&&l.jsx("span",{style:A({color:"var(--editable-input-label-color)",textTransform:"capitalize"},u),children:s})]})});re.displayName="EditableInput";var ne=["prefixCls","hsva","placement","rProps","gProps","bProps","aProps","className","style","onChange"],se=t.forwardRef((e,t)=>{var{prefixCls:a="w-color-editable-input-rgba",hsva:r,placement:n="bottom",rProps:s={},gProps:o={},bProps:c={},aProps:i={},className:u,style:d,onChange:m}=e,p=j(e,ne),h=r?V(r):{};function v(e){var t=Number(e.target.value);t&&t>255&&(e.target.value="255"),t&&t<0&&(e.target.value="0")}var g=(e,t,a)=>{"number"==typeof e&&("a"===t&&(e<0&&(e=0),e>100&&(e=100),m&&m(F(L(A({},h,{a:e/100}))))),e>255&&(e=255,a.target.value="255"),e<0&&(e=0,a.target.value="0"),"r"===t&&m&&m(F(L(A({},h,{r:e})))),"g"===t&&m&&m(F(L(A({},h,{g:e})))),"b"===t&&m&&m(F(L(A({},h,{b:e})))))},f=h.a?Math.round(100*h.a)/100:0;return l.jsxs("div",A({ref:t,className:[a,u||""].filter(Boolean).join(" ")},p,{style:A({fontSize:11,display:"flex"},d),children:[l.jsx(re,A({label:"R",value:h.r||0,onBlur:v,placement:n,onChange:(e,t)=>g(t,"r",e)},s,{style:A({},s.style)})),l.jsx(re,A({label:"G",value:h.g||0,onBlur:v,placement:n,onChange:(e,t)=>g(t,"g",e)},o,{style:A({marginLeft:5},s.style)})),l.jsx(re,A({label:"B",value:h.b||0,onBlur:v,placement:n,onChange:(e,t)=>g(t,"b",e)},c,{style:A({marginLeft:5},c.style)})),i&&l.jsx(re,A({label:"A",value:parseInt(String(100*f),10),onBlur:e=>{var t=Number(e.target.value);t&&t>100&&(e.target.value="100"),t&&t<0&&(e.target.value="0")},placement:n,onChange:(e,t)=>g(t,"a",e)},i,{style:A({marginLeft:5},i.style)}))]}))});se.displayName="EditableInputRGBA";var oe=["prefixCls","className","hue","onChange","direction"],ce=t.forwardRef((e,t)=>{var{prefixCls:a="w-color-hue",className:r,hue:n=0,onChange:s,direction:o="horizontal"}=e,c=j(e,oe);return l.jsx(ae,A({ref:t,className:a+" "+(r||"")},c,{direction:o,background:"linear-gradient(to "+("horizontal"===o?"right":"bottom")+", rgb(255, 0, 0) 0%, rgb(255, 255, 0) 17%, rgb(0, 255, 0) 33%, rgb(0, 255, 255) 50%, rgb(0, 0, 255) 67%, rgb(255, 0, 255) 83%, rgb(255, 0, 0) 100%)",hsva:{h:n,s:100,v:100,a:n/360},onChange:(e,t)=>{s&&s({h:"horizontal"===o?360*t.left:360*t.top})}}))});ce.displayName="Hue";var ie=["prefixCls","className","color","colors","style","rectProps","onChange","addonAfter","addonBefore","rectRender"],ue=t.forwardRef((e,a)=>{var{prefixCls:r="w-color-swatch",className:n,color:s,colors:o=[],style:c,rectProps:i={},onChange:u,addonAfter:d,addonBefore:m,rectRender:p}=e,h=j(e,ie),v=A({"--swatch-background-color":"rgb(144, 19, 254)",background:"var(--swatch-background-color)",height:15,width:15,marginRight:5,marginBottom:5,cursor:"pointer",position:"relative",outline:"none",borderRadius:2},i.style),g=(e,t)=>{u&&u(I(e),F(I(e)),t)};return l.jsxs("div",A({ref:a},h,{className:[r,n||""].filter(Boolean).join(" "),style:A({display:"flex",flexWrap:"wrap",position:"relative"},c),children:[m&&t.isValidElement(m)&&m,o&&Array.isArray(o)&&o.map((e,a)=>{var r="",n="";"string"==typeof e&&(r=e,n=e),"object"==typeof e&&e.color&&(r=e.title||e.color,n=e.color);var o=s&&s.toLocaleLowerCase()===n.toLocaleLowerCase(),c=p&&p({title:r,color:n,checked:!!o,style:A({},v,{background:n}),onClick:e=>g(n,e)});if(c)return l.jsx(t.Fragment,{children:c},a);var u=i.children&&t.isValidElement(i.children)?t.cloneElement(i.children,{color:n,checked:o}):null;return l.jsx("div",A({tabIndex:0,title:r,onClick:e=>g(n,e)},i,{children:u,style:A({},v,{background:n})}),a)}),d&&t.isValidElement(d)&&d]}))});ue.displayName="Swatch";var de=["prefixCls","className","onChange","width","presetColors","color","editableDisable","disableAlpha","style"],me=["#D0021B","#F5A623","#f8e61b","#8B572A","#7ED321","#417505","#BD10E0","#9013FE","#4A90E2","#50E3C2","#B8E986","#000000","#4A4A4A","#9B9B9B","#FFFFFF"],pe=e=>l.jsx("div",{style:{boxShadow:"rgb(0 0 0 / 60%) 0px 0px 2px",width:4,top:1,bottom:1,left:e.left,borderRadius:1,position:"absolute",backgroundColor:"#fff"}}),he=t.forwardRef((e,a)=>{var{prefixCls:r="w-color-sketch",className:n,onChange:s,width:o=218,presetColors:c=me,color:i,editableDisable:u=!0,disableAlpha:d=!1,style:m}=e,p=j(e,de),[h,v]=t.useState({h:209,s:36,v:90,a:1});t.useEffect(()=>{"string"==typeof i&&W(i)&&v(I(i)),"object"==typeof i&&v(i)},[i]);var g=e=>{v(e),s&&s(F(e))},f=A({"--sketch-background":"rgb(255, 255, 255)","--sketch-box-shadow":"rgb(0 0 0 / 15%) 0px 0px 0px 1px, rgb(0 0 0 / 15%) 0px 8px 16px","--sketch-swatch-box-shadow":"rgb(0 0 0 / 15%) 0px 0px 0px 1px inset","--sketch-alpha-box-shadow":"rgb(0 0 0 / 15%) 0px 0px 0px 1px inset, rgb(0 0 0 / 25%) 0px 0px 4px inset","--sketch-swatch-border-top":"1px solid rgb(238, 238, 238)",background:"var(--sketch-background)",borderRadius:4,boxShadow:"var(--sketch-box-shadow)",width:o},m),b={borderRadius:2,background:U(h),boxShadow:"var(--sketch-alpha-box-shadow)"};return l.jsxs("div",A({},p,{className:r+" "+(n||""),ref:a,style:f,children:[l.jsxs("div",{style:{padding:"10px 10px 8px"},children:[l.jsx(Z,{hsva:h,style:{width:"auto",height:150},onChange:e=>g(A({},h,e,{a:h.a}))}),l.jsxs("div",{style:{display:"flex",marginTop:4},children:[l.jsxs("div",{style:{flex:1},children:[l.jsx(ce,{width:"auto",height:10,hue:h.h,pointer:pe,innerProps:{style:{marginLeft:1,marginRight:5}},onChange:e=>g(A({},h,e))}),!d&&l.jsx(ae,{width:"auto",height:10,hsva:h,pointer:pe,style:{marginTop:4},innerProps:{style:{marginLeft:1,marginRight:5}},onChange:e=>g(A({},h,{a:e.a}))})]}),!d&&l.jsx(ae,{width:24,height:24,hsva:h,radius:2,style:{marginLeft:4},bgProps:{style:{background:"transparent"}},innerProps:{style:b},pointer:()=>l.jsx(t.Fragment,{})})]})]}),u&&l.jsxs("div",{style:{display:"flex",margin:"0 10px 3px 10px"},children:[l.jsx(re,{label:"Hex",value:O(h).replace(/^#/,"").toLocaleUpperCase(),onChange:(e,t)=>{var a;"string"==typeof(a=t)&&W(a)&&/(3|6)/.test(String(a.length))&&g(I(a))},style:{minWidth:58}}),l.jsx(se,{hsva:h,style:{marginLeft:6},aProps:!d&&{},onChange:e=>g(e.hsva)})]}),c&&c.length>0&&l.jsx(ue,{style:{borderTop:"var(--sketch-swatch-border-top)",paddingTop:10,paddingLeft:10},colors:c,color:O(h),onChange:e=>g(e),rectProps:{style:{marginRight:10,marginBottom:10,borderRadius:3,boxShadow:"var(--sketch-swatch-box-shadow)"}}})]}))});he.displayName="Sketch";var ve="styles-module-trigger-w-aUi",ge="styles-module-colorPreview-SUgiJ",fe="styles-module-colorValue-cYdRP",be="styles-module-popover-SfIUB";const ye=e=>{const{value:a,initialValue:l,onChange:n,disableAlpha:s=!1}=e,[o,c]=t.useState(!1);return React.createElement(r,{onClose:()=>c(!1),open:o,trigger:React.createElement("button",{"aria-label":"Select color",className:ve,onClick:()=>c(!0),type:"button"},React.createElement("div",{"aria-label":"Current color",className:ge,style:{backgroundColor:a??l}}),React.createElement("span",{className:fe},a??l))},React.createElement("div",{className:be},React.createElement(he,{color:a,disableAlpha:s,onChange:e=>n(e.hexa),presetColors:[]})))};function xe(e){var t,a,l="";if("string"==typeof e||"number"==typeof e)l+=e;else if("object"==typeof e)if(Array.isArray(e)){var r=e.length;for(t=0;t<r;t++)e[t]&&(a=xe(e[t]))&&(l&&(l+=" "),l+=a)}else for(a in e)e[a]&&(l&&(l+=" "),l+=a);return l}function we(...e){return function(){for(var e,t,a=0,l="",r=arguments.length;a<r;a++)(e=arguments[a])&&(t=xe(e))&&(l&&(l+=" "),l+=t);return l}(e)}var Ce="styles-module-container-CUmyq",Ne="styles-module-textarea-hn1hD",Ee="styles-module-textareaError-O2GWs",Re="styles-module-error-wjKcS";const ke=e=>{const{value:a,initialValue:l,placeholder:r,rows:n=6,onChange:s}=e,[o,c]=t.useState(""),[i,u]=t.useState(null);t.useEffect(()=>{const e=a??l;if(void 0!==e)try{c(JSON.stringify(e,null,2)),u(null)}catch{c(String(e))}else c("")},[a,l]);const d=t.useCallback(e=>{if(c(e),!e.trim())return u(null),void s(void 0);try{const t=JSON.parse(e);u(null),s(t)}catch(e){u(e.message)}},[s]),m=1.5*n*14;return React.createElement("div",{className:Ce},React.createElement("textarea",{className:we(Ne,i?Ee:null),onChange:e=>d(e.target.value),placeholder:r||"输入 JSON 数据",spellCheck:!1,style:{minHeight:m},value:o}),i?React.createElement("div",{className:Re},i):null)};var Se="styles-module-container-d6iPo",Ae="styles-module-input-hzqco",je="styles-module-inputWithSuffix-dzHIR",Be="styles-module-suffix--jLoo";const Me=e=>{const{value:t,initialValue:a,placeholder:l,onChange:r,suffix:n}=e;return React.createElement("div",{className:Se},React.createElement("input",{className:we(Ae,n?je:""),onChange:e=>r(+e.target.value),placeholder:l||"",type:"number",value:t??a??""}),n?React.createElement("span",{"aria-label":`Unit: ${n}`,className:Be},n):null)};var Le="styles-module-container-RzrEe",ze="styles-module-field-AaNu3",De="styles-module-label-zWfmB",Pe="styles-module-input-fv7wH",Ie="styles-module-customField-hV2yY",Te="styles-module-customFieldInputs-efA5X",Ve="styles-module-keyInput-MXoPV",Ue="styles-module-removeButton-s7K9l",Oe="styles-module-removeIcon-Ostpz",Fe="styles-module-addButton-Wgly5",We="styles-module-addIcon-61nc3";const $e=e=>{const{value:a,initialValue:l,fields:r=[],allowCustomFields:n=!1,addFieldText:s="添加字段",onChange:o}=e,c=a??l??{},i=t.useCallback((e,t)=>{o({...c,[e]:t})},[c,o]),u=t.useCallback(()=>{const e=`field_${Date.now()}`;o({...c,[e]:""})},[c,o]),d=t.useCallback(e=>{const t={...c};delete t[e],o(t)},[c,o]),m=r.map(e=>e.key),p=Object.keys(c).filter(e=>!m.includes(e));return React.createElement("div",{className:Le},r.map(e=>React.createElement("div",{className:ze,key:e.key},React.createElement("span",{className:De},e.label),React.createElement("input",{className:Pe,onChange:t=>{const a="number"===e.type?+t.target.value:t.target.value;i(e.key,a)},placeholder:e.placeholder,type:"number"===e.type?"number":"text",value:c[e.key]??""}))),p.map(e=>React.createElement("div",{className:Ie,key:e},React.createElement("div",{className:Te},React.createElement("input",{className:Ve,onChange:t=>{const a=t.target.value;if(a&&a!==e){const t={...c};t[a]=t[e],delete t[e],o(t)}},placeholder:"字段名",type:"text",value:e}),React.createElement("input",{className:Pe,onChange:t=>i(e,t.target.value),placeholder:"值",type:"text",value:c[e]??""})),React.createElement("button",{className:Ue,onClick:()=>d(e),type:"button"},React.createElement(g,{className:Oe})))),n?React.createElement("button",{className:Fe,onClick:u,type:"button"},React.createElement(v,{className:We}),s):null)};var Ye="styles-module-container-YWSlG",Xe="styles-module-inputWrapper-B2wKI",He="styles-module-input--qUrU",Je="styles-module-suffix-2c3Cd";const Ke=e=>{const{value:t,onChange:a}=e,l=(e,l)=>{a({...t,[e]:l})};return React.createElement("div",{className:Ye},React.createElement("div",{className:Xe},React.createElement("input",{className:He,onChange:e=>l("x",Number(e.target.value)),type:"number",value:Ge(t.x)}),React.createElement("span",{"aria-label":"Unit: X",className:Je},"X")),React.createElement("div",{className:Xe},React.createElement("input",{className:He,onChange:e=>l("y",Number(e.target.value)),type:"number",value:Ge(t.y)}),React.createElement("span",{"aria-label":"Unit: Y",className:Je},"Y")),React.createElement("div",{className:Xe},React.createElement("input",{className:He,onChange:e=>l("width",Number(e.target.value)),type:"number",value:Ge(t.width)}),React.createElement("span",{"aria-label":"Unit: W",className:Je},"W")),React.createElement("div",{className:Xe},React.createElement("input",{className:He,onChange:e=>l("height",Number(e.target.value)),type:"number",value:Ge(t.height)}),React.createElement("span",{"aria-label":"Unit: H",className:Je},"H")))},qe=/(\.\d{2})\d+$/,Ge=e=>e.toString().replace(qe,"$1");var Qe="styles-module-container-lamwH",Ze="styles-module-containerSm-mndNj",_e="styles-module-indicator-pz-DO",et="styles-module-segment-JmKWl",tt="styles-module-segmentSelected-fumXM",at="styles-module-segmentDisabled-Md5LF";const lt=e=>{const{value:a,initialValue:l,options:r=[],onChange:n,size:s="md"}=e,o=t.useRef(null),[c,i]=t.useState({left:0,width:0}),u=a??l??r[0]?.value??"",d=t.useCallback(()=>{if(!o.current)return;const e=o.current.querySelector(`[data-value="${u}"]`);if(e){const t=o.current.getBoundingClientRect(),a=e.getBoundingClientRect();i({left:a.left-t.left,width:a.width})}},[u]);return t.useEffect(()=>(d(),window.addEventListener("resize",d),()=>window.removeEventListener("resize",d)),[d]),React.createElement("div",{className:we(Qe,"sm"===s&&Ze),ref:o},React.createElement("div",{className:_e,style:{transform:`translateX(${c.left}px)`,width:`${c.width}px`}}),r.map(e=>React.createElement("button",{className:we(et,u===e.value&&tt,!0===e.disabled&&at),"data-value":e.value,disabled:e.disabled,key:e.value,onClick:()=>!e.disabled&&n(e.value),type:"button"},e.label)))};var rt="styles-module-trigger-YRz9p",nt="styles-module-triggerValue-k-g2-",st="styles-module-placeholder-F8-XP",ot="styles-module-chevron-UbZv-",ct="styles-module-chevronOpen-Yui-r",it="styles-module-dropdown-l2sra",ut="styles-module-option-cv-7C",dt="styles-module-optionSelected-K4e5h",mt="styles-module-optionDisabled-72jrC";const pt=e=>{const{value:a,initialValue:l,options:n=[],placeholder:s,onChange:o}=e,[c,i]=t.useState(!1),u=a??l??"",d=n.find(e=>e.value===u);return React.createElement(r,{onClose:()=>i(!1),open:c,trigger:React.createElement("button",{"aria-expanded":c,"aria-haspopup":"listbox",className:rt,onClick:()=>i(!0),type:"button"},React.createElement("span",{className:we(nt,d?"":st)},d?.label||s||"请选择"),React.createElement(m,{className:we(ot,c?ct:"")}))},React.createElement("div",{className:it,role:"listbox"},n.map(e=>React.createElement("button",{"aria-selected":e.value===u,className:we(ut,e.value===u?dt:"",!0===e.disabled?mt:""),key:e.value,onClick:()=>{return t=e.value,void(e.disabled||(o(t),i(!1)));var t},role:"option",type:"button"},e.label))))};var ht="styles-module-container-PG1Uy",vt="styles-module-slider-pypb6",gt="styles-module-track-X2NtH",ft="styles-module-range-AVV8x",bt="styles-module-thumb-YMQR-",yt="styles-module-value-JiWPV";const xt=e=>{const{value:a,initialValue:l,min:r=0,max:n=100,step:s=1,showValue:o=!0,suffix:c,onChange:i}=e,u=a??l??r,d=t.useRef(null),m=(u-r)/(n-r)*100,p=t.useCallback(e=>{if(!d.current)return;const t=d.current.getBoundingClientRect(),a=Math.max(0,Math.min(1,(e-t.left)/t.width)),l=r+a*(n-r),o=Math.round(l/s)*s,c=s%1==0?0:String(s).split(".")[1]?.length||0,u=Number(o.toFixed(c)),m=Math.max(r,Math.min(n,u));i(m)},[r,n,s,i]);return React.createElement("div",{className:ht},React.createElement("div",{className:vt},React.createElement("div",{className:gt,onMouseDown:e=>{p(e.clientX);const t=e=>{p(e.clientX)},a=()=>{document.removeEventListener("mousemove",t),document.removeEventListener("mouseup",a)};document.addEventListener("mousemove",t),document.addEventListener("mouseup",a)},ref:d,role:"presentation"},React.createElement("div",{className:ft,style:{width:`${m}%`}}),React.createElement("div",{"aria-valuemax":n,"aria-valuemin":r,"aria-valuenow":u,className:bt,role:"slider",style:{left:`${m}%`},tabIndex:0}))),!0===o?React.createElement("span",{className:yt},u,c):null)};var wt="styles-module-container-weN0F",Ct="styles-module-input-C8N67",Nt="styles-module-inputWithSuffix-tdJcI",Et="styles-module-suffix-HGRiQ";const Rt=e=>{const{value:t,initialValue:a,placeholder:l,onChange:r,suffix:n}=e;return React.createElement("div",{className:wt},React.createElement("input",{className:we(Ct,n?Nt:""),onChange:e=>r(e.target.value),placeholder:l||"",type:"text",value:t||a||""}),n?React.createElement("span",{"aria-label":`Unit: ${n}`,className:Et},n):null)};var kt="styles-module-switch-2DV6T",St="styles-module-switchChecked-eI65V",At="styles-module-switchThumb-GDlBx",jt="styles-module-switchThumbChecked-uA5kV",Bt="styles-module-checkboxWrapper-l-KtW",Mt="styles-module-checkboxInput-4Z9KK",Lt="styles-module-checkbox-G1P36",zt="styles-module-checkboxChecked-7XJoC",Dt="styles-module-checkIcon-3KIBH",Pt="styles-module-segmented-IaxAM",It="styles-module-segmentedButton-mbZ5z",Tt="styles-module-segmentedButtonSelected-u4m2T";const Vt=e=>{const{value:t,initialValue:a,onChange:l,mode:r="switch",trueLabel:n="是",falseLabel:s="否"}=e,o=t??a??!1;return"segmented"===r?React.createElement("div",{className:Pt},React.createElement("button",{className:we(It,!1===o?Tt:""),onClick:()=>l(!1),type:"button"},s),React.createElement("button",{className:we(It,!0===o?Tt:""),onClick:()=>l(!0),type:"button"},n)):"checkbox"===r?React.createElement("label",{className:Bt},React.createElement("input",{checked:o,className:Mt,onChange:e=>l(e.target.checked),type:"checkbox"}),React.createElement("span",{className:we(Lt,o?zt:"")},o?React.createElement(d,{className:Dt}):null)):React.createElement("button",{"aria-checked":o,className:we(kt,o?St:""),onClick:()=>l(!o),role:"switch",type:"button"},React.createElement("span",{className:we(At,o?jt:"")}))};var Ut="styles-module-container-ftwPX",Ot="styles-module-textarea-sJPy9",Ft="styles-module-counter-02NEu";const Wt=e=>{const{value:t,initialValue:a,placeholder:l,rows:r=3,maxLength:n,onChange:s}=e;return React.createElement("div",{className:Ut},React.createElement("textarea",{className:Ot,maxLength:n,onChange:e=>s(e.target.value),placeholder:l||"",rows:r,value:t??a??""}),n?React.createElement("div",{className:Ft},(t??a??"").length,"/",n):null)};var $t="styles-module-container-EDh0-",Yt="styles-module-row-MOm-T",Xt="styles-module-label-1o-jT",Ht="styles-module-hiddenInput-03Dx-",Jt="styles-module-uploadArea-1HYbh",Kt="styles-module-uploadIcon-Ck7gF",qt="styles-module-clearButton-N-9cs",Gt="styles-module-clearIcon-LHlF6",Qt="styles-module-fileInfo-71Jtf",Zt="styles-module-fileName-B2hHy",_t="styles-module-fileSize-pINcz",ea="styles-module-error-A8MID";const ta=e=>{const{value:a,onChange:l,accept:r=".jpg,.jpeg,.png,.gif",maxSize:n=10485760}=e,[s,o]=t.useState(""),c=t.useRef(null);return React.createElement("div",{className:$t},React.createElement("div",{className:Yt},React.createElement("label",{className:Xt},React.createElement("input",{accept:r,className:Ht,onChange:async e=>{const t=e.target.files?.[0];if(o(""),!t)return void l(null);const a=`.${t.name.split(".").pop()?.toLowerCase()}`;if(!r.includes(a))return o(`仅支持 ${r} 格式文件`),void l(null);if(t.size>n)return o(`文件大小不能超过 ${n/1024/1024}MB`),void l(null);try{const[e,a]=await Promise.all([new Promise((e,a)=>{const l=new FileReader;l.onload=()=>e(l.result),l.onerror=e=>a(e),l.readAsDataURL(t)}),new Promise((e,a)=>{const l=new Image;l.onload=()=>e({width:l.naturalWidth,height:l.naturalHeight}),l.onerror=a,l.src=URL.createObjectURL(t)})]);l({raw:{name:t.name,size:t.size,type:t.type,width:a.width,height:a.height},base64:e})}catch(e){o("文件读取失败，请重试"),l(null)}},ref:c,type:"file"}),React.createElement("div",{className:Jt},React.createElement(f,{className:Kt}),React.createElement("span",null,a?"更换文件":"点击上传"))),a?React.createElement("button",{"aria-label":"清除文件",className:qt,onClick:()=>{l(null),c.current&&(c.current.value="")},type:"button"},React.createElement(b,{className:Gt})):null),a?React.createElement("div",{className:Qt},React.createElement("span",{className:Zt},a.raw?.name),React.createElement("span",{className:_t},(a.raw?.size/1024).toFixed(1),"KB")):null,s?React.createElement("p",{className:ea,role:"alert"},s):null)};var aa="styles-module-container-gjha7",la="styles-module-header-iE--w",ra="styles-module-titleWrapper-MKhFX",na="styles-module-chevron--dfCY",sa="styles-module-chevronOpen-YwT7-",oa="styles-module-title-qTdCp",ca="styles-module-content-GYYgk",ia="styles-module-contentInner-YQzDE",ua="styles-module-contentHidden-WAYSW";const da=e=>{const{field:a,children:l,initialValue:r,icon:n=!0}=e,[s,o]=t.useState(r??!0),c=()=>{n&&o(!s)};return React.createElement("div",{className:aa},React.createElement("div",{className:la,onClick:c,onKeyDown:e=>"Enter"===e.key&&c(),role:n?"button":void 0,tabIndex:n?0:void 0,"aria-expanded":n?s:void 0},React.createElement("div",{className:ra},n&&React.createElement(p,{className:we(na,s&&sa)}),React.createElement("h4",{className:oa},a.title))),React.createElement("div",{className:we(ca,!s&&ua)},React.createElement("div",{className:ia},l)))};var ma="styles-module-container-BPB4M",pa="styles-module-tabsWrapper-wAK69",ha="styles-module-tabsList-hV1mY",va="styles-module-tabTrigger--ORCz",ga="styles-module-tabTriggerActive-R7369",fa="styles-module-indicator-JfmPM",ba="styles-module-tabContent-7Dnf2",ya="styles-module-tabContentActive-KnHQV";const xa=e=>{const{tabs:a,initialValue:l,children:r}=e,n=t.useRef(null),[s,o]=t.useState({left:0,width:0}),c=t.useMemo(()=>{if(a)return a;if(Array.isArray(r)&&r.length>0)return r.map(e=>({label:e.props.field.config.title,value:e.props.field.config.key}));throw new Error("SubTabSetter: children or tabs must be an array")},[a,r]),i=t.useMemo(()=>c[0]?.value,[c]),[u,d]=t.useState(l??i),m=t.useCallback(()=>{if(!n.current)return;const e=n.current.querySelector(`[data-value="${u}"]`);if(e){const t=n.current.getBoundingClientRect(),a=e.getBoundingClientRect();o({left:a.left-t.left,width:a.width})}},[u]);return t.useEffect(()=>(m(),window.addEventListener("resize",m),()=>window.removeEventListener("resize",m)),[m]),t.createElement("div",{className:ma},t.createElement("div",{className:pa,ref:n},t.createElement("div",{className:ha,role:"tablist"},c.map(e=>t.createElement("button",{"aria-selected":u===e.value,className:we(va,u===e.value&&ga),"data-value":e.value,key:e.value,onClick:()=>d(e.value),role:"tab",type:"button"},e.label))),t.createElement("div",{className:fa,style:{transform:`translateX(${s.left}px)`,width:`${s.width}px`}})),Array.isArray(r)?r.map(e=>t.createElement("div",{className:we(ba,u===e.props.field.config.key&&ya),key:e.props.field.config.key,role:"tabpanel"},e)):null)};var wa="styles-module-container-4LWRO",Ca="styles-module-tabsList-L72im",Na="styles-module-indicator-3Lmrg",Ea="styles-module-tabTrigger-u3S3S",Ra="styles-module-tabTriggerActive-xCpU6",ka="styles-module-tabContent-Pj2Us",Sa="styles-module-tabContentActive-NJtXh";const Aa=e=>{const{tabs:a,initialValue:l,children:r}=e,n=t.useRef(null),[s,o]=t.useState({left:0,width:0}),c=t.useMemo(()=>{if(a)return a;if(Array.isArray(r)&&r.length>0)return r.map(e=>({label:e.props.field.config.title,value:e.props.field.config.key}));throw new Error("TabSetter: children or tabs must be an array")},[a,r]),i=t.useMemo(()=>c[0]?.value,[c]),[u,d]=t.useState(l??i),m=t.useCallback(()=>{if(!n.current)return;const e=n.current.querySelector(`[data-value="${u}"]`);if(e){const t=n.current.getBoundingClientRect(),a=e.getBoundingClientRect();o({left:a.left-t.left,width:a.width})}},[u]);return t.useEffect(()=>(m(),window.addEventListener("resize",m),()=>window.removeEventListener("resize",m)),[m]),t.createElement("div",{className:wa},t.createElement("div",{className:Ca,ref:n,role:"tablist",style:{gridTemplateColumns:`repeat(${c.length}, minmax(0, 1fr))`}},t.createElement("div",{className:Na,style:{transform:`translateX(${s.left}px)`,width:`${s.width}px`}}),c.map(e=>t.createElement("button",{"aria-selected":u===e.value,className:we(Ea,u===e.value?Ra:""),"data-value":e.value,key:e.value,onClick:()=>d(e.value),role:"tab",type:"button"},e.label))),Array.isArray(r)?r.map(e=>t.createElement("div",{className:we(ka,u===e.props.field.config.key?Sa:""),key:e.props.field.config.key,role:"tabpanel"},e)):null)},ja={ColorSetter:ye,NumberSetter:Me,RectSetter:Ke,StringSetter:Rt,SwitchSetter:Vt,UploadSetter:ta,SegmentedSetter:lt,CollapseSetter:da,SubTabSetter:xa,TabSetter:Aa,SelectSetter:pt,SliderSetter:xt,TextAreaSetter:Wt,ArraySetter:S,JsonSetter:ke,ObjectSetter:$e};e.ArraySetter=S,e.CollapseSetter=da,e.ColorSetter=ye,e.JsonSetter=ke,e.NumberSetter=Me,e.ObjectSetter=$e,e.Popover=r,e.RectSetter=Ke,e.SegmentedSetter=lt,e.SelectSetter=pt,e.SliderSetter=xt,e.StringSetter=Rt,e.SubTabSetter=xa,e.SwitchSetter=Vt,e.TabSetter=Aa,e.TextAreaSetter=Wt,e.UploadSetter=ta,e.default=ja,e.setterMap=ja,Object.defineProperty(e,"__esModule",{value:!0})});
+   */var y="styles-module-container-KSlB-",x="styles-module-item-xDCpZ",w="styles-module-dragHandle-lOaFv",C="styles-module-input-ItzPT",N="styles-module-removeButton-ymAlo",E="styles-module-removeIcon-ld51f",R="styles-module-addButton-U1VQX",k="styles-module-addIcon-6qJub";const S=e=>{const{value:a,initialValue:l,itemSetter:r="string",maxItems:n,minItems:s=0,placeholder:o,addButtonText:c="添加项",onChange:i}=e,u=a??l??[],d=t.useCallback(()=>{if(n&&u.length>=n)return;const e="number"===r?0:"";i([...u,e])},[u,n,r,i]),m=t.useCallback(e=>{if(u.length<=s)return;const t=u.filter((t,a)=>a!==e);i(t)},[u,s,i]),p=t.useCallback((e,t)=>{const a=[...u];a[e]=t,i(a)},[u,i]),f=!n||u.length<n,b=u.length>s;return React.createElement("div",{className:y},u.map((e,t)=>React.createElement("div",{className:x,key:t},React.createElement(h,{className:w}),React.createElement("input",{className:C,onChange:e=>{const a="number"===r?+e.target.value:e.target.value;p(t,a)},placeholder:o,type:"number"===r?"number":"text",value:e}),React.createElement("button",{className:N,disabled:!b,onClick:()=>m(t),type:"button"},React.createElement(g,{className:E})))),React.createElement("button",{className:R,disabled:!f,onClick:d,type:"button"},React.createElement(v,{className:k}),c))};function A(){return A=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var l in a)({}).hasOwnProperty.call(a,l)&&(e[l]=a[l])}return e},A.apply(null,arguments)}function j(e,t){if(null==e)return{};var a={};for(var l in e)if({}.hasOwnProperty.call(e,l)){if(-1!==t.indexOf(l))continue;a[l]=e[l]}return a}var B=255,M=100,L=e=>{var{r:t,g:a,b:l,a:r}=e,n=Math.max(t,a,l),s=n-Math.min(t,a,l),o=s?n===t?(a-l)/s:n===a?2+(l-t)/s:4+(t-a)/s:0;return{h:60*(o<0?o+6:o),s:n?s/n*M:0,v:n/B*M,a:r}},z=e=>{var{h:t,s:a,l:l,a:r}=D(e);return"hsla("+t+", "+a+"%, "+l+"%, "+r+")"},D=e=>{var{h:t,s:a,v:l,a:r}=e,n=(200-a)*l/M;return{h:t,s:n>0&&n<200?a*l/M/(n<=M?n:200-n)*M:0,l:n/2,a:r}},P=e=>{var t,{r:a,g:l,b:r}=e;return"#"+(t=(a<<16|l<<8|r).toString(16),new Array(7-t.length).join("0")+t)},I=e=>L(T(e)),T=e=>{var t=e.replace("#","");/^#?/.test(e)&&3===t.length&&(e="#"+t.charAt(0)+t.charAt(0)+t.charAt(1)+t.charAt(1)+t.charAt(2)+t.charAt(2));var a=new RegExp("[A-Za-z0-9]{2}","g"),[l,r,n=0,s]=e.match(a).map(e=>parseInt(e,16));return{r:l,g:r,b:n,a:(null!=s?s:255)/B}},V=e=>{var{h:t,s:a,v:l,a:r}=e,n=t/60,s=a/M,o=l/M,c=Math.floor(n)%6,i=n-Math.floor(n),u=B*o*(1-s),d=B*o*(1-s*i),m=B*o*(1-s*(1-i));o*=B;var p={};switch(c){case 0:p.r=o,p.g=m,p.b=u;break;case 1:p.r=d,p.g=o,p.b=u;break;case 2:p.r=u,p.g=o,p.b=m;break;case 3:p.r=u,p.g=d,p.b=o;break;case 4:p.r=m,p.g=u,p.b=o;break;case 5:p.r=o,p.g=u,p.b=d}return p.r=Math.round(p.r),p.g=Math.round(p.g),p.b=Math.round(p.b),A({},p,{a:r})},U=e=>{var{r:t,g:a,b:l,a:r}=V(e);return"rgba("+t+", "+a+", "+l+", "+r+")"},O=e=>P(V(e)),F=e=>{var t,a,l,r,n,s,o,c,i;return"string"==typeof e&&W(e)?(s=I(e),c=e):"string"!=typeof e&&(s=e),s&&(l=(e=>{var{h:t,s:a,v:l}=e;return{h:t,s:a,v:l}})(s),n=D(s),i=(e=>{var{r:t,g:a,b:l,a:r}=e,n="number"==typeof r&&(255*r|256).toString(16).slice(1);return""+P({r:t,g:a,b:l})+(n||"")})(r=V(s)),c=O(s),a=(e=>{var{h:t,s:a,l:l}=e;return{h:t,s:a,l:l}})(n),t=(e=>{var{r:t,g:a,b:l}=e;return{r:t,g:a,b:l}})(r),o=(e=>{var{r:t,g:a,b:l}=e,r=function(e){return e<=.04045?e/12.92:Math.pow((e+.055)/1.055,2.4)},n=r(t/255),s=r(a/255),o=r(l/255),c={};return c.x=.4124*n+.3576*s+.1805*o,c.y=.2126*n+.7152*s+.0722*o,c.bri=.0193*n+.1192*s+.9505*o,c})(t)),{rgb:t,hsl:a,hsv:l,rgba:r,hsla:n,hsva:s,hex:c,hexa:i,xy:o}},W=e=>/^#?([A-Fa-f0-9]{3,4}){1,2}$/.test(e);function $(e){var a=t.useRef(e);return t.useEffect(()=>{a.current=e}),t.useCallback((e,t)=>a.current&&a.current(e,t),[])}var Y=e=>"touches"in e,X=e=>{!Y(e)&&e.preventDefault&&e.preventDefault()},H=function(e,t,a){return void 0===t&&(t=0),void 0===a&&(a=1),e>a?a:e<t?t:e},J=(e,t)=>{var a=e.getBoundingClientRect(),l=Y(t)?t.touches[0]:t;return{left:H((l.pageX-(a.left+window.pageXOffset))/a.width),top:H((l.pageY-(a.top+window.pageYOffset))/a.height),width:a.width,height:a.height,x:l.pageX-(a.left+window.pageXOffset),y:l.pageY-(a.top+window.pageYOffset)}},K=["prefixCls","className","onMove","onDown"],q=t.forwardRef((e,a)=>{var{prefixCls:r="w-color-interactive",className:n,onMove:s,onDown:o}=e,c=j(e,K),i=t.useRef(null),u=t.useRef(!1),[d,m]=t.useState(!1),p=$(s),h=$(o),v=t.useCallback(e=>{(X(e),i.current)&&((Y(e)?e.touches.length>0:e.buttons>0)?null==p||p(J(i.current,e),e):m(!1))},[p]),g=t.useCallback(()=>m(!1),[]),f=t.useCallback(e=>{e?(window.addEventListener(u.current?"touchmove":"mousemove",v),window.addEventListener(u.current?"touchend":"mouseup",g)):(window.removeEventListener("mousemove",v),window.removeEventListener("mouseup",g),window.removeEventListener("touchmove",v),window.removeEventListener("touchend",g))},[v,g]);t.useEffect(()=>(f(d),()=>{f(!1)}),[d,v,g,f]);var b=t.useCallback(e=>{var t=document.activeElement;null==t||t.blur(),X(e.nativeEvent),(e=>!(u.current&&!Y(e)||(u.current=Y(e),0)))(e.nativeEvent)&&i.current&&(null==h||h(J(i.current,e.nativeEvent),e.nativeEvent),m(!0))},[h]);return l.jsx("div",A({},c,{className:[r,n||""].filter(Boolean).join(" "),style:A({},c.style,{touchAction:"none"}),ref:i,tabIndex:0,onMouseDown:b,onTouchStart:b}))});q.displayName="Interactive";var G=e=>{var{className:a,color:r,left:n,top:s,prefixCls:o}=e,c={position:"absolute",top:s,left:n},i={"--saturation-pointer-box-shadow":"rgb(255 255 255) 0px 0px 0px 1.5px, rgb(0 0 0 / 30%) 0px 0px 1px 1px inset, rgb(0 0 0 / 40%) 0px 0px 1px 2px",width:6,height:6,transform:"translate(-3px, -3px)",boxShadow:"var(--saturation-pointer-box-shadow)",borderRadius:"50%",backgroundColor:r};return t.useMemo(()=>l.jsx("div",{className:o+"-pointer "+(a||""),style:c,children:l.jsx("div",{className:o+"-fill",style:i})}),[s,n,r,a,o])},Q=["prefixCls","radius","pointer","className","hue","style","hsva","onChange"],Z=t.forwardRef((e,a)=>{var r,{prefixCls:n="w-color-saturation",radius:s=0,pointer:o,className:c,hue:i=0,style:u,hsva:d,onChange:m}=e,p=j(e,Q),h=A({width:200,height:200,borderRadius:s},u,{position:"relative"}),v=(e,t)=>{m&&d&&m({h:d.h,s:100*e.left,v:100*(1-e.top),a:d.a})},g=t.useCallback(e=>{if(d&&m){var t=d.s,a=d.v,l=!1;switch(e.key){case"ArrowLeft":t=Math.max(0,d.s-1),l=!0,e.preventDefault();break;case"ArrowRight":t=Math.min(100,d.s+1),l=!0,e.preventDefault();break;case"ArrowUp":a=Math.min(100,d.v+1),l=!0,e.preventDefault();break;case"ArrowDown":a=Math.max(0,d.v-1),l=!0,e.preventDefault();break;default:return}l&&m({h:d.h,s:t,v:a,a:d.a})}},[d,m]),f=t.useMemo(()=>{if(!d)return null;var e={top:100-d.v+"%",left:d.s+"%",color:z(d)};return o&&"function"==typeof o?o(A({prefixCls:n},e)):l.jsx(G,A({prefixCls:n},e))},[d,o,n]),b=t.useCallback(e=>{e.target.focus()},[]);return l.jsx(q,A({className:[n,c||""].filter(Boolean).join(" ")},p,{style:A({position:"absolute",inset:0,cursor:"crosshair",backgroundImage:"linear-gradient(0deg, #000, transparent), linear-gradient(90deg, #fff, hsl("+(null!=(r=null==d?void 0:d.h)?r:i)+", 100%, 50%))"},h,{outline:"none"}),ref:a,onMove:v,onDown:v,onKeyDown:g,onClick:b,children:f}))});Z.displayName="Saturation";var _=["className","prefixCls","left","top","style","fillProps"],ee=e=>{var{className:t,prefixCls:a,left:r,top:n,style:s,fillProps:o}=e,c=j(e,_),i=A({},s,{position:"absolute",left:r,top:n}),u=A({width:18,height:18,boxShadow:"var(--alpha-pointer-box-shadow)",borderRadius:"50%",backgroundColor:"var(--alpha-pointer-background-color)"},null==o?void 0:o.style,{transform:r?"translate(-9px, -1px)":"translate(-1px, -9px)"});return l.jsx("div",A({className:a+"-pointer "+(t||""),style:i},c,{children:l.jsx("div",A({className:a+"-fill"},o,{style:u}))}))},te=["prefixCls","className","hsva","background","bgProps","innerProps","pointerProps","radius","width","height","direction","style","onChange","pointer"],ae=t.forwardRef((e,a)=>{var{prefixCls:r="w-color-alpha",className:n,hsva:s,background:o,bgProps:c={},innerProps:i={},pointerProps:u={},radius:d=0,width:m,height:p=16,direction:h="horizontal",style:v,onChange:g,pointer:f}=e,b=j(e,te),y=e=>{g&&g(A({},s,{a:"horizontal"===h?e.left:e.top}),e)},x=z(Object.assign({},s,{a:1})),w="linear-gradient(to "+("horizontal"===h?"right":"bottom")+", rgba(244, 67, 54, 0) 0%, "+x+" 100%)",C={};"horizontal"===h?C.left=100*s.a+"%":C.top=100*s.a+"%";var N=A({"--alpha-background-color":"#fff","--alpha-pointer-background-color":"rgb(248, 248, 248)","--alpha-pointer-box-shadow":"rgb(0 0 0 / 37%) 0px 1px 4px 0px",borderRadius:d,background:"url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMUlEQVQ4T2NkYGAQYcAP3uCTZhw1gGGYhAGBZIA/nYDCgBDAm9BGDWAAJyRCgLaBCAAgXwixzAS0pgAAAABJRU5ErkJggg==) left center",backgroundColor:"var(--alpha-background-color)"},{width:m,height:p},v,{position:"relative"}),E=t.useCallback(e=>{var t=.01,a=s.a,l=a;switch(e.key){case"ArrowLeft":"horizontal"===h&&(l=Math.max(0,a-t),e.preventDefault());break;case"ArrowRight":"horizontal"===h&&(l=Math.min(1,a+t),e.preventDefault());break;case"ArrowUp":"vertical"===h&&(l=Math.max(0,a-t),e.preventDefault());break;case"ArrowDown":"vertical"===h&&(l=Math.min(1,a+t),e.preventDefault());break;default:return}if(l!==a){var r={left:"horizontal"===h?l:s.a,top:"vertical"===h?l:s.a,width:0,height:0,x:0,y:0};g&&g(A({},s,{a:l}),r)}},[s,h,g]),R=t.useCallback(e=>{e.target.focus()},[]),k=f&&"function"==typeof f?f(A({prefixCls:r},u,C)):l.jsx(ee,A({},u,{prefixCls:r},C));return l.jsxs("div",A({},b,{className:[r,r+"-"+h,n||""].filter(Boolean).join(" "),style:N,ref:a,children:[l.jsx("div",A({},c,{style:A({inset:0,position:"absolute",background:o||w,borderRadius:d},c.style)})),l.jsx(q,A({},i,{style:A({},i.style,{inset:0,zIndex:1,position:"absolute",outline:"none"}),onMove:y,onDown:y,onClick:R,onKeyDown:E,children:k}))]}))});ae.displayName="Alpha";var le=["prefixCls","placement","label","value","className","style","labelStyle","inputStyle","onChange","onBlur","renderInput"],re=t.forwardRef((e,a)=>{var{prefixCls:r="w-color-editable-input",placement:n="bottom",label:s,value:o,className:c,style:i,labelStyle:u,inputStyle:d,onChange:m,onBlur:p,renderInput:h}=e,v=j(e,le),[g,f]=t.useState(o),b=t.useRef(!1);t.useEffect(()=>{e.value!==g&&(b.current||f(e.value))},[e.value]);var y={};"bottom"===n&&(y.flexDirection="column"),"top"===n&&(y.flexDirection="column-reverse"),"left"===n&&(y.flexDirection="row-reverse");var x=A({"--editable-input-label-color":"rgb(153, 153, 153)","--editable-input-box-shadow":"rgb(204 204 204) 0px 0px 0px 1px inset","--editable-input-color":"#666",position:"relative",alignItems:"center",display:"flex",fontSize:11},y,i),w=A({width:"100%",paddingTop:2,paddingBottom:2,paddingLeft:3,paddingRight:3,fontSize:11,background:"transparent",boxSizing:"border-box",border:"none",color:"var(--editable-input-color)",boxShadow:"var(--editable-input-box-shadow)"},d),C=A({value:g,onChange:function(e,t){var a=(t||e.target.value).trim().replace(/^#/,"");/^#?([A-Fa-f0-9]{3,4}){1,2}$/.test(a)&&m&&m(e,a);var l=(e=>Number(String(e).replace(/%/g,"")))(a);isNaN(l)||m&&m(e,l),f(a)},onBlur:function(t){b.current=!1,f(e.value),p&&p(t)},autoComplete:"off",onFocus:()=>b.current=!0},v,{style:w,onFocusCapture:e=>{var t=e.target;t.setSelectionRange(t.value.length,t.value.length)}});return l.jsxs("div",{className:[r,c||""].filter(Boolean).join(" "),style:x,children:[h?h(C,a):l.jsx("input",A({ref:a},C)),s&&l.jsx("span",{style:A({color:"var(--editable-input-label-color)",textTransform:"capitalize"},u),children:s})]})});re.displayName="EditableInput";var ne=["prefixCls","hsva","placement","rProps","gProps","bProps","aProps","className","style","onChange"],se=t.forwardRef((e,t)=>{var{prefixCls:a="w-color-editable-input-rgba",hsva:r,placement:n="bottom",rProps:s={},gProps:o={},bProps:c={},aProps:i={},className:u,style:d,onChange:m}=e,p=j(e,ne),h=r?V(r):{};function v(e){var t=Number(e.target.value);t&&t>255&&(e.target.value="255"),t&&t<0&&(e.target.value="0")}var g=(e,t,a)=>{"number"==typeof e&&("a"===t&&(e<0&&(e=0),e>100&&(e=100),m&&m(F(L(A({},h,{a:e/100}))))),e>255&&(e=255,a.target.value="255"),e<0&&(e=0,a.target.value="0"),"r"===t&&m&&m(F(L(A({},h,{r:e})))),"g"===t&&m&&m(F(L(A({},h,{g:e})))),"b"===t&&m&&m(F(L(A({},h,{b:e})))))},f=h.a?Math.round(100*h.a)/100:0;return l.jsxs("div",A({ref:t,className:[a,u||""].filter(Boolean).join(" ")},p,{style:A({fontSize:11,display:"flex"},d),children:[l.jsx(re,A({label:"R",value:h.r||0,onBlur:v,placement:n,onChange:(e,t)=>g(t,"r",e)},s,{style:A({},s.style)})),l.jsx(re,A({label:"G",value:h.g||0,onBlur:v,placement:n,onChange:(e,t)=>g(t,"g",e)},o,{style:A({marginLeft:5},s.style)})),l.jsx(re,A({label:"B",value:h.b||0,onBlur:v,placement:n,onChange:(e,t)=>g(t,"b",e)},c,{style:A({marginLeft:5},c.style)})),i&&l.jsx(re,A({label:"A",value:parseInt(String(100*f),10),onBlur:e=>{var t=Number(e.target.value);t&&t>100&&(e.target.value="100"),t&&t<0&&(e.target.value="0")},placement:n,onChange:(e,t)=>g(t,"a",e)},i,{style:A({marginLeft:5},i.style)}))]}))});se.displayName="EditableInputRGBA";var oe=["prefixCls","className","hue","onChange","direction"],ce=t.forwardRef((e,t)=>{var{prefixCls:a="w-color-hue",className:r,hue:n=0,onChange:s,direction:o="horizontal"}=e,c=j(e,oe);return l.jsx(ae,A({ref:t,className:a+" "+(r||"")},c,{direction:o,background:"linear-gradient(to "+("horizontal"===o?"right":"bottom")+", rgb(255, 0, 0) 0%, rgb(255, 255, 0) 17%, rgb(0, 255, 0) 33%, rgb(0, 255, 255) 50%, rgb(0, 0, 255) 67%, rgb(255, 0, 255) 83%, rgb(255, 0, 0) 100%)",hsva:{h:n,s:100,v:100,a:n/360},onChange:(e,t)=>{s&&s({h:"horizontal"===o?360*t.left:360*t.top})}}))});ce.displayName="Hue";var ie=["prefixCls","className","color","colors","style","rectProps","onChange","addonAfter","addonBefore","rectRender"],ue=t.forwardRef((e,a)=>{var{prefixCls:r="w-color-swatch",className:n,color:s,colors:o=[],style:c,rectProps:i={},onChange:u,addonAfter:d,addonBefore:m,rectRender:p}=e,h=j(e,ie),v=A({"--swatch-background-color":"rgb(144, 19, 254)",background:"var(--swatch-background-color)",height:15,width:15,marginRight:5,marginBottom:5,cursor:"pointer",position:"relative",outline:"none",borderRadius:2},i.style),g=(e,t)=>{u&&u(I(e),F(I(e)),t)};return l.jsxs("div",A({ref:a},h,{className:[r,n||""].filter(Boolean).join(" "),style:A({display:"flex",flexWrap:"wrap",position:"relative"},c),children:[m&&t.isValidElement(m)&&m,o&&Array.isArray(o)&&o.map((e,a)=>{var r="",n="";"string"==typeof e&&(r=e,n=e),"object"==typeof e&&e.color&&(r=e.title||e.color,n=e.color);var o=s&&s.toLocaleLowerCase()===n.toLocaleLowerCase(),c=p&&p({title:r,color:n,checked:!!o,style:A({},v,{background:n}),onClick:e=>g(n,e)});if(c)return l.jsx(t.Fragment,{children:c},a);var u=i.children&&t.isValidElement(i.children)?t.cloneElement(i.children,{color:n,checked:o}):null;return l.jsx("div",A({tabIndex:0,title:r,onClick:e=>g(n,e)},i,{children:u,style:A({},v,{background:n})}),a)}),d&&t.isValidElement(d)&&d]}))});ue.displayName="Swatch";var de=["prefixCls","className","onChange","width","presetColors","color","editableDisable","disableAlpha","style"],me=["#D0021B","#F5A623","#f8e61b","#8B572A","#7ED321","#417505","#BD10E0","#9013FE","#4A90E2","#50E3C2","#B8E986","#000000","#4A4A4A","#9B9B9B","#FFFFFF"],pe=e=>l.jsx("div",{style:{boxShadow:"rgb(0 0 0 / 60%) 0px 0px 2px",width:4,top:1,bottom:1,left:e.left,borderRadius:1,position:"absolute",backgroundColor:"#fff"}}),he=t.forwardRef((e,a)=>{var{prefixCls:r="w-color-sketch",className:n,onChange:s,width:o=218,presetColors:c=me,color:i,editableDisable:u=!0,disableAlpha:d=!1,style:m}=e,p=j(e,de),[h,v]=t.useState({h:209,s:36,v:90,a:1});t.useEffect(()=>{"string"==typeof i&&W(i)&&v(I(i)),"object"==typeof i&&v(i)},[i]);var g=e=>{v(e),s&&s(F(e))},f=A({"--sketch-background":"rgb(255, 255, 255)","--sketch-box-shadow":"rgb(0 0 0 / 15%) 0px 0px 0px 1px, rgb(0 0 0 / 15%) 0px 8px 16px","--sketch-swatch-box-shadow":"rgb(0 0 0 / 15%) 0px 0px 0px 1px inset","--sketch-alpha-box-shadow":"rgb(0 0 0 / 15%) 0px 0px 0px 1px inset, rgb(0 0 0 / 25%) 0px 0px 4px inset","--sketch-swatch-border-top":"1px solid rgb(238, 238, 238)",background:"var(--sketch-background)",borderRadius:4,boxShadow:"var(--sketch-box-shadow)",width:o},m),b={borderRadius:2,background:U(h),boxShadow:"var(--sketch-alpha-box-shadow)"};return l.jsxs("div",A({},p,{className:r+" "+(n||""),ref:a,style:f,children:[l.jsxs("div",{style:{padding:"10px 10px 8px"},children:[l.jsx(Z,{hsva:h,style:{width:"auto",height:150},onChange:e=>g(A({},h,e,{a:h.a}))}),l.jsxs("div",{style:{display:"flex",marginTop:4},children:[l.jsxs("div",{style:{flex:1},children:[l.jsx(ce,{width:"auto",height:10,hue:h.h,pointer:pe,innerProps:{style:{marginLeft:1,marginRight:5}},onChange:e=>g(A({},h,e))}),!d&&l.jsx(ae,{width:"auto",height:10,hsva:h,pointer:pe,style:{marginTop:4},innerProps:{style:{marginLeft:1,marginRight:5}},onChange:e=>g(A({},h,{a:e.a}))})]}),!d&&l.jsx(ae,{width:24,height:24,hsva:h,radius:2,style:{marginLeft:4},bgProps:{style:{background:"transparent"}},innerProps:{style:b},pointer:()=>l.jsx(t.Fragment,{})})]})]}),u&&l.jsxs("div",{style:{display:"flex",margin:"0 10px 3px 10px"},children:[l.jsx(re,{label:"Hex",value:O(h).replace(/^#/,"").toLocaleUpperCase(),onChange:(e,t)=>{var a;"string"==typeof(a=t)&&W(a)&&/(3|6)/.test(String(a.length))&&g(I(a))},style:{minWidth:58}}),l.jsx(se,{hsva:h,style:{marginLeft:6},aProps:!d&&{},onChange:e=>g(e.hsva)})]}),c&&c.length>0&&l.jsx(ue,{style:{borderTop:"var(--sketch-swatch-border-top)",paddingTop:10,paddingLeft:10},colors:c,color:O(h),onChange:e=>g(e),rectProps:{style:{marginRight:10,marginBottom:10,borderRadius:3,boxShadow:"var(--sketch-swatch-box-shadow)"}}})]}))});he.displayName="Sketch";var ve="styles-module-trigger-w-aUi",ge="styles-module-colorPreview-SUgiJ",fe="styles-module-colorValue-cYdRP",be="styles-module-popover-SfIUB";const ye=e=>{const{value:a,initialValue:l,onChange:n,disableAlpha:s=!1}=e,[o,c]=t.useState(!1);return React.createElement(r,{onClose:()=>c(!1),open:o,trigger:React.createElement("button",{"aria-label":"Select color",className:ve,onClick:()=>c(!0),type:"button"},React.createElement("div",{"aria-label":"Current color",className:ge,style:{backgroundColor:a??l}}),React.createElement("span",{className:fe},a??l))},React.createElement("div",{className:be},React.createElement(he,{color:a,disableAlpha:s,onChange:e=>n(e.hexa),presetColors:[]})))};function xe(e){var t,a,l="";if("string"==typeof e||"number"==typeof e)l+=e;else if("object"==typeof e)if(Array.isArray(e)){var r=e.length;for(t=0;t<r;t++)e[t]&&(a=xe(e[t]))&&(l&&(l+=" "),l+=a)}else for(a in e)e[a]&&(l&&(l+=" "),l+=a);return l}function we(...e){return function(){for(var e,t,a=0,l="",r=arguments.length;a<r;a++)(e=arguments[a])&&(t=xe(e))&&(l&&(l+=" "),l+=t);return l}(e)}var Ce="styles-module-container-CUmyq",Ne="styles-module-textarea-hn1hD",Ee="styles-module-textareaError-O2GWs",Re="styles-module-error-wjKcS";const ke=e=>{const{value:a,initialValue:l,placeholder:r,rows:n=6,onChange:s}=e,[o,c]=t.useState(""),[i,u]=t.useState(null);t.useEffect(()=>{const e=a??l;if(void 0!==e)try{c(JSON.stringify(e,null,2)),u(null)}catch{c(String(e))}else c("")},[a,l]);const d=t.useCallback(e=>{if(c(e),!e.trim())return u(null),void s(void 0);try{const t=JSON.parse(e);u(null),s(t)}catch(e){u(e.message)}},[s]),m=1.5*n*14;return React.createElement("div",{className:Ce},React.createElement("textarea",{className:we(Ne,i?Ee:null),onChange:e=>d(e.target.value),placeholder:r||"输入 JSON 数据",spellCheck:!1,style:{minHeight:m},value:o}),i?React.createElement("div",{className:Re},i):null)};var Se="styles-module-container-d6iPo",Ae="styles-module-input-hzqco",je="styles-module-inputWithSuffix-dzHIR",Be="styles-module-suffix--jLoo";const Me=e=>{const{value:t,initialValue:a,placeholder:l,onChange:r,suffix:n}=e;return React.createElement("div",{className:Se},React.createElement("input",{className:we(Ae,n?je:""),onChange:e=>r(+e.target.value),placeholder:l||"",type:"number",value:t??a??""}),n?React.createElement("span",{"aria-label":`Unit: ${n}`,className:Be},n):null)};var Le="styles-module-container-RzrEe",ze="styles-module-field-AaNu3",De="styles-module-label-zWfmB",Pe="styles-module-input-fv7wH",Ie="styles-module-customField-hV2yY",Te="styles-module-customFieldInputs-efA5X",Ve="styles-module-keyInput-MXoPV",Ue="styles-module-removeButton-s7K9l",Oe="styles-module-removeIcon-Ostpz",Fe="styles-module-addButton-Wgly5",We="styles-module-addIcon-61nc3";const $e=e=>{const{value:a,initialValue:l,fields:r=[],allowCustomFields:n=!1,addFieldText:s="添加字段",onChange:o}=e,c=a??l??{},i=t.useCallback((e,t)=>{o({...c,[e]:t})},[c,o]),u=t.useCallback(()=>{const e=`field_${Date.now()}`;o({...c,[e]:""})},[c,o]),d=t.useCallback(e=>{const t={...c};delete t[e],o(t)},[c,o]),m=r.map(e=>e.key),p=Object.keys(c).filter(e=>!m.includes(e));return React.createElement("div",{className:Le},r.map(e=>React.createElement("div",{className:ze,key:e.key},React.createElement("span",{className:De},e.label),React.createElement("input",{className:Pe,onChange:t=>{const a="number"===e.type?+t.target.value:t.target.value;i(e.key,a)},placeholder:e.placeholder,type:"number"===e.type?"number":"text",value:c[e.key]??""}))),p.map(e=>React.createElement("div",{className:Ie,key:e},React.createElement("div",{className:Te},React.createElement("input",{className:Ve,onChange:t=>{const a=t.target.value;if(a&&a!==e){const t={...c};t[a]=t[e],delete t[e],o(t)}},placeholder:"字段名",type:"text",value:e}),React.createElement("input",{className:Pe,onChange:t=>i(e,t.target.value),placeholder:"值",type:"text",value:c[e]??""})),React.createElement("button",{className:Ue,onClick:()=>d(e),type:"button"},React.createElement(g,{className:Oe})))),n?React.createElement("button",{className:Fe,onClick:u,type:"button"},React.createElement(v,{className:We}),s):null)};var Ye="styles-module-container-YWSlG",Xe="styles-module-inputWrapper-B2wKI",He="styles-module-input--qUrU",Je="styles-module-suffix-2c3Cd";const Ke=e=>{const{value:t,onChange:a}=e,l=(e,l)=>{a({...t,[e]:l})};return React.createElement("div",{className:Ye},React.createElement("div",{className:Xe},React.createElement("input",{className:He,onChange:e=>l("x",Number(e.target.value)),type:"number",value:Ge(t.x)}),React.createElement("span",{"aria-label":"Unit: X",className:Je},"X")),React.createElement("div",{className:Xe},React.createElement("input",{className:He,onChange:e=>l("y",Number(e.target.value)),type:"number",value:Ge(t.y)}),React.createElement("span",{"aria-label":"Unit: Y",className:Je},"Y")),React.createElement("div",{className:Xe},React.createElement("input",{className:He,onChange:e=>l("width",Number(e.target.value)),type:"number",value:Ge(t.width)}),React.createElement("span",{"aria-label":"Unit: W",className:Je},"W")),React.createElement("div",{className:Xe},React.createElement("input",{className:He,onChange:e=>l("height",Number(e.target.value)),type:"number",value:Ge(t.height)}),React.createElement("span",{"aria-label":"Unit: H",className:Je},"H")))},qe=/(\.\d{2})\d+$/,Ge=e=>e.toString().replace(qe,"$1");var Qe="styles-module-container-lamwH",Ze="styles-module-containerSm-mndNj",_e="styles-module-indicator-pz-DO",et="styles-module-segment-JmKWl",tt="styles-module-segmentSelected-fumXM",at="styles-module-segmentDisabled-Md5LF";const lt=e=>{const{value:a,initialValue:l,options:r=[],onChange:n,size:s="md"}=e,o=t.useRef(null),[c,i]=t.useState({left:0,width:0}),u=a??l??r[0]?.value??"",d=t.useCallback(()=>{if(!o.current)return;const e=o.current.querySelector(`[data-value="${u}"]`);if(e){const t=o.current.getBoundingClientRect(),a=e.getBoundingClientRect();i({left:a.left-t.left,width:a.width})}},[u]);return t.useEffect(()=>(d(),window.addEventListener("resize",d),()=>window.removeEventListener("resize",d)),[d]),React.createElement("div",{className:we(Qe,"sm"===s&&Ze),ref:o},React.createElement("div",{className:_e,style:{transform:`translateX(${c.left}px)`,width:`${c.width}px`}}),r.map(e=>React.createElement("button",{className:we(et,u===e.value&&tt,!0===e.disabled&&at),"data-value":e.value,disabled:e.disabled,key:e.value,onClick:()=>!e.disabled&&n(e.value),type:"button"},e.label)))};var rt="styles-module-trigger-YRz9p",nt="styles-module-triggerValue-k-g2-",st="styles-module-placeholder-F8-XP",ot="styles-module-chevron-UbZv-",ct="styles-module-chevronOpen-Yui-r",it="styles-module-dropdown-l2sra",ut="styles-module-option-cv-7C",dt="styles-module-optionSelected-K4e5h",mt="styles-module-optionDisabled-72jrC";const pt=e=>{const{value:a,initialValue:l,options:n=[],placeholder:s,onChange:o}=e,[c,i]=t.useState(!1),u=a??l??"",d=n.find(e=>e.value===u);return React.createElement(r,{onClose:()=>i(!1),open:c,trigger:React.createElement("button",{"aria-expanded":c,"aria-haspopup":"listbox",className:rt,onClick:()=>i(!0),type:"button"},React.createElement("span",{className:we(nt,d?"":st)},d?.label||s||"请选择"),React.createElement(m,{className:we(ot,c?ct:"")}))},React.createElement("div",{className:it,role:"listbox"},n.map(e=>React.createElement("button",{"aria-selected":e.value===u,className:we(ut,e.value===u?dt:"",!0===e.disabled?mt:""),key:e.value,onClick:()=>{return t=e.value,void(e.disabled||(o(t),i(!1)));var t},role:"option",type:"button"},e.label))))};var ht="styles-module-container-PG1Uy",vt="styles-module-slider-pypb6",gt="styles-module-track-X2NtH",ft="styles-module-range-AVV8x",bt="styles-module-thumb-YMQR-",yt="styles-module-value-JiWPV";const xt=e=>{const{value:a,initialValue:l,min:r=0,max:n=100,step:s=1,showValue:o=!0,suffix:c,onChange:i}=e,u=a??l??r,d=t.useRef(null),m=(u-r)/(n-r)*100,p=t.useCallback(e=>{if(!d.current)return;const t=d.current.getBoundingClientRect(),a=Math.max(0,Math.min(1,(e-t.left)/t.width)),l=r+a*(n-r),o=Math.round(l/s)*s,c=s%1==0?0:String(s).split(".")[1]?.length||0,u=Number(o.toFixed(c)),m=Math.max(r,Math.min(n,u));i(m)},[r,n,s,i]);return React.createElement("div",{className:ht},React.createElement("div",{className:vt},React.createElement("div",{className:gt,onMouseDown:e=>{p(e.clientX);const t=e=>{p(e.clientX)},a=()=>{document.removeEventListener("mousemove",t),document.removeEventListener("mouseup",a)};document.addEventListener("mousemove",t),document.addEventListener("mouseup",a)},ref:d,role:"presentation"},React.createElement("div",{className:ft,style:{width:`${m}%`}}),React.createElement("div",{"aria-valuemax":n,"aria-valuemin":r,"aria-valuenow":u,className:bt,role:"slider",style:{left:`${m}%`},tabIndex:0}))),!0===o?React.createElement("span",{className:yt},u,c):null)};var wt="styles-module-container-weN0F",Ct="styles-module-input-C8N67",Nt="styles-module-inputWithSuffix-tdJcI",Et="styles-module-suffix-HGRiQ";const Rt=e=>{const{value:t,initialValue:a,placeholder:l,onChange:r,suffix:n}=e;return React.createElement("div",{className:wt},React.createElement("input",{className:we(Ct,n?Nt:""),onChange:e=>r(e.target.value),placeholder:l||"",type:"text",value:t||a||""}),n?React.createElement("span",{"aria-label":`Unit: ${n}`,className:Et},n):null)};var kt="styles-module-switch-2DV6T",St="styles-module-switchChecked-eI65V",At="styles-module-switchThumb-GDlBx",jt="styles-module-switchThumbChecked-uA5kV",Bt="styles-module-checkboxWrapper-l-KtW",Mt="styles-module-checkboxInput-4Z9KK",Lt="styles-module-checkbox-G1P36",zt="styles-module-checkboxChecked-7XJoC",Dt="styles-module-checkIcon-3KIBH",Pt="styles-module-segmented-IaxAM",It="styles-module-segmentedButton-mbZ5z",Tt="styles-module-segmentedButtonSelected-u4m2T";const Vt=e=>{const{value:t,initialValue:a,onChange:l,mode:r="switch",trueLabel:n="是",falseLabel:s="否"}=e,o=t??a??!1;return"segmented"===r?React.createElement("div",{className:Pt},React.createElement("button",{className:we(It,!1===o?Tt:""),onClick:()=>l(!1),type:"button"},s),React.createElement("button",{className:we(It,!0===o?Tt:""),onClick:()=>l(!0),type:"button"},n)):"checkbox"===r?React.createElement("label",{className:Bt},React.createElement("input",{checked:o,className:Mt,onChange:e=>l(e.target.checked),type:"checkbox"}),React.createElement("span",{className:we(Lt,o?zt:"")},o?React.createElement(d,{className:Dt}):null)):React.createElement("button",{"aria-checked":o,className:we(kt,o?St:""),onClick:()=>l(!o),role:"switch",type:"button"},React.createElement("span",{className:we(At,o?jt:"")}))};var Ut="styles-module-container-ftwPX",Ot="styles-module-textarea-sJPy9",Ft="styles-module-counter-02NEu";const Wt=e=>{const{value:t,initialValue:a,placeholder:l,rows:r=3,maxLength:n,onChange:s}=e;return React.createElement("div",{className:Ut},React.createElement("textarea",{className:Ot,maxLength:n,onChange:e=>s(e.target.value),placeholder:l||"",rows:r,value:t??a??""}),n?React.createElement("div",{className:Ft},(t??a??"").length,"/",n):null)};var $t="styles-module-container-EDh0-",Yt="styles-module-row-MOm-T",Xt="styles-module-label-1o-jT",Ht="styles-module-hiddenInput-03Dx-",Jt="styles-module-uploadArea-1HYbh",Kt="styles-module-uploadIcon-Ck7gF",qt="styles-module-clearButton-N-9cs",Gt="styles-module-clearIcon-LHlF6",Qt="styles-module-fileInfo-71Jtf",Zt="styles-module-fileName-B2hHy",_t="styles-module-fileSize-pINcz",ea="styles-module-error-A8MID";const ta=e=>{const{value:a,onChange:l,accept:r=".jpg,.jpeg,.png,.gif",maxSize:n=10485760}=e,[s,o]=t.useState(""),c=t.useRef(null);return React.createElement("div",{className:$t},React.createElement("div",{className:Yt},React.createElement("label",{className:Xt},React.createElement("input",{accept:r,className:Ht,onChange:async e=>{const t=e.target.files?.[0];if(o(""),!t)return void l(null);const a=`.${t.name.split(".").pop()?.toLowerCase()}`;if(!r.includes(a))return o(`仅支持 ${r} 格式文件`),void l(null);if(t.size>n)return o(`文件大小不能超过 ${n/1024/1024}MB`),void l(null);try{const[e,a]=await Promise.all([new Promise((e,a)=>{const l=new FileReader;l.onload=()=>e(l.result),l.onerror=e=>a(e),l.readAsDataURL(t)}),new Promise((e,a)=>{const l=new Image;l.onload=()=>e({width:l.naturalWidth,height:l.naturalHeight}),l.onerror=a,l.src=URL.createObjectURL(t)})]);l({raw:{name:t.name,size:t.size,type:t.type,width:a.width,height:a.height},base64:e})}catch(e){o("文件读取失败，请重试"),l(null)}},ref:c,type:"file"}),React.createElement("div",{className:Jt},React.createElement(f,{className:Kt}),React.createElement("span",null,a?"更换文件":"点击上传"))),a?React.createElement("button",{"aria-label":"清除文件",className:qt,onClick:()=>{l(null),c.current&&(c.current.value="")},type:"button"},React.createElement(b,{className:Gt})):null),a?React.createElement("div",{className:Qt},React.createElement("span",{className:Zt},a.raw?.name),React.createElement("span",{className:_t},(a.raw?.size/1024).toFixed(1),"KB")):null,s?React.createElement("p",{className:ea,role:"alert"},s):null)};var aa="styles-module-container-gjha7",la="styles-module-header-iE--w",ra="styles-module-titleWrapper-MKhFX",na="styles-module-chevron--dfCY",sa="styles-module-chevronOpen-YwT7-",oa="styles-module-title-qTdCp",ca="styles-module-content-GYYgk",ia="styles-module-contentInner-YQzDE",ua="styles-module-contentHidden-WAYSW";const da=e=>{const{field:a,children:l,initialValue:r,icon:n=!0,padding:s="12px 16px"}=e,[o,c]=t.useState(r??!0),i=()=>{n&&c(!o)};return React.createElement("div",{className:aa},React.createElement("div",{"aria-expanded":n?o:void 0,className:la,onClick:i,onKeyDown:e=>"Enter"===e.key&&i(),role:n?"button":void 0,tabIndex:n?0:void 0},React.createElement("div",{className:ra},n&&React.createElement(p,{className:we(na,o&&sa)}),React.createElement("h4",{className:oa},a.title))),React.createElement("div",{className:we(ca,!o&&ua)},React.createElement("div",{className:ia,style:{padding:s}},l)))};var ma="styles-module-container-BPB4M",pa="styles-module-tabsWrapper-wAK69",ha="styles-module-tabsList-hV1mY",va="styles-module-tabTrigger--ORCz",ga="styles-module-tabTriggerActive-R7369",fa="styles-module-indicator-JfmPM",ba="styles-module-tabContent-7Dnf2",ya="styles-module-tabContentActive-KnHQV";const xa=e=>{const{tabs:a,initialValue:l,children:r}=e,n=t.useRef(null),[s,o]=t.useState({left:0,width:0}),c=t.useMemo(()=>{if(a)return a;if(Array.isArray(r)&&r.length>0)return r.map(e=>({label:e.props.field.config.title,value:e.props.field.config.key}));throw new Error("SubTabSetter: children or tabs must be an array")},[a,r]),i=t.useMemo(()=>c[0]?.value,[c]),[u,d]=t.useState(l??i),m=t.useCallback(()=>{if(!n.current)return;const e=n.current.querySelector(`[data-value="${u}"]`);if(e){const t=n.current.getBoundingClientRect(),a=e.getBoundingClientRect();o({left:a.left-t.left,width:a.width})}},[u]);return t.useEffect(()=>(m(),window.addEventListener("resize",m),()=>window.removeEventListener("resize",m)),[m]),t.createElement("div",{className:ma},t.createElement("div",{className:pa,ref:n},t.createElement("div",{className:ha,role:"tablist"},c.map(e=>t.createElement("button",{"aria-selected":u===e.value,className:we(va,u===e.value&&ga),"data-value":e.value,key:e.value,onClick:()=>d(e.value),role:"tab",type:"button"},e.label))),t.createElement("div",{className:fa,style:{transform:`translateX(${s.left}px)`,width:`${s.width}px`}})),Array.isArray(r)?r.map(e=>t.createElement("div",{className:we(ba,u===e.props.field.config.key&&ya),key:e.props.field.config.key,role:"tabpanel"},e)):null)};var wa="styles-module-container-4LWRO",Ca="styles-module-tabsList-L72im",Na="styles-module-indicator-3Lmrg",Ea="styles-module-tabTrigger-u3S3S",Ra="styles-module-tabTriggerActive-xCpU6",ka="styles-module-tabContent-Pj2Us",Sa="styles-module-tabContentActive-NJtXh";const Aa=e=>{const{tabs:a,initialValue:l,children:r}=e,n=t.useRef(null),[s,o]=t.useState({left:0,width:0}),c=t.useMemo(()=>{if(a)return a;if(Array.isArray(r)&&r.length>0)return r.map(e=>({label:e.props.field.config.title,value:e.props.field.config.key}));throw new Error("TabSetter: children or tabs must be an array")},[a,r]),i=t.useMemo(()=>c[0]?.value,[c]),[u,d]=t.useState(l??i),m=t.useCallback(()=>{if(!n.current)return;const e=n.current.querySelector(`[data-value="${u}"]`);if(e){const t=n.current.getBoundingClientRect(),a=e.getBoundingClientRect();o({left:a.left-t.left,width:a.width})}},[u]);return t.useEffect(()=>(m(),window.addEventListener("resize",m),()=>window.removeEventListener("resize",m)),[m]),t.createElement("div",{className:wa},t.createElement("div",{className:Ca,ref:n,role:"tablist",style:{gridTemplateColumns:`repeat(${c.length}, minmax(0, 1fr))`}},t.createElement("div",{className:Na,style:{transform:`translateX(${s.left}px)`,width:`${s.width}px`}}),c.map(e=>t.createElement("button",{"aria-selected":u===e.value,className:we(Ea,u===e.value?Ra:""),"data-value":e.value,key:e.value,onClick:()=>d(e.value),role:"tab",type:"button"},e.label))),Array.isArray(r)?r.map(e=>t.createElement("div",{className:we(ka,u===e.props.field.config.key?Sa:""),key:e.props.field.config.key,role:"tabpanel"},e)):null)},ja={ColorSetter:ye,NumberSetter:Me,RectSetter:Ke,StringSetter:Rt,SwitchSetter:Vt,UploadSetter:ta,SegmentedSetter:lt,CollapseSetter:da,SubTabSetter:xa,TabSetter:Aa,SelectSetter:pt,SliderSetter:xt,TextAreaSetter:Wt,ArraySetter:S,JsonSetter:ke,ObjectSetter:$e};e.ArraySetter=S,e.CollapseSetter=da,e.ColorSetter=ye,e.JsonSetter=ke,e.NumberSetter=Me,e.ObjectSetter=$e,e.Popover=r,e.RectSetter=Ke,e.SegmentedSetter=lt,e.SelectSetter=pt,e.SliderSetter=xt,e.StringSetter=Rt,e.SubTabSetter=xa,e.SwitchSetter=Vt,e.TabSetter=Aa,e.TextAreaSetter=Wt,e.UploadSetter=ta,e.default=ja,e.setterMap=ja,Object.defineProperty(e,"__esModule",{value:!0})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@easy-editor/setters",
-  "version": "0.1.5",
+  "version": "0.1.7",
   "description": "Official setters library for EasyEditor - A collection of property setter components",
   "type": "module",
   "main": "dist/index.js",