@stsgs1980/fab-inspector 3.6.4 → 3.6.5

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.
@@ -9,6 +9,6 @@ export function InspectorFab({ active, onToggle, showTooltip, }) {
9
9
  ${active
10
10
  ? 'bg-[#1F6FEB] text-[#F0F6FC] shadow-[#1F6FEB]/30'
11
11
  : 'bg-[#21262D] text-[#E6EDF3]/80 hover:bg-[#30363D] hover:text-[#E6EDF3] shadow-black/40'}
12
- `, whileHover: { scale: 1.08 }, whileTap: { scale: 0.95 }, "aria-label": active ? 'Закрыть инспектор элементов' : 'Открыть инспектор элементов', title: active ? 'Закрыть инспектор (Esc)' : 'Инспектор элементов', children: [active ? (_jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: "M18 6 6 18" }), _jsx("path", { d: "m6 6 12 12" })] })) : (_jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: "m19 19-14-14" }), _jsx("path", { d: "m5 5 14 0" }), _jsx("path", { d: "m5 5 0 14" })] })), _jsx("span", { className: "absolute -top-1 -right-1 min-w-[16px] h-4 px-1 rounded-full bg-[#58A6FF] text-[#0D1117] text-[9px] font-bold flex items-center justify-center leading-none select-none", children: "3.6.4" })] }), _jsx(AnimatePresence, { children: showTooltip && (_jsx(motion.div, { initial: { opacity: 0, y: 8 }, animate: { opacity: 1, y: 0 }, exit: { opacity: 0, y: 8 }, className: "fixed bottom-20 right-6 z-[90] bg-[#21262D] text-[#E6EDF3] text-xs px-3 py-1.5 rounded-lg shadow-lg border border-[#30363D] whitespace-nowrap pointer-events-none", children: "\u041A\u043B\u0438\u043A\u043D\u0438\u0442\u0435 \u043D\u0430 \u044D\u043B\u0435\u043C\u0435\u043D\u0442 \u0434\u043B\u044F \u0438\u043D\u0441\u043F\u0435\u043A\u0446\u0438\u0438" })) })] }));
12
+ `, whileHover: { scale: 1.08 }, whileTap: { scale: 0.95 }, "aria-label": active ? 'Закрыть инспектор элементов' : 'Открыть инспектор элементов', title: active ? 'Закрыть инспектор (Esc)' : 'Инспектор элементов', children: [active ? (_jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: "M18 6 6 18" }), _jsx("path", { d: "m6 6 12 12" })] })) : (_jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: "m19 19-14-14" }), _jsx("path", { d: "m5 5 14 0" }), _jsx("path", { d: "m5 5 0 14" })] })), _jsx("span", { className: "absolute -top-1 -right-1 min-w-[16px] h-4 px-1 rounded-full bg-[#58A6FF] text-[#0D1117] text-[9px] font-bold flex items-center justify-center leading-none select-none", children: "3.6.5" })] }), _jsx(AnimatePresence, { children: showTooltip && (_jsx(motion.div, { initial: { opacity: 0, y: 8 }, animate: { opacity: 1, y: 0 }, exit: { opacity: 0, y: 8 }, className: "fixed bottom-20 right-6 z-[90] bg-[#21262D] text-[#E6EDF3] text-xs px-3 py-1.5 rounded-lg shadow-lg border border-[#30363D] whitespace-nowrap pointer-events-none", children: "\u041A\u043B\u0438\u043A\u043D\u0438\u0442\u0435 \u043D\u0430 \u044D\u043B\u0435\u043C\u0435\u043D\u0442 \u0434\u043B\u044F \u0438\u043D\u0441\u043F\u0435\u043A\u0446\u0438\u0438" })) })] }));
13
13
  }
14
14
  //# sourceMappingURL=inspector-fab.js.map
@@ -1,4 +1,6 @@
1
- // AUTO-GENERATED — v3.6.4: clean unlayered utilities (no @layer/@supports nesting issues).
1
+ // AUTO-GENERATED — v3.6.5: fixed backslash escaping in template literal.
2
+ // v3.6.0-3.6.4 had \[ dropped to [ by JS, breaking CSS selectors like .bg-\[#21262D\].
3
+ // Now backslashes are properly doubled so template literal preserves them.
2
4
  const inspectorCss = `@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}
3
5
  @property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}
4
6
  @property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}
@@ -71,7 +73,7 @@ const inspectorCss = `@property --tw-translate-x{syntax:"*";inherits:false;initi
71
73
  @property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}
72
74
  @property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}
73
75
  @property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
74
- .\@container\/card-header{container:card-header/inline-size}
76
+ .\\@container\\/card-header{container:card-header/inline-size}
75
77
  .pointer-events-auto{pointer-events:auto}
76
78
  .pointer-events-none{pointer-events:none}
77
79
  .invisible{visibility:hidden}
@@ -85,21 +87,21 @@ const inspectorCss = `@property --tw-translate-x{syntax:"*";inherits:false;initi
85
87
  .inset-x-0{inset-inline:0}
86
88
  .inset-y-0{inset-block:0}
87
89
  .-top-1{top:calc(var(--spacing) * -1)}
88
- .-top-1\.5{top:calc(var(--spacing) * -1.5)}
90
+ .-top-1\\.5{top:calc(var(--spacing) * -1.5)}
89
91
  .top-0{top:0}
90
- .top-0\.5{top:calc(var(--spacing) * .5)}
92
+ .top-0\\.5{top:calc(var(--spacing) * .5)}
91
93
  .top-1{top:var(--spacing)}
92
- .top-1\.5{top:calc(var(--spacing) * 1.5)}
93
- .top-1\/2{top:50%}
94
- .top-3\.5{top:calc(var(--spacing) * 3.5)}
94
+ .top-1\\.5{top:calc(var(--spacing) * 1.5)}
95
+ .top-1\\/2{top:50%}
96
+ .top-3\\.5{top:calc(var(--spacing) * 3.5)}
95
97
  .top-4{top:calc(var(--spacing) * 4)}
96
98
  .top-5{top:calc(var(--spacing) * 5)}
97
99
  .top-6{top:calc(var(--spacing) * 6)}
98
100
  .top-9{top:calc(var(--spacing) * 9)}
99
- .top-\[50\%\]{top:50%}
101
+ .top-\\[50\\%\\]{top:50%}
100
102
  .top-full{top:100%}
101
103
  .-right-1{right:calc(var(--spacing) * -1)}
102
- .-right-1\.5{right:calc(var(--spacing) * -1.5)}
104
+ .-right-1\\.5{right:calc(var(--spacing) * -1.5)}
103
105
  .right-0{right:0}
104
106
  .right-1{right:var(--spacing)}
105
107
  .right-2{right:calc(var(--spacing) * 2)}
@@ -111,19 +113,19 @@ const inspectorCss = `@property --tw-translate-x{syntax:"*";inherits:false;initi
111
113
  .bottom-6{bottom:calc(var(--spacing) * 6)}
112
114
  .bottom-20{bottom:calc(var(--spacing) * 20)}
113
115
  .left-0{left:0}
114
- .left-0\.5{left:calc(var(--spacing) * .5)}
116
+ .left-0\\.5{left:calc(var(--spacing) * .5)}
115
117
  .left-1{left:var(--spacing)}
116
- .left-1\.5{left:calc(var(--spacing) * 1.5)}
118
+ .left-1\\.5{left:calc(var(--spacing) * 1.5)}
117
119
  .left-2{left:calc(var(--spacing) * 2)}
118
120
  .left-3{left:calc(var(--spacing) * 3)}
119
- .left-\[15px\]{left:15px}
120
- .left-\[50\%\]{left:50%}
121
+ .left-\\[15px\\]{left:15px}
122
+ .left-\\[50\\%\\]{left:50%}
121
123
  .z-10{z-index:10}
122
124
  .z-20{z-index:20}
123
125
  .z-50{z-index:50}
124
- .z-\[90\]{z-index:90}
125
- .z-\[95\]{z-index:95}
126
- .z-\[100\]{z-index:100}
126
+ .z-\\[90\\]{z-index:90}
127
+ .z-\\[95\\]{z-index:95}
128
+ .z-\\[100\\]{z-index:100}
127
129
  .col-start-2{grid-column-start:2}
128
130
  .row-span-2{grid-row:span 2/span 2}
129
131
  .row-start-1{grid-row-start:1}
@@ -132,19 +134,19 @@ const inspectorCss = `@property --tw-translate-x{syntax:"*";inherits:false;initi
132
134
  .m-3{margin:calc(var(--spacing) * 3)}
133
135
  .m-4{margin:calc(var(--spacing) * 4)}
134
136
  .-mx-1{margin-inline:calc(var(--spacing) * -1)}
135
- .mx-0\.5{margin-inline:calc(var(--spacing) * .5)}
137
+ .mx-0\\.5{margin-inline:calc(var(--spacing) * .5)}
136
138
  .mx-1{margin-inline:var(--spacing)}
137
139
  .mx-2{margin-inline:calc(var(--spacing) * 2)}
138
- .mx-3\.5{margin-inline:calc(var(--spacing) * 3.5)}
140
+ .mx-3\\.5{margin-inline:calc(var(--spacing) * 3.5)}
139
141
  .mx-auto{margin-inline:auto}
140
142
  .my-1{margin-block:var(--spacing)}
141
143
  .my-3{margin-block:calc(var(--spacing) * 3)}
142
144
  .my-4{margin-block:calc(var(--spacing) * 4)}
143
145
  .my-6{margin-block:calc(var(--spacing) * 6)}
144
- .\!mt-0{margin-top:0!important}
145
- .mt-0\.5{margin-top:calc(var(--spacing) * .5)}
146
+ .\\!mt-0{margin-top:0!important}
147
+ .mt-0\\.5{margin-top:calc(var(--spacing) * .5)}
146
148
  .mt-1{margin-top:var(--spacing)}
147
- .mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}
149
+ .mt-1\\.5{margin-top:calc(var(--spacing) * 1.5)}
148
150
  .mt-2{margin-top:calc(var(--spacing) * 2)}
149
151
  .mt-3{margin-top:calc(var(--spacing) * 3)}
150
152
  .mt-4{margin-top:calc(var(--spacing) * 4)}
@@ -152,11 +154,11 @@ const inspectorCss = `@property --tw-translate-x{syntax:"*";inherits:false;initi
152
154
  .mt-6{margin-top:calc(var(--spacing) * 6)}
153
155
  .mt-auto{margin-top:auto}
154
156
  .mt-px{margin-top:1px}
155
- .mr-0\.5{margin-right:calc(var(--spacing) * .5)}
157
+ .mr-0\\.5{margin-right:calc(var(--spacing) * .5)}
156
158
  .mr-1{margin-right:var(--spacing)}
157
- .mb-0\.5{margin-bottom:calc(var(--spacing) * .5)}
159
+ .mb-0\\.5{margin-bottom:calc(var(--spacing) * .5)}
158
160
  .mb-1{margin-bottom:var(--spacing)}
159
- .mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}
161
+ .mb-1\\.5{margin-bottom:calc(var(--spacing) * 1.5)}
160
162
  .mb-2{margin-bottom:calc(var(--spacing) * 2)}
161
163
  .mb-3{margin-bottom:calc(var(--spacing) * 3)}
162
164
  .mb-4{margin-bottom:calc(var(--spacing) * 4)}
@@ -164,7 +166,7 @@ const inspectorCss = `@property --tw-translate-x{syntax:"*";inherits:false;initi
164
166
  .mb-6{margin-bottom:calc(var(--spacing) * 6)}
165
167
  .mb-12{margin-bottom:calc(var(--spacing) * 12)}
166
168
  .ml-1{margin-left:var(--spacing)}
167
- .ml-1\.5{margin-left:calc(var(--spacing) * 1.5)}
169
+ .ml-1\\.5{margin-left:calc(var(--spacing) * 1.5)}
168
170
  .ml-2{margin-left:calc(var(--spacing) * 2)}
169
171
  .ml-6{margin-left:calc(var(--spacing) * 6)}
170
172
  .ml-auto{margin-left:auto}
@@ -182,9 +184,9 @@ const inspectorCss = `@property --tw-translate-x{syntax:"*";inherits:false;initi
182
184
  .field-sizing-content{field-sizing:content}
183
185
  .aspect-square{aspect-ratio:1}
184
186
  .size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}
185
- .size-2\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}
187
+ .size-2\\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}
186
188
  .size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}
