@withgus/debug 1.1.0 → 1.2.0
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/components/DebugDrawer/DebugDrawer.d.ts +1 -6
- package/dist/debug.css +1 -1
- package/dist/hooks/useRegisterMockEndpoints.d.ts +1 -1
- package/dist/index.cjs +10 -10
- package/dist/index.d.ts +5 -5
- package/dist/index.js +1035 -983
- package/dist/mocks/types.d.ts +3 -3
- package/dist/store/debugDrawerStore.d.ts +2 -2
- package/package.json +5 -1
|
@@ -9,11 +9,6 @@ interface DebugDrawerProps {
|
|
|
9
9
|
* to limit visibility to development.
|
|
10
10
|
*/
|
|
11
11
|
enabled?: boolean;
|
|
12
|
-
/**
|
|
13
|
-
* Vaul snap points. Defaults to ['500px', 1] — half-open then full.
|
|
14
|
-
* Pass a single value like [1] to always open full-height.
|
|
15
|
-
*/
|
|
16
|
-
snapPoints?: (string | number)[];
|
|
17
12
|
}
|
|
18
|
-
export declare function DebugDrawer({ worker, enabled
|
|
13
|
+
export declare function DebugDrawer({ worker, enabled }: DebugDrawerProps): import("react/jsx-runtime").JSX.Element | null;
|
|
19
14
|
export {};
|
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;overflow-y:auto;padding:0 20px 12px;display:flex;flex-direction:column;gap:10px;transition:opacity .2s}.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;overflow:hidden}.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}.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}.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,2 +1,2 @@
|
|
|
1
|
-
import { PageMockConfig } from
|
|
1
|
+
import { PageMockConfig } from "../mocks/types";
|
|
2
2
|
export declare function useRegisterMockEndpoints(config: PageMockConfig): void;
|
package/dist/index.cjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react"),en=require("react-dom"),ir=require("zustand");function tn(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const c=tn(g),cr=tn(en);var Fe={exports:{}},De={};/**
|
|
2
2
|
* @license React
|
|
3
3
|
* react-jsx-runtime.production.js
|
|
4
4
|
*
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
*
|
|
7
7
|
* This source code is licensed under the MIT license found in the
|
|
8
8
|
* LICENSE file in the root directory of this source tree.
|
|
9
|
-
*/var Dt;function
|
|
9
|
+
*/var Dt;function lr(){if(Dt)return De;Dt=1;var e=Symbol.for("react.transitional.element"),t=Symbol.for("react.fragment");function n(r,a,o){var i=null;if(o!==void 0&&(i=""+o),a.key!==void 0&&(i=""+a.key),"key"in a){o={};for(var s in a)s!=="key"&&(o[s]=a[s])}else o=a;return a=o.ref,{$$typeof:e,type:r,key:i,ref:a!==void 0?a:null,props:o}}return De.Fragment=t,De.jsx=n,De.jsxs=n,De}var _e={};/**
|
|
10
10
|
* @license React
|
|
11
11
|
* react-jsx-runtime.development.js
|
|
12
12
|
*
|
|
@@ -14,13 +14,13 @@
|
|
|
14
14
|
*
|
|
15
15
|
* This source code is licensed under the MIT license found in the
|
|
16
16
|
* LICENSE file in the root directory of this source tree.
|
|
17
|
-
*/var
|
|
17
|
+
*/var _t;function ur(){return _t||(_t=1,process.env.NODE_ENV!=="production"&&(function(){function e(u){if(u==null)return null;if(typeof u=="function")return u.$$typeof===U?null:u.displayName||u.name||null;if(typeof u=="string")return u;switch(u){case S:return"Fragment";case T:return"Profiler";case w:return"StrictMode";case F:return"Suspense";case b:return"SuspenseList";case W:return"Activity"}if(typeof u=="object")switch(typeof u.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),u.$$typeof){case m:return"Portal";case y:return u.displayName||"Context";case P:return(u._context.displayName||"Context")+".Consumer";case E:var D=u.render;return u=u.displayName,u||(u=D.displayName||D.name||"",u=u!==""?"ForwardRef("+u+")":"ForwardRef"),u;case A:return D=u.displayName||null,D!==null?D:e(u.type)||"Memo";case N:D=u._payload,u=u._init;try{return e(u(D))}catch{}}return null}function t(u){return""+u}function n(u){try{t(u);var D=!1}catch{D=!0}if(D){D=console;var M=D.error,L=typeof Symbol=="function"&&Symbol.toStringTag&&u[Symbol.toStringTag]||u.constructor.name||"Object";return M.call(D,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",L),t(u)}}function r(u){if(u===S)return"<>";if(typeof u=="object"&&u!==null&&u.$$typeof===N)return"<...>";try{var D=e(u);return D?"<"+D+">":"<...>"}catch{return"<...>"}}function a(){var u=V.A;return u===null?null:u.getOwner()}function o(){return Error("react-stack-top-frame")}function i(u){if(x.call(u,"key")){var D=Object.getOwnPropertyDescriptor(u,"key").get;if(D&&D.isReactWarning)return!1}return u.key!==void 0}function s(u,D){function M(){K||(K=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",D))}M.isReactWarning=!0,Object.defineProperty(u,"key",{get:M,configurable:!0})}function v(){var u=e(this.type);return q[u]||(q[u]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),u=this.props.ref,u!==void 0?u:null}function p(u,D,M,L,le,ve){var $=M.ref;return u={$$typeof:O,type:u,key:D,props:M,_owner:L},($!==void 0?$:null)!==null?Object.defineProperty(u,"ref",{enumerable:!1,get:v}):Object.defineProperty(u,"ref",{enumerable:!1,value:null}),u._store={},Object.defineProperty(u._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(u,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(u,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:le}),Object.defineProperty(u,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:ve}),Object.freeze&&(Object.freeze(u.props),Object.freeze(u)),u}function f(u,D,M,L,le,ve){var $=D.children;if($!==void 0)if(L)if(G($)){for(L=0;L<$.length;L++)l($[L]);Object.freeze&&Object.freeze($)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else l($);if(x.call(D,"key")){$=e(u);var ee=Object.keys(D).filter(function(Pe){return Pe!=="key"});L=0<ee.length?"{key: someKey, "+ee.join(": ..., ")+": ...}":"{key: someKey}",ce[$+L]||(ee=0<ee.length?"{"+ee.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
|
|
18
18
|
let props = %s;
|
|
19
19
|
<%s {...props} />
|
|
20
20
|
React keys must be passed directly to JSX without using spread:
|
|
21
21
|
let props = %s;
|
|
22
|
-
<%s key={someKey} {...props} />`,W,L,te,L),ce[L+W]=!0)}if(L=null,M!==void 0&&(n(M),L=""+M),i(D)&&(n(D.key),L=""+D.key),"key"in D){M={};for(var he in D)he!=="key"&&(M[he]=D[he])}else M=D;return L&&s(M,typeof u=="function"?u.displayName||u.name||"Unknown":u),f(u,L,M,a(),le,ve)}function m(u){h(u)?u._store&&(u._store.validated=1):typeof u=="object"&&u!==null&&u.$$typeof===y&&(u._payload.status==="fulfilled"?h(u._payload.value)&&u._payload.value._store&&(u._payload.value._store.validated=1):u._store&&(u._store.validated=1))}function h(u){return typeof u=="object"&&u!==null&&u.$$typeof===N}var R=g,N=Symbol.for("react.transitional.element"),l=Symbol.for("react.portal"),S=Symbol.for("react.fragment"),w=Symbol.for("react.strict_mode"),T=Symbol.for("react.profiler"),P=Symbol.for("react.consumer"),E=Symbol.for("react.context"),_=Symbol.for("react.forward_ref"),F=Symbol.for("react.suspense"),b=Symbol.for("react.suspense_list"),O=Symbol.for("react.memo"),y=Symbol.for("react.lazy"),$=Symbol.for("react.activity"),B=Symbol.for("react.client.reference"),Y=R.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,C=Object.prototype.hasOwnProperty,K=Array.isArray,z=console.createTask?console.createTask:function(){return null};R={react_stack_bottom_frame:function(u){return u()}};var J,q={},ee=R.react_stack_bottom_frame.bind(R,o)(),ne=z(r(o)),ce={};Ae.Fragment=S,Ae.jsx=function(u,D,M){var W=1e4>Y.recentlyCreatedOwnerStacks++;return p(u,D,M,!1,W?Error("react-stack-top-frame"):ee,W?z(r(u)):ne)},Ae.jsxs=function(u,D,M){var W=1e4>Y.recentlyCreatedOwnerStacks++;return p(u,D,M,!0,W?Error("react-stack-top-frame"):ee,W?z(r(u)):ne)}})()),Ae}var _t;function ir(){return _t||(_t=1,process.env.NODE_ENV==="production"?Fe.exports=or():Fe.exports=sr()),Fe.exports}var d=ir();function pe(e,t,{checkForDefaultPrevented:n=!0}={}){return function(a){if(e==null||e(a),n===!1||!a.defaultPrevented)return t==null?void 0:t(a)}}function kt(e,t){if(typeof e=="function")return e(t);e!=null&&(e.current=t)}function Zt(...e){return t=>{let n=!1;const r=e.map(a=>{const o=kt(a,t);return!n&&typeof o=="function"&&(n=!0),o});if(n)return()=>{for(let a=0;a<r.length;a++){const o=r[a];typeof o=="function"?o():kt(e[a],null)}}}}function ye(...e){return c.useCallback(Zt(...e),e)}function cr(e,t){const n=c.createContext(t),r=o=>{const{children:i,...s}=o,v=c.useMemo(()=>s,Object.values(s));return d.jsx(n.Provider,{value:v,children:i})};r.displayName=e+"Provider";function a(o){const i=c.useContext(n);if(i)return i;if(t!==void 0)return t;throw new Error(`\`${o}\` must be used within \`${e}\``)}return[r,a]}function lr(e,t=[]){let n=[];function r(o,i){const s=c.createContext(i),v=n.length;n=[...n,i];const f=m=>{var w;const{scope:h,children:R,...N}=m,l=((w=h==null?void 0:h[e])==null?void 0:w[v])||s,S=c.useMemo(()=>N,Object.values(N));return d.jsx(l.Provider,{value:S,children:R})};f.displayName=o+"Provider";function p(m,h){var l;const R=((l=h==null?void 0:h[e])==null?void 0:l[v])||s,N=c.useContext(R);if(N)return N;if(i!==void 0)return i;throw new Error(`\`${m}\` must be used within \`${o}\``)}return[f,p]}const a=()=>{const o=n.map(i=>c.createContext(i));return function(s){const v=(s==null?void 0:s[e])||o;return c.useMemo(()=>({[`__scope${e}`]:{...s,[e]:v}}),[s,v])}};return a.scopeName=e,[r,ur(a,...t)]}function ur(...e){const t=e[0];if(e.length===1)return t;const n=()=>{const r=e.map(a=>({useScope:a(),scopeName:a.scopeName}));return function(o){const i=r.reduce((s,{useScope:v,scopeName:f})=>{const m=v(o)[`__scope${f}`];return{...s,...m}},{});return c.useMemo(()=>({[`__scope${t.scopeName}`]:i}),[i])}};return n.scopeName=t.scopeName,n}var Me=globalThis!=null&&globalThis.document?c.useLayoutEffect:()=>{},dr=c[" useId ".trim().toString()]||(()=>{}),fr=0;function et(e){const[t,n]=c.useState(dr());return Me(()=>{n(r=>r??String(fr++))},[e]),e||(t?`radix-${t}`:"")}var mr=c[" useInsertionEffect ".trim().toString()]||Me;function pr({prop:e,defaultProp:t,onChange:n=()=>{},caller:r}){const[a,o,i]=vr({defaultProp:t,onChange:n}),s=e!==void 0,v=s?e:a;{const p=c.useRef(e!==void 0);c.useEffect(()=>{const m=p.current;m!==s&&console.warn(`${r} is changing from ${m?"controlled":"uncontrolled"} to ${s?"controlled":"uncontrolled"}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`),p.current=s},[s,r])}const f=c.useCallback(p=>{var m;if(s){const h=hr(p)?p(e):p;h!==e&&((m=i.current)==null||m.call(i,h))}else o(p)},[s,e,o,i]);return[v,f]}function vr({defaultProp:e,onChange:t}){const[n,r]=c.useState(e),a=c.useRef(n),o=c.useRef(t);return mr(()=>{o.current=t},[t]),c.useEffect(()=>{var i;a.current!==n&&((i=o.current)==null||i.call(o,n),a.current=n)},[n,a]),[n,r,o]}function hr(e){return typeof e=="function"}function Qt(e){const t=gr(e),n=c.forwardRef((r,a)=>{const{children:o,...i}=r,s=c.Children.toArray(o),v=s.find(br);if(v){const f=v.props.children,p=s.map(m=>m===v?c.Children.count(f)>1?c.Children.only(null):c.isValidElement(f)?f.props.children:null:m);return d.jsx(t,{...i,ref:a,children:c.isValidElement(f)?c.cloneElement(f,void 0,p):null})}return d.jsx(t,{...i,ref:a,children:o})});return n.displayName=`${e}.Slot`,n}function gr(e){const t=c.forwardRef((n,r)=>{const{children:a,...o}=n;if(c.isValidElement(a)){const i=Er(a),s=yr(o,a.props);return a.type!==c.Fragment&&(s.ref=r?Zt(r,i):i),c.cloneElement(a,s)}return c.Children.count(a)>1?c.Children.only(null):null});return t.displayName=`${e}.SlotClone`,t}var wr=Symbol("radix.slottable");function br(e){return c.isValidElement(e)&&typeof e.type=="function"&&"__radixId"in e.type&&e.type.__radixId===wr}function yr(e,t){const n={...t};for(const r in t){const a=e[r],o=t[r];/^on[A-Z]/.test(r)?a&&o?n[r]=(...s)=>{const v=o(...s);return a(...s),v}:a&&(n[r]=a):r==="style"?n[r]={...a,...o}:r==="className"&&(n[r]=[a,o].filter(Boolean).join(" "))}return{...e,...n}}function Er(e){var r,a;let t=(r=Object.getOwnPropertyDescriptor(e.props,"ref"))==null?void 0:r.get,n=t&&"isReactWarning"in t&&t.isReactWarning;return n?e.ref:(t=(a=Object.getOwnPropertyDescriptor(e,"ref"))==null?void 0:a.get,n=t&&"isReactWarning"in t&&t.isReactWarning,n?e.props.ref:e.props.ref||e.ref)}var Sr=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","select","span","svg","ul"],ie=Sr.reduce((e,t)=>{const n=Qt(`Primitive.${t}`),r=c.forwardRef((a,o)=>{const{asChild:i,...s}=a,v=i?n:t;return typeof window<"u"&&(window[Symbol.for("radix-ui")]=!0),d.jsx(v,{...s,ref:o})});return r.displayName=`Primitive.${t}`,{...e,[t]:r}},{});function Rr(e,t){e&&ar.flushSync(()=>e.dispatchEvent(t))}function Ie(e){const t=c.useRef(e);return c.useEffect(()=>{t.current=e}),c.useMemo(()=>(...n)=>{var r;return(r=t.current)==null?void 0:r.call(t,...n)},[])}function Cr(e,t=globalThis==null?void 0:globalThis.document){const n=Ie(e);c.useEffect(()=>{const r=a=>{a.key==="Escape"&&n(a)};return t.addEventListener("keydown",r,{capture:!0}),()=>t.removeEventListener("keydown",r,{capture:!0})},[n,t])}var xr="DismissableLayer",mt="dismissableLayer.update",Tr="dismissableLayer.pointerDownOutside",Pr="dismissableLayer.focusOutside",Mt,en=c.createContext({layers:new Set,layersWithOutsidePointerEventsDisabled:new Set,branches:new Set}),tn=c.forwardRef((e,t)=>{const{disableOutsidePointerEvents:n=!1,onEscapeKeyDown:r,onPointerDownOutside:a,onFocusOutside:o,onInteractOutside:i,onDismiss:s,...v}=e,f=c.useContext(en),[p,m]=c.useState(null),h=(p==null?void 0:p.ownerDocument)??(globalThis==null?void 0:globalThis.document),[,R]=c.useState({}),N=ye(t,b=>m(b)),l=Array.from(f.layers),[S]=[...f.layersWithOutsidePointerEventsDisabled].slice(-1),w=l.indexOf(S),T=p?l.indexOf(p):-1,P=f.layersWithOutsidePointerEventsDisabled.size>0,E=T>=w,_=Dr(b=>{const O=b.target,y=[...f.branches].some($=>$.contains(O));!E||y||(a==null||a(b),i==null||i(b),b.defaultPrevented||s==null||s())},h),F=Ar(b=>{const O=b.target;[...f.branches].some($=>$.contains(O))||(o==null||o(b),i==null||i(b),b.defaultPrevented||s==null||s())},h);return Cr(b=>{T===f.layers.size-1&&(r==null||r(b),!b.defaultPrevented&&s&&(b.preventDefault(),s()))},h),c.useEffect(()=>{if(p)return n&&(f.layersWithOutsidePointerEventsDisabled.size===0&&(Mt=h.body.style.pointerEvents,h.body.style.pointerEvents="none"),f.layersWithOutsidePointerEventsDisabled.add(p)),f.layers.add(p),It(),()=>{n&&f.layersWithOutsidePointerEventsDisabled.size===1&&(h.body.style.pointerEvents=Mt)}},[p,h,n,f]),c.useEffect(()=>()=>{p&&(f.layers.delete(p),f.layersWithOutsidePointerEventsDisabled.delete(p),It())},[p,f]),c.useEffect(()=>{const b=()=>R({});return document.addEventListener(mt,b),()=>document.removeEventListener(mt,b)},[]),d.jsx(ie.div,{...v,ref:N,style:{pointerEvents:P?E?"auto":"none":void 0,...e.style},onFocusCapture:pe(e.onFocusCapture,F.onFocusCapture),onBlurCapture:pe(e.onBlurCapture,F.onBlurCapture),onPointerDownCapture:pe(e.onPointerDownCapture,_.onPointerDownCapture)})});tn.displayName=xr;var Nr="DismissableLayerBranch",Or=c.forwardRef((e,t)=>{const n=c.useContext(en),r=c.useRef(null),a=ye(t,r);return c.useEffect(()=>{const o=r.current;if(o)return n.branches.add(o),()=>{n.branches.delete(o)}},[n.branches]),d.jsx(ie.div,{...e,ref:a})});Or.displayName=Nr;function Dr(e,t=globalThis==null?void 0:globalThis.document){const n=Ie(e),r=c.useRef(!1),a=c.useRef(()=>{});return c.useEffect(()=>{const o=s=>{if(s.target&&!r.current){let v=function(){nn(Tr,n,f,{discrete:!0})};const f={originalEvent:s};s.pointerType==="touch"?(t.removeEventListener("click",a.current),a.current=v,t.addEventListener("click",a.current,{once:!0})):v()}else t.removeEventListener("click",a.current);r.current=!1},i=window.setTimeout(()=>{t.addEventListener("pointerdown",o)},0);return()=>{window.clearTimeout(i),t.removeEventListener("pointerdown",o),t.removeEventListener("click",a.current)}},[t,n]),{onPointerDownCapture:()=>r.current=!0}}function Ar(e,t=globalThis==null?void 0:globalThis.document){const n=Ie(e),r=c.useRef(!1);return c.useEffect(()=>{const a=o=>{o.target&&!r.current&&nn(Pr,n,{originalEvent:o},{discrete:!1})};return t.addEventListener("focusin",a),()=>t.removeEventListener("focusin",a)},[t,n]),{onFocusCapture:()=>r.current=!0,onBlurCapture:()=>r.current=!1}}function It(){const e=new CustomEvent(mt);document.dispatchEvent(e)}function nn(e,t,n,{discrete:r}){const a=n.originalEvent.target,o=new CustomEvent(e,{bubbles:!1,cancelable:!0,detail:n});t&&a.addEventListener(e,t,{once:!0}),r?Rr(a,o):a.dispatchEvent(o)}var tt="focusScope.autoFocusOnMount",nt="focusScope.autoFocusOnUnmount",jt={bubbles:!1,cancelable:!0},_r="FocusScope",rn=c.forwardRef((e,t)=>{const{loop:n=!1,trapped:r=!1,onMountAutoFocus:a,onUnmountAutoFocus:o,...i}=e,[s,v]=c.useState(null),f=Ie(a),p=Ie(o),m=c.useRef(null),h=ye(t,l=>v(l)),R=c.useRef({paused:!1,pause(){this.paused=!0},resume(){this.paused=!1}}).current;c.useEffect(()=>{if(r){let l=function(P){if(R.paused||!s)return;const E=P.target;s.contains(E)?m.current=E:me(m.current,{select:!0})},S=function(P){if(R.paused||!s)return;const E=P.relatedTarget;E!==null&&(s.contains(E)||me(m.current,{select:!0}))},w=function(P){if(document.activeElement===document.body)for(const _ of P)_.removedNodes.length>0&&me(s)};document.addEventListener("focusin",l),document.addEventListener("focusout",S);const T=new MutationObserver(w);return s&&T.observe(s,{childList:!0,subtree:!0}),()=>{document.removeEventListener("focusin",l),document.removeEventListener("focusout",S),T.disconnect()}}},[r,s,R.paused]),c.useEffect(()=>{if(s){Lt.add(R);const l=document.activeElement;if(!s.contains(l)){const w=new CustomEvent(tt,jt);s.addEventListener(tt,f),s.dispatchEvent(w),w.defaultPrevented||(kr(Lr(an(s)),{select:!0}),document.activeElement===l&&me(s))}return()=>{s.removeEventListener(tt,f),setTimeout(()=>{const w=new CustomEvent(nt,jt);s.addEventListener(nt,p),s.dispatchEvent(w),w.defaultPrevented||me(l??document.body,{select:!0}),s.removeEventListener(nt,p),Lt.remove(R)},0)}}},[s,f,p,R]);const N=c.useCallback(l=>{if(!n&&!r||R.paused)return;const S=l.key==="Tab"&&!l.altKey&&!l.ctrlKey&&!l.metaKey,w=document.activeElement;if(S&&w){const T=l.currentTarget,[P,E]=Mr(T);P&&E?!l.shiftKey&&w===E?(l.preventDefault(),n&&me(P,{select:!0})):l.shiftKey&&w===P&&(l.preventDefault(),n&&me(E,{select:!0})):w===T&&l.preventDefault()}},[n,r,R.paused]);return d.jsx(ie.div,{tabIndex:-1,...i,ref:h,onKeyDown:N})});rn.displayName=_r;function kr(e,{select:t=!1}={}){const n=document.activeElement;for(const r of e)if(me(r,{select:t}),document.activeElement!==n)return}function Mr(e){const t=an(e),n=$t(t,e),r=$t(t.reverse(),e);return[n,r]}function an(e){const t=[],n=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:r=>{const a=r.tagName==="INPUT"&&r.type==="hidden";return r.disabled||r.hidden||a?NodeFilter.FILTER_SKIP:r.tabIndex>=0?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});for(;n.nextNode();)t.push(n.currentNode);return t}function $t(e,t){for(const n of e)if(!Ir(n,{upTo:t}))return n}function Ir(e,{upTo:t}){if(getComputedStyle(e).visibility==="hidden")return!0;for(;e;){if(t!==void 0&&e===t)return!1;if(getComputedStyle(e).display==="none")return!0;e=e.parentElement}return!1}function jr(e){return e instanceof HTMLInputElement&&"select"in e}function me(e,{select:t=!1}={}){if(e&&e.focus){const n=document.activeElement;e.focus({preventScroll:!0}),e!==n&&jr(e)&&t&&e.select()}}var Lt=$r();function $r(){let e=[];return{add(t){const n=e[0];t!==n&&(n==null||n.pause()),e=Ft(e,t),e.unshift(t)},remove(t){var n;e=Ft(e,t),(n=e[0])==null||n.resume()}}}function Ft(e,t){const n=[...e],r=n.indexOf(t);return r!==-1&&n.splice(r,1),n}function Lr(e){return e.filter(t=>t.tagName!=="A")}var Fr="Portal",on=c.forwardRef((e,t)=>{var s;const{container:n,...r}=e,[a,o]=c.useState(!1);Me(()=>o(!0),[]);const i=n||a&&((s=globalThis==null?void 0:globalThis.document)==null?void 0:s.body);return i?Kt.createPortal(d.jsx(ie.div,{...r,ref:t}),i):null});on.displayName=Fr;function Wr(e,t){return c.useReducer((n,r)=>t[n][r]??n,e)}var Ke=e=>{const{present:t,children:n}=e,r=Br(t),a=typeof n=="function"?n({present:r.isPresent}):c.Children.only(n),o=ye(r.ref,Ur(a));return typeof n=="function"||r.isPresent?c.cloneElement(a,{ref:o}):null};Ke.displayName="Presence";function Br(e){const[t,n]=c.useState(),r=c.useRef(null),a=c.useRef(e),o=c.useRef("none"),i=e?"mounted":"unmounted",[s,v]=Wr(i,{mounted:{UNMOUNT:"unmounted",ANIMATION_OUT:"unmountSuspended"},unmountSuspended:{MOUNT:"mounted",ANIMATION_END:"unmounted"},unmounted:{MOUNT:"mounted"}});return c.useEffect(()=>{const f=We(r.current);o.current=s==="mounted"?f:"none"},[s]),Me(()=>{const f=r.current,p=a.current;if(p!==e){const h=o.current,R=We(f);e?v("MOUNT"):R==="none"||(f==null?void 0:f.display)==="none"?v("UNMOUNT"):v(p&&h!==R?"ANIMATION_OUT":"UNMOUNT"),a.current=e}},[e,v]),Me(()=>{if(t){let f;const p=t.ownerDocument.defaultView??window,m=R=>{const l=We(r.current).includes(CSS.escape(R.animationName));if(R.target===t&&l&&(v("ANIMATION_END"),!a.current)){const S=t.style.animationFillMode;t.style.animationFillMode="forwards",f=p.setTimeout(()=>{t.style.animationFillMode==="forwards"&&(t.style.animationFillMode=S)})}},h=R=>{R.target===t&&(o.current=We(r.current))};return t.addEventListener("animationstart",h),t.addEventListener("animationcancel",m),t.addEventListener("animationend",m),()=>{p.clearTimeout(f),t.removeEventListener("animationstart",h),t.removeEventListener("animationcancel",m),t.removeEventListener("animationend",m)}}else v("ANIMATION_END")},[t,v]),{isPresent:["mounted","unmountSuspended"].includes(s),ref:c.useCallback(f=>{r.current=f?getComputedStyle(f):null,n(f)},[])}}function We(e){return(e==null?void 0:e.animationName)||"none"}function Ur(e){var r,a;let t=(r=Object.getOwnPropertyDescriptor(e.props,"ref"))==null?void 0:r.get,n=t&&"isReactWarning"in t&&t.isReactWarning;return n?e.ref:(t=(a=Object.getOwnPropertyDescriptor(e,"ref"))==null?void 0:a.get,n=t&&"isReactWarning"in t&&t.isReactWarning,n?e.props.ref:e.props.ref||e.ref)}var rt=0;function Hr(){c.useEffect(()=>{const e=document.querySelectorAll("[data-radix-focus-guard]");return document.body.insertAdjacentElement("afterbegin",e[0]??Wt()),document.body.insertAdjacentElement("beforeend",e[1]??Wt()),rt++,()=>{rt===1&&document.querySelectorAll("[data-radix-focus-guard]").forEach(t=>t.remove()),rt--}},[])}function Wt(){const e=document.createElement("span");return e.setAttribute("data-radix-focus-guard",""),e.tabIndex=0,e.style.outline="none",e.style.opacity="0",e.style.position="fixed",e.style.pointerEvents="none",e}var se=function(){return se=Object.assign||function(t){for(var n,r=1,a=arguments.length;r<a;r++){n=arguments[r];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(t[o]=n[o])}return t},se.apply(this,arguments)};function sn(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var a=0,r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]]);return n}function Vr(e,t,n){if(n||arguments.length===2)for(var r=0,a=t.length,o;r<a;r++)(o||!(r in t))&&(o||(o=Array.prototype.slice.call(t,0,r)),o[r]=t[r]);return e.concat(o||Array.prototype.slice.call(t))}var qe="right-scroll-bar-position",Xe="width-before-scroll-bar",Yr="with-scroll-bars-hidden",zr="--removed-body-scroll-bar-size";function at(e,t){return typeof e=="function"?e(t):e&&(e.current=t),e}function qr(e,t){var n=g.useState(function(){return{value:e,callback:t,facade:{get current(){return n.value},set current(r){var a=n.value;a!==r&&(n.value=r,n.callback(r,a))}}}})[0];return n.callback=t,n.facade}var Xr=typeof window<"u"?c.useLayoutEffect:c.useEffect,Bt=new WeakMap;function Gr(e,t){var n=qr(null,function(r){return e.forEach(function(a){return at(a,r)})});return Xr(function(){var r=Bt.get(n);if(r){var a=new Set(r),o=new Set(e),i=n.current;a.forEach(function(s){o.has(s)||at(s,null)}),o.forEach(function(s){a.has(s)||at(s,i)})}Bt.set(n,e)},[e]),n}function Kr(e){return e}function Jr(e,t){t===void 0&&(t=Kr);var n=[],r=!1,a={read:function(){if(r)throw new Error("Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`.");return n.length?n[n.length-1]:e},useMedium:function(o){var i=t(o,r);return n.push(i),function(){n=n.filter(function(s){return s!==i})}},assignSyncMedium:function(o){for(r=!0;n.length;){var i=n;n=[],i.forEach(o)}n={push:function(s){return o(s)},filter:function(){return n}}},assignMedium:function(o){r=!0;var i=[];if(n.length){var s=n;n=[],s.forEach(o),i=n}var v=function(){var p=i;i=[],p.forEach(o)},f=function(){return Promise.resolve().then(v)};f(),n={push:function(p){i.push(p),f()},filter:function(p){return i=i.filter(p),n}}}};return a}function Zr(e){e===void 0&&(e={});var t=Jr(null);return t.options=se({async:!0,ssr:!1},e),t}var cn=function(e){var t=e.sideCar,n=sn(e,["sideCar"]);if(!t)throw new Error("Sidecar: please provide `sideCar` property to import the right car");var r=t.read();if(!r)throw new Error("Sidecar medium not found");return c.createElement(r,se({},n))};cn.isSideCarExport=!0;function Qr(e,t){return e.useMedium(t),cn}var ln=Zr(),ot=function(){},Je=c.forwardRef(function(e,t){var n=c.useRef(null),r=c.useState({onScrollCapture:ot,onWheelCapture:ot,onTouchMoveCapture:ot}),a=r[0],o=r[1],i=e.forwardProps,s=e.children,v=e.className,f=e.removeScrollBar,p=e.enabled,m=e.shards,h=e.sideCar,R=e.noRelative,N=e.noIsolation,l=e.inert,S=e.allowPinchZoom,w=e.as,T=w===void 0?"div":w,P=e.gapMode,E=sn(e,["forwardProps","children","className","removeScrollBar","enabled","shards","sideCar","noRelative","noIsolation","inert","allowPinchZoom","as","gapMode"]),_=h,F=Gr([n,t]),b=se(se({},E),a);return c.createElement(c.Fragment,null,p&&c.createElement(_,{sideCar:ln,removeScrollBar:f,shards:m,noRelative:R,noIsolation:N,inert:l,setCallbacks:o,allowPinchZoom:!!S,lockRef:n,gapMode:P}),i?c.cloneElement(c.Children.only(s),se(se({},b),{ref:F})):c.createElement(T,se({},b,{className:v,ref:F}),s))});Je.defaultProps={enabled:!0,removeScrollBar:!0,inert:!1};Je.classNames={fullWidth:Xe,zeroRight:qe};var ea=function(){if(typeof __webpack_nonce__<"u")return __webpack_nonce__};function ta(){if(!document)return null;var e=document.createElement("style");e.type="text/css";var t=ea();return t&&e.setAttribute("nonce",t),e}function na(e,t){e.styleSheet?e.styleSheet.cssText=t:e.appendChild(document.createTextNode(t))}function ra(e){var t=document.head||document.getElementsByTagName("head")[0];t.appendChild(e)}var aa=function(){var e=0,t=null;return{add:function(n){e==0&&(t=ta())&&(na(t,n),ra(t)),e++},remove:function(){e--,!e&&t&&(t.parentNode&&t.parentNode.removeChild(t),t=null)}}},oa=function(){var e=aa();return function(t,n){c.useEffect(function(){return e.add(t),function(){e.remove()}},[t&&n])}},un=function(){var e=oa(),t=function(n){var r=n.styles,a=n.dynamic;return e(r,a),null};return t},sa={left:0,top:0,right:0,gap:0},st=function(e){return parseInt(e||"",10)||0},ia=function(e){var t=window.getComputedStyle(document.body),n=t[e==="padding"?"paddingLeft":"marginLeft"],r=t[e==="padding"?"paddingTop":"marginTop"],a=t[e==="padding"?"paddingRight":"marginRight"];return[st(n),st(r),st(a)]},ca=function(e){if(e===void 0&&(e="margin"),typeof window>"u")return sa;var t=ia(e),n=document.documentElement.clientWidth,r=window.innerWidth;return{left:t[0],top:t[1],right:t[2],gap:Math.max(0,r-n+t[2]-t[0])}},la=un(),Te="data-scroll-locked",ua=function(e,t,n,r){var a=e.left,o=e.top,i=e.right,s=e.gap;return n===void 0&&(n="margin"),`
|
|
23
|
-
.`.concat(
|
|
22
|
+
<%s key={someKey} {...props} />`,L,$,ee,$),ce[$+L]=!0)}if($=null,M!==void 0&&(n(M),$=""+M),i(D)&&(n(D.key),$=""+D.key),"key"in D){M={};for(var he in D)he!=="key"&&(M[he]=D[he])}else M=D;return $&&s(M,typeof u=="function"?u.displayName||u.name||"Unknown":u),p(u,$,M,a(),le,ve)}function l(u){h(u)?u._store&&(u._store.validated=1):typeof u=="object"&&u!==null&&u.$$typeof===N&&(u._payload.status==="fulfilled"?h(u._payload.value)&&u._payload.value._store&&(u._payload.value._store.validated=1):u._store&&(u._store.validated=1))}function h(u){return typeof u=="object"&&u!==null&&u.$$typeof===O}var R=g,O=Symbol.for("react.transitional.element"),m=Symbol.for("react.portal"),S=Symbol.for("react.fragment"),w=Symbol.for("react.strict_mode"),T=Symbol.for("react.profiler"),P=Symbol.for("react.consumer"),y=Symbol.for("react.context"),E=Symbol.for("react.forward_ref"),F=Symbol.for("react.suspense"),b=Symbol.for("react.suspense_list"),A=Symbol.for("react.memo"),N=Symbol.for("react.lazy"),W=Symbol.for("react.activity"),U=Symbol.for("react.client.reference"),V=R.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,x=Object.prototype.hasOwnProperty,G=Array.isArray,z=console.createTask?console.createTask:function(){return null};R={react_stack_bottom_frame:function(u){return u()}};var K,q={},Q=R.react_stack_bottom_frame.bind(R,o)(),ne=z(r(o)),ce={};_e.Fragment=S,_e.jsx=function(u,D,M){var L=1e4>V.recentlyCreatedOwnerStacks++;return f(u,D,M,!1,L?Error("react-stack-top-frame"):Q,L?z(r(u)):ne)},_e.jsxs=function(u,D,M){var L=1e4>V.recentlyCreatedOwnerStacks++;return f(u,D,M,!0,L?Error("react-stack-top-frame"):Q,L?z(r(u)):ne)}})()),_e}var At;function dr(){return At||(At=1,process.env.NODE_ENV==="production"?Fe.exports=lr():Fe.exports=ur()),Fe.exports}var d=dr();function pe(e,t,{checkForDefaultPrevented:n=!0}={}){return function(a){if(e==null||e(a),n===!1||!a.defaultPrevented)return t==null?void 0:t(a)}}function kt(e,t){if(typeof e=="function")return e(t);e!=null&&(e.current=t)}function nn(...e){return t=>{let n=!1;const r=e.map(a=>{const o=kt(a,t);return!n&&typeof o=="function"&&(n=!0),o});if(n)return()=>{for(let a=0;a<r.length;a++){const o=r[a];typeof o=="function"?o():kt(e[a],null)}}}}function ye(...e){return c.useCallback(nn(...e),e)}function fr(e,t){const n=c.createContext(t),r=o=>{const{children:i,...s}=o,v=c.useMemo(()=>s,Object.values(s));return d.jsx(n.Provider,{value:v,children:i})};r.displayName=e+"Provider";function a(o){const i=c.useContext(n);if(i)return i;if(t!==void 0)return t;throw new Error(`\`${o}\` must be used within \`${e}\``)}return[r,a]}function mr(e,t=[]){let n=[];function r(o,i){const s=c.createContext(i),v=n.length;n=[...n,i];const p=l=>{var w;const{scope:h,children:R,...O}=l,m=((w=h==null?void 0:h[e])==null?void 0:w[v])||s,S=c.useMemo(()=>O,Object.values(O));return d.jsx(m.Provider,{value:S,children:R})};p.displayName=o+"Provider";function f(l,h){var m;const R=((m=h==null?void 0:h[e])==null?void 0:m[v])||s,O=c.useContext(R);if(O)return O;if(i!==void 0)return i;throw new Error(`\`${l}\` must be used within \`${o}\``)}return[p,f]}const a=()=>{const o=n.map(i=>c.createContext(i));return function(s){const v=(s==null?void 0:s[e])||o;return c.useMemo(()=>({[`__scope${e}`]:{...s,[e]:v}}),[s,v])}};return a.scopeName=e,[r,pr(a,...t)]}function pr(...e){const t=e[0];if(e.length===1)return t;const n=()=>{const r=e.map(a=>({useScope:a(),scopeName:a.scopeName}));return function(o){const i=r.reduce((s,{useScope:v,scopeName:p})=>{const l=v(o)[`__scope${p}`];return{...s,...l}},{});return c.useMemo(()=>({[`__scope${t.scopeName}`]:i}),[i])}};return n.scopeName=t.scopeName,n}var Me=globalThis!=null&&globalThis.document?c.useLayoutEffect:()=>{},vr=c[" useId ".trim().toString()]||(()=>{}),hr=0;function et(e){const[t,n]=c.useState(vr());return Me(()=>{n(r=>r??String(hr++))},[e]),e||(t?`radix-${t}`:"")}var gr=c[" useInsertionEffect ".trim().toString()]||Me;function wr({prop:e,defaultProp:t,onChange:n=()=>{},caller:r}){const[a,o,i]=br({defaultProp:t,onChange:n}),s=e!==void 0,v=s?e:a;{const f=c.useRef(e!==void 0);c.useEffect(()=>{const l=f.current;l!==s&&console.warn(`${r} is changing from ${l?"controlled":"uncontrolled"} to ${s?"controlled":"uncontrolled"}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`),f.current=s},[s,r])}const p=c.useCallback(f=>{var l;if(s){const h=yr(f)?f(e):f;h!==e&&((l=i.current)==null||l.call(i,h))}else o(f)},[s,e,o,i]);return[v,p]}function br({defaultProp:e,onChange:t}){const[n,r]=c.useState(e),a=c.useRef(n),o=c.useRef(t);return gr(()=>{o.current=t},[t]),c.useEffect(()=>{var i;a.current!==n&&((i=o.current)==null||i.call(o,n),a.current=n)},[n,a]),[n,r,o]}function yr(e){return typeof e=="function"}function rn(e){const t=Er(e),n=c.forwardRef((r,a)=>{const{children:o,...i}=r,s=c.Children.toArray(o),v=s.find(Rr);if(v){const p=v.props.children,f=s.map(l=>l===v?c.Children.count(p)>1?c.Children.only(null):c.isValidElement(p)?p.props.children:null:l);return d.jsx(t,{...i,ref:a,children:c.isValidElement(p)?c.cloneElement(p,void 0,f):null})}return d.jsx(t,{...i,ref:a,children:o})});return n.displayName=`${e}.Slot`,n}function Er(e){const t=c.forwardRef((n,r)=>{const{children:a,...o}=n;if(c.isValidElement(a)){const i=Cr(a),s=xr(o,a.props);return a.type!==c.Fragment&&(s.ref=r?nn(r,i):i),c.cloneElement(a,s)}return c.Children.count(a)>1?c.Children.only(null):null});return t.displayName=`${e}.SlotClone`,t}var Sr=Symbol("radix.slottable");function Rr(e){return c.isValidElement(e)&&typeof e.type=="function"&&"__radixId"in e.type&&e.type.__radixId===Sr}function xr(e,t){const n={...t};for(const r in t){const a=e[r],o=t[r];/^on[A-Z]/.test(r)?a&&o?n[r]=(...s)=>{const v=o(...s);return a(...s),v}:a&&(n[r]=a):r==="style"?n[r]={...a,...o}:r==="className"&&(n[r]=[a,o].filter(Boolean).join(" "))}return{...e,...n}}function Cr(e){var r,a;let t=(r=Object.getOwnPropertyDescriptor(e.props,"ref"))==null?void 0:r.get,n=t&&"isReactWarning"in t&&t.isReactWarning;return n?e.ref:(t=(a=Object.getOwnPropertyDescriptor(e,"ref"))==null?void 0:a.get,n=t&&"isReactWarning"in t&&t.isReactWarning,n?e.props.ref:e.props.ref||e.ref)}var Tr=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","select","span","svg","ul"],ie=Tr.reduce((e,t)=>{const n=rn(`Primitive.${t}`),r=c.forwardRef((a,o)=>{const{asChild:i,...s}=a,v=i?n:t;return typeof window<"u"&&(window[Symbol.for("radix-ui")]=!0),d.jsx(v,{...s,ref:o})});return r.displayName=`Primitive.${t}`,{...e,[t]:r}},{});function Pr(e,t){e&&cr.flushSync(()=>e.dispatchEvent(t))}function je(e){const t=c.useRef(e);return c.useEffect(()=>{t.current=e}),c.useMemo(()=>(...n)=>{var r;return(r=t.current)==null?void 0:r.call(t,...n)},[])}function Or(e,t=globalThis==null?void 0:globalThis.document){const n=je(e);c.useEffect(()=>{const r=a=>{a.key==="Escape"&&n(a)};return t.addEventListener("keydown",r,{capture:!0}),()=>t.removeEventListener("keydown",r,{capture:!0})},[n,t])}var Nr="DismissableLayer",mt="dismissableLayer.update",Dr="dismissableLayer.pointerDownOutside",_r="dismissableLayer.focusOutside",Mt,an=c.createContext({layers:new Set,layersWithOutsidePointerEventsDisabled:new Set,branches:new Set}),on=c.forwardRef((e,t)=>{const{disableOutsidePointerEvents:n=!1,onEscapeKeyDown:r,onPointerDownOutside:a,onFocusOutside:o,onInteractOutside:i,onDismiss:s,...v}=e,p=c.useContext(an),[f,l]=c.useState(null),h=(f==null?void 0:f.ownerDocument)??(globalThis==null?void 0:globalThis.document),[,R]=c.useState({}),O=ye(t,b=>l(b)),m=Array.from(p.layers),[S]=[...p.layersWithOutsidePointerEventsDisabled].slice(-1),w=m.indexOf(S),T=f?m.indexOf(f):-1,P=p.layersWithOutsidePointerEventsDisabled.size>0,y=T>=w,E=Mr(b=>{const A=b.target,N=[...p.branches].some(W=>W.contains(A));!y||N||(a==null||a(b),i==null||i(b),b.defaultPrevented||s==null||s())},h),F=jr(b=>{const A=b.target;[...p.branches].some(W=>W.contains(A))||(o==null||o(b),i==null||i(b),b.defaultPrevented||s==null||s())},h);return Or(b=>{T===p.layers.size-1&&(r==null||r(b),!b.defaultPrevented&&s&&(b.preventDefault(),s()))},h),c.useEffect(()=>{if(f)return n&&(p.layersWithOutsidePointerEventsDisabled.size===0&&(Mt=h.body.style.pointerEvents,h.body.style.pointerEvents="none"),p.layersWithOutsidePointerEventsDisabled.add(f)),p.layers.add(f),jt(),()=>{n&&p.layersWithOutsidePointerEventsDisabled.size===1&&(h.body.style.pointerEvents=Mt)}},[f,h,n,p]),c.useEffect(()=>()=>{f&&(p.layers.delete(f),p.layersWithOutsidePointerEventsDisabled.delete(f),jt())},[f,p]),c.useEffect(()=>{const b=()=>R({});return document.addEventListener(mt,b),()=>document.removeEventListener(mt,b)},[]),d.jsx(ie.div,{...v,ref:O,style:{pointerEvents:P?y?"auto":"none":void 0,...e.style},onFocusCapture:pe(e.onFocusCapture,F.onFocusCapture),onBlurCapture:pe(e.onBlurCapture,F.onBlurCapture),onPointerDownCapture:pe(e.onPointerDownCapture,E.onPointerDownCapture)})});on.displayName=Nr;var Ar="DismissableLayerBranch",kr=c.forwardRef((e,t)=>{const n=c.useContext(an),r=c.useRef(null),a=ye(t,r);return c.useEffect(()=>{const o=r.current;if(o)return n.branches.add(o),()=>{n.branches.delete(o)}},[n.branches]),d.jsx(ie.div,{...e,ref:a})});kr.displayName=Ar;function Mr(e,t=globalThis==null?void 0:globalThis.document){const n=je(e),r=c.useRef(!1),a=c.useRef(()=>{});return c.useEffect(()=>{const o=s=>{if(s.target&&!r.current){let v=function(){sn(Dr,n,p,{discrete:!0})};const p={originalEvent:s};s.pointerType==="touch"?(t.removeEventListener("click",a.current),a.current=v,t.addEventListener("click",a.current,{once:!0})):v()}else t.removeEventListener("click",a.current);r.current=!1},i=window.setTimeout(()=>{t.addEventListener("pointerdown",o)},0);return()=>{window.clearTimeout(i),t.removeEventListener("pointerdown",o),t.removeEventListener("click",a.current)}},[t,n]),{onPointerDownCapture:()=>r.current=!0}}function jr(e,t=globalThis==null?void 0:globalThis.document){const n=je(e),r=c.useRef(!1);return c.useEffect(()=>{const a=o=>{o.target&&!r.current&&sn(_r,n,{originalEvent:o},{discrete:!1})};return t.addEventListener("focusin",a),()=>t.removeEventListener("focusin",a)},[t,n]),{onFocusCapture:()=>r.current=!0,onBlurCapture:()=>r.current=!1}}function jt(){const e=new CustomEvent(mt);document.dispatchEvent(e)}function sn(e,t,n,{discrete:r}){const a=n.originalEvent.target,o=new CustomEvent(e,{bubbles:!1,cancelable:!0,detail:n});t&&a.addEventListener(e,t,{once:!0}),r?Pr(a,o):a.dispatchEvent(o)}var tt="focusScope.autoFocusOnMount",nt="focusScope.autoFocusOnUnmount",It={bubbles:!1,cancelable:!0},Ir="FocusScope",cn=c.forwardRef((e,t)=>{const{loop:n=!1,trapped:r=!1,onMountAutoFocus:a,onUnmountAutoFocus:o,...i}=e,[s,v]=c.useState(null),p=je(a),f=je(o),l=c.useRef(null),h=ye(t,m=>v(m)),R=c.useRef({paused:!1,pause(){this.paused=!0},resume(){this.paused=!1}}).current;c.useEffect(()=>{if(r){let m=function(P){if(R.paused||!s)return;const y=P.target;s.contains(y)?l.current=y:me(l.current,{select:!0})},S=function(P){if(R.paused||!s)return;const y=P.relatedTarget;y!==null&&(s.contains(y)||me(l.current,{select:!0}))},w=function(P){if(document.activeElement===document.body)for(const E of P)E.removedNodes.length>0&&me(s)};document.addEventListener("focusin",m),document.addEventListener("focusout",S);const T=new MutationObserver(w);return s&&T.observe(s,{childList:!0,subtree:!0}),()=>{document.removeEventListener("focusin",m),document.removeEventListener("focusout",S),T.disconnect()}}},[r,s,R.paused]),c.useEffect(()=>{if(s){Lt.add(R);const m=document.activeElement;if(!s.contains(m)){const w=new CustomEvent(tt,It);s.addEventListener(tt,p),s.dispatchEvent(w),w.defaultPrevented||($r(Br(ln(s)),{select:!0}),document.activeElement===m&&me(s))}return()=>{s.removeEventListener(tt,p),setTimeout(()=>{const w=new CustomEvent(nt,It);s.addEventListener(nt,f),s.dispatchEvent(w),w.defaultPrevented||me(m??document.body,{select:!0}),s.removeEventListener(nt,f),Lt.remove(R)},0)}}},[s,p,f,R]);const O=c.useCallback(m=>{if(!n&&!r||R.paused)return;const S=m.key==="Tab"&&!m.altKey&&!m.ctrlKey&&!m.metaKey,w=document.activeElement;if(S&&w){const T=m.currentTarget,[P,y]=Lr(T);P&&y?!m.shiftKey&&w===y?(m.preventDefault(),n&&me(P,{select:!0})):m.shiftKey&&w===P&&(m.preventDefault(),n&&me(y,{select:!0})):w===T&&m.preventDefault()}},[n,r,R.paused]);return d.jsx(ie.div,{tabIndex:-1,...i,ref:h,onKeyDown:O})});cn.displayName=Ir;function $r(e,{select:t=!1}={}){const n=document.activeElement;for(const r of e)if(me(r,{select:t}),document.activeElement!==n)return}function Lr(e){const t=ln(e),n=$t(t,e),r=$t(t.reverse(),e);return[n,r]}function ln(e){const t=[],n=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:r=>{const a=r.tagName==="INPUT"&&r.type==="hidden";return r.disabled||r.hidden||a?NodeFilter.FILTER_SKIP:r.tabIndex>=0?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});for(;n.nextNode();)t.push(n.currentNode);return t}function $t(e,t){for(const n of e)if(!Fr(n,{upTo:t}))return n}function Fr(e,{upTo:t}){if(getComputedStyle(e).visibility==="hidden")return!0;for(;e;){if(t!==void 0&&e===t)return!1;if(getComputedStyle(e).display==="none")return!0;e=e.parentElement}return!1}function Wr(e){return e instanceof HTMLInputElement&&"select"in e}function me(e,{select:t=!1}={}){if(e&&e.focus){const n=document.activeElement;e.focus({preventScroll:!0}),e!==n&&Wr(e)&&t&&e.select()}}var Lt=Ur();function Ur(){let e=[];return{add(t){const n=e[0];t!==n&&(n==null||n.pause()),e=Ft(e,t),e.unshift(t)},remove(t){var n;e=Ft(e,t),(n=e[0])==null||n.resume()}}}function Ft(e,t){const n=[...e],r=n.indexOf(t);return r!==-1&&n.splice(r,1),n}function Br(e){return e.filter(t=>t.tagName!=="A")}var Hr="Portal",un=c.forwardRef((e,t)=>{var s;const{container:n,...r}=e,[a,o]=c.useState(!1);Me(()=>o(!0),[]);const i=n||a&&((s=globalThis==null?void 0:globalThis.document)==null?void 0:s.body);return i?en.createPortal(d.jsx(ie.div,{...r,ref:t}),i):null});un.displayName=Hr;function Yr(e,t){return c.useReducer((n,r)=>t[n][r]??n,e)}var Ke=e=>{const{present:t,children:n}=e,r=Vr(t),a=typeof n=="function"?n({present:r.isPresent}):c.Children.only(n),o=ye(r.ref,zr(a));return typeof n=="function"||r.isPresent?c.cloneElement(a,{ref:o}):null};Ke.displayName="Presence";function Vr(e){const[t,n]=c.useState(),r=c.useRef(null),a=c.useRef(e),o=c.useRef("none"),i=e?"mounted":"unmounted",[s,v]=Yr(i,{mounted:{UNMOUNT:"unmounted",ANIMATION_OUT:"unmountSuspended"},unmountSuspended:{MOUNT:"mounted",ANIMATION_END:"unmounted"},unmounted:{MOUNT:"mounted"}});return c.useEffect(()=>{const p=We(r.current);o.current=s==="mounted"?p:"none"},[s]),Me(()=>{const p=r.current,f=a.current;if(f!==e){const h=o.current,R=We(p);e?v("MOUNT"):R==="none"||(p==null?void 0:p.display)==="none"?v("UNMOUNT"):v(f&&h!==R?"ANIMATION_OUT":"UNMOUNT"),a.current=e}},[e,v]),Me(()=>{if(t){let p;const f=t.ownerDocument.defaultView??window,l=R=>{const m=We(r.current).includes(CSS.escape(R.animationName));if(R.target===t&&m&&(v("ANIMATION_END"),!a.current)){const S=t.style.animationFillMode;t.style.animationFillMode="forwards",p=f.setTimeout(()=>{t.style.animationFillMode==="forwards"&&(t.style.animationFillMode=S)})}},h=R=>{R.target===t&&(o.current=We(r.current))};return t.addEventListener("animationstart",h),t.addEventListener("animationcancel",l),t.addEventListener("animationend",l),()=>{f.clearTimeout(p),t.removeEventListener("animationstart",h),t.removeEventListener("animationcancel",l),t.removeEventListener("animationend",l)}}else v("ANIMATION_END")},[t,v]),{isPresent:["mounted","unmountSuspended"].includes(s),ref:c.useCallback(p=>{r.current=p?getComputedStyle(p):null,n(p)},[])}}function We(e){return(e==null?void 0:e.animationName)||"none"}function zr(e){var r,a;let t=(r=Object.getOwnPropertyDescriptor(e.props,"ref"))==null?void 0:r.get,n=t&&"isReactWarning"in t&&t.isReactWarning;return n?e.ref:(t=(a=Object.getOwnPropertyDescriptor(e,"ref"))==null?void 0:a.get,n=t&&"isReactWarning"in t&&t.isReactWarning,n?e.props.ref:e.props.ref||e.ref)}var rt=0;function qr(){c.useEffect(()=>{const e=document.querySelectorAll("[data-radix-focus-guard]");return document.body.insertAdjacentElement("afterbegin",e[0]??Wt()),document.body.insertAdjacentElement("beforeend",e[1]??Wt()),rt++,()=>{rt===1&&document.querySelectorAll("[data-radix-focus-guard]").forEach(t=>t.remove()),rt--}},[])}function Wt(){const e=document.createElement("span");return e.setAttribute("data-radix-focus-guard",""),e.tabIndex=0,e.style.outline="none",e.style.opacity="0",e.style.position="fixed",e.style.pointerEvents="none",e}var se=function(){return se=Object.assign||function(t){for(var n,r=1,a=arguments.length;r<a;r++){n=arguments[r];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(t[o]=n[o])}return t},se.apply(this,arguments)};function dn(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var a=0,r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]]);return n}function Xr(e,t,n){if(n||arguments.length===2)for(var r=0,a=t.length,o;r<a;r++)(o||!(r in t))&&(o||(o=Array.prototype.slice.call(t,0,r)),o[r]=t[r]);return e.concat(o||Array.prototype.slice.call(t))}var qe="right-scroll-bar-position",Xe="width-before-scroll-bar",Gr="with-scroll-bars-hidden",Kr="--removed-body-scroll-bar-size";function at(e,t){return typeof e=="function"?e(t):e&&(e.current=t),e}function Jr(e,t){var n=g.useState(function(){return{value:e,callback:t,facade:{get current(){return n.value},set current(r){var a=n.value;a!==r&&(n.value=r,n.callback(r,a))}}}})[0];return n.callback=t,n.facade}var Zr=typeof window<"u"?c.useLayoutEffect:c.useEffect,Ut=new WeakMap;function Qr(e,t){var n=Jr(null,function(r){return e.forEach(function(a){return at(a,r)})});return Zr(function(){var r=Ut.get(n);if(r){var a=new Set(r),o=new Set(e),i=n.current;a.forEach(function(s){o.has(s)||at(s,null)}),o.forEach(function(s){a.has(s)||at(s,i)})}Ut.set(n,e)},[e]),n}function ea(e){return e}function ta(e,t){t===void 0&&(t=ea);var n=[],r=!1,a={read:function(){if(r)throw new Error("Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`.");return n.length?n[n.length-1]:e},useMedium:function(o){var i=t(o,r);return n.push(i),function(){n=n.filter(function(s){return s!==i})}},assignSyncMedium:function(o){for(r=!0;n.length;){var i=n;n=[],i.forEach(o)}n={push:function(s){return o(s)},filter:function(){return n}}},assignMedium:function(o){r=!0;var i=[];if(n.length){var s=n;n=[],s.forEach(o),i=n}var v=function(){var f=i;i=[],f.forEach(o)},p=function(){return Promise.resolve().then(v)};p(),n={push:function(f){i.push(f),p()},filter:function(f){return i=i.filter(f),n}}}};return a}function na(e){e===void 0&&(e={});var t=ta(null);return t.options=se({async:!0,ssr:!1},e),t}var fn=function(e){var t=e.sideCar,n=dn(e,["sideCar"]);if(!t)throw new Error("Sidecar: please provide `sideCar` property to import the right car");var r=t.read();if(!r)throw new Error("Sidecar medium not found");return c.createElement(r,se({},n))};fn.isSideCarExport=!0;function ra(e,t){return e.useMedium(t),fn}var mn=na(),ot=function(){},Je=c.forwardRef(function(e,t){var n=c.useRef(null),r=c.useState({onScrollCapture:ot,onWheelCapture:ot,onTouchMoveCapture:ot}),a=r[0],o=r[1],i=e.forwardProps,s=e.children,v=e.className,p=e.removeScrollBar,f=e.enabled,l=e.shards,h=e.sideCar,R=e.noRelative,O=e.noIsolation,m=e.inert,S=e.allowPinchZoom,w=e.as,T=w===void 0?"div":w,P=e.gapMode,y=dn(e,["forwardProps","children","className","removeScrollBar","enabled","shards","sideCar","noRelative","noIsolation","inert","allowPinchZoom","as","gapMode"]),E=h,F=Qr([n,t]),b=se(se({},y),a);return c.createElement(c.Fragment,null,f&&c.createElement(E,{sideCar:mn,removeScrollBar:p,shards:l,noRelative:R,noIsolation:O,inert:m,setCallbacks:o,allowPinchZoom:!!S,lockRef:n,gapMode:P}),i?c.cloneElement(c.Children.only(s),se(se({},b),{ref:F})):c.createElement(T,se({},b,{className:v,ref:F}),s))});Je.defaultProps={enabled:!0,removeScrollBar:!0,inert:!1};Je.classNames={fullWidth:Xe,zeroRight:qe};var aa=function(){if(typeof __webpack_nonce__<"u")return __webpack_nonce__};function oa(){if(!document)return null;var e=document.createElement("style");e.type="text/css";var t=aa();return t&&e.setAttribute("nonce",t),e}function sa(e,t){e.styleSheet?e.styleSheet.cssText=t:e.appendChild(document.createTextNode(t))}function ia(e){var t=document.head||document.getElementsByTagName("head")[0];t.appendChild(e)}var ca=function(){var e=0,t=null;return{add:function(n){e==0&&(t=oa())&&(sa(t,n),ia(t)),e++},remove:function(){e--,!e&&t&&(t.parentNode&&t.parentNode.removeChild(t),t=null)}}},la=function(){var e=ca();return function(t,n){c.useEffect(function(){return e.add(t),function(){e.remove()}},[t&&n])}},pn=function(){var e=la(),t=function(n){var r=n.styles,a=n.dynamic;return e(r,a),null};return t},ua={left:0,top:0,right:0,gap:0},st=function(e){return parseInt(e||"",10)||0},da=function(e){var t=window.getComputedStyle(document.body),n=t[e==="padding"?"paddingLeft":"marginLeft"],r=t[e==="padding"?"paddingTop":"marginTop"],a=t[e==="padding"?"paddingRight":"marginRight"];return[st(n),st(r),st(a)]},fa=function(e){if(e===void 0&&(e="margin"),typeof window>"u")return ua;var t=da(e),n=document.documentElement.clientWidth,r=window.innerWidth;return{left:t[0],top:t[1],right:t[2],gap:Math.max(0,r-n+t[2]-t[0])}},ma=pn(),Te="data-scroll-locked",pa=function(e,t,n,r){var a=e.left,o=e.top,i=e.right,s=e.gap;return n===void 0&&(n="margin"),`
|
|
23
|
+
.`.concat(Gr,` {
|
|
24
24
|
overflow: hidden `).concat(r,`;
|
|
25
25
|
padding-right: `).concat(s,"px ").concat(r,`;
|
|
26
26
|
}
|
|
@@ -54,15 +54,15 @@ React keys must be passed directly to JSX without using spread:
|
|
|
54
54
|
}
|
|
55
55
|
|
|
56
56
|
body[`).concat(Te,`] {
|
|
57
|
-
`).concat(
|
|
57
|
+
`).concat(Kr,": ").concat(s,`px;
|
|
58
58
|
}
|
|
59
|
-
`)},
|
|
59
|
+
`)},Bt=function(){var e=parseInt(document.body.getAttribute(Te)||"0",10);return isFinite(e)?e:0},va=function(){c.useEffect(function(){return document.body.setAttribute(Te,(Bt()+1).toString()),function(){var e=Bt()-1;e<=0?document.body.removeAttribute(Te):document.body.setAttribute(Te,e.toString())}},[])},ha=function(e){var t=e.noRelative,n=e.noImportant,r=e.gapMode,a=r===void 0?"margin":r;va();var o=c.useMemo(function(){return fa(a)},[a]);return c.createElement(ma,{styles:pa(o,!t,a,n?"":"!important")})},pt=!1;if(typeof window<"u")try{var Ue=Object.defineProperty({},"passive",{get:function(){return pt=!0,!0}});window.addEventListener("test",Ue,Ue),window.removeEventListener("test",Ue,Ue)}catch{pt=!1}var Re=pt?{passive:!1}:!1,ga=function(e){return e.tagName==="TEXTAREA"},vn=function(e,t){if(!(e instanceof Element))return!1;var n=window.getComputedStyle(e);return n[t]!=="hidden"&&!(n.overflowY===n.overflowX&&!ga(e)&&n[t]==="visible")},wa=function(e){return vn(e,"overflowY")},ba=function(e){return vn(e,"overflowX")},Ht=function(e,t){var n=t.ownerDocument,r=t;do{typeof ShadowRoot<"u"&&r instanceof ShadowRoot&&(r=r.host);var a=hn(e,r);if(a){var o=gn(e,r),i=o[1],s=o[2];if(i>s)return!0}r=r.parentNode}while(r&&r!==n.body);return!1},ya=function(e){var t=e.scrollTop,n=e.scrollHeight,r=e.clientHeight;return[t,n,r]},Ea=function(e){var t=e.scrollLeft,n=e.scrollWidth,r=e.clientWidth;return[t,n,r]},hn=function(e,t){return e==="v"?wa(t):ba(t)},gn=function(e,t){return e==="v"?ya(t):Ea(t)},Sa=function(e,t){return e==="h"&&t==="rtl"?-1:1},Ra=function(e,t,n,r,a){var o=Sa(e,window.getComputedStyle(t).direction),i=o*r,s=n.target,v=t.contains(s),p=!1,f=i>0,l=0,h=0;do{if(!s)break;var R=gn(e,s),O=R[0],m=R[1],S=R[2],w=m-S-o*O;(O||w)&&hn(e,s)&&(l+=w,h+=O);var T=s.parentNode;s=T&&T.nodeType===Node.DOCUMENT_FRAGMENT_NODE?T.host:T}while(!v&&s!==document.body||v&&(t.contains(s)||t===s));return(f&&Math.abs(l)<1||!f&&Math.abs(h)<1)&&(p=!0),p},Be=function(e){return"changedTouches"in e?[e.changedTouches[0].clientX,e.changedTouches[0].clientY]:[0,0]},Yt=function(e){return[e.deltaX,e.deltaY]},Vt=function(e){return e&&"current"in e?e.current:e},xa=function(e,t){return e[0]===t[0]&&e[1]===t[1]},Ca=function(e){return`
|
|
60
60
|
.block-interactivity-`.concat(e,` {pointer-events: none;}
|
|
61
61
|
.allow-interactivity-`).concat(e,` {pointer-events: all;}
|
|
62
|
-
`)},
|
|
62
|
+
`)},Ta=0,xe=[];function Pa(e){var t=c.useRef([]),n=c.useRef([0,0]),r=c.useRef(),a=c.useState(Ta++)[0],o=c.useState(pn)[0],i=c.useRef(e);c.useEffect(function(){i.current=e},[e]),c.useEffect(function(){if(e.inert){document.body.classList.add("block-interactivity-".concat(a));var m=Xr([e.lockRef.current],(e.shards||[]).map(Vt),!0).filter(Boolean);return m.forEach(function(S){return S.classList.add("allow-interactivity-".concat(a))}),function(){document.body.classList.remove("block-interactivity-".concat(a)),m.forEach(function(S){return S.classList.remove("allow-interactivity-".concat(a))})}}},[e.inert,e.lockRef.current,e.shards]);var s=c.useCallback(function(m,S){if("touches"in m&&m.touches.length===2||m.type==="wheel"&&m.ctrlKey)return!i.current.allowPinchZoom;var w=Be(m),T=n.current,P="deltaX"in m?m.deltaX:T[0]-w[0],y="deltaY"in m?m.deltaY:T[1]-w[1],E,F=m.target,b=Math.abs(P)>Math.abs(y)?"h":"v";if("touches"in m&&b==="h"&&F.type==="range")return!1;var A=window.getSelection(),N=A&&A.anchorNode,W=N?N===F||N.contains(F):!1;if(W)return!1;var U=Ht(b,F);if(!U)return!0;if(U?E=b:(E=b==="v"?"h":"v",U=Ht(b,F)),!U)return!1;if(!r.current&&"changedTouches"in m&&(P||y)&&(r.current=E),!E)return!0;var V=r.current||E;return Ra(V,S,m,V==="h"?P:y)},[]),v=c.useCallback(function(m){var S=m;if(!(!xe.length||xe[xe.length-1]!==o)){var w="deltaY"in S?Yt(S):Be(S),T=t.current.filter(function(E){return E.name===S.type&&(E.target===S.target||S.target===E.shadowParent)&&xa(E.delta,w)})[0];if(T&&T.should){S.cancelable&&S.preventDefault();return}if(!T){var P=(i.current.shards||[]).map(Vt).filter(Boolean).filter(function(E){return E.contains(S.target)}),y=P.length>0?s(S,P[0]):!i.current.noIsolation;y&&S.cancelable&&S.preventDefault()}}},[]),p=c.useCallback(function(m,S,w,T){var P={name:m,delta:S,target:w,should:T,shadowParent:Oa(w)};t.current.push(P),setTimeout(function(){t.current=t.current.filter(function(y){return y!==P})},1)},[]),f=c.useCallback(function(m){n.current=Be(m),r.current=void 0},[]),l=c.useCallback(function(m){p(m.type,Yt(m),m.target,s(m,e.lockRef.current))},[]),h=c.useCallback(function(m){p(m.type,Be(m),m.target,s(m,e.lockRef.current))},[]);c.useEffect(function(){return xe.push(o),e.setCallbacks({onScrollCapture:l,onWheelCapture:l,onTouchMoveCapture:h}),document.addEventListener("wheel",v,Re),document.addEventListener("touchmove",v,Re),document.addEventListener("touchstart",f,Re),function(){xe=xe.filter(function(m){return m!==o}),document.removeEventListener("wheel",v,Re),document.removeEventListener("touchmove",v,Re),document.removeEventListener("touchstart",f,Re)}},[]);var R=e.removeScrollBar,O=e.inert;return c.createElement(c.Fragment,null,O?c.createElement(o,{styles:Ca(a)}):null,R?c.createElement(ha,{noRelative:e.noRelative,gapMode:e.gapMode}):null)}function Oa(e){for(var t=null;e!==null;)e instanceof ShadowRoot&&(t=e.host,e=e.host),e=e.parentNode;return t}const Na=ra(mn,Pa);var wn=c.forwardRef(function(e,t){return c.createElement(Je,se({},e,{ref:t,sideCar:Na}))});wn.classNames=Je.classNames;var Da=function(e){if(typeof document>"u")return null;var t=Array.isArray(e)?e[0]:e;return t.ownerDocument.body},Ce=new WeakMap,He=new WeakMap,Ye={},it=0,bn=function(e){return e&&(e.host||bn(e.parentNode))},_a=function(e,t){return t.map(function(n){if(e.contains(n))return n;var r=bn(n);return r&&e.contains(r)?r:(console.error("aria-hidden",n,"in not contained inside",e,". Doing nothing"),null)}).filter(function(n){return!!n})},Aa=function(e,t,n,r){var a=_a(t,Array.isArray(e)?e:[e]);Ye[n]||(Ye[n]=new WeakMap);var o=Ye[n],i=[],s=new Set,v=new Set(a),p=function(l){!l||s.has(l)||(s.add(l),p(l.parentNode))};a.forEach(p);var f=function(l){!l||v.has(l)||Array.prototype.forEach.call(l.children,function(h){if(s.has(h))f(h);else try{var R=h.getAttribute(r),O=R!==null&&R!=="false",m=(Ce.get(h)||0)+1,S=(o.get(h)||0)+1;Ce.set(h,m),o.set(h,S),i.push(h),m===1&&O&&He.set(h,!0),S===1&&h.setAttribute(n,"true"),O||h.setAttribute(r,"true")}catch(w){console.error("aria-hidden: cannot operate on ",h,w)}})};return f(t),s.clear(),it++,function(){i.forEach(function(l){var h=Ce.get(l)-1,R=o.get(l)-1;Ce.set(l,h),o.set(l,R),h||(He.has(l)||l.removeAttribute(r),He.delete(l)),R||l.removeAttribute(n)}),it--,it||(Ce=new WeakMap,Ce=new WeakMap,He=new WeakMap,Ye={})}},ka=function(e,t,n){n===void 0&&(n="data-aria-hidden");var r=Array.from(Array.isArray(e)?e:[e]),a=Da(e);return a?(r.push.apply(r,Array.from(a.querySelectorAll("[aria-live], script"))),Aa(r,a,n,"aria-hidden")):function(){return null}},Ze="Dialog",[yn]=mr(Ze),[Ma,ae]=yn(Ze),En=e=>{const{__scopeDialog:t,children:n,open:r,defaultOpen:a,onOpenChange:o,modal:i=!0}=e,s=c.useRef(null),v=c.useRef(null),[p,f]=wr({prop:r,defaultProp:a??!1,onChange:o,caller:Ze});return d.jsx(Ma,{scope:t,triggerRef:s,contentRef:v,contentId:et(),titleId:et(),descriptionId:et(),open:p,onOpenChange:f,onOpenToggle:c.useCallback(()=>f(l=>!l),[f]),modal:i,children:n})};En.displayName=Ze;var Sn="DialogTrigger",Rn=c.forwardRef((e,t)=>{const{__scopeDialog:n,...r}=e,a=ae(Sn,n),o=ye(t,a.triggerRef);return d.jsx(ie.button,{type:"button","aria-haspopup":"dialog","aria-expanded":a.open,"aria-controls":a.contentId,"data-state":bt(a.open),...r,ref:o,onClick:pe(e.onClick,a.onOpenToggle)})});Rn.displayName=Sn;var gt="DialogPortal",[ja,xn]=yn(gt,{forceMount:void 0}),Cn=e=>{const{__scopeDialog:t,forceMount:n,children:r,container:a}=e,o=ae(gt,t);return d.jsx(ja,{scope:t,forceMount:n,children:c.Children.map(r,i=>d.jsx(Ke,{present:n||o.open,children:d.jsx(un,{asChild:!0,container:a,children:i})}))})};Cn.displayName=gt;var Ge="DialogOverlay",Tn=c.forwardRef((e,t)=>{const n=xn(Ge,e.__scopeDialog),{forceMount:r=n.forceMount,...a}=e,o=ae(Ge,e.__scopeDialog);return o.modal?d.jsx(Ke,{present:r||o.open,children:d.jsx($a,{...a,ref:t})}):null});Tn.displayName=Ge;var Ia=rn("DialogOverlay.RemoveScroll"),$a=c.forwardRef((e,t)=>{const{__scopeDialog:n,...r}=e,a=ae(Ge,n);return d.jsx(wn,{as:Ia,allowPinchZoom:!0,shards:[a.contentRef],children:d.jsx(ie.div,{"data-state":bt(a.open),...r,ref:t,style:{pointerEvents:"auto",...r.style}})})}),be="DialogContent",Pn=c.forwardRef((e,t)=>{const n=xn(be,e.__scopeDialog),{forceMount:r=n.forceMount,...a}=e,o=ae(be,e.__scopeDialog);return d.jsx(Ke,{present:r||o.open,children:o.modal?d.jsx(La,{...a,ref:t}):d.jsx(Fa,{...a,ref:t})})});Pn.displayName=be;var La=c.forwardRef((e,t)=>{const n=ae(be,e.__scopeDialog),r=c.useRef(null),a=ye(t,n.contentRef,r);return c.useEffect(()=>{const o=r.current;if(o)return ka(o)},[]),d.jsx(On,{...e,ref:a,trapFocus:n.open,disableOutsidePointerEvents:!0,onCloseAutoFocus:pe(e.onCloseAutoFocus,o=>{var i;o.preventDefault(),(i=n.triggerRef.current)==null||i.focus()}),onPointerDownOutside:pe(e.onPointerDownOutside,o=>{const i=o.detail.originalEvent,s=i.button===0&&i.ctrlKey===!0;(i.button===2||s)&&o.preventDefault()}),onFocusOutside:pe(e.onFocusOutside,o=>o.preventDefault())})}),Fa=c.forwardRef((e,t)=>{const n=ae(be,e.__scopeDialog),r=c.useRef(!1),a=c.useRef(!1);return d.jsx(On,{...e,ref:t,trapFocus:!1,disableOutsidePointerEvents:!1,onCloseAutoFocus:o=>{var i,s;(i=e.onCloseAutoFocus)==null||i.call(e,o),o.defaultPrevented||(r.current||(s=n.triggerRef.current)==null||s.focus(),o.preventDefault()),r.current=!1,a.current=!1},onInteractOutside:o=>{var v,p;(v=e.onInteractOutside)==null||v.call(e,o),o.defaultPrevented||(r.current=!0,o.detail.originalEvent.type==="pointerdown"&&(a.current=!0));const i=o.target;((p=n.triggerRef.current)==null?void 0:p.contains(i))&&o.preventDefault(),o.detail.originalEvent.type==="focusin"&&a.current&&o.preventDefault()}})}),On=c.forwardRef((e,t)=>{const{__scopeDialog:n,trapFocus:r,onOpenAutoFocus:a,onCloseAutoFocus:o,...i}=e,s=ae(be,n),v=c.useRef(null),p=ye(t,v);return qr(),d.jsxs(d.Fragment,{children:[d.jsx(cn,{asChild:!0,loop:!0,trapped:r,onMountAutoFocus:a,onUnmountAutoFocus:o,children:d.jsx(on,{role:"dialog",id:s.contentId,"aria-describedby":s.descriptionId,"aria-labelledby":s.titleId,"data-state":bt(s.open),...i,ref:p,onDismiss:()=>s.onOpenChange(!1)})}),d.jsxs(d.Fragment,{children:[d.jsx(Ua,{titleId:s.titleId}),d.jsx(Ha,{contentRef:v,descriptionId:s.descriptionId})]})]})}),wt="DialogTitle",Nn=c.forwardRef((e,t)=>{const{__scopeDialog:n,...r}=e,a=ae(wt,n);return d.jsx(ie.h2,{id:a.titleId,...r,ref:t})});Nn.displayName=wt;var Dn="DialogDescription",Wa=c.forwardRef((e,t)=>{const{__scopeDialog:n,...r}=e,a=ae(Dn,n);return d.jsx(ie.p,{id:a.descriptionId,...r,ref:t})});Wa.displayName=Dn;var _n="DialogClose",An=c.forwardRef((e,t)=>{const{__scopeDialog:n,...r}=e,a=ae(_n,n);return d.jsx(ie.button,{type:"button",...r,ref:t,onClick:pe(e.onClick,()=>a.onOpenChange(!1))})});An.displayName=_n;function bt(e){return e?"open":"closed"}var kn="DialogTitleWarning",[Wo,Mn]=fr(kn,{contentName:be,titleName:wt,docsSlug:"dialog"}),Ua=({titleId:e})=>{const t=Mn(kn),n=`\`${t.contentName}\` requires a \`${t.titleName}\` for the component to be accessible for screen reader users.
|
|
63
63
|
|
|
64
64
|
If you want to hide the \`${t.titleName}\`, you can wrap it with our VisuallyHidden component.
|
|
65
65
|
|
|
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},
|
|
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 Xa(){const e=navigator.userAgent;return typeof window<"u"&&(/Firefox/.test(e)&&/Mobile/.test(e)||/FxiOS/.test(e))}function Ga(){return yt(/^Mac/)}function Ka(){return yt(/^iPhone/)}function zt(){return/^((?!chrome|android).)*safari/i.test(navigator.userAgent)}function Ja(){return yt(/^iPad/)||Ga()&&navigator.maxTouchPoints>1}function _n(){return Ka()||Ja()}function yt(e){return typeof window<"u"&&window.navigator!=null?e.test(window.navigator.platform):void 0}const Za=24,Qa=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 kn(e){for(Xt(e)&&(e=e.parentElement);e&&!Xt(e);)e=e.parentElement;return e||document.scrollingElement||document.documentElement}const eo=new Set(["checkbox","radio","range","color","file","image","button","submit","reset"]);let Ye=0,lt;function to(e={}){let{isDisabled:t}=e;Qa(()=>{if(!t)return Ye++,Ye===1&&_n()&&(lt=no()),()=>{Ye--,Ye===0&&(lt==null||lt())}},[t])}function no(){let e,t=0,n=m=>{e=kn(m.target),!(e===document.documentElement&&e===document.body)&&(t=m.changedTouches[0].pageY)},r=m=>{if(!e||e===document.documentElement||e===document.body){m.preventDefault();return}let h=m.changedTouches[0].pageY,R=e.scrollTop,N=e.scrollHeight-e.clientHeight;N!==0&&((R<=0&&h>t||R>=N&&h<t)&&m.preventDefault(),t=h)},a=m=>{let h=m.target;vt(h)&&h!==document.activeElement&&(m.preventDefault(),h.style.transform="translateY(-2000px)",h.focus(),requestAnimationFrame(()=>{h.style.transform=""}))},o=m=>{let h=m.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,f=qt(ro(document.documentElement,"paddingRight",`${window.innerWidth-document.documentElement.clientWidth}px`));window.scrollTo(0,0);let p=qt(_e(document,"touchstart",n,{passive:!1,capture:!0}),_e(document,"touchmove",r,{passive:!1,capture:!0}),_e(document,"touchend",a,{passive:!1,capture:!0}),_e(document,"focus",o,!0),_e(window,"scroll",i));return()=>{f(),p(),window.scrollTo(s,v)}}function ro(e,t,n){let r=e.style[t];return e.style[t]=n,()=>{e.style[t]=r}}function _e(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=kn(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+Za;o>i&&(n.scrollTop+=a-r)}e=n.parentElement}}function vt(e){return e instanceof HTMLInputElement&&!eo.has(e.type)||e instanceof HTMLTextAreaElement||e instanceof HTMLElement&&e.isContentEditable}function ao(e,t){typeof e=="function"?e(t):e!=null&&(e.current=t)}function oo(...e){return t=>e.forEach(n=>ao(n,t))}function Mn(...e){return c.useCallback(oo(...e),e)}const In=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&&In.set(e,r)}function so(e,t){if(!e||!(e instanceof HTMLElement))return;let n=In.get(e);n&&(e.style[t]=n[t])}const V=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(", ")[V(t)?13:12]):(a=r.match(/^matrix\((.+)\)$/),a?parseFloat(a[1].split(", ")[V(t)?5:4]):null)}function io(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 co(...e){return(...t)=>{for(const n of e)typeof n=="function"&&n(...t)}}const U={DURATION:.5,EASE:[.32,.72,0,1]},jn=.4,lo=.25,uo=100,$n=8,we=16,ht=26,dt="vaul-dragging";function Ln(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 fo({defaultProp:e,onChange:t}){const n=g.useState(e),[r]=n,a=g.useRef(r),o=Ln(t);return g.useEffect(()=>{a.current!==r&&(o(r),a.current=r)},[r,a,o]),n}function Fn({prop:e,defaultProp:t,onChange:n=()=>{}}){const[r,a]=fo({defaultProp:t,onChange:n}),o=e!==void 0,i=o?e:r,s=Ln(n),v=g.useCallback(f=>{if(o){const m=typeof f=="function"?f(e):f;m!==e&&s(m)}else a(f)},[o,e,a,s]);return[i,v]}function mo({activeSnapPointProp:e,setActiveSnapPointProp:t,snapPoints:n,drawerRef:r,overlayRef:a,fadeFromIndex:o,onSnapPointChange:i,direction:s="bottom",container:v,snapToSequentialPoint:f}){const[p,m]=Fn({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 N=g.useMemo(()=>p===(n==null?void 0:n[n.length-1])||null,[n,p]),l=g.useMemo(()=>{var b;return(b=n==null?void 0:n.findIndex(O=>O===p))!=null?b:null},[n,p]),S=n&&n.length>0&&(o||o===0)&&!Number.isNaN(o)&&n[o]===p||!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 O;return(O=n==null?void 0:n.map(y=>{const $=typeof y=="string";let B=0;if($&&(B=parseInt(y,10)),V(s)){const C=$?B:h?y*b.height:0;return h?s==="bottom"?b.height-C:-b.height+C:C}const Y=$?B:h?y*b.width:0;return h?s==="right"?b.width-Y:-b.width+Y:Y}))!=null?O:[]},[n,h,v]),T=g.useMemo(()=>l!==null?w==null?void 0:w[l]:null,[w,l]),P=g.useCallback(b=>{var O;const y=(O=w==null?void 0:w.findIndex($=>$===b))!=null?O:null;i(y),X(r.current,{transition:`transform ${U.DURATION}s cubic-bezier(${U.EASE.join(",")})`,transform:V(s)?`translate3d(0, ${b}px, 0)`:`translate3d(${b}px, 0, 0)`}),w&&y!==w.length-1&&o!==void 0&&y!==o&&y<o?X(a.current,{transition:`opacity ${U.DURATION}s cubic-bezier(${U.EASE.join(",")})`,opacity:"0"}):X(a.current,{transition:`opacity ${U.DURATION}s cubic-bezier(${U.EASE.join(",")})`,opacity:"1"}),m(n==null?void 0:n[Math.max(y,0)])},[r.current,n,w,o,a,m]);g.useEffect(()=>{if(p||e){var b;const O=(b=n==null?void 0:n.findIndex(y=>y===e||y===p))!=null?b:-1;w&&O!==-1&&typeof w[O]=="number"&&P(w[O])}},[p,e,n,w,P]);function E({draggedDistance:b,closeDrawer:O,velocity:y,dismissible:$}){if(o===void 0)return;const B=s==="bottom"||s==="right"?(T??0)-b:(T??0)+b,Y=l===o-1,C=l===0,K=b>0;if(Y&&X(a.current,{transition:`opacity ${U.DURATION}s cubic-bezier(${U.EASE.join(",")})`}),!f&&y>2&&!K){$?O():P(w[0]);return}if(!f&&y>2&&K&&w&&n){P(w[n.length-1]);return}const z=w==null?void 0:w.reduce((q,ee)=>typeof q!="number"||typeof ee!="number"?q:Math.abs(ee-B)<Math.abs(q-B)?ee:q),J=V(s)?window.innerHeight:window.innerWidth;if(y>jn&&Math.abs(b)<J*.4){const q=K?1:-1;if(q>0&&N&&n){P(w[n.length-1]);return}if(C&&q<0&&$&&O(),l===null)return;P(w[l+q]);return}P(z)}function _({draggedDistance:b}){if(T===null)return;const O=s==="bottom"||s==="right"?T-b:T+b;(s==="bottom"||s==="right")&&O<w[w.length-1]||(s==="top"||s==="left")&&O>w[w.length-1]||X(r.current,{transform:V(s)?`translate3d(0, ${O}px, 0)`:`translate3d(${O}px, 0, 0)`})}function F(b,O){if(!n||typeof l!="number"||!w||o===void 0)return null;const y=l===o-1;if(l>=o&&O)return 0;if(y&&!O)return 1;if(!S&&!y)return null;const B=y?l+1:l-1,Y=y?w[B]-w[B-1]:w[B+1]-w[B],C=b/Math.abs(Y);return y?1-C:C}return{isLastSnapPoint:N,activeSnapPoint:p,shouldFade:S,getPercentageDragged:F,setActiveSnapPoint:m,activeSnapPointIndex:l,onRelease:E,onDrag:_,snapPointsOffset:w}}const po=()=>()=>{};function vo(){const{direction:e,isOpen:t,shouldScaleBackground:n,setBackgroundColorOnScale:r,noBodyStyles:a}=je(),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;co(r&&!a?ut(document.body,{background:"black"}):po,ut(v,{transformOrigin:V(e)?"top":"left",transitionProperty:"transform, border-radius",transitionDuration:`${U.DURATION}s`,transitionTimingFunction:`cubic-bezier(${U.EASE.join(",")})`}));const f=ut(v,{borderRadius:`${$n}px`,overflow:"hidden",...V(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()=>{f(),o.current=window.setTimeout(()=>{i?document.body.style.background=i:document.body.style.removeProperty("background")},U.DURATION*1e3)}}},[t,n,i])}let ke=null;function ho({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),f=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:m,innerHeight:h}=window;document.body.style.setProperty("position","fixed","important"),Object.assign(document.body.style,{top:`${-v.current}px`,left:`${-m}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]),p=g.useCallback(()=>{if(zt()&&ke!==null&&!o){const m=-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,m)}),ke=null}},[i]);return g.useEffect(()=>{function m(){v.current=window.scrollY}return m(),window.addEventListener("scroll",m),()=>{window.removeEventListener("scroll",m)}},[]),g.useEffect(()=>{if(t)return()=>{typeof document>"u"||document.querySelector("[data-vaul-drawer]")||p()}},[t,p]),g.useEffect(()=>{n||!r||(e?(!window.matchMedia("(display-mode: standalone)").matches&&f(),t||window.setTimeout(()=>{p()},500)):p())},[e,r,i,t,n,f,p]),{restorePositionSetting:p}}function go({open:e,onOpenChange:t,children:n,onDrag:r,onRelease:a,snapPoints:o,shouldScaleBackground:i=!1,setBackgroundColorOnScale:s=!0,closeThreshold:v=lo,scrollLockTimeout:f=uo,dismissible:p=!0,handleOnly:m=!1,fadeFromIndex:h=o&&o.length-1,activeSnapPoint:R,setActiveSnapPoint:N,fixed:l,modal:S=!0,onClose:w,nested:T,noBodyStyles:P=!1,direction:E="bottom",defaultOpen:_=!1,disablePreventScroll:F=!0,snapToSequentialPoint:b=!1,preventScrollRestoration:O=!1,repositionInputs:y=!0,onAnimationEnd:$,container:B,autoFocus:Y=!1}){var C,K;const[z=!1,J]=Fn({defaultProp:_,prop:e,onChange:x=>{t==null||t(x),!x&&!T&&Gn(),setTimeout(()=>{$==null||$(x)},U.DURATION*1e3),x&&!S&&typeof window<"u"&&window.requestAnimationFrame(()=>{document.body.style.pointerEvents="auto"}),x||(document.body.style.pointerEvents="auto")}}),[q,ee]=g.useState(!1),[ne,ce]=g.useState(!1),[u,D]=g.useState(!1),M=g.useRef(null),W=g.useRef(null),le=g.useRef(null),ve=g.useRef(null),L=g.useRef(null),te=g.useRef(!1),he=g.useRef(null),Pe=g.useRef(0),Ee=g.useRef(!1),Et=g.useRef(!_),St=g.useRef(0),A=g.useRef(null),Rt=g.useRef(((C=A.current)==null?void 0:C.getBoundingClientRect().height)||0),Ct=g.useRef(((K=A.current)==null?void 0:K.getBoundingClientRect().width)||0),Qe=g.useRef(0),Vn=g.useCallback(x=>{o&&x===Ne.length-1&&(W.current=new Date)},[]),{activeSnapPoint:Yn,activeSnapPointIndex:Se,setActiveSnapPoint:xt,onRelease:zn,snapPointsOffset:Ne,onDrag:qn,shouldFade:Tt,getPercentageDragged:Xn}=mo({snapPoints:o,activeSnapPointProp:R,setActiveSnapPointProp:N,drawerRef:A,fadeFromIndex:h,overlayRef:M,onSnapPointChange:Vn,direction:E,container:B,snapToSequentialPoint:b});to({isDisabled:!z||ne||!S||u||!q||!y||!F});const{restorePositionSetting:Gn}=ho({isOpen:z,modal:S,nested:T??!1,hasBeenOpened:q,preventScrollRestoration:O,noBodyStyles:P});function $e(){return(window.innerWidth-ht)/window.innerWidth}function Kn(x){var I,j;!p&&!o||A.current&&!A.current.contains(x.target)||(Rt.current=((I=A.current)==null?void 0:I.getBoundingClientRect().height)||0,Ct.current=((j=A.current)==null?void 0:j.getBoundingClientRect().width)||0,ce(!0),le.current=new Date,_n()&&window.addEventListener("touchend",()=>te.current=!1,{once:!0}),x.target.setPointerCapture(x.pointerId),Pe.current=V(E)?x.pageY:x.pageX)}function Pt(x,I){var j;let k=x;const H=(j=window.getSelection())==null?void 0:j.toString(),Q=A.current?ze(A.current,E):null,Z=new Date;if(k.tagName==="SELECT"||k.hasAttribute("data-vaul-no-drag")||k.closest("[data-vaul-no-drag]"))return!1;if(E==="right"||E==="left")return!0;if(W.current&&Z.getTime()-W.current.getTime()<500)return!1;if(Q!==null&&(E==="bottom"?Q>0:Q<0))return!0;if(H&&H.length>0)return!1;if(L.current&&Z.getTime()-L.current.getTime()<f&&Q===0||I)return L.current=Z,!1;for(;k;){if(k.scrollHeight>k.clientHeight){if(k.scrollTop!==0)return L.current=new Date,!1;if(k.getAttribute("role")==="dialog")return!0}k=k.parentNode}return!0}function Jn(x){if(A.current&&ne){const I=E==="bottom"||E==="right"?1:-1,j=(Pe.current-(V(E)?x.pageY:x.pageX))*I,k=j>0,H=o&&!p&&!k;if(H&&Se===0)return;const Q=Math.abs(j),Z=document.querySelector("[data-vaul-drawer-wrapper]"),ue=E==="bottom"||E==="top"?Rt.current:Ct.current;let re=Q/ue;const ge=Xn(Q,k);if(ge!==null&&(re=ge),H&&re>=1||!te.current&&!Pt(x.target,k))return;if(A.current.classList.add(dt),te.current=!0,X(A.current,{transition:"none"}),X(M.current,{transition:"none"}),o&&qn({draggedDistance:j}),k&&!o){const oe=io(j),Le=Math.min(oe*-1,0)*I;X(A.current,{transform:V(E)?`translate3d(0, ${Le}px, 0)`:`translate3d(${Le}px, 0, 0)`});return}const de=1-re;if((Tt||h&&Se===h-1)&&(r==null||r(x,re),X(M.current,{opacity:`${de}`,transition:"none"},!0)),Z&&M.current&&i){const oe=Math.min($e()+re*(1-$e()),1),Le=8-re*8,Ot=Math.max(0,14-re*14);X(Z,{borderRadius:`${Le}px`,transform:V(E)?`scale(${oe}) translate3d(0, ${Ot}px, 0)`:`scale(${oe}) translate3d(${Ot}px, 0, 0)`,transition:"none"},!0)}if(!o){const oe=Q*I;X(A.current,{transform:V(E)?`translate3d(0, ${oe}px, 0)`:`translate3d(${oe}px, 0, 0)`})}}}g.useEffect(()=>{window.requestAnimationFrame(()=>{Et.current=!0})},[]),g.useEffect(()=>{var x;function I(){if(!A.current||!y)return;const j=document.activeElement;if(vt(j)||Ee.current){var k;const H=((k=window.visualViewport)==null?void 0:k.height)||0,Q=window.innerHeight;let Z=Q-H;const ue=A.current.getBoundingClientRect().height||0,re=ue>Q*.8;Qe.current||(Qe.current=ue);const ge=A.current.getBoundingClientRect().top;if(Math.abs(St.current-Z)>60&&(Ee.current=!Ee.current),o&&o.length>0&&Ne&&Se){const de=Ne[Se]||0;Z+=de}if(St.current=Z,ue>H||Ee.current){const de=A.current.getBoundingClientRect().height;let oe=de;de>H&&(oe=H-(re?ge:ht)),l?A.current.style.height=`${de-Math.max(Z,0)}px`:A.current.style.height=`${Math.max(oe,H-ge)}px`}else Xa()||(A.current.style.height=`${Qe.current}px`);o&&o.length>0&&!Ee.current?A.current.style.bottom="0px":A.current.style.bottom=`${Math.max(Z,0)}px`}}return(x=window.visualViewport)==null||x.addEventListener("resize",I),()=>{var j;return(j=window.visualViewport)==null?void 0:j.removeEventListener("resize",I)}},[Se,o,Ne]);function Oe(x){Zn(),w==null||w(),x||J(!1),setTimeout(()=>{o&&xt(o[0])},U.DURATION*1e3)}function Nt(){if(!A.current)return;const x=document.querySelector("[data-vaul-drawer-wrapper]"),I=ze(A.current,E);X(A.current,{transform:"translate3d(0, 0, 0)",transition:`transform ${U.DURATION}s cubic-bezier(${U.EASE.join(",")})`}),X(M.current,{transition:`opacity ${U.DURATION}s cubic-bezier(${U.EASE.join(",")})`,opacity:"1"}),i&&I&&I>0&&z&&X(x,{borderRadius:`${$n}px`,overflow:"hidden",...V(E)?{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:`${U.DURATION}s`,transitionTimingFunction:`cubic-bezier(${U.EASE.join(",")})`},!0)}function Zn(){!ne||!A.current||(A.current.classList.remove(dt),te.current=!1,ce(!1),ve.current=new Date)}function Qn(x){if(!ne||!A.current)return;A.current.classList.remove(dt),te.current=!1,ce(!1),ve.current=new Date;const I=ze(A.current,E);if(!x||!Pt(x.target,!1)||!I||Number.isNaN(I)||le.current===null)return;const j=ve.current.getTime()-le.current.getTime(),k=Pe.current-(V(E)?x.pageY:x.pageX),H=Math.abs(k)/j;if(H>.05&&(D(!0),setTimeout(()=>{D(!1)},200)),o){zn({draggedDistance:k*(E==="bottom"||E==="right"?1:-1),closeDrawer:Oe,velocity:H,dismissible:p}),a==null||a(x,!0);return}if(E==="bottom"||E==="right"?k>0:k<0){Nt(),a==null||a(x,!0);return}if(H>jn){Oe(),a==null||a(x,!1);return}var Q;const Z=Math.min((Q=A.current.getBoundingClientRect().height)!=null?Q:0,window.innerHeight);var ue;const re=Math.min((ue=A.current.getBoundingClientRect().width)!=null?ue:0,window.innerWidth),ge=E==="left"||E==="right";if(Math.abs(I)>=(ge?re:Z)*v){Oe(),a==null||a(x,!1);return}a==null||a(x,!0),Nt()}g.useEffect(()=>(z&&(X(document.documentElement,{scrollBehavior:"auto"}),W.current=new Date),()=>{so(document.documentElement,"scrollBehavior")}),[z]);function er(x){const I=x?(window.innerWidth-we)/window.innerWidth:1,j=x?-we:0;he.current&&window.clearTimeout(he.current),X(A.current,{transition:`transform ${U.DURATION}s cubic-bezier(${U.EASE.join(",")})`,transform:V(E)?`scale(${I}) translate3d(0, ${j}px, 0)`:`scale(${I}) translate3d(${j}px, 0, 0)`}),!x&&A.current&&(he.current=setTimeout(()=>{const k=ze(A.current,E);X(A.current,{transition:"none",transform:V(E)?`translate3d(0, ${k}px, 0)`:`translate3d(${k}px, 0, 0)`})},500))}function tr(x,I){if(I<0)return;const j=(window.innerWidth-we)/window.innerWidth,k=j+I*(1-j),H=-we+I*we;X(A.current,{transform:V(E)?`scale(${k}) translate3d(0, ${H}px, 0)`:`scale(${k}) translate3d(${H}px, 0, 0)`,transition:"none"})}function nr(x,I){const j=V(E)?window.innerHeight:window.innerWidth,k=I?(j-we)/j:1,H=I?-we:0;I&&X(A.current,{transition:`transform ${U.DURATION}s cubic-bezier(${U.EASE.join(",")})`,transform:V(E)?`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(Wa,{defaultOpen:_,onOpenChange:x=>{!p&&!x||(x?ee(!0):Oe(!0),J(x))},open:z},g.createElement(An.Provider,{value:{activeSnapPoint:Yn,snapPoints:o,setActiveSnapPoint:xt,drawerRef:A,overlayRef:M,onOpenChange:t,onPress:Kn,onRelease:Qn,onDrag:Jn,dismissible:p,shouldAnimate:Et,handleOnly:m,isOpen:z,isDragging:ne,shouldFade:Tt,closeDrawer:Oe,onNestedDrag:tr,onNestedOpenChange:er,onNestedRelease:nr,keyboardIsOpen:Ee,modal:S,snapPointsOffset:Ne,activeSnapPointIndex:Se,direction:E,shouldScaleBackground:i,setBackgroundColorOnScale:s,noBodyStyles:P,container:B,autoFocus:Y}},n))}const Wn=g.forwardRef(function({...e},t){const{overlayRef:n,snapPoints:r,onRelease:a,shouldFade:o,isOpen:i,modal:s,shouldAnimate:v}=je(),f=Mn(t,n),p=r&&r.length>0;if(!s)return null;const m=g.useCallback(h=>a(h),[a]);return g.createElement(Ha,{onMouseUp:m,ref:f,"data-vaul-overlay":"","data-vaul-snap-points":i&&p?"true":"false","data-vaul-snap-points-overlay":i&&o?"true":"false","data-vaul-animate":v!=null&&v.current?"true":"false",...e})});Wn.displayName="Drawer.Overlay";const Bn=g.forwardRef(function({onPointerDownOutside:e,style:t,onOpenAutoFocus:n,...r},a){const{drawerRef:o,onPress:i,onRelease:s,onDrag:v,keyboardIsOpen:f,snapPointsOffset:p,activeSnapPointIndex:m,modal:h,isOpen:R,direction:N,snapPoints:l,container:S,handleOnly:w,shouldAnimate:T,autoFocus:P}=je(),[E,_]=g.useState(!1),F=Mn(a,o),b=g.useRef(null),O=g.useRef(null),y=g.useRef(!1),$=l&&l.length>0;vo();const B=(C,K,z=0)=>{if(y.current)return!0;const J=Math.abs(C.y),q=Math.abs(C.x),ee=q>J,ne=["bottom","right"].includes(K)?1:-1;if(K==="left"||K==="right"){if(!(C.x*ne<0)&&q>=0&&q<=z)return ee}else if(!(C.y*ne<0)&&J>=0&&J<=z)return!ee;return y.current=!0,!0};g.useEffect(()=>{$&&window.requestAnimationFrame(()=>{_(!0)})},[]);function Y(C){b.current=null,y.current=!1,s(C)}return g.createElement(Va,{"data-vaul-drawer-direction":N,"data-vaul-drawer":"","data-vaul-delayed-snap-points":E?"true":"false","data-vaul-snap-points":R&&$?"true":"false","data-vaul-custom-container":S?"true":"false","data-vaul-animate":T!=null&&T.current?"true":"false",...r,ref:F,style:p&&p.length>0?{"--snap-point-height":`${p[m??0]}px`,...t}:t,onPointerDown:C=>{w||(r.onPointerDown==null||r.onPointerDown.call(r,C),b.current={x:C.pageX,y:C.pageY},i(C))},onOpenAutoFocus:C=>{n==null||n(C),P||C.preventDefault()},onPointerDownOutside:C=>{if(e==null||e(C),!h||C.defaultPrevented){C.preventDefault();return}f.current&&(f.current=!1)},onFocusOutside:C=>{if(!h){C.preventDefault();return}},onPointerMove:C=>{if(O.current=C,w||(r.onPointerMove==null||r.onPointerMove.call(r,C),!b.current))return;const K=C.pageY-b.current.y,z=C.pageX-b.current.x,J=C.pointerType==="touch"?10:2;B({x:z,y:K},N,J)?v(C):(Math.abs(z)>J||Math.abs(K)>J)&&(b.current=null)},onPointerUp:C=>{r.onPointerUp==null||r.onPointerUp.call(r,C),b.current=null,y.current=!1,s(C)},onPointerOut:C=>{r.onPointerOut==null||r.onPointerOut.call(r,C),Y(O.current)},onContextMenu:C=>{r.onContextMenu==null||r.onContextMenu.call(r,C),O.current&&Y(O.current)}})});Bn.displayName="Drawer.Content";const wo=250,bo=120,Un=g.forwardRef(function({preventCycle:e=!1,children:t,...n},r){const{closeDrawer:a,isDragging:o,snapPoints:i,activeSnapPoint:s,setActiveSnapPoint:v,dismissible:f,handleOnly:p,isOpen:m,onPress:h,onDrag:R}=je(),N=g.useRef(null),l=g.useRef(!1);function S(){if(l.current){P();return}window.setTimeout(()=>{w()},bo)}function w(){if(o||e||l.current){P();return}if(P(),!i||i.length===0){f||a();return}if(s===i[i.length-1]&&f){a();return}const _=i.findIndex(b=>b===s);if(_===-1)return;const F=i[_+1];v(F)}function T(){N.current=window.setTimeout(()=>{l.current=!0},wo)}function P(){N.current&&window.clearTimeout(N.current),l.current=!1}return g.createElement("div",{onClick:S,onPointerCancel:P,onPointerDown:E=>{p&&h(E),T()},onPointerMove:E=>{p&&R(E)},ref:r,"data-vaul-drawer-visible":m?"true":"false","data-vaul-handle":"","aria-hidden":"true",...n},g.createElement("span",{"data-vaul-handle-hitarea":"","aria-hidden":"true"},t))});Un.displayName="Drawer.Handle";function yo(e){const t=je(),{container:n=t.container,...r}=e;return g.createElement(Ua,{container:n,...r})}const fe={Root:go,Content:Bn,Overlay:Wn,Trigger:Ba,Portal:yo,Handle:Un,Close:za,Title:Ya};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 G=rr.create((e,t)=>({pages:{},currentPageId:null,expandedIds:new Set,globalPreset:null,pendingChanges:!1,mockEnabled:!0,_worker:null,_setWorker: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=>{const{pages:r,mockEnabled:a,_worker:o}=t(),i=r[n];e({currentPageId:n,expandedIds:new Set(i!=null&&i.endpoints[0]?[i.endpoints[0].id]:[]),globalPreset:null,pendingChanges:!1}),a&&i&&o&&ft(o,i)},toggleEndpoint:n=>{e(r=>{const a=new Set(r.expandedIds);return a.has(n)?a.delete(n):a.add(n),{expandedIds:a}})},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})}}})),Hn=e=>{var t;return e.currentPageId?((t=e.pages[e.currentPageId])==null?void 0:t.endpoints)??[]:[]},Eo=e=>{if(!e.mockEnabled)return"off";const t=Hn(e);return t.some(n=>["error","not_found","forbidden","network_error"].includes(n.selectedScenario))?"error":t.some(n=>n.selectedScenario==="loading")?"warn":"ok"};function So(e){return e.scenario==="loading"?"// pending...":e.scenario==="network_error"?"// network error":e.payload?JSON.stringify(e.payload,null,2):"{}"}function Ro(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 Co(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 xo(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 To(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 Po({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:To(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:Co(o.scenario,s),children:s&&d.jsx("div",{className:xo(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:Ro(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:So(a)})]})]})]})}function No({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 Oo({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 Do({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 Ao({worker:e,enabled:t=!0,snapPoints:n=["500px",1]}){const[r,a]=g.useState(!1),[o,i]=g.useState(!1),[s,v]=g.useState(n[0]),f=g.useRef(!1),p=G(y=>y._setWorker);g.useEffect(()=>{f.current||(f.current=!0,p(e))},[e,p]);const m=G(Hn),h=G(y=>y.expandedIds),R=G(y=>y.globalPreset),N=G(y=>y.pendingChanges),l=G(y=>y.mockEnabled),S=G(y=>y.currentPageId),w=G(Eo),T=G(y=>y.toggleMockEnabled),P=G(y=>y.toggleEndpoint),E=G(y=>y.selectScenario),_=G(y=>y.applyGlobalPreset),F=G(y=>y.applyChanges),b=G(y=>y.resetCurrentPage),O=g.useCallback(()=>{F(),i(!0),setTimeout(()=>i(!1),1200)},[F]);return t?d.jsx(d.Fragment,{children:d.jsxs(fe.Root,{open:r,onOpenChange:a,snapPoints:n,activeSnapPoint:s,setActiveSnapPoint:v,shouldScaleBackground:!1,modal:!0,children:[d.jsx(fe.Trigger,{asChild:!0,children:d.jsx(No,{status:w,onClick:()=>a(!0)})}),d.jsxs(fe.Portal,{children:[d.jsx(fe.Overlay,{className:"mswd-vaul-overlay"}),d.jsxs(fe.Content,{className:"mswd-vaul-content","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"}),S?d.jsx("p",{className:"mswd-header-sub mswd-header-sub--page",children:S}):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(Oo,{enabled:l,onToggle:T}),m.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(Do,{active:R,disabled:!l,onSelect:_}),d.jsxs("div",{className:`mswd-section-label ${l?"":"mswd-section-label--disabled"}`,children:[d.jsxs("span",{className:"mswd-section-text",children:["endpoints · ",m.length]}),N&&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:m.map(y=>d.jsx(Po,{endpoint:y,expanded:h.has(y.id),onToggle:()=>P(y.id),onSelectScenario:$=>E(y.id,$)},y.id))}),d.jsxs("div",{className:"mswd-footer",children:[d.jsx("button",{type:"button",onClick:b,className:"mswd-btn-reset",children:"Reset"}),d.jsx("button",{type:"button",onClick:O,disabled:!N||!l,className:`mswd-btn-apply ${o?"mswd-btn-apply--applied":N&&l?"mswd-btn-apply--active":"mswd-btn-apply--disabled"}`,children:o?"Applied ✓":"Apply & reload"})]})]})]})]})]})}):null}function _o(e){const t=G(r=>r.registerPage),n=G(r=>r.setCurrentPage);g.useEffect(()=>{t(e),n(e.pageId)},[e.pageId])}exports.DebugDrawer=Ao;exports.useDebugDrawerStore=G;exports.useRegisterMockEndpoints=_o;
|
|
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;
|
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export { DebugDrawer } from
|
|
2
|
-
export { useRegisterMockEndpoints } from
|
|
3
|
-
export { useDebugDrawerStore } from
|
|
4
|
-
export type { MockScenario, HttpMethod, MockOption, EndpointConfig, ScenarioHandlerMap, PageMockConfig, } from
|
|
5
|
-
export type { GlobalPreset } from
|
|
1
|
+
export { DebugDrawer } from "./components/DebugDrawer/DebugDrawer";
|
|
2
|
+
export { useRegisterMockEndpoints } from "./hooks/useRegisterMockEndpoints";
|
|
3
|
+
export { useDebugDrawerStore } from "./store/debugDrawerStore";
|
|
4
|
+
export type { MockScenario, HttpMethod, MockOption, EndpointConfig, ScenarioHandlerMap, PageMockConfig, } from "./mocks/types";
|
|
5
|
+
export type { GlobalPreset } from "./store/debugDrawerStore";
|