@withgus/debug 1.2.0 → 1.2.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/debug.css CHANGED
@@ -1 +1 @@
1
- :root{--mswd-bg: #f2f1ed;--mswd-surface: #ffffff;--mswd-surface2: #f7f6f3;--mswd-surface3: #eeecea;--mswd-border: #e2dfd9;--mswd-border2: #ccc9c2;--mswd-tx: #1a1917;--mswd-muted: #7a7872;--mswd-muted2: #a09d97;--mswd-accent: #ff5623;--mswd-accent-dim: rgba(255, 86, 35, .08);--mswd-accent-border: rgba(255, 86, 35, .25);--mswd-font-mono: "JetBrains Mono", "Courier New", monospace;--mswd-font-sans: system-ui, -apple-system, sans-serif;--mswd-z: 9999}.mswd-vaul-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--mswd-z);background:#0000002e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mswd-vaul-content{position:fixed;bottom:0;left:0;right:0;z-index:calc(var(--mswd-z) + 1);max-height:96dvh;background:var(--mswd-surface);border-radius:20px 20px 0 0;border-top:1px solid var(--mswd-border);box-shadow:0 -8px 40px #0000001a;display:flex;flex-direction:column;outline:none;font-family:var(--mswd-font-sans);will-change:transform}.mswd-vaul-handle{width:36px!important;height:4px!important;background:var(--mswd-border2)!important;border-radius:2px!important;margin:12px auto 4px!important;flex-shrink:0;cursor:grab}.mswd-vaul-handle:active{cursor:grabbing}.mswd-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.mswd-fab{position:fixed;bottom:24px;right:24px;z-index:var(--mswd-z);width:48px;height:48px;border-radius:50%;background:var(--mswd-surface);border:1px solid var(--mswd-border);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 16px #0000001f;color:var(--mswd-muted);transition:box-shadow .2s,border-color .2s,color .2s}.mswd-fab:hover{border-color:var(--mswd-accent);color:var(--mswd-accent);box-shadow:0 6px 20px #00000026}.mswd-badge{position:absolute;top:-4px;right:-4px;width:16px;height:16px;border-radius:50%;border:2px solid var(--mswd-bg);display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:700;font-family:var(--mswd-font-mono)}.mswd-badge--ok{background:#22c55e;color:#fff}.mswd-badge--warn{background:#f59e0b;color:#fff}.mswd-badge--error{background:#ef4444;color:#fff}.mswd-badge--off{background:var(--mswd-surface3);border-color:var(--mswd-border2);color:var(--mswd-muted)}.mswd-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid var(--mswd-border);flex-shrink:0}.mswd-header-left{display:flex;align-items:center;gap:10px}.mswd-header-icon{width:28px;height:28px;border-radius:8px;background:var(--mswd-accent-dim);border:1px solid var(--mswd-accent-border);display:flex;align-items:center;justify-content:center;font-size:14px}.mswd-header-title{font-size:13px;font-weight:600;color:var(--mswd-tx);margin:0}.mswd-header-sub{font-family:var(--mswd-font-mono);font-size:10px;color:var(--mswd-muted);margin:2px 0 0}.mswd-header-sub--page{color:var(--mswd-accent);font-weight:600}.mswd-close-btn{width:28px;height:28px;border-radius:8px;background:var(--mswd-surface2);border:1px solid var(--mswd-border);color:var(--mswd-muted);font-size:11px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .15s,border-color .15s}.mswd-close-btn:hover{color:var(--mswd-tx);border-color:var(--mswd-border2)}.mswd-toggle-row{width:100%;display:flex;align-items:center;gap:12px;padding:12px 20px;border:none;border-bottom:1px solid var(--mswd-border);background:none;cursor:pointer;text-align:left;transition:background .15s}.mswd-toggle-row:hover{background:var(--mswd-surface2)}.mswd-track{position:relative;width:36px;height:20px;border-radius:10px;background:var(--mswd-surface3);border:1px solid var(--mswd-border2);flex-shrink:0;transition:background .2s,border-color .2s}.mswd-track--on{background:var(--mswd-accent);border-color:var(--mswd-accent)}.mswd-thumb{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:left .18s}.mswd-thumb--on{left:18px}.mswd-toggle-labels{flex:1}.mswd-toggle-title{font-size:11px;font-weight:600;color:var(--mswd-muted);margin:0;transition:color .15s}.mswd-toggle-title--on{color:var(--mswd-accent)}.mswd-toggle-sub{font-family:var(--mswd-font-mono);font-size:10px;color:var(--mswd-muted);margin:2px 0 0}.mswd-dot{width:8px;height:8px;border-radius:50%;background:var(--mswd-border2);flex-shrink:0;transition:background .2s}.mswd-dot--on{background:var(--mswd-accent)}.mswd-global-strip{display:flex;gap:6px;padding:10px 20px;border-bottom:1px solid var(--mswd-border);transition:opacity .2s}.mswd-global-strip--disabled{opacity:.4;pointer-events:none}.mswd-preset-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;padding:6px;border-radius:8px;border:1px solid var(--mswd-border);background:var(--mswd-surface2);font-family:var(--mswd-font-mono);font-size:9px;font-weight:600;color:var(--mswd-muted);cursor:pointer;letter-spacing:.03em;transition:border-color .15s,background .15s,color .15s}.mswd-preset-btn:hover{border-color:var(--mswd-border2);color:var(--mswd-tx)}.mswd-preset-btn--success{background:#f0fdf4;border-color:#86efac;color:#166534}.mswd-preset-btn--loading{background:#fffbeb;border-color:#fcd34d;color:#92400e}.mswd-preset-btn--error{background:#fef2f2;border-color:#fca5a5;color:#991b1b}.mswd-preset-dot{width:6px;height:6px;border-radius:50%}.mswd-preset-dot--success{background:#22c55e}.mswd-preset-dot--loading{background:#f59e0b}.mswd-preset-dot--error{background:#ef4444}.mswd-section-label{display:flex;align-items:center;justify-content:space-between;padding:12px 20px 6px;flex-shrink:0;transition:opacity .2s}.mswd-section-label--disabled{opacity:.4}.mswd-section-text{font-family:var(--mswd-font-mono);font-size:9px;color:var(--mswd-muted);letter-spacing:.1em;text-transform:uppercase}.mswd-unsaved{font-family:var(--mswd-font-mono);font-size:9px;font-weight:600;padding:2px 8px;border-radius:20px;background:#fffbeb;border:1px solid #fcd34d;color:#92400e}.mswd-list{flex:1;min-height:0;overflow-y:auto;padding:0 20px 12px;display:flex;flex-direction:column;gap:10px}.mswd-list--disabled{opacity:.4;pointer-events:none}.mswd-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 32px;text-align:center}.mswd-empty-icon{width:40px;height:40px;border-radius:12px;background:var(--mswd-surface2);border:1px solid var(--mswd-border);display:flex;align-items:center;justify-content:center;font-size:18px}.mswd-empty-title{font-size:14px;font-weight:500;color:var(--mswd-tx);margin:0}.mswd-empty-desc{font-size:12px;color:var(--mswd-muted);line-height:1.6;margin:0}.mswd-code{font-family:var(--mswd-font-mono);font-size:10px;background:var(--mswd-surface2);padding:2px 4px;border-radius:4px}.mswd-ep-block{background:var(--mswd-surface);border:1px solid var(--mswd-border);border-radius:12px}.mswd-ep-block:hover{border-color:var(--mswd-border2)}.mswd-ep-header{width:100%;display:flex;align-items:center;gap:8px;padding:10px 14px;background:none;cursor:pointer;text-align:left;transition:background .12s}.mswd-ep-header:hover{background:var(--mswd-surface2)}.mswd-method{font-family:var(--mswd-font-mono);font-size:9px;font-weight:700;padding:3px 6px;border-radius:5px;border:1px solid;letter-spacing:.05em;flex-shrink:0}.mswd-method--GET{background:#f0fdf4;color:#166534;border-color:#86efac}.mswd-method--POST{background:#eff6ff;color:#1e40af;border-color:#93c5fd}.mswd-method--DELETE{background:#fef2f2;color:#991b1b;border-color:#fca5a5}.mswd-method--PUT,.mswd-method--PATCH{background:#fffbeb;color:#92400e;border-color:#fcd34d}.mswd-ep-path{flex:1;font-family:var(--mswd-font-mono);font-size:11px;color:var(--mswd-tx);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mswd-ep-status{font-family:var(--mswd-font-mono);font-size:9px;font-weight:600;padding:2px 8px;border-radius:20px;flex-shrink:0}.mswd-ep-status--success{background:#f0fdf4;color:#166534}.mswd-ep-status--error{background:#fef2f2;color:#991b1b}.mswd-ep-status--loading{background:#fffbeb;color:#92400e}.mswd-chevron{color:var(--mswd-muted);font-size:16px;transition:transform .2s;display:inline-block}.mswd-chevron--open{transform:rotate(-90deg)}.mswd-chevron--closed{transform:rotate(90deg)}.mswd-options{border-top:1px solid var(--mswd-border)}.mswd-option-divider{height:1px;background:var(--mswd-border)}.mswd-option{width:100%;display:flex;align-items:center;gap:10px;padding:10px 14px;background:none;cursor:pointer;text-align:left;transition:background .12s}.mswd-option:hover,.mswd-option--selected{background:var(--mswd-surface2)}.mswd-radio{width:15px;height:15px;border-radius:50%;border:1.5px solid var(--mswd-border2);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}.mswd-radio--success{border-color:#22c55e;background:#f0fdf4}.mswd-radio--error{border-color:#ef4444;background:#fef2f2}.mswd-radio--loading{border-color:#f59e0b;background:#fffbeb}.mswd-radio-dot{width:7px;height:7px;border-radius:50%}.mswd-radio-dot--success{background:#22c55e}.mswd-radio-dot--error{background:#ef4444}.mswd-radio-dot--loading{background:#f59e0b}.mswd-opt-info{flex:1;min-width:0}.mswd-opt-label{font-size:12px;font-weight:500;color:var(--mswd-tx);margin:0}.mswd-opt-desc{font-family:var(--mswd-font-mono);font-size:10px;color:var(--mswd-muted);margin:2px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mswd-sc-badge{font-family:var(--mswd-font-mono);font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px;border:1px solid;flex-shrink:0}.mswd-sc-badge--2xx{background:#f0fdf4;color:#166534;border-color:#86efac}.mswd-sc-badge--4xx{background:#fffbeb;color:#92400e;border-color:#fcd34d}.mswd-sc-badge--5xx,.mswd-sc-badge--err{background:#fef2f2;color:#991b1b;border-color:#fca5a5}.mswd-sc-spinner{width:14px;height:14px;border-radius:50%;border:2px solid var(--mswd-border2);border-top-color:#f59e0b;animation:mswd-spin .7s linear infinite;flex-shrink:0}@keyframes mswd-spin{to{transform:rotate(360deg)}}.mswd-payload{background:var(--mswd-surface2);border-top:1px solid var(--mswd-border);padding:10px 14px;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.mswd-payload-label{font-family:var(--mswd-font-mono);font-size:9px;color:var(--mswd-muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px}.mswd-payload-code{font-family:var(--mswd-font-mono);font-size:10px;color:#2563eb;line-height:1.6;overflow-x:auto;margin:0;white-space:pre}.mswd-footer{display:flex;gap:8px;padding:14px 20px;border-top:1px solid var(--mswd-border);flex-shrink:0}.mswd-btn-reset{flex:1;padding:10px;border-radius:10px;border:1px solid var(--mswd-border2);background:var(--mswd-surface2);font-size:13px;font-weight:500;color:var(--mswd-muted);cursor:pointer;transition:color .15s,border-color .15s}.mswd-btn-reset:hover{color:var(--mswd-tx);border-color:var(--mswd-border)}.mswd-btn-apply{flex:2;padding:10px;border-radius:10px;border:none;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .15s,background .15s}.mswd-btn-apply--active{background:var(--mswd-accent);color:#fff}.mswd-btn-apply--active:hover{opacity:.88}.mswd-btn-apply--applied{background:#22c55e;color:#fff}.mswd-btn-apply--disabled{background:var(--mswd-surface3);color:var(--mswd-muted2);cursor:not-allowed}
1
+ :root{--mswd-bg: #f2f1ed;--mswd-surface: #ffffff;--mswd-surface2: #f7f6f3;--mswd-surface3: #eeecea;--mswd-border: #e2dfd9;--mswd-border2: #ccc9c2;--mswd-tx: #1a1917;--mswd-muted: #7a7872;--mswd-muted2: #a09d97;--mswd-accent: #ff5623;--mswd-accent-dim: rgba(255, 86, 35, .08);--mswd-accent-border: rgba(255, 86, 35, .25);--mswd-font-mono: "JetBrains Mono", "Courier New", monospace;--mswd-font-sans: system-ui, -apple-system, sans-serif;--mswd-z: 9999}.mswd-vaul-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--mswd-z);background:#0000002e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mswd-vaul-content{position:fixed;bottom:0;left:0;right:0;z-index:calc(var(--mswd-z) + 1);max-height:96dvh;background:var(--mswd-surface);border-radius:20px 20px 0 0;border-top:1px solid var(--mswd-border);box-shadow:0 -8px 40px #0000001a;display:flex;flex-direction:column;outline:none;font-family:var(--mswd-font-sans);will-change:transform;overflow:hidden}.mswd-vaul-handle{width:36px!important;height:4px!important;background:var(--mswd-border2)!important;border-radius:2px!important;margin:12px auto 4px!important;flex-shrink:0;cursor:grab}.mswd-vaul-handle:active{cursor:grabbing}.mswd-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.mswd-fab{position:fixed;bottom:24px;right:24px;z-index:var(--mswd-z);width:48px;height:48px;border-radius:50%;background:var(--mswd-surface);border:1px solid var(--mswd-border);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 16px #0000001f;color:var(--mswd-muted);transition:box-shadow .2s,border-color .2s,color .2s}.mswd-fab:hover{border-color:var(--mswd-accent);color:var(--mswd-accent);box-shadow:0 6px 20px #00000026}.mswd-badge{position:absolute;top:-4px;right:-4px;width:16px;height:16px;border-radius:50%;border:2px solid var(--mswd-bg);display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:700;font-family:var(--mswd-font-mono)}.mswd-badge--ok{background:#22c55e;color:#fff}.mswd-badge--warn{background:#f59e0b;color:#fff}.mswd-badge--error{background:#ef4444;color:#fff}.mswd-badge--off{background:var(--mswd-surface3);border-color:var(--mswd-border2);color:var(--mswd-muted)}.mswd-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid var(--mswd-border);flex-shrink:0}.mswd-header-left{display:flex;align-items:center;gap:10px}.mswd-header-icon{width:28px;height:28px;border-radius:8px;background:var(--mswd-accent-dim);border:1px solid var(--mswd-accent-border);display:flex;align-items:center;justify-content:center;font-size:14px}.mswd-header-title{font-size:13px;font-weight:600;color:var(--mswd-tx);margin:0}.mswd-header-sub{font-family:var(--mswd-font-mono);font-size:10px;color:var(--mswd-muted);margin:2px 0 0}.mswd-header-sub--page{color:var(--mswd-accent);font-weight:600}.mswd-close-btn{width:28px;height:28px;border-radius:8px;background:var(--mswd-surface2);border:1px solid var(--mswd-border);color:var(--mswd-muted);font-size:11px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .15s,border-color .15s}.mswd-close-btn:hover{color:var(--mswd-tx);border-color:var(--mswd-border2)}.mswd-toggle-row{width:100%;display:flex;align-items:center;gap:12px;padding:12px 20px;border:none;border-bottom:1px solid var(--mswd-border);background:none;cursor:pointer;text-align:left;transition:background .15s}.mswd-toggle-row:hover{background:var(--mswd-surface2)}.mswd-track{position:relative;width:36px;height:20px;border-radius:10px;background:var(--mswd-surface3);border:1px solid var(--mswd-border2);flex-shrink:0;transition:background .2s,border-color .2s}.mswd-track--on{background:var(--mswd-accent);border-color:var(--mswd-accent)}.mswd-thumb{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:left .18s}.mswd-thumb--on{left:18px}.mswd-toggle-labels{flex:1}.mswd-toggle-title{font-size:11px;font-weight:600;color:var(--mswd-muted);margin:0;transition:color .15s}.mswd-toggle-title--on{color:var(--mswd-accent)}.mswd-toggle-sub{font-family:var(--mswd-font-mono);font-size:10px;color:var(--mswd-muted);margin:2px 0 0}.mswd-dot{width:8px;height:8px;border-radius:50%;background:var(--mswd-border2);flex-shrink:0;transition:background .2s}.mswd-dot--on{background:var(--mswd-accent)}.mswd-global-strip{display:flex;gap:6px;padding:10px 20px;border-bottom:1px solid var(--mswd-border);transition:opacity .2s}.mswd-global-strip--disabled{opacity:.4;pointer-events:none}.mswd-preset-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;padding:6px;border-radius:8px;border:1px solid var(--mswd-border);background:var(--mswd-surface2);font-family:var(--mswd-font-mono);font-size:9px;font-weight:600;color:var(--mswd-muted);cursor:pointer;letter-spacing:.03em;transition:border-color .15s,background .15s,color .15s}.mswd-preset-btn:hover{border-color:var(--mswd-border2);color:var(--mswd-tx)}.mswd-preset-btn--success{background:#f0fdf4;border-color:#86efac;color:#166534}.mswd-preset-btn--loading{background:#fffbeb;border-color:#fcd34d;color:#92400e}.mswd-preset-btn--error{background:#fef2f2;border-color:#fca5a5;color:#991b1b}.mswd-preset-dot{width:6px;height:6px;border-radius:50%}.mswd-preset-dot--success{background:#22c55e}.mswd-preset-dot--loading{background:#f59e0b}.mswd-preset-dot--error{background:#ef4444}.mswd-section-label{display:flex;align-items:center;justify-content:space-between;padding:12px 20px 6px;flex-shrink:0;transition:opacity .2s}.mswd-section-label--disabled{opacity:.4}.mswd-section-text{font-family:var(--mswd-font-mono);font-size:9px;color:var(--mswd-muted);letter-spacing:.1em;text-transform:uppercase}.mswd-unsaved{font-family:var(--mswd-font-mono);font-size:9px;font-weight:600;padding:2px 8px;border-radius:20px;background:#fffbeb;border:1px solid #fcd34d;color:#92400e}.mswd-list{flex:1;min-height:0;overflow-y:auto;padding:0 20px 12px;display:flex;flex-direction:column;gap:10px;scrollbar-width:thin;scrollbar-color:var(--mswd-muted) var(--mswd-bg)}.mswd-list--disabled{opacity:.4;pointer-events:none}.mswd-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 32px;text-align:center}.mswd-empty-icon{width:40px;height:40px;border-radius:12px;background:var(--mswd-surface2);border:1px solid var(--mswd-border);display:flex;align-items:center;justify-content:center;font-size:18px}.mswd-empty-title{font-size:14px;font-weight:500;color:var(--mswd-tx);margin:0}.mswd-empty-desc{font-size:12px;color:var(--mswd-muted);line-height:1.6;margin:0}.mswd-code{font-family:var(--mswd-font-mono);font-size:10px;background:var(--mswd-surface2);padding:2px 4px;border-radius:4px}.mswd-ep-block{background:var(--mswd-surface);border:1px solid var(--mswd-border);border-radius:12px}.mswd-ep-block:hover{border-color:var(--mswd-border2)}.mswd-ep-header{all:unset;width:96.9%;display:flex;align-items:center;gap:8px;padding:10px 14px;background:none;cursor:pointer;text-align:left;transition:background .12s;border-top-left-radius:12px;border-top-right-radius:12px}.mswd-ep-header:hover{background:var(--mswd-surface2)}.mswd-method{font-family:var(--mswd-font-mono);font-size:9px;font-weight:700;padding:3px 6px;border-radius:5px;border:1px solid;letter-spacing:.05em;flex-shrink:0}.mswd-method--GET{background:#f0fdf4;color:#166534;border-color:#86efac}.mswd-method--POST{background:#eff6ff;color:#1e40af;border-color:#93c5fd}.mswd-method--DELETE{background:#fef2f2;color:#991b1b;border-color:#fca5a5}.mswd-method--PUT,.mswd-method--PATCH{background:#fffbeb;color:#92400e;border-color:#fcd34d}.mswd-ep-path{flex:1;font-family:var(--mswd-font-mono);font-size:11px;color:var(--mswd-tx);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mswd-ep-status{font-family:var(--mswd-font-mono);font-size:9px;font-weight:600;padding:2px 8px;border-radius:20px;flex-shrink:0}.mswd-ep-status--success{background:#f0fdf4;color:#166534}.mswd-ep-status--error{background:#fef2f2;color:#991b1b}.mswd-ep-status--loading{background:#fffbeb;color:#92400e}.mswd-chevron{color:var(--mswd-muted);font-size:16px;transition:transform .2s;display:inline-block}.mswd-chevron--open{transform:rotate(-90deg)}.mswd-chevron--closed{transform:rotate(90deg)}.mswd-options{border-top:1px solid var(--mswd-border)}.mswd-option-divider{height:1px;background:var(--mswd-border)}.mswd-option{all:unset;width:96.8%;display:flex;align-items:center;gap:10px;padding:10px 14px;background:none;cursor:pointer;text-align:left;transition:background .12s}.mswd-option:hover,.mswd-option--selected{background:var(--mswd-surface2)}.mswd-radio{width:15px;height:15px;border-radius:50%;border:1.5px solid var(--mswd-border2);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}.mswd-radio--success{border-color:#22c55e;background:#f0fdf4}.mswd-radio--error{border-color:#ef4444;background:#fef2f2}.mswd-radio--loading{border-color:#f59e0b;background:#fffbeb}.mswd-radio-dot{width:7px;height:7px;border-radius:50%}.mswd-radio-dot--success{background:#22c55e}.mswd-radio-dot--error{background:#ef4444}.mswd-radio-dot--loading{background:#f59e0b}.mswd-opt-info{flex:1;min-width:0}.mswd-opt-label{font-size:12px;font-weight:500;color:var(--mswd-tx);margin:0}.mswd-opt-desc{font-family:var(--mswd-font-mono);font-size:10px;color:var(--mswd-muted);margin:2px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mswd-sc-badge{font-family:var(--mswd-font-mono);font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px;border:1px solid;flex-shrink:0}.mswd-sc-badge--2xx{background:#f0fdf4;color:#166534;border-color:#86efac}.mswd-sc-badge--4xx{background:#fffbeb;color:#92400e;border-color:#fcd34d}.mswd-sc-badge--5xx,.mswd-sc-badge--err{background:#fef2f2;color:#991b1b;border-color:#fca5a5}.mswd-sc-spinner{width:14px;height:14px;border-radius:50%;border:2px solid var(--mswd-border2);border-top-color:#f59e0b;animation:mswd-spin .7s linear infinite;flex-shrink:0}@keyframes mswd-spin{to{transform:rotate(360deg)}}.mswd-payload{background:var(--mswd-surface2);border-top:1px solid var(--mswd-border);padding:10px 14px;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.mswd-payload-label{font-family:var(--mswd-font-mono);font-size:9px;color:var(--mswd-muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px}.mswd-payload-code{font-family:var(--mswd-font-mono);font-size:10px;color:#2563eb;line-height:1.6;overflow-x:auto;margin:0;white-space:pre}.mswd-footer{display:flex;gap:8px;padding:14px 20px;border-top:1px solid var(--mswd-border);flex-shrink:0}.mswd-btn-reset{flex:1;padding:10px;border-radius:10px;border:1px solid var(--mswd-border2);background:var(--mswd-surface2);font-size:13px;font-weight:500;color:var(--mswd-muted);cursor:pointer;transition:color .15s,border-color .15s}.mswd-btn-reset:hover{color:var(--mswd-tx);border-color:var(--mswd-border)}.mswd-btn-apply{flex:2;padding:10px;border-radius:10px;border:none;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .15s,background .15s}.mswd-btn-apply--active{background:var(--mswd-accent);color:#fff}.mswd-btn-apply--active:hover{opacity:.88}.mswd-btn-apply--applied{background:#22c55e;color:#fff}.mswd-btn-apply--disabled{background:var(--mswd-surface3);color:var(--mswd-muted2);cursor:not-allowed}
package/dist/index.cjs CHANGED
@@ -65,4 +65,4 @@ If you want to hide the \`${t.titleName}\`, you can wrap it with our VisuallyHid
65
65
 
66
66
  For more information, see https://radix-ui.com/primitives/docs/components/${t.docsSlug}`;return c.useEffect(()=>{e&&(document.getElementById(e)||console.error(n))},[n,e]),null},Ba="DialogDescriptionWarning",Ha=({contentRef:e,descriptionId:t})=>{const r=`Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${Mn(Ba).contentName}}.`;return c.useEffect(()=>{var o;const a=(o=e.current)==null?void 0:o.getAttribute("aria-describedby");t&&a&&(document.getElementById(t)||console.warn(r))},[r,e,t]),null},Ya=En,Va=Rn,za=Cn,qa=Tn,Xa=Pn,Ga=Nn,Ka=An;function Ja(e){if(typeof document>"u")return;let t=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css",t.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}const jn=g.createContext({drawerRef:{current:null},overlayRef:{current:null},onPress:()=>{},onRelease:()=>{},onDrag:()=>{},onNestedDrag:()=>{},onNestedOpenChange:()=>{},onNestedRelease:()=>{},openProp:void 0,dismissible:!1,isOpen:!1,isDragging:!1,keyboardIsOpen:{current:!1},snapPointsOffset:null,snapPoints:null,handleOnly:!1,modal:!1,shouldFade:!1,activeSnapPoint:null,onOpenChange:()=>{},setActiveSnapPoint:()=>{},closeDrawer:()=>{},direction:"bottom",shouldAnimate:{current:!0},shouldScaleBackground:!1,setBackgroundColorOnScale:!0,noBodyStyles:!1,container:null,autoFocus:!1}),Ie=()=>{const e=g.useContext(jn);if(!e)throw new Error("useDrawerContext must be used within a Drawer.Root");return e};Ja(`[data-vaul-drawer]{touch-action:none;will-change:transform;transition:transform .5s cubic-bezier(.32, .72, 0, 1);animation-duration:.5s;animation-timing-function:cubic-bezier(0.32,0.72,0,1)}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=bottom][data-state=open]{animation-name:slideFromBottom}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=bottom][data-state=closed]{animation-name:slideToBottom}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=top][data-state=open]{animation-name:slideFromTop}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=top][data-state=closed]{animation-name:slideToTop}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=left][data-state=open]{animation-name:slideFromLeft}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=left][data-state=closed]{animation-name:slideToLeft}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=right][data-state=open]{animation-name:slideFromRight}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=right][data-state=closed]{animation-name:slideToRight}[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=bottom]{transform:translate3d(0,var(--initial-transform,100%),0)}[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=top]{transform:translate3d(0,calc(var(--initial-transform,100%) * -1),0)}[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=left]{transform:translate3d(calc(var(--initial-transform,100%) * -1),0,0)}[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=right]{transform:translate3d(var(--initial-transform,100%),0,0)}[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=top]{transform:translate3d(0,var(--snap-point-height,0),0)}[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=bottom]{transform:translate3d(0,var(--snap-point-height,0),0)}[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=left]{transform:translate3d(var(--snap-point-height,0),0,0)}[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=right]{transform:translate3d(var(--snap-point-height,0),0,0)}[data-vaul-overlay][data-vaul-snap-points=false]{animation-duration:.5s;animation-timing-function:cubic-bezier(0.32,0.72,0,1)}[data-vaul-overlay][data-vaul-snap-points=false][data-state=open]{animation-name:fadeIn}[data-vaul-overlay][data-state=closed]{animation-name:fadeOut}[data-vaul-animate=false]{animation:none!important}[data-vaul-overlay][data-vaul-snap-points=true]{opacity:0;transition:opacity .5s cubic-bezier(.32, .72, 0, 1)}[data-vaul-overlay][data-vaul-snap-points=true]{opacity:1}[data-vaul-drawer]:not([data-vaul-custom-container=true])::after{content:'';position:absolute;background:inherit;background-color:inherit}[data-vaul-drawer][data-vaul-drawer-direction=top]::after{top:initial;bottom:100%;left:0;right:0;height:200%}[data-vaul-drawer][data-vaul-drawer-direction=bottom]::after{top:100%;bottom:initial;left:0;right:0;height:200%}[data-vaul-drawer][data-vaul-drawer-direction=left]::after{left:initial;right:100%;top:0;bottom:0;width:200%}[data-vaul-drawer][data-vaul-drawer-direction=right]::after{left:100%;right:initial;top:0;bottom:0;width:200%}[data-vaul-overlay][data-vaul-snap-points=true]:not([data-vaul-snap-points-overlay=true]):not(
67
67
  [data-state=closed]
68
- ){opacity:0}[data-vaul-overlay][data-vaul-snap-points-overlay=true]{opacity:1}[data-vaul-handle]{display:block;position:relative;opacity:.7;background:#e2e2e4;margin-left:auto;margin-right:auto;height:5px;width:32px;border-radius:1rem;touch-action:pan-y}[data-vaul-handle]:active,[data-vaul-handle]:hover{opacity:1}[data-vaul-handle-hitarea]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max(100%,2.75rem);height:max(100%,2.75rem);touch-action:inherit}@media (hover:hover) and (pointer:fine){[data-vaul-drawer]{user-select:none}}@media (pointer:fine){[data-vaul-handle-hitarea]:{width:100%;height:100%}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{to{opacity:0}}@keyframes slideFromBottom{from{transform:translate3d(0,var(--initial-transform,100%),0)}to{transform:translate3d(0,0,0)}}@keyframes slideToBottom{to{transform:translate3d(0,var(--initial-transform,100%),0)}}@keyframes slideFromTop{from{transform:translate3d(0,calc(var(--initial-transform,100%) * -1),0)}to{transform:translate3d(0,0,0)}}@keyframes slideToTop{to{transform:translate3d(0,calc(var(--initial-transform,100%) * -1),0)}}@keyframes slideFromLeft{from{transform:translate3d(calc(var(--initial-transform,100%) * -1),0,0)}to{transform:translate3d(0,0,0)}}@keyframes slideToLeft{to{transform:translate3d(calc(var(--initial-transform,100%) * -1),0,0)}}@keyframes slideFromRight{from{transform:translate3d(var(--initial-transform,100%),0,0)}to{transform:translate3d(0,0,0)}}@keyframes slideToRight{to{transform:translate3d(var(--initial-transform,100%),0,0)}}`);function Za(){const e=navigator.userAgent;return typeof window<"u"&&(/Firefox/.test(e)&&/Mobile/.test(e)||/FxiOS/.test(e))}function Qa(){return yt(/^Mac/)}function eo(){return yt(/^iPhone/)}function zt(){return/^((?!chrome|android).)*safari/i.test(navigator.userAgent)}function to(){return yt(/^iPad/)||Qa()&&navigator.maxTouchPoints>1}function In(){return eo()||to()}function yt(e){return typeof window<"u"&&window.navigator!=null?e.test(window.navigator.platform):void 0}const no=24,ro=typeof window<"u"?g.useLayoutEffect:g.useEffect;function qt(...e){return(...t)=>{for(let n of e)typeof n=="function"&&n(...t)}}const ct=typeof document<"u"&&window.visualViewport;function Xt(e){let t=window.getComputedStyle(e);return/(auto|scroll)/.test(t.overflow+t.overflowX+t.overflowY)}function $n(e){for(Xt(e)&&(e=e.parentElement);e&&!Xt(e);)e=e.parentElement;return e||document.scrollingElement||document.documentElement}const ao=new Set(["checkbox","radio","range","color","file","image","button","submit","reset"]);let Ve=0,lt;function oo(e={}){let{isDisabled:t}=e;ro(()=>{if(!t)return Ve++,Ve===1&&In()&&(lt=so()),()=>{Ve--,Ve===0&&(lt==null||lt())}},[t])}function so(){let e,t=0,n=l=>{e=$n(l.target),!(e===document.documentElement&&e===document.body)&&(t=l.changedTouches[0].pageY)},r=l=>{if(!e||e===document.documentElement||e===document.body){l.preventDefault();return}let h=l.changedTouches[0].pageY,R=e.scrollTop,O=e.scrollHeight-e.clientHeight;O!==0&&((R<=0&&h>t||R>=O&&h<t)&&l.preventDefault(),t=h)},a=l=>{let h=l.target;vt(h)&&h!==document.activeElement&&(l.preventDefault(),h.style.transform="translateY(-2000px)",h.focus(),requestAnimationFrame(()=>{h.style.transform=""}))},o=l=>{let h=l.target;vt(h)&&(h.style.transform="translateY(-2000px)",requestAnimationFrame(()=>{h.style.transform="",ct&&(ct.height<window.innerHeight?requestAnimationFrame(()=>{Gt(h)}):ct.addEventListener("resize",()=>Gt(h),{once:!0}))}))},i=()=>{window.scrollTo(0,0)},s=window.pageXOffset,v=window.pageYOffset,p=qt(io(document.documentElement,"paddingRight",`${window.innerWidth-document.documentElement.clientWidth}px`));window.scrollTo(0,0);let f=qt(Ae(document,"touchstart",n,{passive:!1,capture:!0}),Ae(document,"touchmove",r,{passive:!1,capture:!0}),Ae(document,"touchend",a,{passive:!1,capture:!0}),Ae(document,"focus",o,!0),Ae(window,"scroll",i));return()=>{p(),f(),window.scrollTo(s,v)}}function io(e,t,n){let r=e.style[t];return e.style[t]=n,()=>{e.style[t]=r}}function Ae(e,t,n,r){return e.addEventListener(t,n,r),()=>{e.removeEventListener(t,n,r)}}function Gt(e){let t=document.scrollingElement||document.documentElement;for(;e&&e!==t;){let n=$n(e);if(n!==document.documentElement&&n!==document.body&&n!==e){let r=n.getBoundingClientRect().top,a=e.getBoundingClientRect().top,o=e.getBoundingClientRect().bottom;const i=n.getBoundingClientRect().bottom+no;o>i&&(n.scrollTop+=a-r)}e=n.parentElement}}function vt(e){return e instanceof HTMLInputElement&&!ao.has(e.type)||e instanceof HTMLTextAreaElement||e instanceof HTMLElement&&e.isContentEditable}function co(e,t){typeof e=="function"?e(t):e!=null&&(e.current=t)}function lo(...e){return t=>e.forEach(n=>co(n,t))}function Ln(...e){return c.useCallback(lo(...e),e)}const Fn=new WeakMap;function X(e,t,n=!1){if(!e||!(e instanceof HTMLElement))return;let r={};Object.entries(t).forEach(([a,o])=>{if(a.startsWith("--")){e.style.setProperty(a,o);return}r[a]=e.style[a],e.style[a]=o}),!n&&Fn.set(e,r)}function uo(e,t){if(!e||!(e instanceof HTMLElement))return;let n=Fn.get(e);n&&(e.style[t]=n[t])}const Y=e=>{switch(e){case"top":case"bottom":return!0;case"left":case"right":return!1;default:return e}};function ze(e,t){if(!e)return null;const n=window.getComputedStyle(e),r=n.transform||n.webkitTransform||n.mozTransform;let a=r.match(/^matrix3d\((.+)\)$/);return a?parseFloat(a[1].split(", ")[Y(t)?13:12]):(a=r.match(/^matrix\((.+)\)$/),a?parseFloat(a[1].split(", ")[Y(t)?5:4]):null)}function fo(e){return 8*(Math.log(e+1)-2)}function ut(e,t){if(!e)return()=>{};const n=e.style.cssText;return Object.assign(e.style,t),()=>{e.style.cssText=n}}function mo(...e){return(...t)=>{for(const n of e)typeof n=="function"&&n(...t)}}const B={DURATION:.5,EASE:[.32,.72,0,1]},Wn=.4,po=.25,vo=100,Un=8,we=16,ht=26,dt="vaul-dragging";function Bn(e){const t=g.useRef(e);return g.useEffect(()=>{t.current=e}),g.useMemo(()=>(...n)=>t.current==null?void 0:t.current.call(t,...n),[])}function ho({defaultProp:e,onChange:t}){const n=g.useState(e),[r]=n,a=g.useRef(r),o=Bn(t);return g.useEffect(()=>{a.current!==r&&(o(r),a.current=r)},[r,a,o]),n}function Hn({prop:e,defaultProp:t,onChange:n=()=>{}}){const[r,a]=ho({defaultProp:t,onChange:n}),o=e!==void 0,i=o?e:r,s=Bn(n),v=g.useCallback(p=>{if(o){const l=typeof p=="function"?p(e):p;l!==e&&s(l)}else a(p)},[o,e,a,s]);return[i,v]}function go({activeSnapPointProp:e,setActiveSnapPointProp:t,snapPoints:n,drawerRef:r,overlayRef:a,fadeFromIndex:o,onSnapPointChange:i,direction:s="bottom",container:v,snapToSequentialPoint:p}){const[f,l]=Hn({prop:e,defaultProp:n==null?void 0:n[0],onChange:t}),[h,R]=g.useState(typeof window<"u"?{innerWidth:window.innerWidth,innerHeight:window.innerHeight}:void 0);g.useEffect(()=>{function b(){R({innerWidth:window.innerWidth,innerHeight:window.innerHeight})}return window.addEventListener("resize",b),()=>window.removeEventListener("resize",b)},[]);const O=g.useMemo(()=>f===(n==null?void 0:n[n.length-1])||null,[n,f]),m=g.useMemo(()=>{var b;return(b=n==null?void 0:n.findIndex(A=>A===f))!=null?b:null},[n,f]),S=n&&n.length>0&&(o||o===0)&&!Number.isNaN(o)&&n[o]===f||!n,w=g.useMemo(()=>{const b=v?{width:v.getBoundingClientRect().width,height:v.getBoundingClientRect().height}:typeof window<"u"?{width:window.innerWidth,height:window.innerHeight}:{width:0,height:0};var A;return(A=n==null?void 0:n.map(N=>{const W=typeof N=="string";let U=0;if(W&&(U=parseInt(N,10)),Y(s)){const x=W?U:h?N*b.height:0;return h?s==="bottom"?b.height-x:-b.height+x:x}const V=W?U:h?N*b.width:0;return h?s==="right"?b.width-V:-b.width+V:V}))!=null?A:[]},[n,h,v]),T=g.useMemo(()=>m!==null?w==null?void 0:w[m]:null,[w,m]),P=g.useCallback(b=>{var A;const N=(A=w==null?void 0:w.findIndex(W=>W===b))!=null?A:null;i(N),X(r.current,{transition:`transform ${B.DURATION}s cubic-bezier(${B.EASE.join(",")})`,transform:Y(s)?`translate3d(0, ${b}px, 0)`:`translate3d(${b}px, 0, 0)`}),w&&N!==w.length-1&&o!==void 0&&N!==o&&N<o?X(a.current,{transition:`opacity ${B.DURATION}s cubic-bezier(${B.EASE.join(",")})`,opacity:"0"}):X(a.current,{transition:`opacity ${B.DURATION}s cubic-bezier(${B.EASE.join(",")})`,opacity:"1"}),l(n==null?void 0:n[Math.max(N,0)])},[r.current,n,w,o,a,l]);g.useEffect(()=>{if(f||e){var b;const A=(b=n==null?void 0:n.findIndex(N=>N===e||N===f))!=null?b:-1;w&&A!==-1&&typeof w[A]=="number"&&P(w[A])}},[f,e,n,w,P]);function y({draggedDistance:b,closeDrawer:A,velocity:N,dismissible:W}){if(o===void 0)return;const U=s==="bottom"||s==="right"?(T??0)-b:(T??0)+b,V=m===o-1,x=m===0,G=b>0;if(V&&X(a.current,{transition:`opacity ${B.DURATION}s cubic-bezier(${B.EASE.join(",")})`}),!p&&N>2&&!G){W?A():P(w[0]);return}if(!p&&N>2&&G&&w&&n){P(w[n.length-1]);return}const z=w==null?void 0:w.reduce((q,Q)=>typeof q!="number"||typeof Q!="number"?q:Math.abs(Q-U)<Math.abs(q-U)?Q:q),K=Y(s)?window.innerHeight:window.innerWidth;if(N>Wn&&Math.abs(b)<K*.4){const q=G?1:-1;if(q>0&&O&&n){P(w[n.length-1]);return}if(x&&q<0&&W&&A(),m===null)return;P(w[m+q]);return}P(z)}function E({draggedDistance:b}){if(T===null)return;const A=s==="bottom"||s==="right"?T-b:T+b;(s==="bottom"||s==="right")&&A<w[w.length-1]||(s==="top"||s==="left")&&A>w[w.length-1]||X(r.current,{transform:Y(s)?`translate3d(0, ${A}px, 0)`:`translate3d(${A}px, 0, 0)`})}function F(b,A){if(!n||typeof m!="number"||!w||o===void 0)return null;const N=m===o-1;if(m>=o&&A)return 0;if(N&&!A)return 1;if(!S&&!N)return null;const U=N?m+1:m-1,V=N?w[U]-w[U-1]:w[U+1]-w[U],x=b/Math.abs(V);return N?1-x:x}return{isLastSnapPoint:O,activeSnapPoint:f,shouldFade:S,getPercentageDragged:F,setActiveSnapPoint:l,activeSnapPointIndex:m,onRelease:y,onDrag:E,snapPointsOffset:w}}const wo=()=>()=>{};function bo(){const{direction:e,isOpen:t,shouldScaleBackground:n,setBackgroundColorOnScale:r,noBodyStyles:a}=Ie(),o=g.useRef(null),i=g.useMemo(()=>document.body.style.backgroundColor,[]);function s(){return(window.innerWidth-ht)/window.innerWidth}g.useEffect(()=>{if(t&&n){o.current&&clearTimeout(o.current);const v=document.querySelector("[data-vaul-drawer-wrapper]")||document.querySelector("[vaul-drawer-wrapper]");if(!v)return;mo(r&&!a?ut(document.body,{background:"black"}):wo,ut(v,{transformOrigin:Y(e)?"top":"left",transitionProperty:"transform, border-radius",transitionDuration:`${B.DURATION}s`,transitionTimingFunction:`cubic-bezier(${B.EASE.join(",")})`}));const p=ut(v,{borderRadius:`${Un}px`,overflow:"hidden",...Y(e)?{transform:`scale(${s()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)`}:{transform:`scale(${s()}) translate3d(calc(env(safe-area-inset-top) + 14px), 0, 0)`}});return()=>{p(),o.current=window.setTimeout(()=>{i?document.body.style.background=i:document.body.style.removeProperty("background")},B.DURATION*1e3)}}},[t,n,i])}let ke=null;function yo({isOpen:e,modal:t,nested:n,hasBeenOpened:r,preventScrollRestoration:a,noBodyStyles:o}){const[i,s]=g.useState(()=>typeof window<"u"?window.location.href:""),v=g.useRef(0),p=g.useCallback(()=>{if(zt()&&ke===null&&e&&!o){ke={position:document.body.style.position,top:document.body.style.top,left:document.body.style.left,height:document.body.style.height,right:"unset"};const{scrollX:l,innerHeight:h}=window;document.body.style.setProperty("position","fixed","important"),Object.assign(document.body.style,{top:`${-v.current}px`,left:`${-l}px`,right:"0px",height:"auto"}),window.setTimeout(()=>window.requestAnimationFrame(()=>{const R=h-window.innerHeight;R&&v.current>=h&&(document.body.style.top=`${-(v.current+R)}px`)}),300)}},[e]),f=g.useCallback(()=>{if(zt()&&ke!==null&&!o){const l=-parseInt(document.body.style.top,10),h=-parseInt(document.body.style.left,10);Object.assign(document.body.style,ke),window.requestAnimationFrame(()=>{if(a&&i!==window.location.href){s(window.location.href);return}window.scrollTo(h,l)}),ke=null}},[i]);return g.useEffect(()=>{function l(){v.current=window.scrollY}return l(),window.addEventListener("scroll",l),()=>{window.removeEventListener("scroll",l)}},[]),g.useEffect(()=>{if(t)return()=>{typeof document>"u"||document.querySelector("[data-vaul-drawer]")||f()}},[t,f]),g.useEffect(()=>{n||!r||(e?(!window.matchMedia("(display-mode: standalone)").matches&&p(),t||window.setTimeout(()=>{f()},500)):f())},[e,r,i,t,n,p,f]),{restorePositionSetting:f}}function Eo({open:e,onOpenChange:t,children:n,onDrag:r,onRelease:a,snapPoints:o,shouldScaleBackground:i=!1,setBackgroundColorOnScale:s=!0,closeThreshold:v=po,scrollLockTimeout:p=vo,dismissible:f=!0,handleOnly:l=!1,fadeFromIndex:h=o&&o.length-1,activeSnapPoint:R,setActiveSnapPoint:O,fixed:m,modal:S=!0,onClose:w,nested:T,noBodyStyles:P=!1,direction:y="bottom",defaultOpen:E=!1,disablePreventScroll:F=!0,snapToSequentialPoint:b=!1,preventScrollRestoration:A=!1,repositionInputs:N=!0,onAnimationEnd:W,container:U,autoFocus:V=!1}){var x,G;const[z=!1,K]=Hn({defaultProp:E,prop:e,onChange:C=>{t==null||t(C),!C&&!T&&Qn(),setTimeout(()=>{W==null||W(C)},B.DURATION*1e3),C&&!S&&typeof window<"u"&&window.requestAnimationFrame(()=>{document.body.style.pointerEvents="auto"}),C||(document.body.style.pointerEvents="auto")}}),[q,Q]=g.useState(!1),[ne,ce]=g.useState(!1),[u,D]=g.useState(!1),M=g.useRef(null),L=g.useRef(null),le=g.useRef(null),ve=g.useRef(null),$=g.useRef(null),ee=g.useRef(!1),he=g.useRef(null),Pe=g.useRef(0),Ee=g.useRef(!1),Et=g.useRef(!E),St=g.useRef(0),_=g.useRef(null),Rt=g.useRef(((x=_.current)==null?void 0:x.getBoundingClientRect().height)||0),xt=g.useRef(((G=_.current)==null?void 0:G.getBoundingClientRect().width)||0),Qe=g.useRef(0),Xn=g.useCallback(C=>{o&&C===Oe.length-1&&(L.current=new Date)},[]),{activeSnapPoint:Gn,activeSnapPointIndex:Se,setActiveSnapPoint:Ct,onRelease:Kn,snapPointsOffset:Oe,onDrag:Jn,shouldFade:Tt,getPercentageDragged:Zn}=go({snapPoints:o,activeSnapPointProp:R,setActiveSnapPointProp:O,drawerRef:_,fadeFromIndex:h,overlayRef:M,onSnapPointChange:Xn,direction:y,container:U,snapToSequentialPoint:b});oo({isDisabled:!z||ne||!S||u||!q||!N||!F});const{restorePositionSetting:Qn}=yo({isOpen:z,modal:S,nested:T??!1,hasBeenOpened:q,preventScrollRestoration:A,noBodyStyles:P});function $e(){return(window.innerWidth-ht)/window.innerWidth}function er(C){var j,I;!f&&!o||_.current&&!_.current.contains(C.target)||(Rt.current=((j=_.current)==null?void 0:j.getBoundingClientRect().height)||0,xt.current=((I=_.current)==null?void 0:I.getBoundingClientRect().width)||0,ce(!0),le.current=new Date,In()&&window.addEventListener("touchend",()=>ee.current=!1,{once:!0}),C.target.setPointerCapture(C.pointerId),Pe.current=Y(y)?C.pageY:C.pageX)}function Pt(C,j){var I;let k=C;const H=(I=window.getSelection())==null?void 0:I.toString(),Z=_.current?ze(_.current,y):null,J=new Date;if(k.tagName==="SELECT"||k.hasAttribute("data-vaul-no-drag")||k.closest("[data-vaul-no-drag]"))return!1;if(y==="right"||y==="left")return!0;if(L.current&&J.getTime()-L.current.getTime()<500)return!1;if(Z!==null&&(y==="bottom"?Z>0:Z<0))return!0;if(H&&H.length>0)return!1;if($.current&&J.getTime()-$.current.getTime()<p&&Z===0||j)return $.current=J,!1;for(;k;){if(k.scrollHeight>k.clientHeight){if(k.scrollTop!==0)return $.current=new Date,!1;if(k.getAttribute("role")==="dialog")return!0}k=k.parentNode}return!0}function tr(C){if(_.current&&ne){const j=y==="bottom"||y==="right"?1:-1,I=(Pe.current-(Y(y)?C.pageY:C.pageX))*j,k=I>0,H=o&&!f&&!k;if(H&&Se===0)return;const Z=Math.abs(I),J=document.querySelector("[data-vaul-drawer-wrapper]"),ue=y==="bottom"||y==="top"?Rt.current:xt.current;let re=Z/ue;const ge=Zn(Z,k);if(ge!==null&&(re=ge),H&&re>=1||!ee.current&&!Pt(C.target,k))return;if(_.current.classList.add(dt),ee.current=!0,X(_.current,{transition:"none"}),X(M.current,{transition:"none"}),o&&Jn({draggedDistance:I}),k&&!o){const oe=fo(I),Le=Math.min(oe*-1,0)*j;X(_.current,{transform:Y(y)?`translate3d(0, ${Le}px, 0)`:`translate3d(${Le}px, 0, 0)`});return}const de=1-re;if((Tt||h&&Se===h-1)&&(r==null||r(C,re),X(M.current,{opacity:`${de}`,transition:"none"},!0)),J&&M.current&&i){const oe=Math.min($e()+re*(1-$e()),1),Le=8-re*8,Nt=Math.max(0,14-re*14);X(J,{borderRadius:`${Le}px`,transform:Y(y)?`scale(${oe}) translate3d(0, ${Nt}px, 0)`:`scale(${oe}) translate3d(${Nt}px, 0, 0)`,transition:"none"},!0)}if(!o){const oe=Z*j;X(_.current,{transform:Y(y)?`translate3d(0, ${oe}px, 0)`:`translate3d(${oe}px, 0, 0)`})}}}g.useEffect(()=>{window.requestAnimationFrame(()=>{Et.current=!0})},[]),g.useEffect(()=>{var C;function j(){if(!_.current||!N)return;const I=document.activeElement;if(vt(I)||Ee.current){var k;const H=((k=window.visualViewport)==null?void 0:k.height)||0,Z=window.innerHeight;let J=Z-H;const ue=_.current.getBoundingClientRect().height||0,re=ue>Z*.8;Qe.current||(Qe.current=ue);const ge=_.current.getBoundingClientRect().top;if(Math.abs(St.current-J)>60&&(Ee.current=!Ee.current),o&&o.length>0&&Oe&&Se){const de=Oe[Se]||0;J+=de}if(St.current=J,ue>H||Ee.current){const de=_.current.getBoundingClientRect().height;let oe=de;de>H&&(oe=H-(re?ge:ht)),m?_.current.style.height=`${de-Math.max(J,0)}px`:_.current.style.height=`${Math.max(oe,H-ge)}px`}else Za()||(_.current.style.height=`${Qe.current}px`);o&&o.length>0&&!Ee.current?_.current.style.bottom="0px":_.current.style.bottom=`${Math.max(J,0)}px`}}return(C=window.visualViewport)==null||C.addEventListener("resize",j),()=>{var I;return(I=window.visualViewport)==null?void 0:I.removeEventListener("resize",j)}},[Se,o,Oe]);function Ne(C){nr(),w==null||w(),C||K(!1),setTimeout(()=>{o&&Ct(o[0])},B.DURATION*1e3)}function Ot(){if(!_.current)return;const C=document.querySelector("[data-vaul-drawer-wrapper]"),j=ze(_.current,y);X(_.current,{transform:"translate3d(0, 0, 0)",transition:`transform ${B.DURATION}s cubic-bezier(${B.EASE.join(",")})`}),X(M.current,{transition:`opacity ${B.DURATION}s cubic-bezier(${B.EASE.join(",")})`,opacity:"1"}),i&&j&&j>0&&z&&X(C,{borderRadius:`${Un}px`,overflow:"hidden",...Y(y)?{transform:`scale(${$e()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)`,transformOrigin:"top"}:{transform:`scale(${$e()}) translate3d(calc(env(safe-area-inset-top) + 14px), 0, 0)`,transformOrigin:"left"},transitionProperty:"transform, border-radius",transitionDuration:`${B.DURATION}s`,transitionTimingFunction:`cubic-bezier(${B.EASE.join(",")})`},!0)}function nr(){!ne||!_.current||(_.current.classList.remove(dt),ee.current=!1,ce(!1),ve.current=new Date)}function rr(C){if(!ne||!_.current)return;_.current.classList.remove(dt),ee.current=!1,ce(!1),ve.current=new Date;const j=ze(_.current,y);if(!C||!Pt(C.target,!1)||!j||Number.isNaN(j)||le.current===null)return;const I=ve.current.getTime()-le.current.getTime(),k=Pe.current-(Y(y)?C.pageY:C.pageX),H=Math.abs(k)/I;if(H>.05&&(D(!0),setTimeout(()=>{D(!1)},200)),o){Kn({draggedDistance:k*(y==="bottom"||y==="right"?1:-1),closeDrawer:Ne,velocity:H,dismissible:f}),a==null||a(C,!0);return}if(y==="bottom"||y==="right"?k>0:k<0){Ot(),a==null||a(C,!0);return}if(H>Wn){Ne(),a==null||a(C,!1);return}var Z;const J=Math.min((Z=_.current.getBoundingClientRect().height)!=null?Z:0,window.innerHeight);var ue;const re=Math.min((ue=_.current.getBoundingClientRect().width)!=null?ue:0,window.innerWidth),ge=y==="left"||y==="right";if(Math.abs(j)>=(ge?re:J)*v){Ne(),a==null||a(C,!1);return}a==null||a(C,!0),Ot()}g.useEffect(()=>(z&&(X(document.documentElement,{scrollBehavior:"auto"}),L.current=new Date),()=>{uo(document.documentElement,"scrollBehavior")}),[z]);function ar(C){const j=C?(window.innerWidth-we)/window.innerWidth:1,I=C?-we:0;he.current&&window.clearTimeout(he.current),X(_.current,{transition:`transform ${B.DURATION}s cubic-bezier(${B.EASE.join(",")})`,transform:Y(y)?`scale(${j}) translate3d(0, ${I}px, 0)`:`scale(${j}) translate3d(${I}px, 0, 0)`}),!C&&_.current&&(he.current=setTimeout(()=>{const k=ze(_.current,y);X(_.current,{transition:"none",transform:Y(y)?`translate3d(0, ${k}px, 0)`:`translate3d(${k}px, 0, 0)`})},500))}function or(C,j){if(j<0)return;const I=(window.innerWidth-we)/window.innerWidth,k=I+j*(1-I),H=-we+j*we;X(_.current,{transform:Y(y)?`scale(${k}) translate3d(0, ${H}px, 0)`:`scale(${k}) translate3d(${H}px, 0, 0)`,transition:"none"})}function sr(C,j){const I=Y(y)?window.innerHeight:window.innerWidth,k=j?(I-we)/I:1,H=j?-we:0;j&&X(_.current,{transition:`transform ${B.DURATION}s cubic-bezier(${B.EASE.join(",")})`,transform:Y(y)?`scale(${k}) translate3d(0, ${H}px, 0)`:`scale(${k}) translate3d(${H}px, 0, 0)`})}return g.useEffect(()=>{S||window.requestAnimationFrame(()=>{document.body.style.pointerEvents="auto"})},[S]),g.createElement(Ya,{defaultOpen:E,onOpenChange:C=>{!f&&!C||(C?Q(!0):Ne(!0),K(C))},open:z},g.createElement(jn.Provider,{value:{activeSnapPoint:Gn,snapPoints:o,setActiveSnapPoint:Ct,drawerRef:_,overlayRef:M,onOpenChange:t,onPress:er,onRelease:rr,onDrag:tr,dismissible:f,shouldAnimate:Et,handleOnly:l,isOpen:z,isDragging:ne,shouldFade:Tt,closeDrawer:Ne,onNestedDrag:or,onNestedOpenChange:ar,onNestedRelease:sr,keyboardIsOpen:Ee,modal:S,snapPointsOffset:Oe,activeSnapPointIndex:Se,direction:y,shouldScaleBackground:i,setBackgroundColorOnScale:s,noBodyStyles:P,container:U,autoFocus:V}},n))}const Yn=g.forwardRef(function({...e},t){const{overlayRef:n,snapPoints:r,onRelease:a,shouldFade:o,isOpen:i,modal:s,shouldAnimate:v}=Ie(),p=Ln(t,n),f=r&&r.length>0;if(!s)return null;const l=g.useCallback(h=>a(h),[a]);return g.createElement(qa,{onMouseUp:l,ref:p,"data-vaul-overlay":"","data-vaul-snap-points":i&&f?"true":"false","data-vaul-snap-points-overlay":i&&o?"true":"false","data-vaul-animate":v!=null&&v.current?"true":"false",...e})});Yn.displayName="Drawer.Overlay";const Vn=g.forwardRef(function({onPointerDownOutside:e,style:t,onOpenAutoFocus:n,...r},a){const{drawerRef:o,onPress:i,onRelease:s,onDrag:v,keyboardIsOpen:p,snapPointsOffset:f,activeSnapPointIndex:l,modal:h,isOpen:R,direction:O,snapPoints:m,container:S,handleOnly:w,shouldAnimate:T,autoFocus:P}=Ie(),[y,E]=g.useState(!1),F=Ln(a,o),b=g.useRef(null),A=g.useRef(null),N=g.useRef(!1),W=m&&m.length>0;bo();const U=(x,G,z=0)=>{if(N.current)return!0;const K=Math.abs(x.y),q=Math.abs(x.x),Q=q>K,ne=["bottom","right"].includes(G)?1:-1;if(G==="left"||G==="right"){if(!(x.x*ne<0)&&q>=0&&q<=z)return Q}else if(!(x.y*ne<0)&&K>=0&&K<=z)return!Q;return N.current=!0,!0};g.useEffect(()=>{W&&window.requestAnimationFrame(()=>{E(!0)})},[]);function V(x){b.current=null,N.current=!1,s(x)}return g.createElement(Xa,{"data-vaul-drawer-direction":O,"data-vaul-drawer":"","data-vaul-delayed-snap-points":y?"true":"false","data-vaul-snap-points":R&&W?"true":"false","data-vaul-custom-container":S?"true":"false","data-vaul-animate":T!=null&&T.current?"true":"false",...r,ref:F,style:f&&f.length>0?{"--snap-point-height":`${f[l??0]}px`,...t}:t,onPointerDown:x=>{w||(r.onPointerDown==null||r.onPointerDown.call(r,x),b.current={x:x.pageX,y:x.pageY},i(x))},onOpenAutoFocus:x=>{n==null||n(x),P||x.preventDefault()},onPointerDownOutside:x=>{if(e==null||e(x),!h||x.defaultPrevented){x.preventDefault();return}p.current&&(p.current=!1)},onFocusOutside:x=>{if(!h){x.preventDefault();return}},onPointerMove:x=>{if(A.current=x,w||(r.onPointerMove==null||r.onPointerMove.call(r,x),!b.current))return;const G=x.pageY-b.current.y,z=x.pageX-b.current.x,K=x.pointerType==="touch"?10:2;U({x:z,y:G},O,K)?v(x):(Math.abs(z)>K||Math.abs(G)>K)&&(b.current=null)},onPointerUp:x=>{r.onPointerUp==null||r.onPointerUp.call(r,x),b.current=null,N.current=!1,s(x)},onPointerOut:x=>{r.onPointerOut==null||r.onPointerOut.call(r,x),V(A.current)},onContextMenu:x=>{r.onContextMenu==null||r.onContextMenu.call(r,x),A.current&&V(A.current)}})});Vn.displayName="Drawer.Content";const So=250,Ro=120,zn=g.forwardRef(function({preventCycle:e=!1,children:t,...n},r){const{closeDrawer:a,isDragging:o,snapPoints:i,activeSnapPoint:s,setActiveSnapPoint:v,dismissible:p,handleOnly:f,isOpen:l,onPress:h,onDrag:R}=Ie(),O=g.useRef(null),m=g.useRef(!1);function S(){if(m.current){P();return}window.setTimeout(()=>{w()},Ro)}function w(){if(o||e||m.current){P();return}if(P(),!i||i.length===0){p||a();return}if(s===i[i.length-1]&&p){a();return}const E=i.findIndex(b=>b===s);if(E===-1)return;const F=i[E+1];v(F)}function T(){O.current=window.setTimeout(()=>{m.current=!0},So)}function P(){O.current&&window.clearTimeout(O.current),m.current=!1}return g.createElement("div",{onClick:S,onPointerCancel:P,onPointerDown:y=>{f&&h(y),T()},onPointerMove:y=>{f&&R(y)},ref:r,"data-vaul-drawer-visible":l?"true":"false","data-vaul-handle":"","aria-hidden":"true",...n},g.createElement("span",{"data-vaul-handle-hitarea":"","aria-hidden":"true"},t))});zn.displayName="Drawer.Handle";function xo(e){const t=Ie(),{container:n=t.container,...r}=e;return g.createElement(za,{container:n,...r})}const fe={Root:Eo,Content:Vn,Overlay:Yn,Trigger:Va,Portal:xo,Handle:zn,Close:Ka,Title:Ga},Kt=[];function ft(e,t){e.resetHandlers(),t.endpoints.forEach(n=>{var a;const r=(a=t.handlers[n.id])==null?void 0:a[n.selectedScenario];r&&e.use(r())})}const te=ir.create((e,t)=>({pages:{},currentPageId:null,expandedIds:{},globalPreset:null,pendingChanges:!1,mockEnabled:!0,_worker:null,_setWorker:n=>{t()._worker!==n&&e({_worker:n})},registerPage:n=>{e(r=>{const a=r.pages[n.pageId],o=a?n.endpoints.map(i=>{const s=a.endpoints.find(v=>v.id===i.id);return s?{...i,selectedScenario:s.selectedScenario}:i}):n.endpoints;return{pages:{...r.pages,[n.pageId]:{endpoints:o,handlers:n.handlers}}}})},unregisterPage:n=>{e(r=>{const{[n]:a,...o}=r.pages;return{pages:o}})},setCurrentPage:n=>{var v;const{pages:r,mockEnabled:a,_worker:o}=t(),i=r[n],s=(v=i==null?void 0:i.endpoints[0])==null?void 0:v.id;e({currentPageId:n,expandedIds:s?{[s]:!0}:{},globalPreset:null,pendingChanges:!1}),a&&i&&o&&ft(o,i)},toggleEndpoint:n=>{e(r=>({expandedIds:{...r.expandedIds,[n]:!r.expandedIds[n]}}))},selectScenario:(n,r)=>{const{currentPageId:a}=t();a&&e(o=>{const i=o.pages[a];return i?{pages:{...o.pages,[a]:{...i,endpoints:i.endpoints.map(s=>s.id===n?{...s,selectedScenario:r}:s)}},globalPreset:null,pendingChanges:!0}:{}})},applyGlobalPreset:n=>{const{currentPageId:r}=t();!n||!r||e(a=>{const o=a.pages[r];return o?{pages:{...a.pages,[r]:{...o,endpoints:o.endpoints.map(i=>{const s=i.options.some(v=>v.scenario===n);return{...i,selectedScenario:s?n:i.options[0].scenario}})}},globalPreset:n,pendingChanges:!0}:{}})},applyChanges:()=>{const{currentPageId:n,pages:r,mockEnabled:a,_worker:o}=t();if(!n||!a||!o)return;const i=r[n];i&&ft(o,i),e({pendingChanges:!1})},resetCurrentPage:()=>{const{currentPageId:n,pages:r,_worker:a}=t();if(!n)return;const o=r[n];if(!o)return;const i=o.endpoints.map(s=>({...s,selectedScenario:s.options[0].scenario}));e(s=>({pages:{...s.pages,[n]:{...o,endpoints:i}},globalPreset:null,pendingChanges:!1})),a==null||a.resetHandlers()},toggleMockEnabled:async()=>{const{mockEnabled:n,currentPageId:r,pages:a,_worker:o}=t();if(o)if(n)o.stop(),e({mockEnabled:!1,pendingChanges:!1});else{await o.start({onUnhandledRequest:"warn",serviceWorker:{url:"/mockServiceWorker.js"}});const i=r?a[r]:null;i&&ft(o,i),e({mockEnabled:!0})}}})),qn=e=>{var t;return e.currentPageId?((t=e.pages[e.currentPageId])==null?void 0:t.endpoints)??Kt:Kt},Co=e=>{if(!e.mockEnabled)return"off";const t=qn(e);return t.some(n=>["error","not_found","forbidden","network_error"].includes(n.selectedScenario))?"error":t.some(n=>n.selectedScenario==="loading")?"warn":"ok"};function To(e){return e.scenario==="loading"?"// pending...":e.scenario==="network_error"?"// network error":e.payload?JSON.stringify(e.payload,null,2):"{}"}function Po(e){return e?e<300?"mswd-sc-badge mswd-sc-badge--2xx":e<500?"mswd-sc-badge mswd-sc-badge--4xx":"mswd-sc-badge mswd-sc-badge--5xx":"mswd-sc-badge mswd-sc-badge--err"}function Oo(e,t){return t?e==="loading"?"mswd-radio mswd-radio--loading":`mswd-radio ${["error","not_found","forbidden","network_error"].includes(e)?"mswd-radio--error":"mswd-radio--success"}`:"mswd-radio"}function No(e){return e==="loading"?"mswd-radio-dot mswd-radio-dot--loading":`mswd-radio-dot ${["error","not_found","forbidden","network_error"].includes(e)?"mswd-radio-dot--error":"mswd-radio-dot--success"}`}function Do(e){return e==="success"?"mswd-ep-status mswd-ep-status--success":e==="loading"?"mswd-ep-status mswd-ep-status--loading":"mswd-ep-status mswd-ep-status--error"}function _o({endpoint:e,expanded:t,onToggle:n,onSelectScenario:r}){const a=e.options.find(o=>o.scenario===e.selectedScenario)??e.options[0];return d.jsxs("div",{className:"mswd-ep-block",children:[d.jsxs("button",{className:"mswd-ep-header",onClick:n,children:[d.jsx("span",{className:`mswd-method mswd-method--${e.method}`,children:e.method}),d.jsx("span",{className:"mswd-ep-path",children:e.path}),d.jsx("span",{className:Do(e.selectedScenario),children:(a==null?void 0:a.statusCode)??(e.selectedScenario==="loading"?"…":"ERR")}),d.jsx("span",{className:`mswd-chevron ${t?"mswd-chevron--open":"mswd-chevron--closed"}`,children:"›"})]}),t&&d.jsxs("div",{className:"mswd-options",children:[e.options.map((o,i)=>{const s=e.selectedScenario===o.scenario;return d.jsxs("div",{children:[i>0&&d.jsx("div",{className:"mswd-option-divider"}),d.jsxs("button",{className:`mswd-option ${s?"mswd-option--selected":""}`,onClick:()=>r(o.scenario),children:[d.jsx("div",{className:Oo(o.scenario,s),children:s&&d.jsx("div",{className:No(o.scenario)})}),d.jsxs("div",{className:"mswd-opt-info",children:[d.jsx("p",{className:"mswd-opt-label",children:o.label}),d.jsx("p",{className:"mswd-opt-desc",children:o.description})]}),o.scenario==="loading"?d.jsx("span",{className:"mswd-sc-spinner"}):d.jsx("span",{className:Po(o.statusCode),children:o.statusCode??"ERR"})]})]},o.id)}),d.jsxs("div",{className:"mswd-payload",children:[d.jsx("p",{className:"mswd-payload-label",children:"Response preview"}),d.jsx("pre",{className:"mswd-payload-code",children:To(a)})]})]})]})}const Jt=e=>Symbol.iterator in e,Zt=e=>"entries"in e,Qt=(e,t)=>{const n=e instanceof Map?e:new Map(e.entries()),r=t instanceof Map?t:new Map(t.entries());if(n.size!==r.size)return!1;for(const[a,o]of n)if(!r.has(a)||!Object.is(o,r.get(a)))return!1;return!0},Ao=(e,t)=>{const n=e[Symbol.iterator](),r=t[Symbol.iterator]();let a=n.next(),o=r.next();for(;!a.done&&!o.done;){if(!Object.is(a.value,o.value))return!1;a=n.next(),o=r.next()}return!!a.done&&!!o.done};function ko(e,t){return Object.is(e,t)?!0:typeof e!="object"||e===null||typeof t!="object"||t===null||Object.getPrototypeOf(e)!==Object.getPrototypeOf(t)?!1:Jt(e)&&Jt(t)?Zt(e)&&Zt(t)?Qt(e,t):Ao(e,t):Qt({entries:()=>Object.entries(e)},{entries:()=>Object.entries(t)})}function Mo(e){const t=g.useRef(void 0);return n=>{const r=e(n);return ko(t.current,r)?t.current:t.current=r}}function jo({status:e,onClick:t}){const n=e==="error"?"mswd-badge mswd-badge--error":e==="warn"?"mswd-badge mswd-badge--warn":e==="ok"?"mswd-badge mswd-badge--ok":"mswd-badge mswd-badge--off",r=e==="error"?"!":e==="warn"?"…":e==="ok"?"✓":"—";return d.jsxs("button",{onClick:t,className:"mswd-fab",title:"Open MSW Debug Drawer","aria-label":"Open MSW Debug Drawer",children:[d.jsx("svg",{width:"18",height:"18",fill:"none",stroke:"currentColor",strokeWidth:"1.8",viewBox:"0 0 24 24","aria-hidden":"true",children:d.jsx("path",{d:"M9 3H5a2 2 0 00-2 2v4m6-6h10a2 2 0 012 2v4M9 3v18m0 0h10a2 2 0 002-2V9M9 21H5a2 2 0 01-2-2V9m0 0h18"})}),d.jsx("span",{className:n,"aria-hidden":"true",children:r})]})}function Io({enabled:e,onToggle:t}){return d.jsxs("button",{onClick:t,className:"mswd-toggle-row",type:"button",children:[d.jsx("div",{className:`mswd-track ${e?"mswd-track--on":""}`,children:d.jsx("div",{className:`mswd-thumb ${e?"mswd-thumb--on":""}`})}),d.jsxs("div",{className:"mswd-toggle-labels",children:[d.jsx("p",{className:`mswd-toggle-title ${e?"mswd-toggle-title--on":""}`,children:e?"Mock ativo":"Mock inativo"}),d.jsx("p",{className:"mswd-toggle-sub",children:e?"interceptando requisições":"requisições indo para a API real"})]}),d.jsx("span",{className:`mswd-dot ${e?"mswd-dot--on":""}`})]})}function $o({active:e,disabled:t,onSelect:n}){const r=[{id:"success",label:"all success",cls:"mswd-preset-btn--success"},{id:"loading",label:"all loading",cls:"mswd-preset-btn--loading"},{id:"error",label:"all error",cls:"mswd-preset-btn--error"}];return d.jsx("div",{className:`mswd-global-strip ${t?"mswd-global-strip--disabled":""}`,children:r.map(a=>d.jsxs("button",{type:"button",onClick:()=>n(a.id),className:`mswd-preset-btn ${e===a.id?a.cls:""}`,children:[d.jsx("span",{className:`mswd-preset-dot mswd-preset-dot--${a.id}`}),a.label]},a.id))})}function Lo({worker:e,enabled:t=!0}){const[n,r]=g.useState(!1),[a,o]=g.useState(!1),i=te(E=>E._setWorker);g.useEffect(()=>{i(e)},[e]);const{endpoints:s,expandedIds:v,globalPreset:p,pendingChanges:f,mockEnabled:l,currentPageId:h,fabStatus:R}=te(Mo(E=>({endpoints:qn(E),expandedIds:E.expandedIds,globalPreset:E.globalPreset,pendingChanges:E.pendingChanges,mockEnabled:E.mockEnabled,currentPageId:E.currentPageId,fabStatus:Co(E)}))),O=te(E=>E.toggleMockEnabled),m=te(E=>E.toggleEndpoint),S=te(E=>E.selectScenario),w=te(E=>E.applyGlobalPreset),T=te(E=>E.applyChanges),P=te(E=>E.resetCurrentPage),y=g.useCallback(()=>{T(),o(!0),setTimeout(()=>o(!1),1200)},[T]);return t?d.jsx(d.Fragment,{children:d.jsxs(fe.Root,{open:n,onOpenChange:r,shouldScaleBackground:!1,modal:!0,children:[d.jsx(fe.Trigger,{asChild:!0,children:d.jsx(jo,{status:R,onClick:()=>r(!0)})}),d.jsxs(fe.Portal,{children:[d.jsx(fe.Overlay,{className:"mswd-vaul-overlay"}),d.jsxs(fe.Content,{className:"mswd-vaul-content","aria-modal":!0,"aria-describedby":void 0,children:[d.jsx(fe.Handle,{className:"mswd-vaul-handle"}),d.jsx(fe.Title,{className:"mswd-sr-only",children:"Debug Drawer"}),d.jsxs("div",{className:"mswd-header",children:[d.jsxs("div",{className:"mswd-header-left",children:[d.jsx("div",{className:"mswd-header-icon","aria-hidden":"true",children:"⚡"}),d.jsxs("div",{children:[d.jsx("p",{className:"mswd-header-title",children:"Debug"}),h?d.jsx("p",{className:"mswd-header-sub mswd-header-sub--page",children:h}):d.jsx("p",{className:"mswd-header-sub",children:"mock service worker"})]})]}),d.jsx(fe.Close,{className:"mswd-close-btn","aria-label":"Close drawer",children:"✕"})]}),d.jsx(Io,{enabled:l,onToggle:O}),s.length===0?d.jsxs("div",{className:"mswd-empty",children:[d.jsx("div",{className:"mswd-empty-icon","aria-hidden":"true",children:"📭"}),d.jsx("p",{className:"mswd-empty-title",children:"Nenhum endpoint registrado"}),d.jsxs("p",{className:"mswd-empty-desc",children:["Use"," ",d.jsx("code",{className:"mswd-code",children:"useRegisterMockEndpoints"})," em uma página para ver os endpoints aqui."]})]}):d.jsxs(d.Fragment,{children:[d.jsx($o,{active:p,disabled:!l,onSelect:w}),d.jsxs("div",{className:`mswd-section-label ${l?"":"mswd-section-label--disabled"}`,children:[d.jsxs("span",{className:"mswd-section-text",children:["endpoints · ",s.length]}),f&&l&&d.jsx("span",{className:"mswd-unsaved",children:"unsaved"})]}),d.jsx("div",{className:`mswd-list ${l?"":"mswd-list--disabled"}`,"data-vaul-no-drag":!0,children:s.map(E=>d.jsx(_o,{endpoint:E,expanded:!!v[E.id],onToggle:()=>m(E.id),onSelectScenario:F=>S(E.id,F)},E.id))}),d.jsxs("div",{className:"mswd-footer",children:[d.jsx("button",{type:"button",onClick:P,className:"mswd-btn-reset",children:"Reset"}),d.jsx("button",{type:"button",onClick:y,disabled:!f||!l,className:`mswd-btn-apply ${a?"mswd-btn-apply--applied":f&&l?"mswd-btn-apply--active":"mswd-btn-apply--disabled"}`,children:a?"Applied ✓":"Apply & reload"})]})]})]})]})]})}):null}function Fo(e){const t=te(o=>o.registerPage),n=te(o=>o.unregisterPage),r=te(o=>o.setCurrentPage),a=g.useRef(e);a.current=e,g.useEffect(()=>{const{pageId:o}=a.current;return t(a.current),r(o),()=>{n(o)}},[t,n,r,e.pageId])}exports.DebugDrawer=Lo;exports.useDebugDrawerStore=te;exports.useRegisterMockEndpoints=Fo;
68
+ ){opacity:0}[data-vaul-overlay][data-vaul-snap-points-overlay=true]{opacity:1}[data-vaul-handle]{display:block;position:relative;opacity:.7;background:#e2e2e4;margin-left:auto;margin-right:auto;height:5px;width:32px;border-radius:1rem;touch-action:pan-y}[data-vaul-handle]:active,[data-vaul-handle]:hover{opacity:1}[data-vaul-handle-hitarea]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max(100%,2.75rem);height:max(100%,2.75rem);touch-action:inherit}@media (hover:hover) and (pointer:fine){[data-vaul-drawer]{user-select:none}}@media (pointer:fine){[data-vaul-handle-hitarea]:{width:100%;height:100%}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{to{opacity:0}}@keyframes slideFromBottom{from{transform:translate3d(0,var(--initial-transform,100%),0)}to{transform:translate3d(0,0,0)}}@keyframes slideToBottom{to{transform:translate3d(0,var(--initial-transform,100%),0)}}@keyframes slideFromTop{from{transform:translate3d(0,calc(var(--initial-transform,100%) * -1),0)}to{transform:translate3d(0,0,0)}}@keyframes slideToTop{to{transform:translate3d(0,calc(var(--initial-transform,100%) * -1),0)}}@keyframes slideFromLeft{from{transform:translate3d(calc(var(--initial-transform,100%) * -1),0,0)}to{transform:translate3d(0,0,0)}}@keyframes slideToLeft{to{transform:translate3d(calc(var(--initial-transform,100%) * -1),0,0)}}@keyframes slideFromRight{from{transform:translate3d(var(--initial-transform,100%),0,0)}to{transform:translate3d(0,0,0)}}@keyframes slideToRight{to{transform:translate3d(var(--initial-transform,100%),0,0)}}`);function Za(){const e=navigator.userAgent;return typeof window<"u"&&(/Firefox/.test(e)&&/Mobile/.test(e)||/FxiOS/.test(e))}function Qa(){return yt(/^Mac/)}function eo(){return yt(/^iPhone/)}function zt(){return/^((?!chrome|android).)*safari/i.test(navigator.userAgent)}function to(){return yt(/^iPad/)||Qa()&&navigator.maxTouchPoints>1}function In(){return eo()||to()}function yt(e){return typeof window<"u"&&window.navigator!=null?e.test(window.navigator.platform):void 0}const no=24,ro=typeof window<"u"?g.useLayoutEffect:g.useEffect;function qt(...e){return(...t)=>{for(let n of e)typeof n=="function"&&n(...t)}}const ct=typeof document<"u"&&window.visualViewport;function Xt(e){let t=window.getComputedStyle(e);return/(auto|scroll)/.test(t.overflow+t.overflowX+t.overflowY)}function $n(e){for(Xt(e)&&(e=e.parentElement);e&&!Xt(e);)e=e.parentElement;return e||document.scrollingElement||document.documentElement}const ao=new Set(["checkbox","radio","range","color","file","image","button","submit","reset"]);let Ve=0,lt;function oo(e={}){let{isDisabled:t}=e;ro(()=>{if(!t)return Ve++,Ve===1&&In()&&(lt=so()),()=>{Ve--,Ve===0&&(lt==null||lt())}},[t])}function so(){let e,t=0,n=l=>{e=$n(l.target),!(e===document.documentElement&&e===document.body)&&(t=l.changedTouches[0].pageY)},r=l=>{if(!e||e===document.documentElement||e===document.body){l.preventDefault();return}let h=l.changedTouches[0].pageY,R=e.scrollTop,O=e.scrollHeight-e.clientHeight;O!==0&&((R<=0&&h>t||R>=O&&h<t)&&l.preventDefault(),t=h)},a=l=>{let h=l.target;vt(h)&&h!==document.activeElement&&(l.preventDefault(),h.style.transform="translateY(-2000px)",h.focus(),requestAnimationFrame(()=>{h.style.transform=""}))},o=l=>{let h=l.target;vt(h)&&(h.style.transform="translateY(-2000px)",requestAnimationFrame(()=>{h.style.transform="",ct&&(ct.height<window.innerHeight?requestAnimationFrame(()=>{Gt(h)}):ct.addEventListener("resize",()=>Gt(h),{once:!0}))}))},i=()=>{window.scrollTo(0,0)},s=window.pageXOffset,v=window.pageYOffset,p=qt(io(document.documentElement,"paddingRight",`${window.innerWidth-document.documentElement.clientWidth}px`));window.scrollTo(0,0);let f=qt(Ae(document,"touchstart",n,{passive:!1,capture:!0}),Ae(document,"touchmove",r,{passive:!1,capture:!0}),Ae(document,"touchend",a,{passive:!1,capture:!0}),Ae(document,"focus",o,!0),Ae(window,"scroll",i));return()=>{p(),f(),window.scrollTo(s,v)}}function io(e,t,n){let r=e.style[t];return e.style[t]=n,()=>{e.style[t]=r}}function Ae(e,t,n,r){return e.addEventListener(t,n,r),()=>{e.removeEventListener(t,n,r)}}function Gt(e){let t=document.scrollingElement||document.documentElement;for(;e&&e!==t;){let n=$n(e);if(n!==document.documentElement&&n!==document.body&&n!==e){let r=n.getBoundingClientRect().top,a=e.getBoundingClientRect().top,o=e.getBoundingClientRect().bottom;const i=n.getBoundingClientRect().bottom+no;o>i&&(n.scrollTop+=a-r)}e=n.parentElement}}function vt(e){return e instanceof HTMLInputElement&&!ao.has(e.type)||e instanceof HTMLTextAreaElement||e instanceof HTMLElement&&e.isContentEditable}function co(e,t){typeof e=="function"?e(t):e!=null&&(e.current=t)}function lo(...e){return t=>e.forEach(n=>co(n,t))}function Ln(...e){return c.useCallback(lo(...e),e)}const Fn=new WeakMap;function X(e,t,n=!1){if(!e||!(e instanceof HTMLElement))return;let r={};Object.entries(t).forEach(([a,o])=>{if(a.startsWith("--")){e.style.setProperty(a,o);return}r[a]=e.style[a],e.style[a]=o}),!n&&Fn.set(e,r)}function uo(e,t){if(!e||!(e instanceof HTMLElement))return;let n=Fn.get(e);n&&(e.style[t]=n[t])}const Y=e=>{switch(e){case"top":case"bottom":return!0;case"left":case"right":return!1;default:return e}};function ze(e,t){if(!e)return null;const n=window.getComputedStyle(e),r=n.transform||n.webkitTransform||n.mozTransform;let a=r.match(/^matrix3d\((.+)\)$/);return a?parseFloat(a[1].split(", ")[Y(t)?13:12]):(a=r.match(/^matrix\((.+)\)$/),a?parseFloat(a[1].split(", ")[Y(t)?5:4]):null)}function fo(e){return 8*(Math.log(e+1)-2)}function ut(e,t){if(!e)return()=>{};const n=e.style.cssText;return Object.assign(e.style,t),()=>{e.style.cssText=n}}function mo(...e){return(...t)=>{for(const n of e)typeof n=="function"&&n(...t)}}const B={DURATION:.5,EASE:[.32,.72,0,1]},Wn=.4,po=.25,vo=100,Un=8,we=16,ht=26,dt="vaul-dragging";function Bn(e){const t=g.useRef(e);return g.useEffect(()=>{t.current=e}),g.useMemo(()=>(...n)=>t.current==null?void 0:t.current.call(t,...n),[])}function ho({defaultProp:e,onChange:t}){const n=g.useState(e),[r]=n,a=g.useRef(r),o=Bn(t);return g.useEffect(()=>{a.current!==r&&(o(r),a.current=r)},[r,a,o]),n}function Hn({prop:e,defaultProp:t,onChange:n=()=>{}}){const[r,a]=ho({defaultProp:t,onChange:n}),o=e!==void 0,i=o?e:r,s=Bn(n),v=g.useCallback(p=>{if(o){const l=typeof p=="function"?p(e):p;l!==e&&s(l)}else a(p)},[o,e,a,s]);return[i,v]}function go({activeSnapPointProp:e,setActiveSnapPointProp:t,snapPoints:n,drawerRef:r,overlayRef:a,fadeFromIndex:o,onSnapPointChange:i,direction:s="bottom",container:v,snapToSequentialPoint:p}){const[f,l]=Hn({prop:e,defaultProp:n==null?void 0:n[0],onChange:t}),[h,R]=g.useState(typeof window<"u"?{innerWidth:window.innerWidth,innerHeight:window.innerHeight}:void 0);g.useEffect(()=>{function b(){R({innerWidth:window.innerWidth,innerHeight:window.innerHeight})}return window.addEventListener("resize",b),()=>window.removeEventListener("resize",b)},[]);const O=g.useMemo(()=>f===(n==null?void 0:n[n.length-1])||null,[n,f]),m=g.useMemo(()=>{var b;return(b=n==null?void 0:n.findIndex(A=>A===f))!=null?b:null},[n,f]),S=n&&n.length>0&&(o||o===0)&&!Number.isNaN(o)&&n[o]===f||!n,w=g.useMemo(()=>{const b=v?{width:v.getBoundingClientRect().width,height:v.getBoundingClientRect().height}:typeof window<"u"?{width:window.innerWidth,height:window.innerHeight}:{width:0,height:0};var A;return(A=n==null?void 0:n.map(N=>{const W=typeof N=="string";let U=0;if(W&&(U=parseInt(N,10)),Y(s)){const x=W?U:h?N*b.height:0;return h?s==="bottom"?b.height-x:-b.height+x:x}const V=W?U:h?N*b.width:0;return h?s==="right"?b.width-V:-b.width+V:V}))!=null?A:[]},[n,h,v]),T=g.useMemo(()=>m!==null?w==null?void 0:w[m]:null,[w,m]),P=g.useCallback(b=>{var A;const N=(A=w==null?void 0:w.findIndex(W=>W===b))!=null?A:null;i(N),X(r.current,{transition:`transform ${B.DURATION}s cubic-bezier(${B.EASE.join(",")})`,transform:Y(s)?`translate3d(0, ${b}px, 0)`:`translate3d(${b}px, 0, 0)`}),w&&N!==w.length-1&&o!==void 0&&N!==o&&N<o?X(a.current,{transition:`opacity ${B.DURATION}s cubic-bezier(${B.EASE.join(",")})`,opacity:"0"}):X(a.current,{transition:`opacity ${B.DURATION}s cubic-bezier(${B.EASE.join(",")})`,opacity:"1"}),l(n==null?void 0:n[Math.max(N,0)])},[r.current,n,w,o,a,l]);g.useEffect(()=>{if(f||e){var b;const A=(b=n==null?void 0:n.findIndex(N=>N===e||N===f))!=null?b:-1;w&&A!==-1&&typeof w[A]=="number"&&P(w[A])}},[f,e,n,w,P]);function y({draggedDistance:b,closeDrawer:A,velocity:N,dismissible:W}){if(o===void 0)return;const U=s==="bottom"||s==="right"?(T??0)-b:(T??0)+b,V=m===o-1,x=m===0,G=b>0;if(V&&X(a.current,{transition:`opacity ${B.DURATION}s cubic-bezier(${B.EASE.join(",")})`}),!p&&N>2&&!G){W?A():P(w[0]);return}if(!p&&N>2&&G&&w&&n){P(w[n.length-1]);return}const z=w==null?void 0:w.reduce((q,Q)=>typeof q!="number"||typeof Q!="number"?q:Math.abs(Q-U)<Math.abs(q-U)?Q:q),K=Y(s)?window.innerHeight:window.innerWidth;if(N>Wn&&Math.abs(b)<K*.4){const q=G?1:-1;if(q>0&&O&&n){P(w[n.length-1]);return}if(x&&q<0&&W&&A(),m===null)return;P(w[m+q]);return}P(z)}function E({draggedDistance:b}){if(T===null)return;const A=s==="bottom"||s==="right"?T-b:T+b;(s==="bottom"||s==="right")&&A<w[w.length-1]||(s==="top"||s==="left")&&A>w[w.length-1]||X(r.current,{transform:Y(s)?`translate3d(0, ${A}px, 0)`:`translate3d(${A}px, 0, 0)`})}function F(b,A){if(!n||typeof m!="number"||!w||o===void 0)return null;const N=m===o-1;if(m>=o&&A)return 0;if(N&&!A)return 1;if(!S&&!N)return null;const U=N?m+1:m-1,V=N?w[U]-w[U-1]:w[U+1]-w[U],x=b/Math.abs(V);return N?1-x:x}return{isLastSnapPoint:O,activeSnapPoint:f,shouldFade:S,getPercentageDragged:F,setActiveSnapPoint:l,activeSnapPointIndex:m,onRelease:y,onDrag:E,snapPointsOffset:w}}const wo=()=>()=>{};function bo(){const{direction:e,isOpen:t,shouldScaleBackground:n,setBackgroundColorOnScale:r,noBodyStyles:a}=Ie(),o=g.useRef(null),i=g.useMemo(()=>document.body.style.backgroundColor,[]);function s(){return(window.innerWidth-ht)/window.innerWidth}g.useEffect(()=>{if(t&&n){o.current&&clearTimeout(o.current);const v=document.querySelector("[data-vaul-drawer-wrapper]")||document.querySelector("[vaul-drawer-wrapper]");if(!v)return;mo(r&&!a?ut(document.body,{background:"black"}):wo,ut(v,{transformOrigin:Y(e)?"top":"left",transitionProperty:"transform, border-radius",transitionDuration:`${B.DURATION}s`,transitionTimingFunction:`cubic-bezier(${B.EASE.join(",")})`}));const p=ut(v,{borderRadius:`${Un}px`,overflow:"hidden",...Y(e)?{transform:`scale(${s()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)`}:{transform:`scale(${s()}) translate3d(calc(env(safe-area-inset-top) + 14px), 0, 0)`}});return()=>{p(),o.current=window.setTimeout(()=>{i?document.body.style.background=i:document.body.style.removeProperty("background")},B.DURATION*1e3)}}},[t,n,i])}let ke=null;function yo({isOpen:e,modal:t,nested:n,hasBeenOpened:r,preventScrollRestoration:a,noBodyStyles:o}){const[i,s]=g.useState(()=>typeof window<"u"?window.location.href:""),v=g.useRef(0),p=g.useCallback(()=>{if(zt()&&ke===null&&e&&!o){ke={position:document.body.style.position,top:document.body.style.top,left:document.body.style.left,height:document.body.style.height,right:"unset"};const{scrollX:l,innerHeight:h}=window;document.body.style.setProperty("position","fixed","important"),Object.assign(document.body.style,{top:`${-v.current}px`,left:`${-l}px`,right:"0px",height:"auto"}),window.setTimeout(()=>window.requestAnimationFrame(()=>{const R=h-window.innerHeight;R&&v.current>=h&&(document.body.style.top=`${-(v.current+R)}px`)}),300)}},[e]),f=g.useCallback(()=>{if(zt()&&ke!==null&&!o){const l=-parseInt(document.body.style.top,10),h=-parseInt(document.body.style.left,10);Object.assign(document.body.style,ke),window.requestAnimationFrame(()=>{if(a&&i!==window.location.href){s(window.location.href);return}window.scrollTo(h,l)}),ke=null}},[i]);return g.useEffect(()=>{function l(){v.current=window.scrollY}return l(),window.addEventListener("scroll",l),()=>{window.removeEventListener("scroll",l)}},[]),g.useEffect(()=>{if(t)return()=>{typeof document>"u"||document.querySelector("[data-vaul-drawer]")||f()}},[t,f]),g.useEffect(()=>{n||!r||(e?(!window.matchMedia("(display-mode: standalone)").matches&&p(),t||window.setTimeout(()=>{f()},500)):f())},[e,r,i,t,n,p,f]),{restorePositionSetting:f}}function Eo({open:e,onOpenChange:t,children:n,onDrag:r,onRelease:a,snapPoints:o,shouldScaleBackground:i=!1,setBackgroundColorOnScale:s=!0,closeThreshold:v=po,scrollLockTimeout:p=vo,dismissible:f=!0,handleOnly:l=!1,fadeFromIndex:h=o&&o.length-1,activeSnapPoint:R,setActiveSnapPoint:O,fixed:m,modal:S=!0,onClose:w,nested:T,noBodyStyles:P=!1,direction:y="bottom",defaultOpen:E=!1,disablePreventScroll:F=!0,snapToSequentialPoint:b=!1,preventScrollRestoration:A=!1,repositionInputs:N=!0,onAnimationEnd:W,container:U,autoFocus:V=!1}){var x,G;const[z=!1,K]=Hn({defaultProp:E,prop:e,onChange:C=>{t==null||t(C),!C&&!T&&Qn(),setTimeout(()=>{W==null||W(C)},B.DURATION*1e3),C&&!S&&typeof window<"u"&&window.requestAnimationFrame(()=>{document.body.style.pointerEvents="auto"}),C||(document.body.style.pointerEvents="auto")}}),[q,Q]=g.useState(!1),[ne,ce]=g.useState(!1),[u,D]=g.useState(!1),M=g.useRef(null),L=g.useRef(null),le=g.useRef(null),ve=g.useRef(null),$=g.useRef(null),ee=g.useRef(!1),he=g.useRef(null),Pe=g.useRef(0),Ee=g.useRef(!1),Et=g.useRef(!E),St=g.useRef(0),_=g.useRef(null),Rt=g.useRef(((x=_.current)==null?void 0:x.getBoundingClientRect().height)||0),xt=g.useRef(((G=_.current)==null?void 0:G.getBoundingClientRect().width)||0),Qe=g.useRef(0),Xn=g.useCallback(C=>{o&&C===Oe.length-1&&(L.current=new Date)},[]),{activeSnapPoint:Gn,activeSnapPointIndex:Se,setActiveSnapPoint:Ct,onRelease:Kn,snapPointsOffset:Oe,onDrag:Jn,shouldFade:Tt,getPercentageDragged:Zn}=go({snapPoints:o,activeSnapPointProp:R,setActiveSnapPointProp:O,drawerRef:_,fadeFromIndex:h,overlayRef:M,onSnapPointChange:Xn,direction:y,container:U,snapToSequentialPoint:b});oo({isDisabled:!z||ne||!S||u||!q||!N||!F});const{restorePositionSetting:Qn}=yo({isOpen:z,modal:S,nested:T??!1,hasBeenOpened:q,preventScrollRestoration:A,noBodyStyles:P});function $e(){return(window.innerWidth-ht)/window.innerWidth}function er(C){var j,I;!f&&!o||_.current&&!_.current.contains(C.target)||(Rt.current=((j=_.current)==null?void 0:j.getBoundingClientRect().height)||0,xt.current=((I=_.current)==null?void 0:I.getBoundingClientRect().width)||0,ce(!0),le.current=new Date,In()&&window.addEventListener("touchend",()=>ee.current=!1,{once:!0}),C.target.setPointerCapture(C.pointerId),Pe.current=Y(y)?C.pageY:C.pageX)}function Pt(C,j){var I;let k=C;const H=(I=window.getSelection())==null?void 0:I.toString(),Z=_.current?ze(_.current,y):null,J=new Date;if(k.tagName==="SELECT"||k.hasAttribute("data-vaul-no-drag")||k.closest("[data-vaul-no-drag]"))return!1;if(y==="right"||y==="left")return!0;if(L.current&&J.getTime()-L.current.getTime()<500)return!1;if(Z!==null&&(y==="bottom"?Z>0:Z<0))return!0;if(H&&H.length>0)return!1;if($.current&&J.getTime()-$.current.getTime()<p&&Z===0||j)return $.current=J,!1;for(;k;){if(k.scrollHeight>k.clientHeight){if(k.scrollTop!==0)return $.current=new Date,!1;if(k.getAttribute("role")==="dialog")return!0}k=k.parentNode}return!0}function tr(C){if(_.current&&ne){const j=y==="bottom"||y==="right"?1:-1,I=(Pe.current-(Y(y)?C.pageY:C.pageX))*j,k=I>0,H=o&&!f&&!k;if(H&&Se===0)return;const Z=Math.abs(I),J=document.querySelector("[data-vaul-drawer-wrapper]"),ue=y==="bottom"||y==="top"?Rt.current:xt.current;let re=Z/ue;const ge=Zn(Z,k);if(ge!==null&&(re=ge),H&&re>=1||!ee.current&&!Pt(C.target,k))return;if(_.current.classList.add(dt),ee.current=!0,X(_.current,{transition:"none"}),X(M.current,{transition:"none"}),o&&Jn({draggedDistance:I}),k&&!o){const oe=fo(I),Le=Math.min(oe*-1,0)*j;X(_.current,{transform:Y(y)?`translate3d(0, ${Le}px, 0)`:`translate3d(${Le}px, 0, 0)`});return}const de=1-re;if((Tt||h&&Se===h-1)&&(r==null||r(C,re),X(M.current,{opacity:`${de}`,transition:"none"},!0)),J&&M.current&&i){const oe=Math.min($e()+re*(1-$e()),1),Le=8-re*8,Nt=Math.max(0,14-re*14);X(J,{borderRadius:`${Le}px`,transform:Y(y)?`scale(${oe}) translate3d(0, ${Nt}px, 0)`:`scale(${oe}) translate3d(${Nt}px, 0, 0)`,transition:"none"},!0)}if(!o){const oe=Z*j;X(_.current,{transform:Y(y)?`translate3d(0, ${oe}px, 0)`:`translate3d(${oe}px, 0, 0)`})}}}g.useEffect(()=>{window.requestAnimationFrame(()=>{Et.current=!0})},[]),g.useEffect(()=>{var C;function j(){if(!_.current||!N)return;const I=document.activeElement;if(vt(I)||Ee.current){var k;const H=((k=window.visualViewport)==null?void 0:k.height)||0,Z=window.innerHeight;let J=Z-H;const ue=_.current.getBoundingClientRect().height||0,re=ue>Z*.8;Qe.current||(Qe.current=ue);const ge=_.current.getBoundingClientRect().top;if(Math.abs(St.current-J)>60&&(Ee.current=!Ee.current),o&&o.length>0&&Oe&&Se){const de=Oe[Se]||0;J+=de}if(St.current=J,ue>H||Ee.current){const de=_.current.getBoundingClientRect().height;let oe=de;de>H&&(oe=H-(re?ge:ht)),m?_.current.style.height=`${de-Math.max(J,0)}px`:_.current.style.height=`${Math.max(oe,H-ge)}px`}else Za()||(_.current.style.height=`${Qe.current}px`);o&&o.length>0&&!Ee.current?_.current.style.bottom="0px":_.current.style.bottom=`${Math.max(J,0)}px`}}return(C=window.visualViewport)==null||C.addEventListener("resize",j),()=>{var I;return(I=window.visualViewport)==null?void 0:I.removeEventListener("resize",j)}},[Se,o,Oe]);function Ne(C){nr(),w==null||w(),C||K(!1),setTimeout(()=>{o&&Ct(o[0])},B.DURATION*1e3)}function Ot(){if(!_.current)return;const C=document.querySelector("[data-vaul-drawer-wrapper]"),j=ze(_.current,y);X(_.current,{transform:"translate3d(0, 0, 0)",transition:`transform ${B.DURATION}s cubic-bezier(${B.EASE.join(",")})`}),X(M.current,{transition:`opacity ${B.DURATION}s cubic-bezier(${B.EASE.join(",")})`,opacity:"1"}),i&&j&&j>0&&z&&X(C,{borderRadius:`${Un}px`,overflow:"hidden",...Y(y)?{transform:`scale(${$e()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)`,transformOrigin:"top"}:{transform:`scale(${$e()}) translate3d(calc(env(safe-area-inset-top) + 14px), 0, 0)`,transformOrigin:"left"},transitionProperty:"transform, border-radius",transitionDuration:`${B.DURATION}s`,transitionTimingFunction:`cubic-bezier(${B.EASE.join(",")})`},!0)}function nr(){!ne||!_.current||(_.current.classList.remove(dt),ee.current=!1,ce(!1),ve.current=new Date)}function rr(C){if(!ne||!_.current)return;_.current.classList.remove(dt),ee.current=!1,ce(!1),ve.current=new Date;const j=ze(_.current,y);if(!C||!Pt(C.target,!1)||!j||Number.isNaN(j)||le.current===null)return;const I=ve.current.getTime()-le.current.getTime(),k=Pe.current-(Y(y)?C.pageY:C.pageX),H=Math.abs(k)/I;if(H>.05&&(D(!0),setTimeout(()=>{D(!1)},200)),o){Kn({draggedDistance:k*(y==="bottom"||y==="right"?1:-1),closeDrawer:Ne,velocity:H,dismissible:f}),a==null||a(C,!0);return}if(y==="bottom"||y==="right"?k>0:k<0){Ot(),a==null||a(C,!0);return}if(H>Wn){Ne(),a==null||a(C,!1);return}var Z;const J=Math.min((Z=_.current.getBoundingClientRect().height)!=null?Z:0,window.innerHeight);var ue;const re=Math.min((ue=_.current.getBoundingClientRect().width)!=null?ue:0,window.innerWidth),ge=y==="left"||y==="right";if(Math.abs(j)>=(ge?re:J)*v){Ne(),a==null||a(C,!1);return}a==null||a(C,!0),Ot()}g.useEffect(()=>(z&&(X(document.documentElement,{scrollBehavior:"auto"}),L.current=new Date),()=>{uo(document.documentElement,"scrollBehavior")}),[z]);function ar(C){const j=C?(window.innerWidth-we)/window.innerWidth:1,I=C?-we:0;he.current&&window.clearTimeout(he.current),X(_.current,{transition:`transform ${B.DURATION}s cubic-bezier(${B.EASE.join(",")})`,transform:Y(y)?`scale(${j}) translate3d(0, ${I}px, 0)`:`scale(${j}) translate3d(${I}px, 0, 0)`}),!C&&_.current&&(he.current=setTimeout(()=>{const k=ze(_.current,y);X(_.current,{transition:"none",transform:Y(y)?`translate3d(0, ${k}px, 0)`:`translate3d(${k}px, 0, 0)`})},500))}function or(C,j){if(j<0)return;const I=(window.innerWidth-we)/window.innerWidth,k=I+j*(1-I),H=-we+j*we;X(_.current,{transform:Y(y)?`scale(${k}) translate3d(0, ${H}px, 0)`:`scale(${k}) translate3d(${H}px, 0, 0)`,transition:"none"})}function sr(C,j){const I=Y(y)?window.innerHeight:window.innerWidth,k=j?(I-we)/I:1,H=j?-we:0;j&&X(_.current,{transition:`transform ${B.DURATION}s cubic-bezier(${B.EASE.join(",")})`,transform:Y(y)?`scale(${k}) translate3d(0, ${H}px, 0)`:`scale(${k}) translate3d(${H}px, 0, 0)`})}return g.useEffect(()=>{S||window.requestAnimationFrame(()=>{document.body.style.pointerEvents="auto"})},[S]),g.createElement(Ya,{defaultOpen:E,onOpenChange:C=>{!f&&!C||(C?Q(!0):Ne(!0),K(C))},open:z},g.createElement(jn.Provider,{value:{activeSnapPoint:Gn,snapPoints:o,setActiveSnapPoint:Ct,drawerRef:_,overlayRef:M,onOpenChange:t,onPress:er,onRelease:rr,onDrag:tr,dismissible:f,shouldAnimate:Et,handleOnly:l,isOpen:z,isDragging:ne,shouldFade:Tt,closeDrawer:Ne,onNestedDrag:or,onNestedOpenChange:ar,onNestedRelease:sr,keyboardIsOpen:Ee,modal:S,snapPointsOffset:Oe,activeSnapPointIndex:Se,direction:y,shouldScaleBackground:i,setBackgroundColorOnScale:s,noBodyStyles:P,container:U,autoFocus:V}},n))}const Yn=g.forwardRef(function({...e},t){const{overlayRef:n,snapPoints:r,onRelease:a,shouldFade:o,isOpen:i,modal:s,shouldAnimate:v}=Ie(),p=Ln(t,n),f=r&&r.length>0;if(!s)return null;const l=g.useCallback(h=>a(h),[a]);return g.createElement(qa,{onMouseUp:l,ref:p,"data-vaul-overlay":"","data-vaul-snap-points":i&&f?"true":"false","data-vaul-snap-points-overlay":i&&o?"true":"false","data-vaul-animate":v!=null&&v.current?"true":"false",...e})});Yn.displayName="Drawer.Overlay";const Vn=g.forwardRef(function({onPointerDownOutside:e,style:t,onOpenAutoFocus:n,...r},a){const{drawerRef:o,onPress:i,onRelease:s,onDrag:v,keyboardIsOpen:p,snapPointsOffset:f,activeSnapPointIndex:l,modal:h,isOpen:R,direction:O,snapPoints:m,container:S,handleOnly:w,shouldAnimate:T,autoFocus:P}=Ie(),[y,E]=g.useState(!1),F=Ln(a,o),b=g.useRef(null),A=g.useRef(null),N=g.useRef(!1),W=m&&m.length>0;bo();const U=(x,G,z=0)=>{if(N.current)return!0;const K=Math.abs(x.y),q=Math.abs(x.x),Q=q>K,ne=["bottom","right"].includes(G)?1:-1;if(G==="left"||G==="right"){if(!(x.x*ne<0)&&q>=0&&q<=z)return Q}else if(!(x.y*ne<0)&&K>=0&&K<=z)return!Q;return N.current=!0,!0};g.useEffect(()=>{W&&window.requestAnimationFrame(()=>{E(!0)})},[]);function V(x){b.current=null,N.current=!1,s(x)}return g.createElement(Xa,{"data-vaul-drawer-direction":O,"data-vaul-drawer":"","data-vaul-delayed-snap-points":y?"true":"false","data-vaul-snap-points":R&&W?"true":"false","data-vaul-custom-container":S?"true":"false","data-vaul-animate":T!=null&&T.current?"true":"false",...r,ref:F,style:f&&f.length>0?{"--snap-point-height":`${f[l??0]}px`,...t}:t,onPointerDown:x=>{w||(r.onPointerDown==null||r.onPointerDown.call(r,x),b.current={x:x.pageX,y:x.pageY},i(x))},onOpenAutoFocus:x=>{n==null||n(x),P||x.preventDefault()},onPointerDownOutside:x=>{if(e==null||e(x),!h||x.defaultPrevented){x.preventDefault();return}p.current&&(p.current=!1)},onFocusOutside:x=>{if(!h){x.preventDefault();return}},onPointerMove:x=>{if(A.current=x,w||(r.onPointerMove==null||r.onPointerMove.call(r,x),!b.current))return;const G=x.pageY-b.current.y,z=x.pageX-b.current.x,K=x.pointerType==="touch"?10:2;U({x:z,y:G},O,K)?v(x):(Math.abs(z)>K||Math.abs(G)>K)&&(b.current=null)},onPointerUp:x=>{r.onPointerUp==null||r.onPointerUp.call(r,x),b.current=null,N.current=!1,s(x)},onPointerOut:x=>{r.onPointerOut==null||r.onPointerOut.call(r,x),V(A.current)},onContextMenu:x=>{r.onContextMenu==null||r.onContextMenu.call(r,x),A.current&&V(A.current)}})});Vn.displayName="Drawer.Content";const So=250,Ro=120,zn=g.forwardRef(function({preventCycle:e=!1,children:t,...n},r){const{closeDrawer:a,isDragging:o,snapPoints:i,activeSnapPoint:s,setActiveSnapPoint:v,dismissible:p,handleOnly:f,isOpen:l,onPress:h,onDrag:R}=Ie(),O=g.useRef(null),m=g.useRef(!1);function S(){if(m.current){P();return}window.setTimeout(()=>{w()},Ro)}function w(){if(o||e||m.current){P();return}if(P(),!i||i.length===0){p||a();return}if(s===i[i.length-1]&&p){a();return}const E=i.findIndex(b=>b===s);if(E===-1)return;const F=i[E+1];v(F)}function T(){O.current=window.setTimeout(()=>{m.current=!0},So)}function P(){O.current&&window.clearTimeout(O.current),m.current=!1}return g.createElement("div",{onClick:S,onPointerCancel:P,onPointerDown:y=>{f&&h(y),T()},onPointerMove:y=>{f&&R(y)},ref:r,"data-vaul-drawer-visible":l?"true":"false","data-vaul-handle":"","aria-hidden":"true",...n},g.createElement("span",{"data-vaul-handle-hitarea":"","aria-hidden":"true"},t))});zn.displayName="Drawer.Handle";function xo(e){const t=Ie(),{container:n=t.container,...r}=e;return g.createElement(za,{container:n,...r})}const fe={Root:Eo,Content:Vn,Overlay:Yn,Trigger:Va,Portal:xo,Handle:zn,Close:Ka,Title:Ga},Kt=[];function ft(e,t){e.resetHandlers(),t.endpoints.forEach(n=>{var a;const r=(a=t.handlers[n.id])==null?void 0:a[n.selectedScenario];r&&e.use(r())})}const te=ir.create((e,t)=>({pages:{},currentPageId:null,expandedIds:{},globalPreset:null,pendingChanges:!1,mockEnabled:!1,_worker:null,_setWorker:n=>{t()._worker!==n&&e({_worker:n})},registerPage:n=>{e(r=>{const a=r.pages[n.pageId],o=a?n.endpoints.map(i=>{const s=a.endpoints.find(v=>v.id===i.id);return s?{...i,selectedScenario:s.selectedScenario}:i}):n.endpoints;return{pages:{...r.pages,[n.pageId]:{endpoints:o,handlers:n.handlers}}}})},unregisterPage:n=>{e(r=>{const{[n]:a,...o}=r.pages;return{pages:o}})},setCurrentPage:n=>{var v;const{pages:r,mockEnabled:a,_worker:o}=t(),i=r[n],s=(v=i==null?void 0:i.endpoints[0])==null?void 0:v.id;e({currentPageId:n,expandedIds:s?{[s]:!0}:{},globalPreset:null,pendingChanges:!1}),a&&i&&o&&ft(o,i)},toggleEndpoint:n=>{e(r=>({expandedIds:{...r.expandedIds,[n]:!r.expandedIds[n]}}))},selectScenario:(n,r)=>{const{currentPageId:a}=t();a&&e(o=>{const i=o.pages[a];return i?{pages:{...o.pages,[a]:{...i,endpoints:i.endpoints.map(s=>s.id===n?{...s,selectedScenario:r}:s)}},globalPreset:null,pendingChanges:!0}:{}})},applyGlobalPreset:n=>{const{currentPageId:r}=t();!n||!r||e(a=>{const o=a.pages[r];return o?{pages:{...a.pages,[r]:{...o,endpoints:o.endpoints.map(i=>{const s=i.options.some(v=>v.scenario===n);return{...i,selectedScenario:s?n:i.options[0].scenario}})}},globalPreset:n,pendingChanges:!0}:{}})},applyChanges:()=>{const{currentPageId:n,pages:r,mockEnabled:a,_worker:o}=t();if(!n||!a||!o)return;const i=r[n];i&&ft(o,i),e({pendingChanges:!1})},resetCurrentPage:()=>{const{currentPageId:n,pages:r,_worker:a}=t();if(!n)return;const o=r[n];if(!o)return;const i=o.endpoints.map(s=>({...s,selectedScenario:s.options[0].scenario}));e(s=>({pages:{...s.pages,[n]:{...o,endpoints:i}},globalPreset:null,pendingChanges:!1})),a==null||a.resetHandlers()},toggleMockEnabled:async()=>{const{mockEnabled:n,currentPageId:r,pages:a,_worker:o}=t();if(o)if(n)o.stop(),e({mockEnabled:!1,pendingChanges:!1});else{await o.start({onUnhandledRequest:"warn",serviceWorker:{url:"/mockServiceWorker.js"}});const i=r?a[r]:null;i&&ft(o,i),e({mockEnabled:!0})}}})),qn=e=>{var t;return e.currentPageId?((t=e.pages[e.currentPageId])==null?void 0:t.endpoints)??Kt:Kt},Co=e=>{if(!e.mockEnabled)return"off";const t=qn(e);return t.some(n=>["error","not_found","forbidden","network_error"].includes(n.selectedScenario))?"error":t.some(n=>n.selectedScenario==="loading")?"warn":"ok"};function To(e){return e.scenario==="loading"?"// pending...":e.scenario==="network_error"?"// network error":e.payload?JSON.stringify(e.payload,null,2):"{}"}function Po(e){return e?e<300?"mswd-sc-badge mswd-sc-badge--2xx":e<500?"mswd-sc-badge mswd-sc-badge--4xx":"mswd-sc-badge mswd-sc-badge--5xx":"mswd-sc-badge mswd-sc-badge--err"}function Oo(e,t){return t?e==="loading"?"mswd-radio mswd-radio--loading":`mswd-radio ${["error","not_found","forbidden","network_error"].includes(e)?"mswd-radio--error":"mswd-radio--success"}`:"mswd-radio"}function No(e){return e==="loading"?"mswd-radio-dot mswd-radio-dot--loading":`mswd-radio-dot ${["error","not_found","forbidden","network_error"].includes(e)?"mswd-radio-dot--error":"mswd-radio-dot--success"}`}function Do(e){return e==="success"?"mswd-ep-status mswd-ep-status--success":e==="loading"?"mswd-ep-status mswd-ep-status--loading":"mswd-ep-status mswd-ep-status--error"}function _o({endpoint:e,expanded:t,onToggle:n,onSelectScenario:r}){const a=e.options.find(o=>o.scenario===e.selectedScenario)??e.options[0];return d.jsxs("div",{className:"mswd-ep-block",children:[d.jsxs("button",{className:"mswd-ep-header",onClick:n,children:[d.jsx("span",{className:`mswd-method mswd-method--${e.method}`,children:e.method}),d.jsx("span",{className:"mswd-ep-path",children:e.path}),d.jsx("span",{className:Do(e.selectedScenario),children:(a==null?void 0:a.statusCode)??(e.selectedScenario==="loading"?"…":"ERR")}),d.jsx("span",{className:`mswd-chevron ${t?"mswd-chevron--open":"mswd-chevron--closed"}`,children:"›"})]}),t&&d.jsxs("div",{className:"mswd-options",children:[e.options.map((o,i)=>{const s=e.selectedScenario===o.scenario;return d.jsxs("div",{children:[i>0&&d.jsx("div",{className:"mswd-option-divider"}),d.jsxs("button",{className:`mswd-option ${s?"mswd-option--selected":""}`,onClick:()=>r(o.scenario),children:[d.jsx("div",{className:Oo(o.scenario,s),children:s&&d.jsx("div",{className:No(o.scenario)})}),d.jsxs("div",{className:"mswd-opt-info",children:[d.jsx("p",{className:"mswd-opt-label",children:o.label}),d.jsx("p",{className:"mswd-opt-desc",children:o.description})]}),o.scenario==="loading"?d.jsx("span",{className:"mswd-sc-spinner"}):d.jsx("span",{className:Po(o.statusCode),children:o.statusCode??"ERR"})]})]},o.id)}),d.jsxs("div",{className:"mswd-payload",children:[d.jsx("p",{className:"mswd-payload-label",children:"Response preview"}),d.jsx("pre",{className:"mswd-payload-code",children:To(a)})]})]})]})}const Jt=e=>Symbol.iterator in e,Zt=e=>"entries"in e,Qt=(e,t)=>{const n=e instanceof Map?e:new Map(e.entries()),r=t instanceof Map?t:new Map(t.entries());if(n.size!==r.size)return!1;for(const[a,o]of n)if(!r.has(a)||!Object.is(o,r.get(a)))return!1;return!0},Ao=(e,t)=>{const n=e[Symbol.iterator](),r=t[Symbol.iterator]();let a=n.next(),o=r.next();for(;!a.done&&!o.done;){if(!Object.is(a.value,o.value))return!1;a=n.next(),o=r.next()}return!!a.done&&!!o.done};function ko(e,t){return Object.is(e,t)?!0:typeof e!="object"||e===null||typeof t!="object"||t===null||Object.getPrototypeOf(e)!==Object.getPrototypeOf(t)?!1:Jt(e)&&Jt(t)?Zt(e)&&Zt(t)?Qt(e,t):Ao(e,t):Qt({entries:()=>Object.entries(e)},{entries:()=>Object.entries(t)})}function Mo(e){const t=g.useRef(void 0);return n=>{const r=e(n);return ko(t.current,r)?t.current:t.current=r}}function jo({status:e,onClick:t}){const n=e==="error"?"mswd-badge mswd-badge--error":e==="warn"?"mswd-badge mswd-badge--warn":e==="ok"?"mswd-badge mswd-badge--ok":"mswd-badge mswd-badge--off",r=e==="error"?"!":e==="warn"?"…":e==="ok"?"✓":"—";return d.jsxs("button",{onClick:t,className:"mswd-fab",title:"Open MSW Debug Drawer","aria-label":"Open MSW Debug Drawer",children:[d.jsx("svg",{width:"18",height:"18",fill:"none",stroke:"currentColor",strokeWidth:"1.8",viewBox:"0 0 24 24","aria-hidden":"true",children:d.jsx("path",{d:"M9 3H5a2 2 0 00-2 2v4m6-6h10a2 2 0 012 2v4M9 3v18m0 0h10a2 2 0 002-2V9M9 21H5a2 2 0 01-2-2V9m0 0h18"})}),d.jsx("span",{className:n,"aria-hidden":"true",children:r})]})}function Io({enabled:e,onToggle:t}){return d.jsxs("button",{onClick:t,className:"mswd-toggle-row",type:"button",children:[d.jsx("div",{className:`mswd-track ${e?"mswd-track--on":""}`,children:d.jsx("div",{className:`mswd-thumb ${e?"mswd-thumb--on":""}`})}),d.jsxs("div",{className:"mswd-toggle-labels",children:[d.jsx("p",{className:`mswd-toggle-title ${e?"mswd-toggle-title--on":""}`,children:e?"Mock ativo":"Mock inativo"}),d.jsx("p",{className:"mswd-toggle-sub",children:e?"interceptando requisições":"requisições indo para a API real"})]}),d.jsx("span",{className:`mswd-dot ${e?"mswd-dot--on":""}`})]})}function $o({active:e,disabled:t,onSelect:n}){const r=[{id:"success",label:"all success",cls:"mswd-preset-btn--success"},{id:"loading",label:"all loading",cls:"mswd-preset-btn--loading"},{id:"error",label:"all error",cls:"mswd-preset-btn--error"}];return d.jsx("div",{className:`mswd-global-strip ${t?"mswd-global-strip--disabled":""}`,children:r.map(a=>d.jsxs("button",{type:"button",onClick:()=>n(a.id),className:`mswd-preset-btn ${e===a.id?a.cls:""}`,children:[d.jsx("span",{className:`mswd-preset-dot mswd-preset-dot--${a.id}`}),a.label]},a.id))})}function Lo({worker:e,enabled:t=!0}){const[n,r]=g.useState(!1),[a,o]=g.useState(!1),i=te(E=>E._setWorker);g.useEffect(()=>{i(e)},[e]);const{endpoints:s,expandedIds:v,globalPreset:p,pendingChanges:f,mockEnabled:l,currentPageId:h,fabStatus:R}=te(Mo(E=>({endpoints:qn(E),expandedIds:E.expandedIds,globalPreset:E.globalPreset,pendingChanges:E.pendingChanges,mockEnabled:E.mockEnabled,currentPageId:E.currentPageId,fabStatus:Co(E)}))),O=te(E=>E.toggleMockEnabled),m=te(E=>E.toggleEndpoint),S=te(E=>E.selectScenario),w=te(E=>E.applyGlobalPreset),T=te(E=>E.applyChanges),P=te(E=>E.resetCurrentPage),y=g.useCallback(()=>{T(),o(!0),setTimeout(()=>o(!1),1200)},[T]);return t?d.jsx(d.Fragment,{children:d.jsxs(fe.Root,{open:n,onOpenChange:r,shouldScaleBackground:!1,modal:!0,children:[d.jsx(fe.Trigger,{asChild:!0,children:d.jsx(jo,{status:R,onClick:()=>r(!0)})}),d.jsxs(fe.Portal,{children:[d.jsx(fe.Overlay,{className:"mswd-vaul-overlay"}),d.jsxs(fe.Content,{className:"mswd-vaul-content","aria-modal":!0,"aria-describedby":void 0,children:[d.jsx(fe.Handle,{className:"mswd-vaul-handle"}),d.jsx(fe.Title,{className:"mswd-sr-only",children:"Debug Drawer"}),d.jsxs("div",{className:"mswd-header",children:[d.jsxs("div",{className:"mswd-header-left",children:[d.jsx("div",{className:"mswd-header-icon","aria-hidden":"true",children:"⚡"}),d.jsxs("div",{children:[d.jsx("p",{className:"mswd-header-title",children:"Debug"}),h?d.jsx("p",{className:"mswd-header-sub mswd-header-sub--page",children:h}):d.jsx("p",{className:"mswd-header-sub",children:"mock service worker"})]})]}),d.jsx(fe.Close,{className:"mswd-close-btn","aria-label":"Close drawer",children:"✕"})]}),d.jsx(Io,{enabled:l,onToggle:O}),s.length===0?d.jsxs("div",{className:"mswd-empty",children:[d.jsx("div",{className:"mswd-empty-icon","aria-hidden":"true",children:"📭"}),d.jsx("p",{className:"mswd-empty-title",children:"Nenhum endpoint registrado"}),d.jsxs("p",{className:"mswd-empty-desc",children:["Use"," ",d.jsx("code",{className:"mswd-code",children:"useRegisterMockEndpoints"})," em uma página para ver os endpoints aqui."]})]}):d.jsxs(d.Fragment,{children:[d.jsx($o,{active:p,disabled:!l,onSelect:w}),d.jsxs("div",{className:`mswd-section-label ${l?"":"mswd-section-label--disabled"}`,children:[d.jsxs("span",{className:"mswd-section-text",children:["endpoints · ",s.length]}),f&&l&&d.jsx("span",{className:"mswd-unsaved",children:"unsaved"})]}),d.jsx("div",{className:`mswd-list ${l?"":"mswd-list--disabled"}`,"data-vaul-no-drag":!0,children:s.map(E=>d.jsx(_o,{endpoint:E,expanded:!!v[E.id],onToggle:()=>m(E.id),onSelectScenario:F=>S(E.id,F)},E.id))}),d.jsxs("div",{className:"mswd-footer",children:[d.jsx("button",{type:"button",onClick:P,className:"mswd-btn-reset",children:"Reset"}),d.jsx("button",{type:"button",onClick:y,disabled:!f||!l,className:`mswd-btn-apply ${a?"mswd-btn-apply--applied":f&&l?"mswd-btn-apply--active":"mswd-btn-apply--disabled"}`,children:a?"Applied ✓":"Apply & reload"})]})]})]})]})]})}):null}function Fo(e){const t=te(o=>o.registerPage),n=te(o=>o.unregisterPage),r=te(o=>o.setCurrentPage),a=g.useRef(e);a.current=e,g.useEffect(()=>{const{pageId:o}=a.current;return t(a.current),r(o),()=>{n(o)}},[t,n,r,e.pageId])}exports.DebugDrawer=Lo;exports.useDebugDrawerStore=te;exports.useRegisterMockEndpoints=Fo;
package/dist/index.js CHANGED
@@ -2647,7 +2647,7 @@ const re = mr((e, t) => ({
2647
2647
  expandedIds: {},
2648
2648
  globalPreset: null,
2649
2649
  pendingChanges: !1,
2650
- mockEnabled: !0,
2650
+ mockEnabled: !1,
2651
2651
  _worker: null,
2652
2652
  _setWorker: (n) => {
2653
2653
  t()._worker !== n && e({ _worker: n });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@withgus/debug",
3
- "version": "1.2.0",
3
+ "version": "1.2.3",
4
4
  "description": "A debug drawer for switching MSW mock scenarios per page at runtime",
5
5
  "type": "module",
6
6
  "main": "./dist/index.cjs",
@@ -14,7 +14,8 @@
14
14
  },
15
15
  "./css": {
16
16
  "require": "./dist/debug.css",
17
- "import": "./dist/debug.css"
17
+ "import": "./dist/debug.css",
18
+ "default": "./dist/debug.css"
18
19
  }
19
20
  },
20
21
  "author": {
@@ -57,7 +58,7 @@
57
58
  "scripts": {
58
59
  "build": "vite build && tsc --emitDeclarationOnly --declaration --outDir dist",
59
60
  "typecheck": "tsc --noEmit",
60
- "dev": "vite build --watch",
61
+ "dev": "tsc --emitDeclarationOnly --declaration --outDir dist && vite build --watch",
61
62
  "release": "pnpm build && changeset publish"
62
63
  }
63
64
  }