187
- .size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}
189
+ .size-3\\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}
188
190
  .size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}
189
191
  .size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}
190
192
  .size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}
@@ -195,11 +197,11 @@ const inspectorCss = `@property --tw-translate-x{syntax:"*";inherits:false;initi
195
197
  .size-11{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}
196
198
  .size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}
197
199
  .size-full{width:100%;height:100%}
198
- .h-1\.5{height:calc(var(--spacing) * 1.5)}
200
+ .h-1\\.5{height:calc(var(--spacing) * 1.5)}
199
201
  .h-2{height:calc(var(--spacing) * 2)}
200
- .h-2\.5{height:calc(var(--spacing) * 2.5)}
202
+ .h-2\\.5{height:calc(var(--spacing) * 2.5)}
201
203
  .h-3{height:calc(var(--spacing) * 3)}
202
- .h-3\.5{height:calc(var(--spacing) * 3.5)}
204
+ .h-3\\.5{height:calc(var(--spacing) * 3.5)}
203
205
  .h-4{height:calc(var(--spacing) * 4)}
204
206
  .h-5{height:calc(var(--spacing) * 5)}
205
207
  .h-6{height:calc(var(--spacing) * 6)}
@@ -212,37 +214,37 @@ const inspectorCss = `@property --tw-translate-x{syntax:"*";inherits:false;initi
212
214
  .h-20{height:calc(var(--spacing) * 20)}
213
215
  .h-52{height:calc(var(--spacing) * 52)}
214
216
  .h-72{height:calc(var(--spacing) * 72)}
215
- .h-\[22px\]{height:22px}
216
- .h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}
217
+ .h-\\[22px\\]{height:22px}
218
+ .h-\\[var\\(--radix-select-trigger-height\\)\\]{height:var(--radix-select-trigger-height)}
217
219
  .h-auto{height:auto}
218
220
  .h-dvh{height:100dvh}
219
221
  .h-full{height:100%}
220
222
  .h-px{height:1px}
221
223
  .h-svh{height:100svh}
222
- .max-h-\(--radix-select-content-available-height\){max-height:var(--radix-select-content-available-height)}
224
+ .max-h-\\(--radix-select-content-available-height\\){max-height:var(--radix-select-content-available-height)}
223
225
  .max-h-40{max-height:calc(var(--spacing) * 40)}
224
226
  .max-h-48{max-height:calc(var(--spacing) * 48)}
225
227
  .max-h-52{max-height:calc(var(--spacing) * 52)}
226
228
  .max-h-64{max-height:calc(var(--spacing) * 64)}
227
229
  .max-h-72{max-height:calc(var(--spacing) * 72)}
228
230
  .max-h-80{max-height:calc(var(--spacing) * 80)}
229
- .max-h-\[80vh\]{max-height:80vh}
231
+ .max-h-\\[80vh\\]{max-height:80vh}
230
232
  .max-h-screen{max-height:100vh}
231
233
  .min-h-0{min-height:0}
232
234
  .min-h-16{min-height:calc(var(--spacing) * 16)}
233
- .min-h-\[200px\]{min-height:200px}
234
- .min-h-\[400px\]{min-height:400px}
235
- .min-h-\[500px\]{min-height:500px}
235
+ .min-h-\\[200px\\]{min-height:200px}
236
+ .min-h-\\[400px\\]{min-height:400px}
237
+ .min-h-\\[500px\\]{min-height:500px}
236
238
  .min-h-screen{min-height:100vh}
237
239
  .min-h-svh{min-height:100svh}
238
- .w-\(--sidebar-width\){width:var(--sidebar-width)}
239
- .w-1\/4{width:25%}
240
+ .w-\\(--sidebar-width\\){width:var(--sidebar-width)}
241
+ .w-1\\/4{width:25%}
240
242
  .w-2{width:calc(var(--spacing) * 2)}
241
- .w-2\.5{width:calc(var(--spacing) * 2.5)}
243
+ .w-2\\.5{width:calc(var(--spacing) * 2.5)}
242
244
  .w-3{width:calc(var(--spacing) * 3)}
243
- .w-3\.5{width:calc(var(--spacing) * 3.5)}
244
- .w-3\/4{width:75%}
245
- .w-3\/5{width:60%}
245
+ .w-3\\.5{width:calc(var(--spacing) * 3.5)}
246
+ .w-3\\/4{width:75%}
247
+ .w-3\\/5{width:60%}
246
248
  .w-4{width:calc(var(--spacing) * 4)}
247
249
  .w-5{width:calc(var(--spacing) * 5)}
248
250
  .w-7{width:calc(var(--spacing) * 7)}
