@stsgs1980/fab-inspector 3.6.4 → 3.6.6
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/inspector-fab.js +1 -1
- package/dist/inspector-styles.js +282 -277
- package/dist/inspector.css +2 -0
- package/package.json +1 -1
package/dist/inspector-fab.js
CHANGED
|
@@ -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.
|
|
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.6" })] }), _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
|
package/dist/inspector-styles.js
CHANGED
|
@@ -1,5 +1,10 @@
|
|
|
1
|
-
// AUTO-GENERATED — v3.6.
|
|
2
|
-
|
|
1
|
+
// AUTO-GENERATED — v3.6.6: full Tailwind v4 theme + utilities, unlayered.
|
|
2
|
+
// Includes :root CSS variables (--radius-lg, --text-xs, --spacing, etc.) so
|
|
3
|
+
// theme-scale utilities work even in consumer projects without Tailwind.
|
|
4
|
+
// Backslashes properly escaped for template literal.
|
|
5
|
+
const inspectorCss = `/* FabInspector pre-built CSS — full Tailwind v4 theme + utilities, unlayered for max priority */
|
|
6
|
+
:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-700:oklch(55.5% .163 48.998);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-700:oklch(50.8% .118 165.612);--color-cyan-500:oklch(71.5% .143 215.221);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-violet-500:oklch(60.6% .25 292.717);--color-violet-600:oklch(54.1% .281 293.009);--color-purple-400:oklch(71.4% .203 305.504);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-500:oklch(55.1% .027 264.364);--color-zinc-100:oklch(96.7% .001 286.375);--color-zinc-300:oklch(87.1% .006 286.286);--color-zinc-400:oklch(70.5% .015 286.067);--color-zinc-500:oklch(55.2% .016 285.938);--color-zinc-600:oklch(44.2% .017 285.786);--color-zinc-700:oklch(37% .013 285.805);--color-zinc-800:oklch(27.4% .006 286.033);--color-zinc-900:oklch(21% .006 285.885);--color-zinc-950:oklch(14.1% .005 285.823);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}
|
|
7
|
+
@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}
|
|
3
8
|
@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}
|
|
4
9
|
@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}
|
|
5
10
|
@property --tw-rotate-x{syntax:"*";inherits:false}
|
|
@@ -71,7 +76,7 @@ const inspectorCss = `@property --tw-translate-x{syntax:"*";inherits:false;initi
|
|
|
71
76
|
@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}
|
|
72
77
|
@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}
|
|
73
78
|
@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
|
|
74
|
-
|
|
79
|
+
.\\@container\\/card-header{container:card-header/inline-size}
|
|
75
80
|
.pointer-events-auto{pointer-events:auto}
|
|
76
81
|
.pointer-events-none{pointer-events:none}
|
|
77
82
|
.invisible{visibility:hidden}
|
|
@@ -85,21 +90,21 @@ const inspectorCss = `@property --tw-translate-x{syntax:"*";inherits:false;initi
|
|
|
85
90
|
.inset-x-0{inset-inline:0}
|
|
86
91
|
.inset-y-0{inset-block:0}
|
|
87
92
|
.-top-1{top:calc(var(--spacing) * -1)}
|
|
88
|
-
.-top-1
|
|
93
|
+
.-top-1\\.5{top:calc(var(--spacing) * -1.5)}
|
|
89
94
|
.top-0{top:0}
|
|
90
|
-
.top-0
|
|
95
|
+
.top-0\\.5{top:calc(var(--spacing) * .5)}
|
|
91
96
|
.top-1{top:var(--spacing)}
|
|
92
|
-
.top-1
|
|
93
|
-
.top-1
|
|
94
|
-
.top-3
|
|
97
|
+
.top-1\\.5{top:calc(var(--spacing) * 1.5)}
|
|
98
|
+
.top-1\\/2{top:50%}
|
|
99
|
+
.top-3\\.5{top:calc(var(--spacing) * 3.5)}
|
|
95
100
|
.top-4{top:calc(var(--spacing) * 4)}
|
|
96
101
|
.top-5{top:calc(var(--spacing) * 5)}
|
|
97
102
|
.top-6{top:calc(var(--spacing) * 6)}
|
|
98
103
|
.top-9{top:calc(var(--spacing) * 9)}
|
|
99
|
-
.top
|
|
104
|
+
.top-\\[50\\%\\]{top:50%}
|
|
100
105
|
.top-full{top:100%}
|
|
101
106
|
.-right-1{right:calc(var(--spacing) * -1)}
|
|
102
|
-
.-right-1
|
|
107
|
+
.-right-1\\.5{right:calc(var(--spacing) * -1.5)}
|
|
103
108
|
.right-0{right:0}
|
|
104
109
|
.right-1{right:var(--spacing)}
|
|
105
110
|
.right-2{right:calc(var(--spacing) * 2)}
|
|
@@ -111,19 +116,19 @@ const inspectorCss = `@property --tw-translate-x{syntax:"*";inherits:false;initi
|
|
|
111
116
|
.bottom-6{bottom:calc(var(--spacing) * 6)}
|
|
112
117
|
.bottom-20{bottom:calc(var(--spacing) * 20)}
|
|
113
118
|
.left-0{left:0}
|
|
114
|
-
.left-0
|
|
119
|
+
.left-0\\.5{left:calc(var(--spacing) * .5)}
|
|
115
120
|
.left-1{left:var(--spacing)}
|
|
116
|
-
.left-1
|
|
121
|
+
.left-1\\.5{left:calc(var(--spacing) * 1.5)}
|
|
117
122
|
.left-2{left:calc(var(--spacing) * 2)}
|
|
118
123
|
.left-3{left:calc(var(--spacing) * 3)}
|
|
119
|
-
.left
|
|
120
|
-
.left
|
|
124
|
+
.left-\\[15px\\]{left:15px}
|
|
125
|
+
.left-\\[50\\%\\]{left:50%}
|
|
121
126
|
.z-10{z-index:10}
|
|
122
127
|
.z-20{z-index:20}
|
|
123
128
|
.z-50{z-index:50}
|
|
124
|
-
.z
|
|
125
|
-
.z
|
|
126
|
-
.z
|
|
129
|
+
.z-\\[90\\]{z-index:90}
|
|
130
|
+
.z-\\[95\\]{z-index:95}
|
|
131
|
+
.z-\\[100\\]{z-index:100}
|
|
127
132
|
.col-start-2{grid-column-start:2}
|
|
128
133
|
.row-span-2{grid-row:span 2/span 2}
|
|
129
134
|
.row-start-1{grid-row-start:1}
|
|
@@ -132,19 +137,19 @@ const inspectorCss = `@property --tw-translate-x{syntax:"*";inherits:false;initi
|
|
|
132
137
|
.m-3{margin:calc(var(--spacing) * 3)}
|
|
133
138
|
.m-4{margin:calc(var(--spacing) * 4)}
|
|
134
139
|
.-mx-1{margin-inline:calc(var(--spacing) * -1)}
|
|
135
|
-
.mx-0
|
|
140
|
+
.mx-0\\.5{margin-inline:calc(var(--spacing) * .5)}
|
|
136
141
|
.mx-1{margin-inline:var(--spacing)}
|
|
137
142
|
.mx-2{margin-inline:calc(var(--spacing) * 2)}
|
|
138
|
-
.mx-3
|
|
143
|
+
.mx-3\\.5{margin-inline:calc(var(--spacing) * 3.5)}
|
|
139
144
|
.mx-auto{margin-inline:auto}
|
|
140
145
|
.my-1{margin-block:var(--spacing)}
|
|
141
146
|
.my-3{margin-block:calc(var(--spacing) * 3)}
|
|
142
147
|
.my-4{margin-block:calc(var(--spacing) * 4)}
|
|
143
148
|
.my-6{margin-block:calc(var(--spacing) * 6)}
|
|
144
|
-
|
|
145
|
-
.mt-0
|
|
149
|
+
.\\!mt-0{margin-top:0!important}
|
|
150
|
+
.mt-0\\.5{margin-top:calc(var(--spacing) * .5)}
|
|
146
151
|
.mt-1{margin-top:var(--spacing)}
|
|
147
|
-
.mt-1
|
|
152
|
+
.mt-1\\.5{margin-top:calc(var(--spacing) * 1.5)}
|
|
148
153
|
.mt-2{margin-top:calc(var(--spacing) * 2)}
|
|
149
154
|
.mt-3{margin-top:calc(var(--spacing) * 3)}
|
|
150
155
|
.mt-4{margin-top:calc(var(--spacing) * 4)}
|
|
@@ -152,11 +157,11 @@ const inspectorCss = `@property --tw-translate-x{syntax:"*";inherits:false;initi
|
|
|
152
157
|
.mt-6{margin-top:calc(var(--spacing) * 6)}
|
|
153
158
|
.mt-auto{margin-top:auto}
|
|
154
159
|
.mt-px{margin-top:1px}
|
|
155
|
-
.mr-0
|
|
160
|
+
.mr-0\\.5{margin-right:calc(var(--spacing) * .5)}
|
|
156
161
|
.mr-1{margin-right:var(--spacing)}
|
|
157
|
-
.mb-0
|
|
162
|
+
.mb-0\\.5{margin-bottom:calc(var(--spacing) * .5)}
|
|
158
163
|
.mb-1{margin-bottom:var(--spacing)}
|
|
159
|
-
.mb-1
|
|
164
|
+
.mb-1\\.5{margin-bottom:calc(var(--spacing) * 1.5)}
|
|
160
165
|
.mb-2{margin-bottom:calc(var(--spacing) * 2)}
|
|
161
166
|
.mb-3{margin-bottom:calc(var(--spacing) * 3)}
|
|
162
167
|
.mb-4{margin-bottom:calc(var(--spacing) * 4)}
|
|
@@ -164,7 +169,7 @@ const inspectorCss = `@property --tw-translate-x{syntax:"*";inherits:false;initi
|
|
|
164
169
|
.mb-6{margin-bottom:calc(var(--spacing) * 6)}
|
|
165
170
|
.mb-12{margin-bottom:calc(var(--spacing) * 12)}
|
|
166
171
|
.ml-1{margin-left:var(--spacing)}
|
|
167
|
-
.ml-1
|
|
172
|
+
.ml-1\\.5{margin-left:calc(var(--spacing) * 1.5)}
|
|
168
173
|
.ml-2{margin-left:calc(var(--spacing) * 2)}
|
|
169
174
|
.ml-6{margin-left:calc(var(--spacing) * 6)}
|
|
170
175
|
.ml-auto{margin-left:auto}
|
|
@@ -182,9 +187,9 @@ const inspectorCss = `@property --tw-translate-x{syntax:"*";inherits:false;initi
|
|
|
182
187
|
.field-sizing-content{field-sizing:content}
|
|
183
188
|
.aspect-square{aspect-ratio:1}
|
|
184
189
|
.size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}
|
|
185
|
-
.size-2
|
|
190
|
+
.size-2\\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}
|
|
186
191
|
.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}
|
|
187
|
-
.size-3
|
|
192
|
+
.size-3\\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}
|
|
188
193
|
.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}
|
|
189
194
|
.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}
|
|
190
195
|
.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}
|
|
@@ -195,11 +200,11 @@ const inspectorCss = `@property --tw-translate-x{syntax:"*";inherits:false;initi
|
|
|
195
200
|
.size-11{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}
|
|
196
201
|
.size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}
|
|
197
202
|
.size-full{width:100%;height:100%}
|
|
198
|
-
.h-1
|
|
203
|
+
.h-1\\.5{height:calc(var(--spacing) * 1.5)}
|
|
199
204
|
.h-2{height:calc(var(--spacing) * 2)}
|
|
200
|
-
.h-2
|
|
205
|
+
.h-2\\.5{height:calc(var(--spacing) * 2.5)}
|
|
201
206
|
.h-3{height:calc(var(--spacing) * 3)}
|
|
202
|
-
.h-3
|
|
207
|
+
.h-3\\.5{height:calc(var(--spacing) * 3.5)}
|
|
203
208
|
.h-4{height:calc(var(--spacing) * 4)}
|
|
204
209
|
.h-5{height:calc(var(--spacing) * 5)}
|
|
205
210
|
.h-6{height:calc(var(--spacing) * 6)}
|
|
@@ -212,37 +217,37 @@ const inspectorCss = `@property --tw-translate-x{syntax:"*";inherits:false;initi
|
|
|
212
217
|
.h-20{height:calc(var(--spacing) * 20)}
|
|
213
218
|
.h-52{height:calc(var(--spacing) * 52)}
|
|
214
219
|
.h-72{height:calc(var(--spacing) * 72)}
|
|
215
|
-
.h
|
|
216
|
-
.h
|
|
220
|
+
.h-\\[22px\\]{height:22px}
|
|
221
|
+
.h-\\[var\\(--radix-select-trigger-height\\)\\]{height:var(--radix-select-trigger-height)}
|
|
217
222
|
.h-auto{height:auto}
|
|
218
223
|
.h-dvh{height:100dvh}
|
|
219
224
|
.h-full{height:100%}
|
|
220
225
|
.h-px{height:1px}
|
|
221
226
|
.h-svh{height:100svh}
|
|
222
|
-
.max-h
|
|
227
|
+
.max-h-\\(--radix-select-content-available-height\\){max-height:var(--radix-select-content-available-height)}
|
|
223
228
|
.max-h-40{max-height:calc(var(--spacing) * 40)}
|
|
224
229
|
.max-h-48{max-height:calc(var(--spacing) * 48)}
|
|
225
230
|
.max-h-52{max-height:calc(var(--spacing) * 52)}
|
|
226
231
|
.max-h-64{max-height:calc(var(--spacing) * 64)}
|
|
227
232
|
.max-h-72{max-height:calc(var(--spacing) * 72)}
|
|
228
233
|
.max-h-80{max-height:calc(var(--spacing) * 80)}
|
|
229
|
-
.max-h
|
|
234
|
+
.max-h-\\[80vh\\]{max-height:80vh}
|
|
230
235
|
.max-h-screen{max-height:100vh}
|
|
231
236
|
.min-h-0{min-height:0}
|
|
232
237
|
.min-h-16{min-height:calc(var(--spacing) * 16)}
|
|
233
|
-
.min-h
|
|
234
|
-
.min-h
|
|
235
|
-
.min-h
|
|
238
|
+
.min-h-\\[200px\\]{min-height:200px}
|
|
239
|
+
.min-h-\\[400px\\]{min-height:400px}
|
|
240
|
+
.min-h-\\[500px\\]{min-height:500px}
|
|
236
241
|
.min-h-screen{min-height:100vh}
|
|
237
242
|
.min-h-svh{min-height:100svh}
|
|
238
|
-
.w
|
|
239
|
-
.w-1
|
|
243
|
+
.w-\\(--sidebar-width\\){width:var(--sidebar-width)}
|
|
244
|
+
.w-1\\/4{width:25%}
|
|
240
245
|
.w-2{width:calc(var(--spacing) * 2)}
|
|
241
|
-
.w-2
|
|
246
|
+
.w-2\\.5{width:calc(var(--spacing) * 2.5)}
|
|
242
247
|
.w-3{width:calc(var(--spacing) * 3)}
|
|
243
|
-
.w-3
|
|
244
|
-
.w-3
|
|
245
|
-
.w-3
|
|
248
|
+
.w-3\\.5{width:calc(var(--spacing) * 3.5)}
|
|
249
|
+
.w-3\\/4{width:75%}
|
|
250
|
+
.w-3\\/5{width:60%}
|
|
246
251
|
.w-4{width:calc(var(--spacing) * 4)}
|
|
247
252
|
.w-5{width:calc(var(--spacing) * 5)}
|
|
248
253
|
.w-7{width:calc(var(--spacing) * 7)}
|
|
@@ -257,44 +262,44 @@ const inspectorCss = `@property --tw-translate-x{syntax:"*";inherits:false;initi
|
|
|
257
262
|
.w-48{width:calc(var(--spacing) * 48)}
|
|
258
263
|
.w-64{width:calc(var(--spacing) * 64)}
|
|
259
264
|
.w-72{width:calc(var(--spacing) * 72)}
|
|
260
|
-
.w
|
|
261
|
-
.w
|
|
265
|
+
.w-\\[2px\\]{width:2px}
|
|
266
|
+
.w-\\[22px\\]{width:22px}
|
|
262
267
|
.w-auto{width:auto}
|
|
263
268
|
.w-fit{width:fit-content}
|
|
264
269
|
.w-full{width:100%}
|
|
265
270
|
.w-px{width:1px}
|
|
266
|
-
.max-w
|
|
271
|
+
.max-w-\\(--skeleton-width\\){max-width:var(--skeleton-width)}
|
|
267
272
|
.max-w-2xl{max-width:var(--container-2xl)}
|
|
268
273
|
.max-w-3xl{max-width:var(--container-3xl)}
|
|
269
274
|
.max-w-4xl{max-width:var(--container-4xl)}
|
|
270
275
|
.max-w-5xl{max-width:var(--container-5xl)}
|
|
271
276
|
.max-w-24{max-width:calc(var(--spacing) * 24)}
|
|
272
277
|
.max-w-32{max-width:calc(var(--spacing) * 32)}
|
|
273
|
-
.max-w
|
|
274
|
-
.max-w
|
|
278
|
+
.max-w-\\[120px\\]{max-width:120px}
|
|
279
|
+
.max-w-\\[calc\\(100\\%-2rem\\)\\]{max-width:calc(100% - 2rem)}
|
|
275
280
|
.max-w-lg{max-width:var(--container-lg)}
|
|
276
281
|
.max-w-none{max-width:none}
|
|
277
282
|
.max-w-xs{max-width:var(--container-xs)}
|
|
278
283
|
.min-w-0{min-width:0}
|
|
279
284
|
.min-w-5{min-width:calc(var(--spacing) * 5)}
|
|
280
|
-
.min-w
|
|
281
|
-
.min-w
|
|
282
|
-
.min-w
|
|
283
|
-
.min-w
|
|
285
|
+
.min-w-\\[8rem\\]{min-width:8rem}
|
|
286
|
+
.min-w-\\[16px\\]{min-width:16px}
|
|
287
|
+
.min-w-\\[180px\\]{min-width:180px}
|
|
288
|
+
.min-w-\\[var\\(--radix-select-trigger-width\\)\\]{min-width:var(--radix-select-trigger-width)}
|
|
284
289
|
.min-w-full{min-width:100%}
|
|
285
290
|
.flex-1{flex:1}
|
|
286
291
|
.flex-shrink{flex-shrink:1}
|
|
287
292
|
.flex-shrink-0,.shrink-0{flex-shrink:0}
|
|
288
293
|
.border-collapse{border-collapse:collapse}
|
|
289
|
-
.origin
|
|
290
|
-
.origin
|
|
291
|
-
.-translate-x-1
|
|
294
|
+
.origin-\\(--radix-select-content-transform-origin\\){transform-origin:var(--radix-select-content-transform-origin)}
|
|
295
|
+
.origin-\\(--radix-tooltip-content-transform-origin\\){transform-origin:var(--radix-tooltip-content-transform-origin)}
|
|
296
|
+
.-translate-x-1\\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
|
|
292
297
|
.-translate-x-px{--tw-translate-x:-1px;translate:var(--tw-translate-x) var(--tw-translate-y)}
|
|
293
|
-
.translate-x
|
|
298
|
+
.translate-x-\\[-50\\%\\]{--tw-translate-x:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}
|
|
294
299
|
.translate-x-px{--tw-translate-x:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}
|
|
295
|
-
.-translate-y-1
|
|
296
|
-
.translate-y
|
|
297
|
-
.translate-y
|
|
300
|
+
.-translate-y-1\\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
|
|
301
|
+
.translate-y-\\[-50\\%\\]{--tw-translate-y:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}
|
|
302
|
+
.translate-y-\\[calc\\(-50\\%_-_2px\\)\\]{--tw-translate-y:calc(-50% - 2px);translate:var(--tw-translate-x) var(--tw-translate-y)}
|
|
298
303
|
.rotate-45{rotate:45deg}
|
|
299
304
|
.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}
|
|
300
305
|
.animate-pulse{animation:var(--animate-pulse)}
|
|
@@ -312,7 +317,7 @@ const inspectorCss = `@property --tw-translate-x{syntax:"*";inherits:false;initi
|
|
|
312
317
|
.auto-rows-min{grid-auto-rows:min-content}
|
|
313
318
|
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
|
|
314
319
|
.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
|
|
315
|
-
.grid-rows
|
|
320
|
+
.grid-rows-\\[auto_auto\\]{grid-template-rows:auto auto}
|
|
316
321
|
.flex-col{flex-direction:column}
|
|
317
322
|
.flex-col-reverse{flex-direction:column-reverse}
|
|
318
323
|
.flex-wrap{flex-wrap:wrap}
|
|
@@ -323,17 +328,17 @@ const inspectorCss = `@property --tw-translate-x{syntax:"*";inherits:false;initi
|
|
|
323
328
|
.justify-center{justify-content:center}
|
|
324
329
|
.justify-end{justify-content:flex-end}
|
|
325
330
|
.justify-start{justify-content:flex-start}
|
|
326
|
-
.gap-0
|
|
331
|
+
.gap-0\\.5{gap:calc(var(--spacing) * .5)}
|
|
327
332
|
.gap-1{gap:var(--spacing)}
|
|
328
|
-
.gap-1
|
|
333
|
+
.gap-1\\.5{gap:calc(var(--spacing) * 1.5)}
|
|
329
334
|
.gap-2{gap:calc(var(--spacing) * 2)}
|
|
330
|
-
.gap-2
|
|
335
|
+
.gap-2\\.5{gap:calc(var(--spacing) * 2.5)}
|
|
331
336
|
.gap-3{gap:calc(var(--spacing) * 3)}
|
|
332
337
|
.gap-4{gap:calc(var(--spacing) * 4)}
|
|
333
338
|
.gap-5{gap:calc(var(--spacing) * 5)}
|
|
334
339
|
.gap-6{gap:calc(var(--spacing) * 6)}
|
|
335
340
|
:where(.space-y-0>:not(:last-child)){--tw-space-y-reverse:0;margin-block:0}
|
|
336
|
-
:where(.space-y-0
|
|
341
|
+
: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
342
|
: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
343
|
: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
344
|
: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 +355,11 @@ const inspectorCss = `@property --tw-translate-x{syntax:"*";inherits:false;initi
|
|
|
350
355
|
.overflow-x-auto{overflow-x:auto}
|
|
351
356
|
.overflow-x-hidden{overflow-x:hidden}
|
|
352
357
|
.overflow-y-auto{overflow-y:auto}
|
|
353
|
-
|
|
358
|
+
.\\!rounded-none{border-radius:0!important}
|
|
354
359
|
.rounded{border-radius:.25rem}
|
|
355
|
-
.rounded
|
|
356
|
-
.rounded
|
|
357
|
-
.rounded
|
|
360
|
+
.rounded-\\[2px\\]{border-radius:2px}
|
|
361
|
+
.rounded-\\[4px\\]{border-radius:4px}
|
|
362
|
+
.rounded-\\[inherit\\]{border-radius:inherit}
|
|
358
363
|
.rounded-full{border-radius:3.40282e38px}
|
|
359
364
|
.rounded-lg{border-radius:var(--radius-lg)}
|
|
360
365
|
.rounded-md{border-radius:var(--radius-md)}
|
|
@@ -373,67 +378,67 @@ const inspectorCss = `@property --tw-translate-x{syntax:"*";inherits:false;initi
|
|
|
373
378
|
.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}
|
|
374
379
|
.border-dashed{--tw-border-style:dashed;border-style:dashed}
|
|
375
380
|
.border-solid{--tw-border-style:solid;border-style:solid}
|
|
376
|
-
.border
|
|
377
|
-
.border-amber-500
|
|
378
|
-
.border-amber-500
|
|
379
|
-
.border-blue-500
|
|
380
|
-
.border-green-500
|
|
381
|
-
.border-green-500
|
|
381
|
+
.border-\\[\\#30363D\\]{border-color:#30363d}
|
|
382
|
+
.border-amber-500\\/20{border-color:#f99c0033}
|
|
383
|
+
.border-amber-500\\/40{border-color:#f99c0066}
|
|
384
|
+
.border-blue-500\\/20{border-color:#3080ff33}
|
|
385
|
+
.border-green-500\\/20{border-color:#00c75833}
|
|
386
|
+
.border-green-500\\/30{border-color:#00c7584d}
|
|
382
387
|
.border-transparent{border-color:#0000}
|
|
383
|
-
.border-violet-500
|
|
384
|
-
.border-zinc-500
|
|
388
|
+
.border-violet-500\\/50{border-color:#8d54ff80}
|
|
389
|
+
.border-zinc-500\\/20{border-color:#71717b33}
|
|
385
390
|
.border-zinc-700{border-color:var(--color-zinc-700)}
|
|
386
391
|
.border-zinc-800{border-color:var(--color-zinc-800)}
|
|
387
392
|
.border-t-transparent{border-top-color:#0000}
|
|
388
393
|
.border-l-transparent{border-left-color:#0000}
|
|
389
|
-
.bg
|
|
390
|
-
.bg
|
|
391
|
-
.bg
|
|
392
|
-
.bg
|
|
393
|
-
.bg
|
|
394
|
-
.bg
|
|
395
|
-
.bg
|
|
396
|
-
.bg-amber-500
|
|
397
|
-
.bg-amber-500
|
|
398
|
-
.bg-amber-500
|
|
399
|
-
.bg-black
|
|
400
|
-
.bg-blue-500
|
|
401
|
-
.bg-blue-500
|
|
402
|
-
.bg-blue-500
|
|
403
|
-
.bg-blue-500
|
|
404
|
-
.bg-cyan-500
|
|
405
|
-
.bg-emerald-500
|
|
406
|
-
.bg-green-500
|
|
407
|
-
.bg-green-500
|
|
408
|
-
.bg-green-500
|
|
409
|
-
.bg-green-500
|
|
410
|
-
.bg-green-500
|
|
411
|
-
.bg-red-500
|
|
394
|
+
.bg-\\[\\#0D1117\\]{background-color:#0d1117}
|
|
395
|
+
.bg-\\[\\#1C2128\\]{background-color:#1c2128}
|
|
396
|
+
.bg-\\[\\#1F6FEB\\]{background-color:#1f6feb}
|
|
397
|
+
.bg-\\[\\#58A6FF\\]{background-color:#58a6ff}
|
|
398
|
+
.bg-\\[\\#161B22\\]{background-color:#161b22}
|
|
399
|
+
.bg-\\[\\#21262D\\]{background-color:#21262d}
|
|
400
|
+
.bg-\\[\\#30363D\\]{background-color:#30363d}
|
|
401
|
+
.bg-amber-500\\/5{background-color:#f99c000d}
|
|
402
|
+
.bg-amber-500\\/10{background-color:#f99c001a}
|
|
403
|
+
.bg-amber-500\\/15{background-color:#f99c0026}
|
|
404
|
+
.bg-black\\/50{background-color:#00000080}
|
|
405
|
+
.bg-blue-500\\/5{background-color:#3080ff0d}
|
|
406
|
+
.bg-blue-500\\/10{background-color:#3080ff1a}
|
|
407
|
+
.bg-blue-500\\/15{background-color:#3080ff26}
|
|
408
|
+
.bg-blue-500\\/60{background-color:#3080ff99}
|
|
409
|
+
.bg-cyan-500\\/60{background-color:#00b7d799}
|
|
410
|
+
.bg-emerald-500\\/10{background-color:#00bb7f1a}
|
|
411
|
+
.bg-green-500\\/5{background-color:#00c7580d}
|
|
412
|
+
.bg-green-500\\/10{background-color:#00c7581a}
|
|
413
|
+
.bg-green-500\\/15{background-color:#00c75826}
|
|
414
|
+
.bg-green-500\\/20{background-color:#00c75833}
|
|
415
|
+
.bg-green-500\\/60{background-color:#00c75899}
|
|
416
|
+
.bg-red-500\\/20{background-color:#fb2c3633}
|
|
412
417
|
.bg-transparent{background-color:#0000}
|
|
413
418
|
.bg-violet-500{background-color:var(--color-violet-500)}
|
|
414
|
-
.bg-violet-500
|
|
419
|
+
.bg-violet-500\\/10{background-color:#8d54ff1a}
|
|
415
420
|
.bg-violet-600{background-color:var(--color-violet-600)}
|
|
416
421
|
.bg-zinc-100{background-color:var(--color-zinc-100)}
|
|
417
|
-
.bg-zinc-500
|
|
418
|
-
.bg-zinc-500
|
|
419
|
-
.bg-zinc-500
|
|
422
|
+
.bg-zinc-500\\/5{background-color:#71717b0d}
|
|
423
|
+
.bg-zinc-500\\/10{background-color:#71717b1a}
|
|
424
|
+
.bg-zinc-500\\/15{background-color:#71717b26}
|
|
420
425
|
.bg-zinc-800{background-color:var(--color-zinc-800)}
|
|
421
|
-
.bg-zinc-800
|
|
422
|
-
.bg-zinc-800
|
|
426
|
+
.bg-zinc-800\\/30{background-color:#27272a4d}
|
|
427
|
+
.bg-zinc-800\\/60{background-color:#27272a99}
|
|
423
428
|
.bg-zinc-900{background-color:var(--color-zinc-900)}
|
|
424
429
|
.bg-zinc-950{background-color:var(--color-zinc-950)}
|
|
425
430
|
.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}
|
|
426
|
-
.from-amber-500
|
|
427
|
-
.from-amber-500
|
|
428
|
-
.to-amber-500
|
|
429
|
-
.to-amber-500
|
|
431
|
+
.from-amber-500\\/10{--tw-gradient-from:#f99c001a}
|
|
432
|
+
.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))}
|
|
433
|
+
.to-amber-500\\/60{--tw-gradient-to:#f99c0099}
|
|
434
|
+
.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
435
|
.fill-amber-500{fill:var(--color-amber-500)}
|
|
431
436
|
.p-0{padding:0}
|
|
432
|
-
.p-0
|
|
437
|
+
.p-0\\.5{padding:calc(var(--spacing) * .5)}
|
|
433
438
|
.p-1{padding:var(--spacing)}
|
|
434
|
-
.p-1
|
|
439
|
+
.p-1\\.5{padding:calc(var(--spacing) * 1.5)}
|
|
435
440
|
.p-2{padding:calc(var(--spacing) * 2)}
|
|
436
|
-
.p-2
|
|
441
|
+
.p-2\\.5{padding:calc(var(--spacing) * 2.5)}
|
|
437
442
|
.p-3{padding:calc(var(--spacing) * 3)}
|
|
438
443
|
.p-4{padding:calc(var(--spacing) * 4)}
|
|
439
444
|
.p-5{padding:calc(var(--spacing) * 5)}
|
|
@@ -441,18 +446,18 @@ const inspectorCss = `@property --tw-translate-x{syntax:"*";inherits:false;initi
|
|
|
441
446
|
.p-8{padding:calc(var(--spacing) * 8)}
|
|
442
447
|
.p-px{padding:1px}
|
|
443
448
|
.px-1{padding-inline:var(--spacing)}
|
|
444
|
-
.px-1
|
|
449
|
+
.px-1\\.5{padding-inline:calc(var(--spacing) * 1.5)}
|
|
445
450
|
.px-2{padding-inline:calc(var(--spacing) * 2)}
|
|
446
|
-
.px-2
|
|
451
|
+
.px-2\\.5{padding-inline:calc(var(--spacing) * 2.5)}
|
|
447
452
|
.px-3{padding-inline:calc(var(--spacing) * 3)}
|
|
448
453
|
.px-4{padding-inline:calc(var(--spacing) * 4)}
|
|
449
454
|
.px-6{padding-inline:calc(var(--spacing) * 6)}
|
|
450
455
|
.py-0{padding-block:0}
|
|
451
|
-
.py-0
|
|
456
|
+
.py-0\\.5{padding-block:calc(var(--spacing) * .5)}
|
|
452
457
|
.py-1{padding-block:var(--spacing)}
|
|
453
|
-
.py-1
|
|
458
|
+
.py-1\\.5{padding-block:calc(var(--spacing) * 1.5)}
|
|
454
459
|
.py-2{padding-block:calc(var(--spacing) * 2)}
|
|
455
|
-
.py-2
|
|
460
|
+
.py-2\\.5{padding-block:calc(var(--spacing) * 2.5)}
|
|
456
461
|
.py-3{padding-block:calc(var(--spacing) * 3)}
|
|
457
462
|
.py-4{padding-block:calc(var(--spacing) * 4)}
|
|
458
463
|
.py-5{padding-block:calc(var(--spacing) * 5)}
|
|
@@ -477,7 +482,7 @@ const inspectorCss = `@property --tw-translate-x{syntax:"*";inherits:false;initi
|
|
|
477
482
|
.pb-4{padding-bottom:calc(var(--spacing) * 4)}
|
|
478
483
|
.pb-6{padding-bottom:calc(var(--spacing) * 6)}
|
|
479
484
|
.pb-8{padding-bottom:calc(var(--spacing) * 8)}
|
|
480
|
-
.pb
|
|
485
|
+
.pb-\\[env\\(safe-area-inset-bottom\\)\\]{padding-bottom:env(safe-area-inset-bottom)}
|
|
481
486
|
.pl-2{padding-left:calc(var(--spacing) * 2)}
|
|
482
487
|
.pl-3{padding-left:calc(var(--spacing) * 3)}
|
|
483
488
|
.pl-5{padding-left:calc(var(--spacing) * 5)}
|
|
@@ -498,12 +503,12 @@ const inspectorCss = `@property --tw-translate-x{syntax:"*";inherits:false;initi
|
|
|
498
503
|
.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
|
|
499
504
|
.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
|
|
500
505
|
.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
|
|
501
|
-
.text
|
|
502
|
-
.text
|
|
503
|
-
.text
|
|
504
|
-
.text
|
|
505
|
-
.text
|
|
506
|
-
.text
|
|
506
|
+
.text-\\[0\\.7em\\]{font-size:.7em}
|
|
507
|
+
.text-\\[9px\\]{font-size:9px}
|
|
508
|
+
.text-\\[10px\\]{font-size:10px}
|
|
509
|
+
.text-\\[11px\\]{font-size:11px}
|
|
510
|
+
.text-\\[12px\\]{font-size:12px}
|
|
511
|
+
.text-\\[13px\\]{font-size:13px}
|
|
507
512
|
.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}
|
|
508
513
|
.leading-none{--tw-leading:1;line-height:1}
|
|
509
514
|
.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}
|
|
@@ -523,17 +528,17 @@ const inspectorCss = `@property --tw-translate-x{syntax:"*";inherits:false;initi
|
|
|
523
528
|
.whitespace-nowrap{white-space:nowrap}
|
|
524
529
|
.whitespace-pre{white-space:pre}
|
|
525
530
|
.whitespace-pre-wrap{white-space:pre-wrap}
|
|
526
|
-
.text
|
|
527
|
-
.text
|
|
528
|
-
.text
|
|
529
|
-
.text
|
|
530
|
-
.text
|
|
531
|
-
.text
|
|
532
|
-
.text
|
|
533
|
-
.text
|
|
534
|
-
.text
|
|
535
|
-
.text
|
|
536
|
-
.text-amber-200
|
|
531
|
+
.text-\\[\\#0D1117\\]{color:#0d1117}
|
|
532
|
+
.text-\\[\\#6E7681\\]{color:#6e7681}
|
|
533
|
+
.text-\\[\\#8B949E\\]{color:#8b949e}
|
|
534
|
+
.text-\\[\\#58A6FF\\]{color:#58a6ff}
|
|
535
|
+
.text-\\[\\#78716c\\]{color:#78716c}
|
|
536
|
+
.text-\\[\\#E6EDF3\\]{color:#e6edf3}
|
|
537
|
+
.text-\\[\\#E6EDF3\\]\\/80{color:oklab(94.2539% -.00490347 -.0099026/.8)}
|
|
538
|
+
.text-\\[\\#F0F6FC\\]{color:#f0f6fc}
|
|
539
|
+
.text-\\[\\#FA3913\\]{color:#fa3913}
|
|
540
|
+
.text-\\[Npx\\]{color:Npx}
|
|
541
|
+
.text-amber-200\\/80{color:#fee685cc}
|
|
537
542
|
.text-amber-400{color:var(--color-amber-400)}
|
|
538
543
|
.text-amber-500{color:var(--color-amber-500)}
|
|
539
544
|
.text-amber-600{color:var(--color-amber-600)}
|
|
@@ -571,8 +576,8 @@ const inspectorCss = `@property --tw-translate-x{syntax:"*";inherits:false;initi
|
|
|
571
576
|
.opacity-70{opacity:.7}
|
|
572
577
|
.opacity-90{opacity:.9}
|
|
573
578
|
.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
|
|
575
|
-
.shadow
|
|
579
|
+
.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)}
|
|
580
|
+
.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
581
|
.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
582
|
.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
583
|
.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 +586,8 @@ const inspectorCss = `@property --tw-translate-x{syntax:"*";inherits:false;initi
|
|
|
581
586
|
.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
587
|
.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
588
|
.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
|
|
585
|
-
.shadow-black
|
|
589
|
+
.shadow-\\[\\#1F6FEB\\]\\/30{--tw-shadow-color:#1f6feb4d}
|
|
590
|
+
.shadow-black\\/40{--tw-shadow-color:#0006}
|
|
586
591
|
.ring-zinc-900{--tw-ring-color:var(--color-zinc-900)}
|
|
587
592
|
.outline-hidden{--tw-outline-style:none;outline-style:none}
|
|
588
593
|
.outline{outline-style:var(--tw-outline-style);outline-width:1px}
|
|
@@ -590,11 +595,11 @@ const inspectorCss = `@property --tw-translate-x{syntax:"*";inherits:false;initi
|
|
|
590
595
|
.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
596
|
.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
597
|
.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
|
|
594
|
-
.transition
|
|
595
|
-
.transition
|
|
596
|
-
.transition
|
|
597
|
-
.transition
|
|
598
|
+
.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))}
|
|
599
|
+
.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))}
|
|
600
|
+
.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))}
|
|
601
|
+
.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))}
|
|
602
|
+
.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
603
|
.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
604
|
.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
605
|
.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 +613,137 @@ const inspectorCss = `@property --tw-translate-x{syntax:"*";inherits:false;initi
|
|
|
608
613
|
.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}
|
|
609
614
|
.outline-none{--tw-outline-style:none;outline-style:none}
|
|
610
615
|
.select-none{-webkit-user-select:none;user-select:none}
|
|
611
|
-
|
|
612
|
-
.group-focus-within
|
|
613
|
-
.group-has-data
|
|
614
|
-
.group-data
|
|
615
|
-
.group-data
|
|
616
|
-
.group-data
|
|
617
|
-
.group-data
|
|
618
|
-
.group-data
|
|
619
|
-
.group-data
|
|
620
|
-
.group-data
|
|
621
|
-
.group-data
|
|
622
|
-
.group-data
|
|
623
|
-
.group-data
|
|
624
|
-
.group-data
|
|
625
|
-
.group-data
|
|
626
|
-
.group-data
|
|
627
|
-
.group-data
|
|
628
|
-
.group-data
|
|
629
|
-
.group-data
|
|
630
|
-
.group-data
|
|
631
|
-
.group-data
|
|
632
|
-
.group-data
|
|
633
|
-
.group-data
|
|
634
|
-
.group-data
|
|
635
|
-
.group-data
|
|
636
|
-
.group-data
|
|
637
|
-
.group-data
|
|
638
|
-
.group
|
|
639
|
-
.peer-disabled
|
|
640
|
-
.peer-disabled
|
|
641
|
-
.peer-data
|
|
642
|
-
.peer-data
|
|
643
|
-
.peer-data
|
|
644
|
-
.file
|
|
645
|
-
.file
|
|
646
|
-
.file
|
|
647
|
-
.file
|
|
648
|
-
.file
|
|
649
|
-
.file
|
|
650
|
-
.after
|
|
651
|
-
.after
|
|
652
|
-
.after
|
|
653
|
-
.after
|
|
654
|
-
.after
|
|
655
|
-
.group-data
|
|
656
|
-
.last
|
|
657
|
-
.focus
|
|
658
|
-
.focus
|
|
659
|
-
.focus
|
|
660
|
-
.focus
|
|
661
|
-
.focus
|
|
662
|
-
.focus
|
|
663
|
-
.focus
|
|
664
|
-
.focus
|
|
665
|
-
.focus
|
|
666
|
-
.focus
|
|
667
|
-
.focus
|
|
668
|
-
.focus
|
|
669
|
-
.focus
|
|
670
|
-
.focus
|
|
671
|
-
.focus
|
|
672
|
-
.focus-visible
|
|
673
|
-
.focus-visible
|
|
674
|
-
.focus-visible
|
|
675
|
-
.focus-visible
|
|
676
|
-
.focus-visible
|
|
677
|
-
.focus-visible
|
|
678
|
-
.focus-visible
|
|
679
|
-
.focus-visible
|
|
680
|
-
.focus-visible
|
|
681
|
-
.group
|
|
682
|
-
.group
|
|
683
|
-
.disabled
|
|
684
|
-
.disabled
|
|
685
|
-
.disabled
|
|
686
|
-
:where([data-side=left]) .in-data
|
|
687
|
-
:where([data-side=right]) .in-data
|
|
688
|
-
.has-data
|
|
689
|
-
.has
|
|
690
|
-
.has
|
|
691
|
-
.has
|
|
692
|
-
.aria-disabled
|
|
693
|
-
.aria-disabled
|
|
694
|
-
.data
|
|
695
|
-
.data
|
|
696
|
-
.data
|
|
697
|
-
.data
|
|
698
|
-
.data
|
|
699
|
-
.data
|
|
700
|
-
.data
|
|
701
|
-
.data
|
|
702
|
-
.data
|
|
703
|
-
.data
|
|
704
|
-
.data
|
|
705
|
-
.data
|
|
706
|
-
.data
|
|
707
|
-
:is(
|
|
708
|
-
:is(
|
|
709
|
-
:is(
|
|
710
|
-
:is(
|
|
711
|
-
.data
|
|
712
|
-
.data
|
|
713
|
-
.data
|
|
714
|
-
.data
|
|
715
|
-
.data
|
|
716
|
-
.data
|
|
717
|
-
.data
|
|
718
|
-
|
|
719
|
-
|
|
720
|
-
|
|
721
|
-
|
|
722
|
-
|
|
723
|
-
|
|
724
|
-
|
|
725
|
-
|
|
726
|
-
|
|
727
|
-
|
|
728
|
-
|
|
729
|
-
:is(
|
|
730
|
-
:is(
|
|
731
|
-
:is(
|
|
732
|
-
|
|
733
|
-
|
|
734
|
-
|
|
735
|
-
|
|
736
|
-
|
|
737
|
-
|
|
738
|
-
|
|
739
|
-
[data-side=left][data-collapsible=offcanvas]
|
|
740
|
-
[data-side=left][data-state=collapsed]
|
|
741
|
-
[data-side=right][data-collapsible=offcanvas]
|
|
742
|
-
[data-side=right][data-state=collapsed]
|
|
616
|
+
.\\[file\\:line\\]{file:line}
|
|
617
|
+
.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}
|
|
618
|
+
.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)}
|
|
619
|
+
.group-data-\\[collapsible\\=icon\\]\\:-mt-8:is(:where(.group)[data-collapsible=icon] *){margin-top:calc(var(--spacing) * -8)}
|
|
620
|
+
.group-data-\\[collapsible\\=icon\\]\\:hidden:is(:where(.group)[data-collapsible=icon] *){display:none}
|
|
621
|
+
.group-data-\\[collapsible\\=icon\\]\\:size-8\\!:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--spacing) * 8)!important;height:calc(var(--spacing) * 8)!important}
|
|
622
|
+
.group-data-\\[collapsible\\=icon\\]\\:w-\\(--sidebar-width-icon\\):is(:where(.group)[data-collapsible=icon] *){width:var(--sidebar-width-icon)}
|
|
623
|
+
.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)))}
|
|
624
|
+
.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)}
|
|
625
|
+
.group-data-\\[collapsible\\=icon\\]\\:overflow-hidden:is(:where(.group)[data-collapsible=icon] *){overflow:hidden}
|
|
626
|
+
.group-data-\\[collapsible\\=icon\\]\\:p-0\\!:is(:where(.group)[data-collapsible=icon] *){padding:0!important}
|
|
627
|
+
.group-data-\\[collapsible\\=icon\\]\\:p-2\\!:is(:where(.group)[data-collapsible=icon] *){padding:calc(var(--spacing) * 2)!important}
|
|
628
|
+
.group-data-\\[collapsible\\=icon\\]\\:opacity-0:is(:where(.group)[data-collapsible=icon] *){opacity:0}
|
|
629
|
+
.group-data-\\[collapsible\\=offcanvas\\]\\:right-\\[calc\\(var\\(--sidebar-width\\)\\*-1\\)\\]:is(:where(.group)[data-collapsible=offcanvas] *){right:calc(var(--sidebar-width) * -1)}
|
|
630
|
+
.group-data-\\[collapsible\\=offcanvas\\]\\:left-\\[calc\\(var\\(--sidebar-width\\)\\*-1\\)\\]:is(:where(.group)[data-collapsible=offcanvas] *){left:calc(var(--sidebar-width) * -1)}
|
|
631
|
+
.group-data-\\[collapsible\\=offcanvas\\]\\:w-0:is(:where(.group)[data-collapsible=offcanvas] *){width:0}
|
|
632
|
+
.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)}
|
|
633
|
+
.group-data-\\[disabled\\=true\\]\\:pointer-events-none:is(:where(.group)[data-disabled=true] *){pointer-events:none}
|
|
634
|
+
.group-data-\\[disabled\\=true\\]\\:opacity-50:is(:where(.group)[data-disabled=true] *){opacity:.5}
|
|
635
|
+
.group-data-\\[side\\=left\\]\\:-right-4:is(:where(.group)[data-side=left] *){right:calc(var(--spacing) * -4)}
|
|
636
|
+
.group-data-\\[side\\=left\\]\\:border-r:is(:where(.group)[data-side=left] *){border-right-style:var(--tw-border-style);border-right-width:1px}
|
|
637
|
+
.group-data-\\[side\\=right\\]\\:left-0:is(:where(.group)[data-side=right] *){left:0}
|
|
638
|
+
.group-data-\\[side\\=right\\]\\:rotate-180:is(:where(.group)[data-side=right] *){rotate:180deg}
|
|
639
|
+
.group-data-\\[side\\=right\\]\\:border-l:is(:where(.group)[data-side=right] *){border-left-style:var(--tw-border-style);border-left-width:1px}
|
|
640
|
+
.group-data-\\[variant\\=floating\\]\\:rounded-lg:is(:where(.group)[data-variant=floating] *){border-radius:var(--radius-lg)}
|
|
641
|
+
.group-data-\\[variant\\=floating\\]\\:border:is(:where(.group)[data-variant=floating] *){border-style:var(--tw-border-style);border-width:1px}
|
|
642
|
+
.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)}
|
|
643
|
+
.group-\\[\\.destructive\\]\\:text-red-300:is(:where(.group).destructive *){color:var(--color-red-300)}
|
|
644
|
+
.peer-disabled\\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}
|
|
645
|
+
.peer-disabled\\:opacity-50:is(:where(.peer):disabled~*){opacity:.5}
|
|
646
|
+
.peer-data-\\[size\\=default\\]\\/menu-button\\:top-1\\.5:is(:where(.peer\\/menu-button)[data-size=default]~*){top:calc(var(--spacing) * 1.5)}
|
|
647
|
+
.peer-data-\\[size\\=lg\\]\\/menu-button\\:top-2\\.5:is(:where(.peer\\/menu-button)[data-size=lg]~*){top:calc(var(--spacing) * 2.5)}
|
|
648
|
+
.peer-data-\\[size\\=sm\\]\\/menu-button\\:top-1:is(:where(.peer\\/menu-button)[data-size=sm]~*){top:var(--spacing)}
|
|
649
|
+
.file\\:inline-flex::file-selector-button{display:inline-flex}
|
|
650
|
+
.file\\:h-7::file-selector-button{height:calc(var(--spacing) * 7)}
|
|
651
|
+
.file\\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}
|
|
652
|
+
.file\\:bg-transparent::file-selector-button{background-color:#0000}
|
|
653
|
+
.file\\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
|
|
654
|
+
.file\\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}
|
|
655
|
+
.after\\:absolute:after{content:var(--tw-content);position:absolute}
|
|
656
|
+
.after\\:-inset-2:after{content:var(--tw-content);inset:calc(var(--spacing) * -2)}
|
|
657
|
+
.after\\:inset-y-0:after{content:var(--tw-content);inset-block:0}
|
|
658
|
+
.after\\:left-1\\/2:after{content:var(--tw-content);left:50%}
|
|
659
|
+
.after\\:w-\\[2px\\]:after{content:var(--tw-content);width:2px}
|
|
660
|
+
.group-data-\\[collapsible\\=offcanvas\\]\\:after\\:left-full:is(:where(.group)[data-collapsible=offcanvas] *):after{content:var(--tw-content);left:100%}
|
|
661
|
+
.last\\:pb-0:last-child{padding-bottom:0}
|
|
662
|
+
.focus\\:not-sr-only:focus{clip-path:none;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}
|
|
663
|
+
.focus\\:absolute:focus{position:absolute}
|
|
664
|
+
.focus\\:top-4:focus{top:calc(var(--spacing) * 4)}
|
|
665
|
+
.focus\\:left-4:focus{left:calc(var(--spacing) * 4)}
|
|
666
|
+
.focus\\:z-50:focus{z-index:50}
|
|
667
|
+
.focus\\:rounded-md:focus{border-radius:var(--radius-md)}
|
|
668
|
+
.focus\\:px-4:focus{padding-inline:calc(var(--spacing) * 4)}
|
|
669
|
+
.focus\\:py-2:focus{padding-block:calc(var(--spacing) * 2)}
|
|
670
|
+
.focus\\:text-sm:focus{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
|
|
671
|
+
.focus\\:font-medium:focus{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}
|
|
672
|
+
.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)}
|
|
673
|
+
.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)}
|
|
674
|
+
.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)}
|
|
675
|
+
.focus\\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}
|
|
676
|
+
.focus\\:outline-none:focus{--tw-outline-style:none;outline-style:none}
|
|
677
|
+
.focus-visible\\:opacity-100:focus-visible{opacity:1}
|
|
678
|
+
.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)}
|
|
679
|
+
.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)}
|
|
680
|
+
.focus-visible\\:ring-\\[\\#58A6FF\\]:focus-visible{--tw-ring-color:#58a6ff}
|
|
681
|
+
.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)}
|
|
682
|
+
.focus-visible\\:ring-offset-\\[\\#0D1117\\]:focus-visible{--tw-ring-offset-color:#0d1117}
|
|
683
|
+
.focus-visible\\:outline-hidden:focus-visible{--tw-outline-style:none;outline-style:none}
|
|
684
|
+
.focus-visible\\:outline-1:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}
|
|
685
|
+
.focus-visible\\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}
|
|
686
|
+
.group-\\[\\.destructive\\]\\:focus-visible\\:ring-red-400:is(:where(.group).destructive *):focus-visible{--tw-ring-color:var(--color-red-400)}
|
|
687
|
+
.group-\\[\\.destructive\\]\\:focus-visible\\:ring-offset-red-600:is(:where(.group).destructive *):focus-visible{--tw-ring-offset-color:var(--color-red-600)}
|
|
688
|
+
.disabled\\:pointer-events-none:disabled{pointer-events:none}
|
|
689
|
+
.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}
|
|
690
|
+
.disabled\\:opacity-50:disabled{opacity:.5}
|
|
691
|
+
:where([data-side=left]) .in-data-\\[side\\=left\\]\\:cursor-w-resize{cursor:w-resize}
|
|
692
|
+
:where([data-side=right]) .in-data-\\[side\\=right\\]\\:cursor-e-resize{cursor:e-resize}
|
|
693
|
+
.has-data-\\[slot\\=card-action\\]\\:grid-cols-\\[1fr_auto\\]:has([data-slot=card-action]){grid-template-columns:1fr auto}
|
|
694
|
+
.has-\\[\\>svg\\]\\:px-2\\.5:has(>svg){padding-inline:calc(var(--spacing) * 2.5)}
|
|
695
|
+
.has-\\[\\>svg\\]\\:px-3:has(>svg){padding-inline:calc(var(--spacing) * 3)}
|
|
696
|
+
.has-\\[\\>svg\\]\\:px-4:has(>svg){padding-inline:calc(var(--spacing) * 4)}
|
|
697
|
+
.aria-disabled\\:pointer-events-none[aria-disabled=true]{pointer-events:none}
|
|
698
|
+
.aria-disabled\\:opacity-50[aria-disabled=true]{opacity:.5}
|
|
699
|
+
.data-\\[active\\=true\\]\\:font-medium[data-active=true]{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}
|
|
700
|
+
.data-\\[disabled\\]\\:pointer-events-none[data-disabled]{pointer-events:none}
|
|
701
|
+
.data-\\[disabled\\]\\:opacity-50[data-disabled]{opacity:.5}
|
|
702
|
+
.data-\\[orientation\\=horizontal\\]\\:h-px[data-orientation=horizontal]{height:1px}
|
|
703
|
+
.data-\\[orientation\\=horizontal\\]\\:w-full[data-orientation=horizontal]{width:100%}
|
|
704
|
+
.data-\\[orientation\\=vertical\\]\\:h-full[data-orientation=vertical]{height:100%}
|
|
705
|
+
.data-\\[orientation\\=vertical\\]\\:w-px[data-orientation=vertical]{width:1px}
|
|
706
|
+
.data-\\[side\\=bottom\\]\\:translate-y-1[data-side=bottom]{--tw-translate-y:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}
|
|
707
|
+
.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)}
|
|
708
|
+
.data-\\[side\\=right\\]\\:translate-x-1[data-side=right]{--tw-translate-x:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}
|
|
709
|
+
.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)}
|
|
710
|
+
.data-\\[size\\=default\\]\\:h-9[data-size=default]{height:calc(var(--spacing) * 9)}
|
|
711
|
+
.data-\\[size\\=sm\\]\\:h-8[data-size=sm]{height:calc(var(--spacing) * 8)}
|
|
712
|
+
: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}
|
|
713
|
+
:is(.\\*\\:data-\\[slot\\=select-value\\]\\:flex>*)[data-slot=select-value]{display:flex}
|
|
714
|
+
:is(.\\*\\:data-\\[slot\\=select-value\\]\\:items-center>*)[data-slot=select-value]{align-items:center}
|
|
715
|
+
:is(.\\*\\:data-\\[slot\\=select-value\\]\\:gap-2>*)[data-slot=select-value]{gap:calc(var(--spacing) * 2)}
|
|
716
|
+
.data-\\[state\\=closed\\]\\:duration-300[data-state=closed]{--tw-duration:.3s;transition-duration:.3s}
|
|
717
|
+
.data-\\[state\\=open\\]\\:opacity-100[data-state=open]{opacity:1}
|
|
718
|
+
.data-\\[state\\=open\\]\\:duration-500[data-state=open]{--tw-duration:.5s;transition-duration:.5s}
|
|
719
|
+
.data-\\[swipe\\=cancel\\]\\:translate-x-0[data-swipe=cancel]{--tw-translate-x:0;translate:var(--tw-translate-x) var(--tw-translate-y)}
|
|
720
|
+
.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)}
|
|
721
|
+
.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)}
|
|
722
|
+
.data-\\[swipe\\=move\\]\\:transition-none[data-swipe=move]{transition-property:none}
|
|
723
|
+
.\\[\\&_a\\]\\:break-all a,.\\[\\&_code\\]\\:break-all code{word-break:break-all}
|
|
724
|
+
.\\[\\&_li\\:\\:before\\]\\:mr-2 li:before{margin-right:calc(var(--spacing) * 2)}
|
|
725
|
+
.\\[\\&_li\\:\\:before\\]\\:font-mono li:before{font-family:var(--font-mono)}
|
|
726
|
+
.\\[\\&_li\\:\\:before\\]\\:content-\\[\\'-\\'\\] li:before{--tw-content:"-";content:var(--tw-content)}
|
|
727
|
+
.\\[\\&_pre\\]\\:overflow-x-auto pre{overflow-x:auto}
|
|
728
|
+
.\\[\\&_svg\\]\\:pointer-events-none svg{pointer-events:none}
|
|
729
|
+
.\\[\\&_svg\\]\\:shrink-0 svg{flex-shrink:0}
|
|
730
|
+
.\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}
|
|
731
|
+
.\\[\\&\\+div\\]\\:text-xs+div{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
|
|
732
|
+
.\\[\\.border-b\\]\\:pb-6.border-b{padding-bottom:calc(var(--spacing) * 6)}
|
|
733
|
+
.\\[\\.border-t\\]\\:pt-6.border-t{padding-top:calc(var(--spacing) * 6)}
|
|
734
|
+
:is(.\\*\\:\\[span\\]\\:last\\:flex>*):is(span):last-child{display:flex}
|
|
735
|
+
:is(.\\*\\:\\[span\\]\\:last\\:items-center>*):is(span):last-child{align-items:center}
|
|
736
|
+
:is(.\\*\\:\\[span\\]\\:last\\:gap-2>*):is(span):last-child{gap:calc(var(--spacing) * 2)}
|
|
737
|
+
.\\[\\&\\>button\\]\\:hidden>button{display:none}
|
|
738
|
+
.\\[\\&\\>div\\]\\:\\!block>div{display:block!important}
|
|
739
|
+
.\\[\\&\\>span\\:last-child\\]\\:truncate>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
|
|
740
|
+
.\\[\\&\\>svg\\]\\:pointer-events-none>svg{pointer-events:none}
|
|
741
|
+
.\\[\\&\\>svg\\]\\:size-3>svg{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}
|
|
742
|
+
.\\[\\&\\>svg\\]\\:size-4>svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}
|
|
743
|
+
.\\[\\&\\>svg\\]\\:shrink-0>svg{flex-shrink:0}
|
|
744
|
+
[data-side=left][data-collapsible=offcanvas] .\\[\\[data-side\\=left\\]\\[data-collapsible\\=offcanvas\\]_\\&\\]\\:-right-2{right:calc(var(--spacing) * -2)}
|
|
745
|
+
[data-side=left][data-state=collapsed] .\\[\\[data-side\\=left\\]\\[data-state\\=collapsed\\]_\\&\\]\\:cursor-e-resize{cursor:e-resize}
|
|
746
|
+
[data-side=right][data-collapsible=offcanvas] .\\[\\[data-side\\=right\\]\\[data-collapsible\\=offcanvas\\]_\\&\\]\\:-left-2{left:calc(var(--spacing) * -2)}
|
|
747
|
+
[data-side=right][data-state=collapsed] .\\[\\[data-side\\=right\\]\\[data-state\\=collapsed\\]_\\&\\]\\:cursor-w-resize{cursor:w-resize}`;
|
|
743
748
|
export default inspectorCss;
|
|
744
749
|
//# sourceMappingURL=inspector-styles.js.map
|
package/dist/inspector.css
CHANGED
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
/* FabInspector pre-built CSS — full Tailwind v4 theme + utilities, unlayered for max priority */
|
|
2
|
+
:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-700:oklch(55.5% .163 48.998);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-700:oklch(50.8% .118 165.612);--color-cyan-500:oklch(71.5% .143 215.221);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-violet-500:oklch(60.6% .25 292.717);--color-violet-600:oklch(54.1% .281 293.009);--color-purple-400:oklch(71.4% .203 305.504);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-500:oklch(55.1% .027 264.364);--color-zinc-100:oklch(96.7% .001 286.375);--color-zinc-300:oklch(87.1% .006 286.286);--color-zinc-400:oklch(70.5% .015 286.067);--color-zinc-500:oklch(55.2% .016 285.938);--color-zinc-600:oklch(44.2% .017 285.786);--color-zinc-700:oklch(37% .013 285.805);--color-zinc-800:oklch(27.4% .006 286.033);--color-zinc-900:oklch(21% .006 285.885);--color-zinc-950:oklch(14.1% .005 285.823);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}
|
|
1
3
|
@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}
|
|
2
4
|
@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}
|
|
3
5
|
@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@stsgs1980/fab-inspector",
|
|
3
|
-
"version": "3.6.
|
|
3
|
+
"version": "3.6.6",
|
|
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",
|