@agentero/design-system 0.15.0 → 0.16.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/mcp/manifests/components.html +156 -43
- package/mcp/manifests/components.json +1 -1
- package/package.json +5 -1
- package/src/check-list/check-list.d.ts +65 -0
- package/src/check-list/check-list.js +31 -0
- package/src/check-list/icons.d.ts +2 -0
- package/src/check-list/icons.js +16 -0
- package/src/check-list/index.d.ts +1 -0
- package/src/check-list/index.js +2 -0
- package/src/switch/switch.d.ts +37 -4
- package/src/switch/switch.js +42 -23
|
@@ -576,13 +576,13 @@
|
|
|
576
576
|
<header>
|
|
577
577
|
<div class="wrap">
|
|
578
578
|
<h1>Manifest Debugger</h1>
|
|
579
|
-
<div class="summary"><a class="filter-pill all" data-k="all" href="#filter-all">All</a><span class="filter-pill ok" aria-disabled="true">
|
|
579
|
+
<div class="summary"><a class="filter-pill all" data-k="all" href="#filter-all">All</a><span class="filter-pill ok" aria-disabled="true">17 components ok</span><span class="filter-pill ok" aria-disabled="true">149 stories ok</span></div>
|
|
580
580
|
</div>
|
|
581
581
|
</header>
|
|
582
582
|
<main>
|
|
583
583
|
<div class="wrap">
|
|
584
584
|
<div class="note ok" style="margin-bottom: 16px;">
|
|
585
|
-
Using <code>react-docgen-typescript</code>. Generation took <strong>3.
|
|
585
|
+
Using <code>react-docgen-typescript</code>. Generation took <strong>3.0s</strong>.
|
|
586
586
|
</div>
|
|
587
587
|
<h2 class="section-title">Components</h2>
|
|
588
588
|
<div class="grid" role="list">
|
|
@@ -2078,6 +2078,96 @@ variant?: ButtonVariantType</code></pre>
|
|
|
2078
2078
|
|
|
2079
2079
|
</div>
|
|
2080
2080
|
</article>
|
|
2081
|
+
<article
|
|
2082
|
+
class="card
|
|
2083
|
+
no-error
|
|
2084
|
+
no-info
|
|
2085
|
+
no-story-error
|
|
2086
|
+
no-doc-error"
|
|
2087
|
+
role="listitem"
|
|
2088
|
+
aria-label="CheckList.Root">
|
|
2089
|
+
<div class="head">
|
|
2090
|
+
<div class="title">
|
|
2091
|
+
<h2><span class="status-dot dot-ok"></span> CheckList.Root</h2>
|
|
2092
|
+
<div class="badges">
|
|
2093
|
+
|
|
2094
|
+
|
|
2095
|
+
<label for="c-4-components-checklist-stories" class="badge ok as-toggle">2 stories</label>
|
|
2096
|
+
|
|
2097
|
+
</div>
|
|
2098
|
+
</div>
|
|
2099
|
+
<div class="meta" title="./src/check-list/check-list.stories.tsx">components-checklist · ./src/check-list/check-list.stories.tsx</div>
|
|
2100
|
+
|
|
2101
|
+
<div class="hint">CheckList renders a vertical list where every row is marked with a check icon. Purely presentational — for interactive selection use a checkbox group.</div>
|
|
2102
|
+
|
|
2103
|
+
</div>
|
|
2104
|
+
|
|
2105
|
+
<!-- ⬇️ Hidden toggles must be siblings BEFORE .panels -->
|
|
2106
|
+
|
|
2107
|
+
|
|
2108
|
+
<input id="c-4-components-checklist-stories" class="tg tg-stories" type="checkbox" hidden />
|
|
2109
|
+
|
|
2110
|
+
|
|
2111
|
+
|
|
2112
|
+
<div class="panels">
|
|
2113
|
+
|
|
2114
|
+
|
|
2115
|
+
|
|
2116
|
+
|
|
2117
|
+
<div class="panel panel-stories">
|
|
2118
|
+
|
|
2119
|
+
|
|
2120
|
+
|
|
2121
|
+
<div class="note ok">
|
|
2122
|
+
<div class="row">
|
|
2123
|
+
<span class="ex-name">Imports</span>
|
|
2124
|
+
</div>
|
|
2125
|
+
<pre><code>import { CheckList } from "@agentero/design-system";</code></pre>
|
|
2126
|
+
</div>
|
|
2127
|
+
|
|
2128
|
+
|
|
2129
|
+
<div class="note ok">
|
|
2130
|
+
<div class="row">
|
|
2131
|
+
<span class="ex-name">Default</span>
|
|
2132
|
+
<span class="badge ok">story ok</span>
|
|
2133
|
+
</div>
|
|
2134
|
+
|
|
2135
|
+
<div class="hint">Plain text rows with a leading check.</div>
|
|
2136
|
+
<pre><code>const Default = () => (
|
|
2137
|
+
<CheckList.Root>
|
|
2138
|
+
<CheckList.Item>Instant appointment</CheckList.Item>
|
|
2139
|
+
<CheckList.Item>Bind with Agentero</CheckList.Item>
|
|
2140
|
+
<CheckList.Item>Available in the Agentero rater</CheckList.Item>
|
|
2141
|
+
</CheckList.Root>
|
|
2142
|
+
);</code></pre>
|
|
2143
|
+
</div>
|
|
2144
|
+
<div class="note ok">
|
|
2145
|
+
<div class="row">
|
|
2146
|
+
<span class="ex-name">Rich Content</span>
|
|
2147
|
+
<span class="badge ok">story ok</span>
|
|
2148
|
+
</div>
|
|
2149
|
+
|
|
2150
|
+
<div class="hint">Items accept rich content — links, wrapped text, custom markup.</div>
|
|
2151
|
+
<pre><code>const RichContent = () => (
|
|
2152
|
+
<div className="w-72">
|
|
2153
|
+
<CheckList.Root>
|
|
2154
|
+
<CheckList.Item>
|
|
2155
|
+
<a href="#quoting" className="underline">
|
|
2156
|
+
Agentero rater
|
|
2157
|
+
</a>
|
|
2158
|
+
</CheckList.Item>
|
|
2159
|
+
<CheckList.Item>
|
|
2160
|
+
Longer descriptions wrap under their own text while the check stays aligned to the first
|
|
2161
|
+
line.
|
|
2162
|
+
</CheckList.Item>
|
|
2163
|
+
</CheckList.Root>
|
|
2164
|
+
</div>
|
|
2165
|
+
);</code></pre>
|
|
2166
|
+
</div>
|
|
2167
|
+
</div>
|
|
2168
|
+
|
|
2169
|
+
</div>
|
|
2170
|
+
</article>
|
|
2081
2171
|
<article
|
|
2082
2172
|
class="card
|
|
2083
2173
|
no-error
|
|
@@ -2092,7 +2182,7 @@ variant?: ButtonVariantType</code></pre>
|
|
|
2092
2182
|
<div class="badges">
|
|
2093
2183
|
|
|
2094
2184
|
|
|
2095
|
-
<label for="c-
|
|
2185
|
+
<label for="c-5-components-datatable-stories" class="badge ok as-toggle">4 stories</label>
|
|
2096
2186
|
|
|
2097
2187
|
</div>
|
|
2098
2188
|
</div>
|
|
@@ -2105,7 +2195,7 @@ variant?: ButtonVariantType</code></pre>
|
|
|
2105
2195
|
<!-- ⬇️ Hidden toggles must be siblings BEFORE .panels -->
|
|
2106
2196
|
|
|
2107
2197
|
|
|
2108
|
-
<input id="c-
|
|
2198
|
+
<input id="c-5-components-datatable-stories" class="tg tg-stories" type="checkbox" hidden />
|
|
2109
2199
|
|
|
2110
2200
|
|
|
2111
2201
|
|
|
@@ -2235,9 +2325,9 @@ variant?: ButtonVariantType</code></pre>
|
|
|
2235
2325
|
<div class="title">
|
|
2236
2326
|
<h2><span class="status-dot dot-ok"></span> Divider</h2>
|
|
2237
2327
|
<div class="badges">
|
|
2238
|
-
<label for="c-
|
|
2328
|
+
<label for="c-6-components-divider-props" class="badge ok as-toggle">2 prop types</label>
|
|
2239
2329
|
|
|
2240
|
-
<label for="c-
|
|
2330
|
+
<label for="c-6-components-divider-stories" class="badge ok as-toggle">10 stories</label>
|
|
2241
2331
|
|
|
2242
2332
|
</div>
|
|
2243
2333
|
</div>
|
|
@@ -2250,9 +2340,9 @@ variant?: ButtonVariantType</code></pre>
|
|
|
2250
2340
|
<!-- ⬇️ Hidden toggles must be siblings BEFORE .panels -->
|
|
2251
2341
|
|
|
2252
2342
|
|
|
2253
|
-
<input id="c-
|
|
2343
|
+
<input id="c-6-components-divider-stories" class="tg tg-stories" type="checkbox" hidden />
|
|
2254
2344
|
|
|
2255
|
-
<input id="c-
|
|
2345
|
+
<input id="c-6-components-divider-props" class="tg tg-props" type="checkbox" hidden />
|
|
2256
2346
|
|
|
2257
2347
|
<div class="panels">
|
|
2258
2348
|
|
|
@@ -2532,7 +2622,7 @@ label?: ReactNode</code></pre>
|
|
|
2532
2622
|
<div class="badges">
|
|
2533
2623
|
|
|
2534
2624
|
|
|
2535
|
-
<label for="c-
|
|
2625
|
+
<label for="c-7-components-dropdownmenu-stories" class="badge ok as-toggle">7 stories</label>
|
|
2536
2626
|
|
|
2537
2627
|
</div>
|
|
2538
2628
|
</div>
|
|
@@ -2545,7 +2635,7 @@ label?: ReactNode</code></pre>
|
|
|
2545
2635
|
<!-- ⬇️ Hidden toggles must be siblings BEFORE .panels -->
|
|
2546
2636
|
|
|
2547
2637
|
|
|
2548
|
-
<input id="c-
|
|
2638
|
+
<input id="c-7-components-dropdownmenu-stories" class="tg tg-stories" type="checkbox" hidden />
|
|
2549
2639
|
|
|
2550
2640
|
|
|
2551
2641
|
|
|
@@ -2914,9 +3004,9 @@ label?: ReactNode</code></pre>
|
|
|
2914
3004
|
<div class="title">
|
|
2915
3005
|
<h2><span class="status-dot dot-ok"></span> Loading</h2>
|
|
2916
3006
|
<div class="badges">
|
|
2917
|
-
<label for="c-
|
|
3007
|
+
<label for="c-8-components-loading-props" class="badge ok as-toggle">1 prop type</label>
|
|
2918
3008
|
|
|
2919
|
-
<label for="c-
|
|
3009
|
+
<label for="c-8-components-loading-stories" class="badge ok as-toggle">7 stories</label>
|
|
2920
3010
|
|
|
2921
3011
|
</div>
|
|
2922
3012
|
</div>
|
|
@@ -2929,9 +3019,9 @@ label?: ReactNode</code></pre>
|
|
|
2929
3019
|
<!-- ⬇️ Hidden toggles must be siblings BEFORE .panels -->
|
|
2930
3020
|
|
|
2931
3021
|
|
|
2932
|
-
<input id="c-
|
|
3022
|
+
<input id="c-8-components-loading-stories" class="tg tg-stories" type="checkbox" hidden />
|
|
2933
3023
|
|
|
2934
|
-
<input id="c-
|
|
3024
|
+
<input id="c-8-components-loading-props" class="tg tg-props" type="checkbox" hidden />
|
|
2935
3025
|
|
|
2936
3026
|
<div class="panels">
|
|
2937
3027
|
|
|
@@ -3071,9 +3161,9 @@ size?: "sm" | "md" | "lg"</code></pre>
|
|
|
3071
3161
|
<div class="title">
|
|
3072
3162
|
<h2><span class="status-dot dot-ok"></span> Pagination</h2>
|
|
3073
3163
|
<div class="badges">
|
|
3074
|
-
<label for="c-
|
|
3164
|
+
<label for="c-9-components-pagination-props" class="badge ok as-toggle">5 prop types</label>
|
|
3075
3165
|
|
|
3076
|
-
<label for="c-
|
|
3166
|
+
<label for="c-9-components-pagination-stories" class="badge ok as-toggle">7 stories</label>
|
|
3077
3167
|
|
|
3078
3168
|
</div>
|
|
3079
3169
|
</div>
|
|
@@ -3086,9 +3176,9 @@ size?: "sm" | "md" | "lg"</code></pre>
|
|
|
3086
3176
|
<!-- ⬇️ Hidden toggles must be siblings BEFORE .panels -->
|
|
3087
3177
|
|
|
3088
3178
|
|
|
3089
|
-
<input id="c-
|
|
3179
|
+
<input id="c-9-components-pagination-stories" class="tg tg-stories" type="checkbox" hidden />
|
|
3090
3180
|
|
|
3091
|
-
<input id="c-
|
|
3181
|
+
<input id="c-9-components-pagination-props" class="tg tg-props" type="checkbox" hidden />
|
|
3092
3182
|
|
|
3093
3183
|
<div class="panels">
|
|
3094
3184
|
|
|
@@ -3232,9 +3322,9 @@ totalCount: number</code></pre>
|
|
|
3232
3322
|
<div class="title">
|
|
3233
3323
|
<h2><span class="status-dot dot-ok"></span> Progress</h2>
|
|
3234
3324
|
<div class="badges">
|
|
3235
|
-
<label for="c-
|
|
3325
|
+
<label for="c-10-components-progress-props" class="badge ok as-toggle">4 prop types</label>
|
|
3236
3326
|
|
|
3237
|
-
<label for="c-
|
|
3327
|
+
<label for="c-10-components-progress-stories" class="badge ok as-toggle">4 stories</label>
|
|
3238
3328
|
|
|
3239
3329
|
</div>
|
|
3240
3330
|
</div>
|
|
@@ -3247,9 +3337,9 @@ totalCount: number</code></pre>
|
|
|
3247
3337
|
<!-- ⬇️ Hidden toggles must be siblings BEFORE .panels -->
|
|
3248
3338
|
|
|
3249
3339
|
|
|
3250
|
-
<input id="c-
|
|
3340
|
+
<input id="c-10-components-progress-stories" class="tg tg-stories" type="checkbox" hidden />
|
|
3251
3341
|
|
|
3252
|
-
<input id="c-
|
|
3342
|
+
<input id="c-10-components-progress-props" class="tg tg-props" type="checkbox" hidden />
|
|
3253
3343
|
|
|
3254
3344
|
<div class="panels">
|
|
3255
3345
|
|
|
@@ -3367,7 +3457,7 @@ percentage: number</code></pre>
|
|
|
3367
3457
|
<div class="badges">
|
|
3368
3458
|
|
|
3369
3459
|
|
|
3370
|
-
<label for="c-
|
|
3460
|
+
<label for="c-11-components-skeleton-stories" class="badge ok as-toggle">4 stories</label>
|
|
3371
3461
|
|
|
3372
3462
|
</div>
|
|
3373
3463
|
</div>
|
|
@@ -3380,7 +3470,7 @@ percentage: number</code></pre>
|
|
|
3380
3470
|
<!-- ⬇️ Hidden toggles must be siblings BEFORE .panels -->
|
|
3381
3471
|
|
|
3382
3472
|
|
|
3383
|
-
<input id="c-
|
|
3473
|
+
<input id="c-11-components-skeleton-stories" class="tg tg-stories" type="checkbox" hidden />
|
|
3384
3474
|
|
|
3385
3475
|
|
|
3386
3476
|
|
|
@@ -3474,9 +3564,9 @@ percentage: number</code></pre>
|
|
|
3474
3564
|
<div class="title">
|
|
3475
3565
|
<h2><span class="status-dot dot-ok"></span> Switch</h2>
|
|
3476
3566
|
<div class="badges">
|
|
3477
|
-
<label for="c-
|
|
3567
|
+
<label for="c-12-components-switch-props" class="badge ok as-toggle">4 prop types</label>
|
|
3478
3568
|
|
|
3479
|
-
<label for="c-
|
|
3569
|
+
<label for="c-12-components-switch-stories" class="badge ok as-toggle">7 stories</label>
|
|
3480
3570
|
|
|
3481
3571
|
</div>
|
|
3482
3572
|
</div>
|
|
@@ -3489,9 +3579,9 @@ percentage: number</code></pre>
|
|
|
3489
3579
|
<!-- ⬇️ Hidden toggles must be siblings BEFORE .panels -->
|
|
3490
3580
|
|
|
3491
3581
|
|
|
3492
|
-
<input id="c-
|
|
3582
|
+
<input id="c-12-components-switch-stories" class="tg tg-stories" type="checkbox" hidden />
|
|
3493
3583
|
|
|
3494
|
-
<input id="c-
|
|
3584
|
+
<input id="c-12-components-switch-props" class="tg tg-props" type="checkbox" hidden />
|
|
3495
3585
|
|
|
3496
3586
|
<div class="panels">
|
|
3497
3587
|
|
|
@@ -3501,12 +3591,21 @@ percentage: number</code></pre>
|
|
|
3501
3591
|
<div class="note ok">
|
|
3502
3592
|
<div class="row">
|
|
3503
3593
|
<span class="ex-name">Prop types <small>(react-docgen-typescript)</small></span>
|
|
3504
|
-
<span class="badge ok">
|
|
3594
|
+
<span class="badge ok">4 prop types</span>
|
|
3505
3595
|
</div>
|
|
3506
3596
|
<pre><code>Component: src/switch/switch.tsx::Switch</code></pre>
|
|
3507
3597
|
<pre><code>Props:</code></pre>
|
|
3508
3598
|
<pre><code>asChild?: boolean
|
|
3509
3599
|
|
|
3600
|
+
/**
|
|
3601
|
+
* Optional text rendered beside the toggle and associated with it via
|
|
3602
|
+
* `htmlFor`. Provide an `id` so the association resolves. Omit it to keep
|
|
3603
|
+
* the toggle headless and supply your own `<label htmlFor>`.
|
|
3604
|
+
*/
|
|
3605
|
+
label?: string
|
|
3606
|
+
|
|
3607
|
+
reverse?: boolean
|
|
3608
|
+
|
|
3510
3609
|
size?: "sm" | "md"</code></pre>
|
|
3511
3610
|
</div>
|
|
3512
3611
|
</div>
|
|
@@ -3601,6 +3700,20 @@ size?: "sm" | "md"</code></pre>
|
|
|
3601
3700
|
</div>
|
|
3602
3701
|
);
|
|
3603
3702
|
};</code></pre>
|
|
3703
|
+
</div>
|
|
3704
|
+
<div class="note ok">
|
|
3705
|
+
<div class="row">
|
|
3706
|
+
<span class="ex-name">With Label</span>
|
|
3707
|
+
<span class="badge ok">story ok</span>
|
|
3708
|
+
</div>
|
|
3709
|
+
|
|
3710
|
+
<div class="hint">The built-in `label` prop renders an associated text label beside the toggle (wired via `htmlFor`/`id`); `reverse` places the label before the toggle.</div>
|
|
3711
|
+
<pre><code>const WithLabel = () => (
|
|
3712
|
+
<div className="flex items-center gap-6">
|
|
3713
|
+
<Switch id="with-label" label="Email" defaultChecked />
|
|
3714
|
+
<Switch id="with-label-reverse" label="SMS" reverse />
|
|
3715
|
+
</div>
|
|
3716
|
+
);</code></pre>
|
|
3604
3717
|
</div>
|
|
3605
3718
|
<div class="note ok">
|
|
3606
3719
|
<div class="row">
|
|
@@ -3641,7 +3754,7 @@ size?: "sm" | "md"</code></pre>
|
|
|
3641
3754
|
<div class="badges">
|
|
3642
3755
|
|
|
3643
3756
|
|
|
3644
|
-
<label for="c-
|
|
3757
|
+
<label for="c-13-components-table-stories" class="badge ok as-toggle">9 stories</label>
|
|
3645
3758
|
|
|
3646
3759
|
</div>
|
|
3647
3760
|
</div>
|
|
@@ -3654,7 +3767,7 @@ size?: "sm" | "md"</code></pre>
|
|
|
3654
3767
|
<!-- ⬇️ Hidden toggles must be siblings BEFORE .panels -->
|
|
3655
3768
|
|
|
3656
3769
|
|
|
3657
|
-
<input id="c-
|
|
3770
|
+
<input id="c-13-components-table-stories" class="tg tg-stories" type="checkbox" hidden />
|
|
3658
3771
|
|
|
3659
3772
|
|
|
3660
3773
|
|
|
@@ -3828,9 +3941,9 @@ import { Fragment } from "react";</code></pre>
|
|
|
3828
3941
|
<div class="title">
|
|
3829
3942
|
<h2><span class="status-dot dot-ok"></span> Tag</h2>
|
|
3830
3943
|
<div class="badges">
|
|
3831
|
-
<label for="c-
|
|
3944
|
+
<label for="c-14-components-tag-props" class="badge ok as-toggle">6 prop types</label>
|
|
3832
3945
|
|
|
3833
|
-
<label for="c-
|
|
3946
|
+
<label for="c-14-components-tag-stories" class="badge ok as-toggle">10 stories</label>
|
|
3834
3947
|
|
|
3835
3948
|
</div>
|
|
3836
3949
|
</div>
|
|
@@ -3843,9 +3956,9 @@ import { Fragment } from "react";</code></pre>
|
|
|
3843
3956
|
<!-- ⬇️ Hidden toggles must be siblings BEFORE .panels -->
|
|
3844
3957
|
|
|
3845
3958
|
|
|
3846
|
-
<input id="c-
|
|
3959
|
+
<input id="c-14-components-tag-stories" class="tg tg-stories" type="checkbox" hidden />
|
|
3847
3960
|
|
|
3848
|
-
<input id="c-
|
|
3961
|
+
<input id="c-14-components-tag-props" class="tg tg-props" type="checkbox" hidden />
|
|
3849
3962
|
|
|
3850
3963
|
<div class="panels">
|
|
3851
3964
|
|
|
@@ -4202,9 +4315,9 @@ variant?: "ghost" | "secondary" | "tertiary" | &qu
|
|
|
4202
4315
|
<div class="title">
|
|
4203
4316
|
<h2><span class="status-dot dot-ok"></span> Toast</h2>
|
|
4204
4317
|
<div class="badges">
|
|
4205
|
-
<label for="c-
|
|
4318
|
+
<label for="c-15-components-toast-props" class="badge ok as-toggle">11 prop types</label>
|
|
4206
4319
|
|
|
4207
|
-
<label for="c-
|
|
4320
|
+
<label for="c-15-components-toast-stories" class="badge ok as-toggle">11 stories</label>
|
|
4208
4321
|
|
|
4209
4322
|
</div>
|
|
4210
4323
|
</div>
|
|
@@ -4217,9 +4330,9 @@ variant?: "ghost" | "secondary" | "tertiary" | &qu
|
|
|
4217
4330
|
<!-- ⬇️ Hidden toggles must be siblings BEFORE .panels -->
|
|
4218
4331
|
|
|
4219
4332
|
|
|
4220
|
-
<input id="c-
|
|
4333
|
+
<input id="c-15-components-toast-stories" class="tg tg-stories" type="checkbox" hidden />
|
|
4221
4334
|
|
|
4222
|
-
<input id="c-
|
|
4335
|
+
<input id="c-15-components-toast-props" class="tg tg-props" type="checkbox" hidden />
|
|
4223
4336
|
|
|
4224
4337
|
<div class="panels">
|
|
4225
4338
|
|
|
@@ -4628,9 +4741,9 @@ visibleToasts?: number</code></pre>
|
|
|
4628
4741
|
<div class="title">
|
|
4629
4742
|
<h2><span class="status-dot dot-ok"></span> Tooltip</h2>
|
|
4630
4743
|
<div class="badges">
|
|
4631
|
-
<label for="c-
|
|
4744
|
+
<label for="c-16-components-tooltip-props" class="badge ok as-toggle">9 prop types</label>
|
|
4632
4745
|
|
|
4633
|
-
<label for="c-
|
|
4746
|
+
<label for="c-16-components-tooltip-stories" class="badge ok as-toggle">5 stories</label>
|
|
4634
4747
|
|
|
4635
4748
|
</div>
|
|
4636
4749
|
</div>
|
|
@@ -4643,9 +4756,9 @@ visibleToasts?: number</code></pre>
|
|
|
4643
4756
|
<!-- ⬇️ Hidden toggles must be siblings BEFORE .panels -->
|
|
4644
4757
|
|
|
4645
4758
|
|
|
4646
|
-
<input id="c-
|
|
4759
|
+
<input id="c-16-components-tooltip-stories" class="tg tg-stories" type="checkbox" hidden />
|
|
4647
4760
|
|
|
4648
|
-
<input id="c-
|
|
4761
|
+
<input id="c-16-components-tooltip-props" class="tg tg-props" type="checkbox" hidden />
|
|
4649
4762
|
|
|
4650
4763
|
<div class="panels">
|
|
4651
4764
|
|