@@ -257,44 +259,44 @@ const inspectorCss = `@property --tw-translate-x{syntax:"*";inherits:false;initi
257
259
  .w-48{width:calc(var(--spacing) * 48)}
258
260
  .w-64{width:calc(var(--spacing) * 64)}
259
261
  .w-72{width:calc(var(--spacing) * 72)}
260
- .w-\[2px\]{width:2px}
261
- .w-\[22px\]{width:22px}
262
+ .w-\\[2px\\]{width:2px}
263
+ .w-\\[22px\\]{width:22px}
262
264
  .w-auto{width:auto}
263
265
  .w-fit{width:fit-content}
264
266
  .w-full{width:100%}
265
267
  .w-px{width:1px}
266
- .max-w-\(--skeleton-width\){max-width:var(--skeleton-width)}
268
+ .max-w-\\(--skeleton-width\\){max-width:var(--skeleton-width)}
267
269
  .max-w-2xl{max-width:var(--container-2xl)}
268
270
  .max-w-3xl{max-width:var(--container-3xl)}
269
271
  .max-w-4xl{max-width:var(--container-4xl)}
270
272
  .max-w-5xl{max-width:var(--container-5xl)}
271
273
  .max-w-24{max-width:calc(var(--spacing) * 24)}
272
274
  .max-w-32{max-width:calc(var(--spacing) * 32)}
273
- .max-w-\[120px\]{max-width:120px}
274
- .max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem)}
275
+ .max-w-\\[120px\\]{max-width:120px}
276
+ .max-w-\\[calc\\(100\\%-2rem\\)\\]{max-width:calc(100% - 2rem)}
275
277
  .max-w-lg{max-width:var(--container-lg)}
276
278
  .max-w-none{max-width:none}
277
279
  .max-w-xs{max-width:var(--container-xs)}
278
280
  .min-w-0{min-width:0}
279
281
  .min-w-5{min-width:calc(var(--spacing) * 5)}
280
- .min-w-\[8rem\]{min-width:8rem}
281
- .min-w-\[16px\]{min-width:16px}
282
- .min-w-\[180px\]{min-width:180px}
283
- .min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}
282
+ .min-w-\\[8rem\\]{min-width:8rem}
283
+ .min-w-\\[16px\\]{min-width:16px}
284
+ .min-w-\\[180px\\]{min-width:180px}
285
+ .min-w-\\[var\\(--radix-select-trigger-width\\)\\]{min-width:var(--radix-select-trigger-width)}
284
286
  .min-w-full{min-width:100%}
285
287
  .flex-1{flex:1}
286
288
  .flex-shrink{flex-shrink:1}
287
289
  .flex-shrink-0,.shrink-0{flex-shrink:0}
288
290
  .border-collapse{border-collapse:collapse}
289
- .origin-\(--radix-select-content-transform-origin\){transform-origin:var(--radix-select-content-transform-origin)}
290
- .origin-\(--radix-tooltip-content-transform-origin\){transform-origin:var(--radix-tooltip-content-transform-origin)}
291
- .-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
291
+ .origin-\\(--radix-select-content-transform-origin\\){transform-origin:var(--radix-select-content-transform-origin)}
292
+ .origin-\\(--radix-tooltip-content-transform-origin\\){transform-origin:var(--radix-tooltip-content-transform-origin)}
293
+ .-translate-x-1\\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
292
294
  .-translate-x-px{--tw-translate-x:-1px;translate:var(--tw-translate-x) var(--tw-translate-y)}
293
- .translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}
295
+ .translate-x-\\[-50\\%\\]{--tw-translate-x:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}
294
296
  .translate-x-px{--tw-translate-x:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}
295
- .-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
296
- .translate-y-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}
297
- .translate-y-\[calc\(-50\%_-_2px\)\]{--tw-translate-y:calc(-50% - 2px);translate:var(--tw-translate-x) var(--tw-translate-y)}
297
+ .-translate-y-1\\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
298
+ .translate-y-\\[-50\\%\\]{--tw-translate-y:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}
299
+ .translate-y-\\[calc\\(-50\\%_-_2px\\)\\]{--tw-translate-y:calc(-50% - 2px);translate:var(--tw-translate-x) var(--tw-translate-y)}
298
300
  .rotate-45{rotate:45deg}
299
301
  .transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}
300
302
  .animate-pulse{animation:var(--animate-pulse)}
@@ -312,7 +314,7 @@ const inspectorCss = `@property --tw-translate-x{syntax:"*";inherits:false;initi
312
314
  .auto-rows-min{grid-auto-rows:min-content}
313
315
  .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
314
316
  .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
315
- .grid-rows-\[auto_auto\]{grid-template-rows:auto auto}
317
+ .grid-rows-\\[auto_auto\\]{grid-template-rows:auto auto}
316
318
  .flex-col{flex-direction:column}
317
319
  .flex-col-reverse{flex-direction:column-reverse}
318
320
  .flex-wrap{flex-wrap:wrap}
@@ -323,17 +325,17 @@ const inspectorCss = `@property --tw-translate-x{syntax:"*";inherits:false;initi
323
325
  .justify-center{justify-content:center}
324
326
  .justify-end{justify-content:flex-end}
325
327
  .justify-start{justify-content:flex-start}
326
- .gap-0\.5{gap:calc(var(--spacing) * .5)}
328
+ .gap-0\\.5{gap:calc(var(--spacing) * .5)}
327
329
  .gap-1{gap:var(--spacing)}
328
- .gap-1\.5{gap:calc(var(--spacing) * 1.5)}
330
+ .gap-1\\.5{gap:calc(var(--spacing) * 1.5)}
329
331
  .gap-2{gap:calc(var(--spacing) * 2)}
330
- .gap-2\.5{gap:calc(var(--spacing) * 2.5)}
332
+ .gap-2\\.5{gap:calc(var(--spacing) * 2.5)}
331
333
  .gap-3{gap:calc(var(--spacing) * 3)}
332
334
  .gap-4{gap:calc(var(--spacing) * 4)}
333
335
  .gap-5{gap:calc(var(--spacing) * 5)}
334
336
  .gap-6{gap:calc(var(--spacing) * 6)}
335
337
  :where(.space-y-0>:not(:last-child)){--tw-space-y-reverse:0;margin-block:0}
336
- :where(.space-y-0\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)))}
338
+ :where(.space-y-0\\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)))}
337
339
  :where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}
338
340
  :where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}
339
341
  :where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}
@@ -350,11 +352,11 @@ const inspectorCss = `@property --tw-translate-x{syntax:"*";inherits:false;initi
350
352
  .overflow-x-auto{overflow-x:auto}
351
353
  .overflow-x-hidden{overflow-x:hidden}
352
354
  .overflow-y-auto{overflow-y:auto}
353
- .\!rounded-none{border-radius:0!important}
355
+ .\\!rounded-none{border-radius:0!important}
354
356
  .rounded{border-radius:.25rem}
355
- .rounded-\[2px\]{border-radius:2px}
356
- .rounded-\[4px\]{border-radius:4px}
357
- .rounded-\[inherit\]{border-radius:inherit}
357
+ .rounded-\\[2px\\]{border-radius:2px}
358
+ .rounded-\\[4px\\]{border-radius:4px}
359
+ .rounded-\\[inherit\\]{border-radius:inherit}
358
360
  .rounded-full{border-radius:3.40282e38px}
359
361
  .rounded-lg{border-radius:var(--radius-lg)}
360
362
  .rounded-md{border-radius:var(--radius-md)}
@@ -373,67 +375,67 @@ const inspectorCss = `@property --tw-translate-x{syntax:"*";inherits:false;initi
373
375
  .border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}
374
376
  .border-dashed{--tw-border-style:dashed;border-style:dashed}
375
377
  .border-solid{--tw-border-style:solid;border-style:solid}
376
- .border-\[\#30363D\]{border-color:#30363d}
377
- .border-amber-500\/20{border-color:#f99c0033}
378
- .border-amber-500\/40{border-color:#f99c0066}
379
- .border-blue-500\/20{border-color:#3080ff33}
380
- .border-green-500\/20{border-color:#00c75833}
381
- .border-green-500\/30{border-color:#00c7584d}
378
+ .border-\\[\\#30363D\\]{border-color:#30363d}
379
+ .border-amber-500\\/20{border-color:#f99c0033}
380
+ .border-amber-500\\/40{border-color:#f99c0066}
381
+ .border-blue-500\\/20{border-color:#3080ff33}
382
+ .border-green-500\\/20{border-color:#00c75833}
383
+ .border-green-500\\/30{border-color:#00c7584d}
382
384
  .border-transparent{border-color:#0000}
383
- .border-violet-500\/50{border-color:#8d54ff80}
384
- .border-zinc-500\/20{border-color:#71717b33}
385
+ .border-violet-500\\/50{border-color:#8d54ff80}
386
+ .border-zinc-500\\/20{border-color:#71717b33}
385
387
  .border-zinc-700{border-color:var(--color-zinc-700)}
386
388
  .border-zinc-800{border-color:var(--color-zinc-800)}
387
389
  .border-t-transparent{border-top-color:#0000}
388
390
  .border-l-transparent{border-left-color:#0000}
389
- .bg-\[\#0D1117\]{background-color:#0d1117}
390
- .bg-\[\#1C2128\]{background-color:#1c2128}
391
- .bg-\[\#1F6FEB\]{background-color:#1f6feb}
392
- .bg-\[\#58A6FF\]{background-color:#58a6ff}
393
- .bg-\[\#161B22\]{background-color:#161b22}
394
- .bg-\[\#21262D\]{background-color:#21262d}
395
- .bg-\[\#30363D\]{background-color:#30363d}
396
- .bg-amber-500\/5{background-color:#f99c000d}
397
- .bg-amber-500\/10{background-color:#f99c001a}
398
- .bg-amber-500\/15{background-color:#f99c0026}
399
- .bg-black\/50{background-color:#00000080}
400
- .bg-blue-500\/5{background-color:#3080ff0d}
401
- .bg-blue-500\/10{background-color:#3080ff1a}
402
- .bg-blue-500\/15{background-color:#3080ff26}
403
- .bg-blue-500\/60{background-color:#3080ff99}
404
- .bg-cyan-500\/60{background-color:#00b7d799}
405
- .bg-emerald-500\/10{background-color:#00bb7f1a}
406
- .bg-green-500\/5{background-color:#00c7580d}
407
- .bg-green-500\/10{background-color:#00c7581a}
408
- .bg-green-500\/15{background-color:#00c75826}
409
- .bg-green-500\/20{background-color:#00c75833}
410
- .bg-green-500\/60{background-color:#00c75899}
411
- .bg-red-500\/20{background-color:#fb2c3633}
391
+ .bg-\\[\\#0D1117\\]{background-color:#0d1117}
392
+ .bg-\\[\\#1C2128\\]{background-color:#1c2128}
393
+ .bg-\\[\\#1F6FEB\\]{background-color:#1f6feb}
394
+ .bg-\\[\\#58A6FF\\]{background-color:#58a6ff}
395
+ .bg-\\[\\#161B22\\]{background-color:#161b22}
396
+ .bg-\\[\\#21262D\\]{background-color:#21262d}
397
+ .bg-\\[\\#30363D\\]{background-color:#30363d}
398
+ .bg-amber-500\\/5{background-color:#f99c000d}
399
+ .bg-amber-500\\/10{background-color:#f99c001a}
400
+ .bg-amber-500\\/15{background-color:#f99c0026}
401
+ .bg-black\\/50{background-color:#00000080}
402
+ .bg-blue-500\\/5{background-color:#3080ff0d}
403
+ .bg-blue-500\\/10{background-color:#3080ff1a}
404
+ .bg-blue-500\\/15{background-color:#3080ff26}
405
+ .bg-blue-500\\/60{background-color:#3080ff99}
406
+ .bg-cyan-500\\/60{background-color:#00b7d799}
407
+ .bg-emerald-500\\/10{background-color:#00bb7f1a}
408
+ .bg-green-500\\/5{background-color:#00c7580d}
409
+ .bg-green-500\\/10{background-color:#00c7581a}
410
+ .bg-green-500\\/15{background-color:#00c75826}
411
+ .bg-green-500\\/20{background-color:#00c75833}
412
+ .bg-green-500\\/60{background-color:#00c75899}
413
+ .bg-red-500\\/20{background-color:#fb2c3633}
412
414
  .bg-transparent{background-color:#0000}
413
415
  .bg-violet-500{background-color:var(--color-violet-500)}
414
- .bg-violet-500\/10{background-color:#8d54ff1a}
416
+ .bg-violet-500\\/10{background-color:#8d54ff1a}
415
417
  .bg-violet-600{background-color:var(--color-violet-600)}
416
418
  .bg-zinc-100{background-color:var(--color-zinc-100)}
417
- .bg-zinc-500\/5{background-color:#71717b0d}
418
- .bg-zinc-500\/10{background-color:#71717b1a}
419
- .bg-zinc-500\/15{background-color:#71717b26}
419
+ .bg-zinc-500\\/5{background-color:#71717b0d}
420
+ .bg-zinc-500\\/10{background-color:#71717b1a}
421
+ .bg-zinc-500\\/15{background-color:#71717b26}
420
422
  .bg-zinc-800{background-color:var(--color-zinc-800)}
421
- .bg-zinc-800\/30{background-color:#27272a4d}
422
- .bg-zinc-800\/60{background-color:#27272a99}
423
+ .bg-zinc-800\\/30{background-color:#27272a4d}
424
+ .bg-zinc-800\\/60{background-color:#27272a99}
423
425
  .bg-zinc-900{background-color:var(--color-zinc-900)}
424
426
  .bg-zinc-950{background-color:var(--color-zinc-950)}
425
427
  .bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}
426
- .from-amber-500\/10{--tw-gradient-from:#f99c001a}
427
- .from-amber-500\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}
428
- .to-amber-500\/60{--tw-gradient-to:#f99c0099}
429
- .to-amber-500\/60{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}
428
+ .from-amber-500\\/10{--tw-gradient-from:#f99c001a}
429
+ .from-amber-500\\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}
430
+ .to-amber-500\\/60{--tw-gradient-to:#f99c0099}
431
+ .to-amber-500\\/60{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}
430
432
  .fill-amber-500{fill:var(--color-amber-500)}
431
433
  .p-0{padding:0}
432
- .p-0\.5{padding:calc(var(--spacing) * .5)}
434
+ .p-0\\.5{padding:calc(var(--spacing) * .5)}
433
435
  .p-1{padding:var(--spacing)}
434
- .p-1\.5{padding:calc(var(--spacing) * 1.5)}
436
+ .p-1\\.5{padding:calc(var(--spacing) * 1.5)}
435
437
  .p-2{padding:calc(var(--spacing) * 2)}
436
- .p-2\.5{padding:calc(var(--spacing) * 2.5)}
438
+ .p-2\\.5{padding:calc(var(--spacing) * 2.5)}
437
439
  .p-3{padding:calc(var(--spacing) * 3)}
438
440
  .p-4{padding:calc(var(--spacing) * 4)}
439
441
  .p-5{padding:calc(var(--spacing) * 5)}
@@ -441,18 +443,18 @@ const inspectorCss = `@property --tw-translate-x{syntax:"*";inherits:false;initi
441
443
  .p-8{padding:calc(var(--spacing) * 8)}
442
444
  .p-px{padding:1px}
443
445
  .px-1{padding-inline:var(--spacing)}
444
- .px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}
446
+ .px-1\\.5{padding-inline:calc(var(--spacing) * 1.5)}
445
447
  .px-2{padding-inline:calc(var(--spacing) * 2)}
446
- .px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}
448
+ .px-2\\.5{padding-inline:calc(var(--spacing) * 2.5)}
447
449
  .px-3{padding-inline:calc(var(--spacing) * 3)}
448
450
  .px-4{padding-inline:calc(var(--spacing) * 4)}
449
451
  .px-6{padding-inline:calc(var(--spacing) * 6)}
450
452
  .py-0{padding-block:0}
451
- .py-0\.5{padding-block:calc(var(--spacing) * .5)}
453
+ .py-0\\.5{padding-block:calc(var(--spacing) * .5)}
452
454
  .py-1{padding-block:var(--spacing)}
453
- .py-1\.5{padding-block:calc(var(--spacing) * 1.5)}
455
+ .py-1\\.5{padding-block:calc(var(--spacing) * 1.5)}
454
456
  .py-2{padding-block:calc(var(--spacing) * 2)}
455
- .py-2\.5{padding-block:calc(var(--spacing) * 2.5)}
457
+ .py-2\\.5{padding-block:calc(var(--spacing) * 2.5)}
456
458
  .py-3{padding-block:calc(var(--spacing) * 3)}
457
459
  .py-4{padding-block:calc(var(--spacing) * 4)}
458
460
  .py-5{padding-block:calc(var(--spacing) * 5)}
@@ -477,7 +479,7 @@ const inspectorCss = `@property --tw-translate-x{syntax:"*";inherits:false;initi
477
479
  .pb-4{padding-bottom:calc(var(--spacing) * 4)}
478
480
  .pb-6{padding-bottom:calc(var(--spacing) * 6)}
479
481
  .pb-8{padding-bottom:calc(var(--spacing) * 8)}
480
- .pb-\[env\(safe-area-inset-bottom\)\]{padding-bottom:env(safe-area-inset-bottom)}
482
+ .pb-\\[env\\(safe-area-inset-bottom\\)\\]{padding-bottom:env(safe-area-inset-bottom)}
481
483
  .pl-2{padding-left:calc(var(--spacing) * 2)}
482
484
  .pl-3{padding-left:calc(var(--spacing) * 3)}
483
485
  .pl-5{padding-left:calc(var(--spacing) * 5)}
@@ -498,12 +500,12 @@ const inspectorCss = `@property --tw-translate-x{syntax:"*";inherits:false;initi
498
500
  .text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
499
501
  .text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
500
502
  .text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
501
- .text-\[0\.7em\]{font-size:.7em}
502
- .text-\[9px\]{font-size:9px}
503
- .text-\[10px\]{font-size:10px}
504
- .text-\[11px\]{font-size:11px}
505
- .text-\[12px\]{font-size:12px}
506
- .text-\[13px\]{font-size:13px}
503
+ .text-\\[0\\.7em\\]{font-size:.7em}
504
+ .text-\\[9px\\]{font-size:9px}
505
+ .text-\\[10px\\]{font-size:10px}
506
+ .text-\\[11px\\]{font-size:11px}
507
+ .text-\\[12px\\]{font-size:12px}
508
+ .text-\\[13px\\]{font-size:13px}
507
509
  .leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}
508
510
  .leading-none{--tw-leading:1;line-height:1}
509
511
  .leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}
@@ -523,17 +525,17 @@ const inspectorCss = `@property --tw-translate-x{syntax:"*";inherits:false;initi
523
525
  .whitespace-nowrap{white-space:nowrap}
524
526
  .whitespace-pre{white-space:pre}
525
527
  .whitespace-pre-wrap{white-space:pre-wrap}
526
- .text-\[\#0D1117\]{color:#0d1117}
527
- .text-\[\#6E7681\]{color:#6e7681}
528
- .text-\[\#8B949E\]{color:#8b949e}
529
- .text-\[\#58A6FF\]{color:#58a6ff}
530
- .text-\[\#78716c\]{color:#78716c}
531
- .text-\[\#E6EDF3\]{color:#e6edf3}
532
- .text-\[\#E6EDF3\]\/80{color:oklab(94.2539% -.00490347 -.0099026/.8)}
533
- .text-\[\#F0F6FC\]{color:#f0f6fc}
534
- .text-\[\#FA3913\]{color:#fa3913}
535
- .text-\[Npx\]{color:Npx}
536
- .text-amber-200\/80{color:#fee685cc}
528
+ .text-\\[\\#0D1117\\]{color:#0d1117}
529
+ .text-\\[\\#6E7681\\]{color:#6e7681}
530
+ .text-\\[\\#8B949E\\]{color:#8b949e}
531
+ .text-\\[\\#58A6FF\\]{color:#58a6ff}
532
+ .text-\\[\\#78716c\\]{color:#78716c}
533
+ .text-\\[\\#E6EDF3\\]{color:#e6edf3}
534
+ .text-\\[\\#E6EDF3\\]\\/80{color:oklab(94.2539% -.00490347 -.0099026/.8)}
535
+ .text-\\[\\#F0F6FC\\]{color:#f0f6fc}
536
+ .text-\\[\\#FA3913\\]{color:#fa3913}
537
+ .text-\\[Npx\\]{color:Npx}
538
+ .text-amber-200\\/80{color:#fee685cc}
537
539
  .text-amber-400{color:var(--color-amber-400)}
538
540
  .text-amber-500{color:var(--color-amber-500)}
539
541
  .text-amber-600{color:var(--color-amber-600)}
@@ -571,8 +573,8 @@ const inspectorCss = `@property --tw-translate-x{syntax:"*";inherits:false;initi
571
573
  .opacity-70{opacity:.7}
572
574
  .opacity-90{opacity:.9}
573
575
  .shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
574
- .shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,hsl(var(--sidebar-border)));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
575
- .shadow-\[0_8px_32px_rgba\(0\,0\,0\,0\.4\)\]{--tw-shadow:0 8px 32px var(--tw-shadow-color,#0006);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
576
+ .shadow-\\[0_0_0_1px_hsl\\(var\\(--sidebar-border\\)\\)\\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,hsl(var(--sidebar-border)));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
577
+ .shadow-\\[0_8px_32px_rgba\\(0\\,0\\,0\\,0\\.4\\)\\]{--tw-shadow:0 8px 32px var(--tw-shadow-color,#0006);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
576
578
  .shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
577
579
  .shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
578
580
  .shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
@@ -581,8 +583,8 @@ const inspectorCss = `@property --tw-translate-x{syntax:"*";inherits:false;initi
581
583
  .ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
582
584
  .ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
583
585
  .ring-4{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
584
- .shadow-\[\#1F6FEB\]\/30{--tw-shadow-color:#1f6feb4d}
585
- .shadow-black\/40{--tw-shadow-color:#0006}
586
+ .shadow-\\[\\#1F6FEB\\]\\/30{--tw-shadow-color:#1f6feb4d}
587
+ .shadow-black\\/40{--tw-shadow-color:#0006}
586
588
  .ring-zinc-900{--tw-ring-color:var(--color-zinc-900)}
587
589
  .outline-hidden{--tw-outline-style:none;outline-style:none}
588
590
  .outline{outline-style:var(--tw-outline-style);outline-width:1px}
@@ -590,11 +592,11 @@ const inspectorCss = `@property --tw-translate-x{syntax:"*";inherits:false;initi
590
592
  .backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}
591
593
  .backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}
592
594
  .transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
593
- .transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
594
- .transition-\[left\,right\,width\]{transition-property:left,right,width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
595
- .transition-\[margin\,opacity\]{transition-property:margin,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
596
- .transition-\[width\,height\,padding\]{transition-property:width,height,padding;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
597
- .transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
595
+ .transition-\\[color\\,box-shadow\\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
596
+ .transition-\\[left\\,right\\,width\\]{transition-property:left,right,width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
597
+ .transition-\\[margin\\,opacity\\]{transition-property:margin,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
598
+ .transition-\\[width\\,height\\,padding\\]{transition-property:width,height,padding;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
599
+ .transition-\\[width\\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
598
600
  .transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
599
601
  .transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
600
602
  .transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
@@ -608,137 +610,137 @@ const inspectorCss = `@property --tw-translate-x{syntax:"*";inherits:false;initi
608
610
  .ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}
609
611
  .outline-none{--tw-outline-style:none;outline-style:none}
610
612
  .select-none{-webkit-user-select:none;user-select:none}
611
- .\[file\:line\]{file:line}
612
- .group-focus-within\:opacity-100:is(:where(.group):focus-within *),.group-focus-within\/code\:opacity-100:is(:where(.group\/code):focus-within *),.group-focus-within\/menu-item\:opacity-100:is(:where(.group\/menu-item):focus-within *){opacity:1}
613
- .group-has-data-\[sidebar\=menu-action\]\/menu-item\:pr-8:is(:where(.group\/menu-item):has([data-sidebar=menu-action]) *){padding-right:calc(var(--spacing) * 8)}
614
- .group-data-\[collapsible\=icon\]\:-mt-8:is(:where(.group)[data-collapsible=icon] *){margin-top:calc(var(--spacing) * -8)}
615
- .group-data-\[collapsible\=icon\]\:hidden:is(:where(.group)[data-collapsible=icon] *){display:none}
616
- .group-data-\[collapsible\=icon\]\:size-8\!:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--spacing) * 8)!important;height:calc(var(--spacing) * 8)!important}
617
- .group-data-\[collapsible\=icon\]\:w-\(--sidebar-width-icon\):is(:where(.group)[data-collapsible=icon] *){width:var(--sidebar-width-icon)}
618
- .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\)\]:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)))}
619
- .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\+2px\)\]:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)) + 2px)}
620
- .group-data-\[collapsible\=icon\]\:overflow-hidden:is(:where(.group)[data-collapsible=icon] *){overflow:hidden}
621
- .group-data-\[collapsible\=icon\]\:p-0\!:is(:where(.group)[data-collapsible=icon] *){padding:0!important}
622
- .group-data-\[collapsible\=icon\]\:p-2\!:is(:where(.group)[data-collapsible=icon] *){padding:calc(var(--spacing) * 2)!important}
623
- .group-data-\[collapsible\=icon\]\:opacity-0:is(:where(.group)[data-collapsible=icon] *){opacity:0}
624
- .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible=offcanvas] *){right:calc(var(--sidebar-width) * -1)}
625
- .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible=offcanvas] *){left:calc(var(--sidebar-width) * -1)}
626
- .group-data-\[collapsible\=offcanvas\]\:w-0:is(:where(.group)[data-collapsible=offcanvas] *){width:0}
627
- .group-data-\[collapsible\=offcanvas\]\:translate-x-0:is(:where(.group)[data-collapsible=offcanvas] *){--tw-translate-x:0;translate:var(--tw-translate-x) var(--tw-translate-y)}
628
- .group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled=true] *){pointer-events:none}
629
- .group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled=true] *){opacity:.5}
630
- .group-data-\[side\=left\]\:-right-4:is(:where(.group)[data-side=left] *){right:calc(var(--spacing) * -4)}
631
- .group-data-\[side\=left\]\:border-r:is(:where(.group)[data-side=left] *){border-right-style:var(--tw-border-style);border-right-width:1px}
632
- .group-data-\[side\=right\]\:left-0:is(:where(.group)[data-side=right] *){left:0}
633
- .group-data-\[side\=right\]\:rotate-180:is(:where(.group)[data-side=right] *){rotate:180deg}
634
- .group-data-\[side\=right\]\:border-l:is(:where(.group)[data-side=right] *){border-left-style:var(--tw-border-style);border-left-width:1px}
635
- .group-data-\[variant\=floating\]\:rounded-lg:is(:where(.group)[data-variant=floating] *){border-radius:var(--radius-lg)}
636
- .group-data-\[variant\=floating\]\:border:is(:where(.group)[data-variant=floating] *){border-style:var(--tw-border-style);border-width:1px}
637
- .group-data-\[variant\=floating\]\:shadow-sm:is(:where(.group)[data-variant=floating] *){--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
638
- .group-\[\.destructive\]\:text-red-300:is(:where(.group).destructive *){color:var(--color-red-300)}
639
- .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}
640
- .peer-disabled\:opacity-50:is(:where(.peer):disabled~*){opacity:.5}
641
- .peer-data-\[size\=default\]\/menu-button\:top-1\.5:is(:where(.peer\/menu-button)[data-size=default]~*){top:calc(var(--spacing) * 1.5)}
642
- .peer-data-\[size\=lg\]\/menu-button\:top-2\.5:is(:where(.peer\/menu-button)[data-size=lg]~*){top:calc(var(--spacing) * 2.5)}
643
- .peer-data-\[size\=sm\]\/menu-button\:top-1:is(:where(.peer\/menu-button)[data-size=sm]~*){top:var(--spacing)}
644
- .file\:inline-flex::file-selector-button{display:inline-flex}
645
- .file\:h-7::file-selector-button{height:calc(var(--spacing) * 7)}
646
- .file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}
647
- .file\:bg-transparent::file-selector-button{background-color:#0000}
648
- .file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
649
- .file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}
650
- .after\:absolute:after{content:var(--tw-content);position:absolute}
651
- .after\:-inset-2:after{content:var(--tw-content);inset:calc(var(--spacing) * -2)}
652
- .after\:inset-y-0:after{content:var(--tw-content);inset-block:0}
653
- .after\:left-1\/2:after{content:var(--tw-content);left:50%}
654
- .after\:w-\[2px\]:after{content:var(--tw-content);width:2px}
655
- .group-data-\[collapsible\=offcanvas\]\:after\:left-full:is(:where(.group)[data-collapsible=offcanvas] *):after{content:var(--tw-content);left:100%}
656
- .last\:pb-0:last-child{padding-bottom:0}
657
- .focus\:not-sr-only:focus{clip-path:none;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}
658
- .focus\:absolute:focus{position:absolute}
659
- .focus\:top-4:focus{top:calc(var(--spacing) * 4)}
660
- .focus\:left-4:focus{left:calc(var(--spacing) * 4)}
661
- .focus\:z-50:focus{z-index:50}
662
- .focus\:rounded-md:focus{border-radius:var(--radius-md)}
663
- .focus\:px-4:focus{padding-inline:calc(var(--spacing) * 4)}
664
- .focus\:py-2:focus{padding-block:calc(var(--spacing) * 2)}
665
- .focus\:text-sm:focus{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
666
- .focus\:font-medium:focus{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}
667
- .focus\:shadow-lg:focus{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
668
- .focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
669
- .focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}
670
- .focus\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}
671
- .focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}
672
- .focus-visible\:opacity-100:focus-visible{opacity:1}
673
- .focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
674
- .focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
675
- .focus-visible\:ring-\[\#58A6FF\]:focus-visible{--tw-ring-color:#58a6ff}
676
- .focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}
677
- .focus-visible\:ring-offset-\[\#0D1117\]:focus-visible{--tw-ring-offset-color:#0d1117}
678
- .focus-visible\:outline-hidden:focus-visible{--tw-outline-style:none;outline-style:none}
679
- .focus-visible\:outline-1:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}
680
- .focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}
681
- .group-\[\.destructive\]\:focus-visible\:ring-red-400:is(:where(.group).destructive *):focus-visible{--tw-ring-color:var(--color-red-400)}
682
- .group-\[\.destructive\]\:focus-visible\:ring-offset-red-600:is(:where(.group).destructive *):focus-visible{--tw-ring-offset-color:var(--color-red-600)}
683
- .disabled\:pointer-events-none:disabled{pointer-events:none}
684
- .disabled\:cursor-not-allowed:disabled{cursor:not-allowed}
685
- .disabled\:opacity-50:disabled{opacity:.5}
686
- :where([data-side=left]) .in-data-\[side\=left\]\:cursor-w-resize{cursor:w-resize}
687
- :where([data-side=right]) .in-data-\[side\=right\]\:cursor-e-resize{cursor:e-resize}
688
- .has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot=card-action]){grid-template-columns:1fr auto}
689
- .has-\[\>svg\]\:px-2\.5:has(>svg){padding-inline:calc(var(--spacing) * 2.5)}
690
- .has-\[\>svg\]\:px-3:has(>svg){padding-inline:calc(var(--spacing) * 3)}
691
- .has-\[\>svg\]\:px-4:has(>svg){padding-inline:calc(var(--spacing) * 4)}
692
- .aria-disabled\:pointer-events-none[aria-disabled=true]{pointer-events:none}
693
- .aria-disabled\:opacity-50[aria-disabled=true]{opacity:.5}
694
- .data-\[active\=true\]\:font-medium[data-active=true]{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}
695
- .data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}
696
- .data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}
697
- .data-\[orientation\=horizontal\]\:h-px[data-orientation=horizontal]{height:1px}
698
- .data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal]{width:100%}
699
- .data-\[orientation\=vertical\]\:h-full[data-orientation=vertical]{height:100%}
700
- .data-\[orientation\=vertical\]\:w-px[data-orientation=vertical]{width:1px}
701
- .data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}
702
- .data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
703
- .data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}
704
- .data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
705
- .data-\[size\=default\]\:h-9[data-size=default]{height:calc(var(--spacing) * 9)}
706
- .data-\[size\=sm\]\:h-8[data-size=sm]{height:calc(var(--spacing) * 8)}
707
- :is(.\*\:data-\[slot\=select-value\]\:line-clamp-1>*)[data-slot=select-value]{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}
708
- :is(.\*\:data-\[slot\=select-value\]\:flex>*)[data-slot=select-value]{display:flex}
709
- :is(.\*\:data-\[slot\=select-value\]\:items-center>*)[data-slot=select-value]{align-items:center}
710
- :is(.\*\:data-\[slot\=select-value\]\:gap-2>*)[data-slot=select-value]{gap:calc(var(--spacing) * 2)}
711
- .data-\[state\=closed\]\:duration-300[data-state=closed]{--tw-duration:.3s;transition-duration:.3s}
712
- .data-\[state\=open\]\:opacity-100[data-state=open]{opacity:1}
713
- .data-\[state\=open\]\:duration-500[data-state=open]{--tw-duration:.5s;transition-duration:.5s}
714
- .data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel]{--tw-translate-x:0;translate:var(--tw-translate-x) var(--tw-translate-y)}
715
- .data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end]{--tw-translate-x:var(--radix-toast-swipe-end-x);translate:var(--tw-translate-x) var(--tw-translate-y)}
716
- .data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move]{--tw-translate-x:var(--radix-toast-swipe-move-x);translate:var(--tw-translate-x) var(--tw-translate-y)}
717
- .data-\[swipe\=move\]\:transition-none[data-swipe=move]{transition-property:none}
718
- .\[\&_a\]\:break-all a,.\[\&_code\]\:break-all code{word-break:break-all}
719
- .\[\&_li\:\:before\]\:mr-2 li:before{margin-right:calc(var(--spacing) * 2)}
720
- .\[\&_li\:\:before\]\:font-mono li:before{font-family:var(--font-mono)}
721
- .\[\&_li\:\:before\]\:content-\[\'-\'\] li:before{--tw-content:"-";content:var(--tw-content)}
722
- .\[\&_pre\]\:overflow-x-auto pre{overflow-x:auto}
723
- .\[\&_svg\]\:pointer-events-none svg{pointer-events:none}
724
- .\[\&_svg\]\:shrink-0 svg{flex-shrink:0}
725
- .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}
726
- .\[\&\+div\]\:text-xs+div{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
727
- .\[\.border-b\]\:pb-6.border-b{padding-bottom:calc(var(--spacing) * 6)}
728
- .\[\.border-t\]\:pt-6.border-t{padding-top:calc(var(--spacing) * 6)}
729
- :is(.\*\:\[span\]\:last\:flex>*):is(span):last-child{display:flex}
730
- :is(.\*\:\[span\]\:last\:items-center>*):is(span):last-child{align-items:center}
731
- :is(.\*\:\[span\]\:last\:gap-2>*):is(span):last-child{gap:calc(var(--spacing) * 2)}
732
- .\[\&\>button\]\:hidden>button{display:none}
733
- .\[\&\>div\]\:\!block>div{display:block!important}
734
- .\[\&\>span\:last-child\]\:truncate>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
735
- .\[\&\>svg\]\:pointer-events-none>svg{pointer-events:none}
736
- .\[\&\>svg\]\:size-3>svg{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}
737
- .\[\&\>svg\]\:size-4>svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}
738
- .\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}
739
- [data-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2{right:calc(var(--spacing) * -2)}
740
- [data-side=left][data-state=collapsed] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize{cursor:e-resize}
741
- [data-side=right][data-collapsible=offcanvas] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2{left:calc(var(--spacing) * -2)}
742
- [data-side=right][data-state=collapsed] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize{cursor:w-resize}`;
613
+ .\\[file\\:line\\]{file:line}
614
+ .group-focus-within\\:opacity-100:is(:where(.group):focus-within *),.group-focus-within\\/code\\:opacity-100:is(:where(.group\\/code):focus-within *),.group-focus-within\\/menu-item\\:opacity-100:is(:where(.group\\/menu-item):focus-within *){opacity:1}
615
+ .group-has-data-\\[sidebar\\=menu-action\\]\\/menu-item\\:pr-8:is(:where(.group\\/menu-item):has([data-sidebar=menu-action]) *){padding-right:calc(var(--spacing) * 8)}
616
+ .group-data-\\[collapsible\\=icon\\]\\:-mt-8:is(:where(.group)[data-collapsible=icon] *){margin-top:calc(var(--spacing) * -8)}
617
+ .group-data-\\[collapsible\\=icon\\]\\:hidden:is(:where(.group)[data-collapsible=icon] *){display:none}
618
+ .group-data-\\[collapsible\\=icon\\]\\:size-8\\!:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--spacing) * 8)!important;height:calc(var(--spacing) * 8)!important}
619
+ .group-data-\\[collapsible\\=icon\\]\\:w-\\(--sidebar-width-icon\\):is(:where(.group)[data-collapsible=icon] *){width:var(--sidebar-width-icon)}
620
+ .group-data-\\[collapsible\\=icon\\]\\:w-\\[calc\\(var\\(--sidebar-width-icon\\)\\+\\(--spacing\\(4\\)\\)\\)\\]:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)))}
621
+ .group-data-\\[collapsible\\=icon\\]\\:w-\\[calc\\(var\\(--sidebar-width-icon\\)\\+\\(--spacing\\(4\\)\\)\\+2px\\)\\]:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)) + 2px)}
622
+ .group-data-\\[collapsible\\=icon\\]\\:overflow-hidden:is(:where(.group)[data-collapsible=icon] *){overflow:hidden}
623
+ .group-data-\\[collapsible\\=icon\\]\\:p-0\\!:is(:where(.group)[data-collapsible=icon] *){padding:0!important}
624
+ .group-data-\\[collapsible\\=icon\\]\\:p-2\\!:is(:where(.group)[data-collapsible=icon] *){padding:calc(var(--spacing) * 2)!important}
625
+ .group-data-\\[collapsible\\=icon\\]\\:opacity-0:is(:where(.group)[data-collapsible=icon] *){opacity:0}
626
+ .group-data-\\[collapsible\\=offcanvas\\]\\:right-\\[calc\\(var\\(--sidebar-width\\)\\*-1\\)\\]:is(:where(.group)[data-collapsible=offcanvas] *){right:calc(var(--sidebar-width) * -1)}
627
+ .group-data-\\[collapsible\\=offcanvas\\]\\:left-\\[calc\\(var\\(--sidebar-width\\)\\*-1\\)\\]:is(:where(.group)[data-collapsible=offcanvas] *){left:calc(var(--sidebar-width) * -1)}
628
+ .group-data-\\[collapsible\\=offcanvas\\]\\:w-0:is(:where(.group)[data-collapsible=offcanvas] *){width:0}
629
+ .group-data-\\[collapsible\\=offcanvas\\]\\:translate-x-0:is(:where(.group)[data-collapsible=offcanvas] *){--tw-translate-x:0;translate:var(--tw-translate-x) var(--tw-translate-y)}
630
+ .group-data-\\[disabled\\=true\\]\\:pointer-events-none:is(:where(.group)[data-disabled=true] *){pointer-events:none}
631
+ .group-data-\\[disabled\\=true\\]\\:opacity-50:is(:where(.group)[data-disabled=true] *){opacity:.5}
632
+ .group-data-\\[side\\=left\\]\\:-right-4:is(:where(.group)[data-side=left] *){right:calc(var(--spacing) * -4)}
633
+ .group-data-\\[side\\=left\\]\\:border-r:is(:where(.group)[data-side=left] *){border-right-style:var(--tw-border-style);border-right-width:1px}
634
+ .group-data-\\[side\\=right\\]\\:left-0:is(:where(.group)[data-side=right] *){left:0}
635
+ .group-data-\\[side\\=right\\]\\:rotate-180:is(:where(.group)[data-side=right] *){rotate:180deg}
636
+ .group-data-\\[side\\=right\\]\\:border-l:is(:where(.group)[data-side=right] *){border-left-style:var(--tw-border-style);border-left-width:1px}
637
+ .group-data-\\[variant\\=floating\\]\\:rounded-lg:is(:where(.group)[data-variant=floating] *){border-radius:var(--radius-lg)}
638
+ .group-data-\\[variant\\=floating\\]\\:border:is(:where(.group)[data-variant=floating] *){border-style:var(--tw-border-style);border-width:1px}
639
+ .group-data-\\[variant\\=floating\\]\\:shadow-sm:is(:where(.group)[data-variant=floating] *){--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
640
+ .group-\\[\\.destructive\\]\\:text-red-300:is(:where(.group).destructive *){color:var(--color-red-300)}
641
+ .peer-disabled\\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}
642
+ .peer-disabled\\:opacity-50:is(:where(.peer):disabled~*){opacity:.5}
643
+ .peer-data-\\[size\\=default\\]\\/menu-button\\:top-1\\.5:is(:where(.peer\\/menu-button)[data-size=default]~*){top:calc(var(--spacing) * 1.5)}
644
+ .peer-data-\\[size\\=lg\\]\\/menu-button\\:top-2\\.5:is(:where(.peer\\/menu-button)[data-size=lg]~*){top:calc(var(--spacing) * 2.5)}
645
+ .peer-data-\\[size\\=sm\\]\\/menu-button\\:top-1:is(:where(.peer\\/menu-button)[data-size=sm]~*){top:var(--spacing)}
646
+ .file\\:inline-flex::file-selector-button{display:inline-flex}
647
+ .file\\:h-7::file-selector-button{height:calc(var(--spacing) * 7)}
648
+ .file\\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}
649
+ .file\\:bg-transparent::file-selector-button{background-color:#0000}
650
+ .file\\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
651
+ .file\\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}
652
+ .after\\:absolute:after{content:var(--tw-content);position:absolute}
653
+ .after\\:-inset-2:after{content:var(--tw-content);inset:calc(var(--spacing) * -2)}
654
+ .after\\:inset-y-0:after{content:var(--tw-content);inset-block:0}
655
+ .after\\:left-1\\/2:after{content:var(--tw-content);left:50%}
656
+ .after\\:w-\\[2px\\]:after{content:var(--tw-content);width:2px}
657
+ .group-data-\\[collapsible\\=offcanvas\\]\\:after\\:left-full:is(:where(.group)[data-collapsible=offcanvas] *):after{content:var(--tw-content);left:100%}
658
+ .last\\:pb-0:last-child{padding-bottom:0}
659
+ .focus\\:not-sr-only:focus{clip-path:none;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}
660
+ .focus\\:absolute:focus{position:absolute}
661
+ .focus\\:top-4:focus{top:calc(var(--spacing) * 4)}
662
+ .focus\\:left-4:focus{left:calc(var(--spacing) * 4)}
663
+ .focus\\:z-50:focus{z-index:50}
664
+ .focus\\:rounded-md:focus{border-radius:var(--radius-md)}
665
+ .focus\\:px-4:focus{padding-inline:calc(var(--spacing) * 4)}
666
+ .focus\\:py-2:focus{padding-block:calc(var(--spacing) * 2)}
667
+ .focus\\:text-sm:focus{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
668
+ .focus\\:font-medium:focus{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}
669
+ .focus\\:shadow-lg:focus{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
670
+ .focus\\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
671
+ .focus\\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}
672
+ .focus\\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}
673
+ .focus\\:outline-none:focus{--tw-outline-style:none;outline-style:none}
674
+ .focus-visible\\:opacity-100:focus-visible{opacity:1}
675
+ .focus-visible\\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
676
+ .focus-visible\\:ring-\\[3px\\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
677
+ .focus-visible\\:ring-\\[\\#58A6FF\\]:focus-visible{--tw-ring-color:#58a6ff}
678
+ .focus-visible\\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}
679
+ .focus-visible\\:ring-offset-\\[\\#0D1117\\]:focus-visible{--tw-ring-offset-color:#0d1117}
680
+ .focus-visible\\:outline-hidden:focus-visible{--tw-outline-style:none;outline-style:none}
681
+ .focus-visible\\:outline-1:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}
682
+ .focus-visible\\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}
683
+ .group-\\[\\.destructive\\]\\:focus-visible\\:ring-red-400:is(:where(.group).destructive *):focus-visible{--tw-ring-color:var(--color-red-400)}
684
+ .group-\\[\\.destructive\\]\\:focus-visible\\:ring-offset-red-600:is(:where(.group).destructive *):focus-visible{--tw-ring-offset-color:var(--color-red-600)}
685
+ .disabled\\:pointer-events-none:disabled{pointer-events:none}
686
+ .disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}
687
+ .disabled\\:opacity-50:disabled{opacity:.5}
688
+ :where([data-side=left]) .in-data-\\[side\\=left\\]\\:cursor-w-resize{cursor:w-resize}
689
+ :where([data-side=right]) .in-data-\\[side\\=right\\]\\:cursor-e-resize{cursor:e-resize}
690
+ .has-data-\\[slot\\=card-action\\]\\:grid-cols-\\[1fr_auto\\]:has([data-slot=card-action]){grid-template-columns:1fr auto}
691
+ .has-\\[\\>svg\\]\\:px-2\\.5:has(>svg){padding-inline:calc(var(--spacing) * 2.5)}
692
+ .has-\\[\\>svg\\]\\:px-3:has(>svg){padding-inline:calc(var(--spacing) * 3)}
693
+ .has-\\[\\>svg\\]\\:px-4:has(>svg){padding-inline:calc(var(--spacing) * 4)}
694
+ .aria-disabled\\:pointer-events-none[aria-disabled=true]{pointer-events:none}
695
+ .aria-disabled\\:opacity-50[aria-disabled=true]{opacity:.5}
696
+ .data-\\[active\\=true\\]\\:font-medium[data-active=true]{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}
697
+ .data-\\[disabled\\]\\:pointer-events-none[data-disabled]{pointer-events:none}
698
+ .data-\\[disabled\\]\\:opacity-50[data-disabled]{opacity:.5}
699
+ .data-\\[orientation\\=horizontal\\]\\:h-px[data-orientation=horizontal]{height:1px}
700
+ .data-\\[orientation\\=horizontal\\]\\:w-full[data-orientation=horizontal]{width:100%}
701
+ .data-\\[orientation\\=vertical\\]\\:h-full[data-orientation=vertical]{height:100%}
702
+ .data-\\[orientation\\=vertical\\]\\:w-px[data-orientation=vertical]{width:1px}
703
+ .data-\\[side\\=bottom\\]\\:translate-y-1[data-side=bottom]{--tw-translate-y:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}
704
+ .data-\\[side\\=left\\]\\:-translate-x-1[data-side=left]{--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
705
+ .data-\\[side\\=right\\]\\:translate-x-1[data-side=right]{--tw-translate-x:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}
706
+ .data-\\[side\\=top\\]\\:-translate-y-1[data-side=top]{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
707
+ .data-\\[size\\=default\\]\\:h-9[data-size=default]{height:calc(var(--spacing) * 9)}
708
+ .data-\\[size\\=sm\\]\\:h-8[data-size=sm]{height:calc(var(--spacing) * 8)}
709
+ :is(.\\*\\:data-\\[slot\\=select-value\\]\\:line-clamp-1>*)[data-slot=select-value]{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}
710
+ :is(.\\*\\:data-\\[slot\\=select-value\\]\\:flex>*)[data-slot=select-value]{display:flex}
711
+ :is(.\\*\\:data-\\[slot\\=select-value\\]\\:items-center>*)[data-slot=select-value]{align-items:center}
712
+ :is(.\\*\\:data-\\[slot\\=select-value\\]\\:gap-2>*)[data-slot=select-value]{gap:calc(var(--spacing) * 2)}
713
+ .data-\\[state\\=closed\\]\\:duration-300[data-state=closed]{--tw-duration:.3s;transition-duration:.3s}
714
+ .data-\\[state\\=open\\]\\:opacity-100[data-state=open]{opacity:1}
715
+ .data-\\[state\\=open\\]\\:duration-500[data-state=open]{--tw-duration:.5s;transition-duration:.5s}
716
+ .data-\\[swipe\\=cancel\\]\\:translate-x-0[data-swipe=cancel]{--tw-translate-x:0;translate:var(--tw-translate-x) var(--tw-translate-y)}
717
+ .data-\\[swipe\\=end\\]\\:translate-x-\\[var\\(--radix-toast-swipe-end-x\\)\\][data-swipe=end]{--tw-translate-x:var(--radix-toast-swipe-end-x);translate:var(--tw-translate-x) var(--tw-translate-y)}
718
+ .data-\\[swipe\\=move\\]\\:translate-x-\\[var\\(--radix-toast-swipe-move-x\\)\\][data-swipe=move]{--tw-translate-x:var(--radix-toast-swipe-move-x);translate:var(--tw-translate-x) var(--tw-translate-y)}
719
+ .data-\\[swipe\\=move\\]\\:transition-none[data-swipe=move]{transition-property:none}
720
+ .\\[\\&_a\\]\\:break-all a,.\\[\\&_code\\]\\:break-all code{word-break:break-all}
721
+ .\\[\\&_li\\:\\:before\\]\\:mr-2 li:before{margin-right:calc(var(--spacing) * 2)}
722
+ .\\[\\&_li\\:\\:before\\]\\:font-mono li:before{font-family:var(--font-mono)}
723
+ .\\[\\&_li\\:\\:before\\]\\:content-\\[\\'-\\'\\] li:before{--tw-content:"-";content:var(--tw-content)}
724
+ .\\[\\&_pre\\]\\:overflow-x-auto pre{overflow-x:auto}
725
+ .\\[\\&_svg\\]\\:pointer-events-none svg{pointer-events:none}
726
+ .\\[\\&_svg\\]\\:shrink-0 svg{flex-shrink:0}
727
+ .\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}
728
+ .\\[\\&\\+div\\]\\:text-xs+div{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
729
+ .\\[\\.border-b\\]\\:pb-6.border-b{padding-bottom:calc(var(--spacing) * 6)}
730
+ .\\[\\.border-t\\]\\:pt-6.border-t{padding-top:calc(var(--spacing) * 6)}
731
+ :is(.\\*\\:\\[span\\]\\:last\\:flex>*):is(span):last-child{display:flex}
732
+ :is(.\\*\\:\\[span\\]\\:last\\:items-center>*):is(span):last-child{align-items:center}
733
+ :is(.\\*\\:\\[span\\]\\:last\\:gap-2>*):is(span):last-child{gap:calc(var(--spacing) * 2)}
734
+ .\\[\\&\\>button\\]\\:hidden>button{display:none}
735
+ .\\[\\&\\>div\\]\\:\\!block>div{display:block!important}
736
+ .\\[\\&\\>span\\:last-child\\]\\:truncate>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
737
+ .\\[\\&\\>svg\\]\\:pointer-events-none>svg{pointer-events:none}
738
+ .\\[\\&\\>svg\\]\\:size-3>svg{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}
739
+ .\\[\\&\\>svg\\]\\:size-4>svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}
740
+ .\\[\\&\\>svg\\]\\:shrink-0>svg{flex-shrink:0}
741
+ [data-side=left][data-collapsible=offcanvas] .\\[\\[data-side\\=left\\]\\[data-collapsible\\=offcanvas\\]_\\&\\]\\:-right-2{right:calc(var(--spacing) * -2)}
742
+ [data-side=left][data-state=collapsed] .\\[\\[data-side\\=left\\]\\[data-state\\=collapsed\\]_\\&\\]\\:cursor-e-resize{cursor:e-resize}
743
+ [data-side=right][data-collapsible=offcanvas] .\\[\\[data-side\\=right\\]\\[data-collapsible\\=offcanvas\\]_\\&\\]\\:-left-2{left:calc(var(--spacing) * -2)}
744
+ [data-side=right][data-state=collapsed] .\\[\\[data-side\\=right\\]\\[data-state\\=collapsed\\]_\\&\\]\\:cursor-w-resize{cursor:w-resize}`;
743
745
  export default inspectorCss;
744
746
  //# sourceMappingURL=inspector-styles.js.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@stsgs1980/fab-inspector",
3
- "version": "3.6.4",
3
+ "version": "3.6.5",
4
4
  "description": "Visual element inspector for Next.js dev mode — GitHub Dark themed, with SyntaxHighlighter and Box-model visualization. Ships pre-built CSS, zero consumer config.",
5
5
  "license": "MIT",
6
6
  "author": "STS",