@uniformdev/design-system 18.24.1-alpha.2 → 18.26.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.
Files changed (4) hide show
  1. package/dist/esm/index.js +2597 -297
  2. package/dist/index.d.ts +20024 -8
  3. package/dist/index.js +2756 -452
  4. package/package.json +6 -3
package/dist/index.js CHANGED
@@ -70,6 +70,7 @@ __export(src_exports, {
70
70
  IntegrationModalHeader: () => IntegrationModalHeader,
71
71
  IntegrationModalIcon: () => IntegrationModalIcon,
72
72
  IntegrationTile: () => IntegrationTile,
73
+ JsonEditor: () => JsonEditor,
73
74
  Label: () => Label,
74
75
  Legend: () => Legend,
75
76
  LimitsBar: () => LimitsBar,
@@ -79,7 +80,6 @@ __export(src_exports, {
79
80
  LoadingIcon: () => LoadingIcon,
80
81
  LoadingIndicator: () => LoadingIndicator,
81
82
  LoadingOverlay: () => LoadingOverlay,
82
- LottieFile: () => LottieFile,
83
83
  Menu: () => Menu,
84
84
  MenuContext: () => MenuContext,
85
85
  MenuItem: () => MenuItem,
@@ -111,6 +111,8 @@ __export(src_exports, {
111
111
  ParameterToggle: () => ParameterToggle,
112
112
  ParameterToggleInner: () => ParameterToggleInner,
113
113
  Popover: () => Popover2,
114
+ ProgressList: () => ProgressList,
115
+ ProgressListItem: () => ProgressListItem,
114
116
  ResolveIcon: () => ResolveIcon,
115
117
  ScrollableList: () => ScrollableList,
116
118
  ScrollableListInputItem: () => ScrollableListInputItem,
@@ -162,11 +164,13 @@ __export(src_exports, {
162
164
  inputSelect: () => inputSelect,
163
165
  isMacLike: () => isMacLike,
164
166
  labelText: () => labelText,
167
+ loaderAnimationData: () => loader_default,
165
168
  macifyShortcut: () => macifyShortcut,
166
169
  mq: () => mq,
167
170
  ripple: () => ripple,
168
171
  scrollbarStyles: () => scrollbarStyles,
169
172
  skeletonLoading: () => skeletonLoading,
173
+ spinnerAnimationData: () => spinner_default,
170
174
  supports: () => supports,
171
175
  useBreakpoint: () => useBreakpoint,
172
176
  useCloseCurrentDrawer: () => useCloseCurrentDrawer,
@@ -2021,6 +2025,2131 @@ var InlineAlert = ({
2021
2025
  ] });
2022
2026
  };
2023
2027
 
2028
+ // src/components/AnimationFile/lotties/loader.json
2029
+ var loader_default = {
2030
+ v: "4.8.0",
2031
+ meta: { g: "LottieFiles AE 3.1.1", a: "", k: "", d: "", tc: "" },
2032
+ fr: 29.9700012207031,
2033
+ ip: 0,
2034
+ op: 66.0000026882351,
2035
+ w: 1e3,
2036
+ h: 1e3,
2037
+ nm: "DXCP Loader",
2038
+ ddd: 0,
2039
+ assets: [
2040
+ {
2041
+ id: "comp_0",
2042
+ layers: [
2043
+ {
2044
+ ddd: 0,
2045
+ ind: 1,
2046
+ ty: 4,
2047
+ nm: "Top Light Outlines 3",
2048
+ sr: 1,
2049
+ ks: {
2050
+ o: { a: 0, k: 100, ix: 11 },
2051
+ r: { a: 0, k: 0, ix: 10 },
2052
+ p: {
2053
+ a: 1,
2054
+ k: [
2055
+ {
2056
+ i: { x: 0.833, y: 0.833 },
2057
+ o: { x: 0.167, y: 0.167 },
2058
+ t: 30,
2059
+ s: [500, 500, 0],
2060
+ to: [40, 23.333, 0],
2061
+ ti: [-40, -23.333, 0]
2062
+ },
2063
+ {
2064
+ i: { x: 0.833, y: 0.833 },
2065
+ o: { x: 0.167, y: 0.167 },
2066
+ t: 40,
2067
+ s: [740, 640, 0],
2068
+ to: [0, 0, 0],
2069
+ ti: [0, 0, 0]
2070
+ },
2071
+ {
2072
+ i: { x: 0.833, y: 0.833 },
2073
+ o: { x: 0.167, y: 0.167 },
2074
+ t: 75,
2075
+ s: [740, 640, 0],
2076
+ to: [39.333, -22, 0],
2077
+ ti: [-39.333, 22, 0]
2078
+ },
2079
+ { t: 85.000003462121, s: [976, 508, 0] }
2080
+ ],
2081
+ ix: 2
2082
+ },
2083
+ a: { a: 0, k: [500, 500, 0], ix: 1 },
2084
+ s: { a: 0, k: [100, 100, 100], ix: 6 }
2085
+ },
2086
+ ao: 0,
2087
+ shapes: [
2088
+ {
2089
+ ty: "gr",
2090
+ it: [
2091
+ {
2092
+ ind: 0,
2093
+ ty: "sh",
2094
+ ix: 1,
2095
+ ks: {
2096
+ a: 0,
2097
+ k: {
2098
+ i: [
2099
+ [0, 0],
2100
+ [0, 0],
2101
+ [0, 0],
2102
+ [0, 0],
2103
+ [0.257, -0.148]
2104
+ ],
2105
+ o: [
2106
+ [0, 0],
2107
+ [0, 0],
2108
+ [0, 0],
2109
+ [0.256, 0.148],
2110
+ [0, 0]
2111
+ ],
2112
+ v: [
2113
+ [-0.546, 103.081],
2114
+ [-178.361, 0.255],
2115
+ [-0.546, -103.081],
2116
+ [178.103, 0.255],
2117
+ [178.103, 0.255]
2118
+ ],
2119
+ c: true
2120
+ },
2121
+ ix: 2
2122
+ },
2123
+ nm: "Path 1",
2124
+ mn: "ADBE Vector Shape - Group",
2125
+ hd: false
2126
+ },
2127
+ {
2128
+ ty: "fl",
2129
+ c: { a: 0, k: [0.341176480055, 0.525490224361, 1, 1], ix: 4 },
2130
+ o: { a: 0, k: 100, ix: 5 },
2131
+ r: 1,
2132
+ bm: 0,
2133
+ nm: "Fill 1",
2134
+ mn: "ADBE Vector Graphic - Fill",
2135
+ hd: false
2136
+ },
2137
+ {
2138
+ ty: "tr",
2139
+ p: { a: 0, k: [254.328, 270.571], ix: 2 },
2140
+ a: { a: 0, k: [0, 0], ix: 1 },
2141
+ s: { a: 0, k: [100, 100], ix: 3 },
2142
+ r: { a: 0, k: 0, ix: 6 },
2143
+ o: { a: 0, k: 100, ix: 7 },
2144
+ sk: { a: 0, k: 0, ix: 4 },
2145
+ sa: { a: 0, k: 0, ix: 5 },
2146
+ nm: "Transform"
2147
+ }
2148
+ ],
2149
+ nm: "Group 1",
2150
+ np: 2,
2151
+ cix: 2,
2152
+ bm: 0,
2153
+ ix: 1,
2154
+ mn: "ADBE Vector Group",
2155
+ hd: false
2156
+ },
2157
+ {
2158
+ ty: "gr",
2159
+ it: [
2160
+ {
2161
+ ind: 0,
2162
+ ty: "sh",
2163
+ ix: 1,
2164
+ ks: {
2165
+ a: 0,
2166
+ k: {
2167
+ i: [
2168
+ [0, 0],
2169
+ [0, 0],
2170
+ [-1e-3, 0.16],
2171
+ [0, 0],
2172
+ [0, 0],
2173
+ [0, -0.022]
2174
+ ],
2175
+ o: [
2176
+ [0, 0],
2177
+ [-0.139, 0.079],
2178
+ [0, 0],
2179
+ [0, 0],
2180
+ [0.019, -0.011],
2181
+ [0, 0]
2182
+ ],
2183
+ v: [
2184
+ [89.384, 51.24],
2185
+ [-89.265, 153.86],
2186
+ [-89.265, 153.678],
2187
+ [-89.265, -50.718],
2188
+ [89.384, -153.917],
2189
+ [89.384, -153.917]
2190
+ ],
2191
+ c: true
2192
+ },
2193
+ ix: 2
2194
+ },
2195
+ nm: "Path 1",
2196
+ mn: "ADBE Vector Shape - Group",
2197
+ hd: false
2198
+ },
2199
+ {
2200
+ ty: "fl",
2201
+ c: { a: 0, k: [0, 0.207843152214, 0.784313785329, 1], ix: 4 },
2202
+ o: { a: 0, k: 100, ix: 5 },
2203
+ r: 1,
2204
+ bm: 0,
2205
+ nm: "Fill 1",
2206
+ mn: "ADBE Vector Graphic - Fill",
2207
+ hd: false
2208
+ },
2209
+ {
2210
+ ty: "tr",
2211
+ p: { a: 0, k: [343.047, 424.743], ix: 2 },
2212
+ a: { a: 0, k: [0, 0], ix: 1 },
2213
+ s: { a: 0, k: [100, 100], ix: 3 },
2214
+ r: { a: 0, k: 0, ix: 6 },
2215
+ o: { a: 0, k: 100, ix: 7 },
2216
+ sk: { a: 0, k: 0, ix: 4 },
2217
+ sa: { a: 0, k: 0, ix: 5 },
2218
+ nm: "Transform"
2219
+ }
2220
+ ],
2221
+ nm: "Group 2",
2222
+ np: 2,
2223
+ cix: 2,
2224
+ bm: 0,
2225
+ ix: 2,
2226
+ mn: "ADBE Vector Group",
2227
+ hd: false
2228
+ },
2229
+ {
2230
+ ty: "gr",
2231
+ it: [
2232
+ {
2233
+ ind: 0,
2234
+ ty: "sh",
2235
+ ix: 1,
2236
+ ks: {
2237
+ a: 0,
2238
+ k: {
2239
+ i: [
2240
+ [0.034, 0.02],
2241
+ [0, 0],
2242
+ [0, 0],
2243
+ [0, 0],
2244
+ [0, 0]
2245
+ ],
2246
+ o: [
2247
+ [0, 0],
2248
+ [0, 0],
2249
+ [0, 0],
2250
+ [0, 0],
2251
+ [0, 0.039]
2252
+ ],
2253
+ v: [
2254
+ [88.891, 153.945],
2255
+ [-88.924, 51.191],
2256
+ [-88.924, -153.966],
2257
+ [88.891, -50.767],
2258
+ [88.891, 153.901]
2259
+ ],
2260
+ c: true
2261
+ },
2262
+ ix: 2
2263
+ },
2264
+ nm: "Path 1",
2265
+ mn: "ADBE Vector Shape - Group",
2266
+ hd: false
2267
+ },
2268
+ {
2269
+ ty: "fl",
2270
+ c: { a: 0, k: [0.047058828175, 0.313725501299, 0.898039281368, 1], ix: 4 },
2271
+ o: { a: 0, k: 100, ix: 5 },
2272
+ r: 1,
2273
+ bm: 0,
2274
+ nm: "Fill 1",
2275
+ mn: "ADBE Vector Graphic - Fill",
2276
+ hd: false
2277
+ },
2278
+ {
2279
+ ty: "tr",
2280
+ p: { a: 0, k: [164.892, 424.792], ix: 2 },
2281
+ a: { a: 0, k: [0, 0], ix: 1 },
2282
+ s: { a: 0, k: [100, 100], ix: 3 },
2283
+ r: { a: 0, k: 0, ix: 6 },
2284
+ o: { a: 0, k: 100, ix: 7 },
2285
+ sk: { a: 0, k: 0, ix: 4 },
2286
+ sa: { a: 0, k: 0, ix: 5 },
2287
+ nm: "Transform"
2288
+ }
2289
+ ],
2290
+ nm: "Group 3",
2291
+ np: 2,
2292
+ cix: 2,
2293
+ bm: 0,
2294
+ ix: 3,
2295
+ mn: "ADBE Vector Group",
2296
+ hd: false
2297
+ }
2298
+ ],
2299
+ ip: 30.0000012219251,
2300
+ op: 360.000014663101,
2301
+ st: 0,
2302
+ bm: 0
2303
+ },
2304
+ {
2305
+ ddd: 0,
2306
+ ind: 2,
2307
+ ty: 4,
2308
+ nm: "Top C Outlines",
2309
+ sr: 1,
2310
+ ks: {
2311
+ o: { a: 0, k: 100, ix: 11 },
2312
+ r: { a: 0, k: 0, ix: 10 },
2313
+ p: {
2314
+ a: 1,
2315
+ k: [
2316
+ {
2317
+ i: { x: 0.833, y: 0.833 },
2318
+ o: { x: 0.167, y: 0.167 },
2319
+ t: 15,
2320
+ s: [500, 500, 0],
2321
+ to: [39.593, -23.167, 0],
2322
+ ti: [-39.593, 23.167, 0]
2323
+ },
2324
+ { t: 25.0000010182709, s: [737.56, 361, 0] }
2325
+ ],
2326
+ ix: 2
2327
+ },
2328
+ a: { a: 0, k: [500, 500, 0], ix: 1 },
2329
+ s: { a: 0, k: [100, 100, 100], ix: 6 }
2330
+ },
2331
+ ao: 0,
2332
+ shapes: [
2333
+ {
2334
+ ty: "gr",
2335
+ it: [
2336
+ {
2337
+ ind: 0,
2338
+ ty: "sh",
2339
+ ix: 1,
2340
+ ks: {
2341
+ a: 0,
2342
+ k: {
2343
+ i: [
2344
+ [0, 0],
2345
+ [0, 0],
2346
+ [0, 0],
2347
+ [0, 0],
2348
+ [0.257, -0.148]
2349
+ ],
2350
+ o: [
2351
+ [0, 0],
2352
+ [0, 0],
2353
+ [0, 0],
2354
+ [0.256, 0.148],
2355
+ [0, 0]
2356
+ ],
2357
+ v: [
2358
+ [-0.546, 103.08],
2359
+ [-178.361, 0.255],
2360
+ [-0.546, -103.081],
2361
+ [178.103, 0.255],
2362
+ [178.103, 0.255]
2363
+ ],
2364
+ c: true
2365
+ },
2366
+ ix: 2
2367
+ },
2368
+ nm: "Path 1",
2369
+ mn: "ADBE Vector Shape - Group",
2370
+ hd: false
2371
+ },
2372
+ {
2373
+ ty: "fl",
2374
+ c: {
2375
+ a: 1,
2376
+ k: [
2377
+ {
2378
+ i: { x: [0.833], y: [0.833] },
2379
+ o: { x: [0.167], y: [0.167] },
2380
+ t: 15,
2381
+ s: [0.341176470588, 0.525490196078, 1, 1]
2382
+ },
2383
+ { t: 25.0000010182709, s: [0.901960790157, 0.078431375325, 0.031372550875, 1] }
2384
+ ],
2385
+ ix: 4
2386
+ },
2387
+ o: { a: 0, k: 100, ix: 5 },
2388
+ r: 1,
2389
+ bm: 0,
2390
+ nm: "Fill 1",
2391
+ mn: "ADBE Vector Graphic - Fill",
2392
+ hd: false
2393
+ },
2394
+ {
2395
+ ty: "tr",
2396
+ p: { a: 0, k: [492.144, 408.335], ix: 2 },
2397
+ a: { a: 0, k: [0, 0], ix: 1 },
2398
+ s: { a: 0, k: [100, 100], ix: 3 },
2399
+ r: { a: 0, k: 0, ix: 6 },
2400
+ o: { a: 0, k: 100, ix: 7 },
2401
+ sk: { a: 0, k: 0, ix: 4 },
2402
+ sa: { a: 0, k: 0, ix: 5 },
2403
+ nm: "Transform"
2404
+ }
2405
+ ],
2406
+ nm: "Group 1",
2407
+ np: 2,
2408
+ cix: 2,
2409
+ bm: 0,
2410
+ ix: 1,
2411
+ mn: "ADBE Vector Group",
2412
+ hd: false
2413
+ },
2414
+ {
2415
+ ty: "gr",
2416
+ it: [
2417
+ {
2418
+ ind: 0,
2419
+ ty: "sh",
2420
+ ix: 1,
2421
+ ks: {
2422
+ a: 0,
2423
+ k: {
2424
+ i: [
2425
+ [0, 0],
2426
+ [0, 0],
2427
+ [-1e-3, 0.16],
2428
+ [0, 0],
2429
+ [0, 0],
2430
+ [0, -0.022]
2431
+ ],
2432
+ o: [
2433
+ [0, 0],
2434
+ [-0.139, 0.079],
2435
+ [0, 0],
2436
+ [0, 0],
2437
+ [0.019, -0.011],
2438
+ [0, 0]
2439
+ ],
2440
+ v: [
2441
+ [89.385, 51.24],
2442
+ [-89.264, 153.861],
2443
+ [-89.264, 153.679],
2444
+ [-89.264, -50.717],
2445
+ [89.385, -153.917],
2446
+ [89.385, -153.917]
2447
+ ],
2448
+ c: true
2449
+ },
2450
+ ix: 2
2451
+ },
2452
+ nm: "Path 1",
2453
+ mn: "ADBE Vector Shape - Group",
2454
+ hd: false
2455
+ },
2456
+ {
2457
+ ty: "fl",
2458
+ c: { a: 0, k: [0, 0.207843152214, 0.784313785329, 1], ix: 4 },
2459
+ o: { a: 0, k: 100, ix: 5 },
2460
+ r: 1,
2461
+ bm: 0,
2462
+ nm: "Fill 1",
2463
+ mn: "ADBE Vector Graphic - Fill",
2464
+ hd: false
2465
+ },
2466
+ {
2467
+ ty: "tr",
2468
+ p: { a: 0, k: [580.863, 562.507], ix: 2 },
2469
+ a: { a: 0, k: [0, 0], ix: 1 },
2470
+ s: { a: 0, k: [100, 100], ix: 3 },
2471
+ r: { a: 0, k: 0, ix: 6 },
2472
+ o: { a: 0, k: 100, ix: 7 },
2473
+ sk: { a: 0, k: 0, ix: 4 },
2474
+ sa: { a: 0, k: 0, ix: 5 },
2475
+ nm: "Transform"
2476
+ }
2477
+ ],
2478
+ nm: "Group 2",
2479
+ np: 2,
2480
+ cix: 2,
2481
+ bm: 0,
2482
+ ix: 2,
2483
+ mn: "ADBE Vector Group",
2484
+ hd: false
2485
+ },
2486
+ {
2487
+ ty: "gr",
2488
+ it: [
2489
+ {
2490
+ ind: 0,
2491
+ ty: "sh",
2492
+ ix: 1,
2493
+ ks: {
2494
+ a: 0,
2495
+ k: {
2496
+ i: [
2497
+ [0.034, 0.02],
2498
+ [0, 0],
2499
+ [0, 0],
2500
+ [0, 0],
2501
+ [0, 0]
2502
+ ],
2503
+ o: [
2504
+ [0, 0],
2505
+ [0, 0],
2506
+ [0, 0],
2507
+ [0, 0],
2508
+ [0, 0.039]
2509
+ ],
2510
+ v: [
2511
+ [88.891, 153.946],
2512
+ [-88.924, 51.192],
2513
+ [-88.924, -153.965],
2514
+ [88.891, -50.766],
2515
+ [88.891, 153.901]
2516
+ ],
2517
+ c: true
2518
+ },
2519
+ ix: 2
2520
+ },
2521
+ nm: "Path 1",
2522
+ mn: "ADBE Vector Shape - Group",
2523
+ hd: false
2524
+ },
2525
+ {
2526
+ ty: "fl",
2527
+ c: { a: 0, k: [0.047058827269, 0.313725490196, 0.898039275525, 1], ix: 4 },
2528
+ o: { a: 0, k: 100, ix: 5 },
2529
+ r: 1,
2530
+ bm: 0,
2531
+ nm: "Fill 1",
2532
+ mn: "ADBE Vector Graphic - Fill",
2533
+ hd: false
2534
+ },
2535
+ {
2536
+ ty: "tr",
2537
+ p: { a: 0, k: [402.708, 562.556], ix: 2 },
2538
+ a: { a: 0, k: [0, 0], ix: 1 },
2539
+ s: { a: 0, k: [100, 100], ix: 3 },
2540
+ r: { a: 0, k: 0, ix: 6 },
2541
+ o: { a: 0, k: 100, ix: 7 },
2542
+ sk: { a: 0, k: 0, ix: 4 },
2543
+ sa: { a: 0, k: 0, ix: 5 },
2544
+ nm: "Transform"
2545
+ }
2546
+ ],
2547
+ nm: "Group 3",
2548
+ np: 2,
2549
+ cix: 2,
2550
+ bm: 0,
2551
+ ix: 3,
2552
+ mn: "ADBE Vector Group",
2553
+ hd: false
2554
+ }
2555
+ ],
2556
+ ip: 0,
2557
+ op: 118.000004806239,
2558
+ st: 0,
2559
+ bm: 0
2560
+ },
2561
+ {
2562
+ ddd: 0,
2563
+ ind: 3,
2564
+ ty: 4,
2565
+ nm: "Top Light Outlines",
2566
+ sr: 1,
2567
+ ks: {
2568
+ o: { a: 0, k: 100, ix: 11 },
2569
+ r: { a: 0, k: 0, ix: 10 },
2570
+ p: { a: 0, k: [500, 500, 0], ix: 2 },
2571
+ a: { a: 0, k: [500, 500, 0], ix: 1 },
2572
+ s: { a: 0, k: [100, 100, 100], ix: 6 }
2573
+ },
2574
+ ao: 0,
2575
+ shapes: [
2576
+ {
2577
+ ty: "gr",
2578
+ it: [
2579
+ {
2580
+ ind: 0,
2581
+ ty: "sh",
2582
+ ix: 1,
2583
+ ks: {
2584
+ a: 0,
2585
+ k: {
2586
+ i: [
2587
+ [0, 0],
2588
+ [0, 0],
2589
+ [0, 0],
2590
+ [0, 0],
2591
+ [0.257, -0.148]
2592
+ ],
2593
+ o: [
2594
+ [0, 0],
2595
+ [0, 0],
2596
+ [0, 0],
2597
+ [0.256, 0.148],
2598
+ [0, 0]
2599
+ ],
2600
+ v: [
2601
+ [-0.546, 103.081],
2602
+ [-178.361, 0.255],
2603
+ [-0.546, -103.081],
2604
+ [178.103, 0.255],
2605
+ [178.103, 0.255]
2606
+ ],
2607
+ c: true
2608
+ },
2609
+ ix: 2
2610
+ },
2611
+ nm: "Path 1",
2612
+ mn: "ADBE Vector Shape - Group",
2613
+ hd: false
2614
+ },
2615
+ {
2616
+ ty: "fl",
2617
+ c: { a: 0, k: [0.341176480055, 0.525490224361, 1, 1], ix: 4 },
2618
+ o: { a: 0, k: 100, ix: 5 },
2619
+ r: 1,
2620
+ bm: 0,
2621
+ nm: "Fill 1",
2622
+ mn: "ADBE Vector Graphic - Fill",
2623
+ hd: false
2624
+ },
2625
+ {
2626
+ ty: "tr",
2627
+ p: { a: 0, k: [254.328, 270.571], ix: 2 },
2628
+ a: { a: 0, k: [0, 0], ix: 1 },
2629
+ s: { a: 0, k: [100, 100], ix: 3 },
2630
+ r: { a: 0, k: 0, ix: 6 },
2631
+ o: { a: 0, k: 100, ix: 7 },
2632
+ sk: { a: 0, k: 0, ix: 4 },
2633
+ sa: { a: 0, k: 0, ix: 5 },
2634
+ nm: "Transform"
2635
+ }
2636
+ ],
2637
+ nm: "Group 1",
2638
+ np: 2,
2639
+ cix: 2,
2640
+ bm: 0,
2641
+ ix: 1,
2642
+ mn: "ADBE Vector Group",
2643
+ hd: false
2644
+ },
2645
+ {
2646
+ ty: "gr",
2647
+ it: [
2648
+ {
2649
+ ind: 0,
2650
+ ty: "sh",
2651
+ ix: 1,
2652
+ ks: {
2653
+ a: 0,
2654
+ k: {
2655
+ i: [
2656
+ [0, 0],
2657
+ [0, 0],
2658
+ [-1e-3, 0.16],
2659
+ [0, 0],
2660
+ [0, 0],
2661
+ [0, -0.022]
2662
+ ],
2663
+ o: [
2664
+ [0, 0],
2665
+ [-0.139, 0.079],
2666
+ [0, 0],
2667
+ [0, 0],
2668
+ [0.019, -0.011],
2669
+ [0, 0]
2670
+ ],
2671
+ v: [
2672
+ [89.384, 51.24],
2673
+ [-89.265, 153.86],
2674
+ [-89.265, 153.678],
2675
+ [-89.265, -50.718],
2676
+ [89.384, -153.917],
2677
+ [89.384, -153.917]
2678
+ ],
2679
+ c: true
2680
+ },
2681
+ ix: 2
2682
+ },
2683
+ nm: "Path 1",
2684
+ mn: "ADBE Vector Shape - Group",
2685
+ hd: false
2686
+ },
2687
+ {
2688
+ ty: "fl",
2689
+ c: { a: 0, k: [0, 0.207843152214, 0.784313785329, 1], ix: 4 },
2690
+ o: { a: 0, k: 100, ix: 5 },
2691
+ r: 1,
2692
+ bm: 0,
2693
+ nm: "Fill 1",
2694
+ mn: "ADBE Vector Graphic - Fill",
2695
+ hd: false
2696
+ },
2697
+ {
2698
+ ty: "tr",
2699
+ p: { a: 0, k: [343.047, 424.743], ix: 2 },
2700
+ a: { a: 0, k: [0, 0], ix: 1 },
2701
+ s: { a: 0, k: [100, 100], ix: 3 },
2702
+ r: { a: 0, k: 0, ix: 6 },
2703
+ o: { a: 0, k: 100, ix: 7 },
2704
+ sk: { a: 0, k: 0, ix: 4 },
2705
+ sa: { a: 0, k: 0, ix: 5 },
2706
+ nm: "Transform"
2707
+ }
2708
+ ],
2709
+ nm: "Group 2",
2710
+ np: 2,
2711
+ cix: 2,
2712
+ bm: 0,
2713
+ ix: 2,
2714
+ mn: "ADBE Vector Group",
2715
+ hd: false
2716
+ },
2717
+ {
2718
+ ty: "gr",
2719
+ it: [
2720
+ {
2721
+ ind: 0,
2722
+ ty: "sh",
2723
+ ix: 1,
2724
+ ks: {
2725
+ a: 0,
2726
+ k: {
2727
+ i: [
2728
+ [0.034, 0.02],
2729
+ [0, 0],
2730
+ [0, 0],
2731
+ [0, 0],
2732
+ [0, 0]
2733
+ ],
2734
+ o: [
2735
+ [0, 0],
2736
+ [0, 0],
2737
+ [0, 0],
2738
+ [0, 0],
2739
+ [0, 0.039]
2740
+ ],
2741
+ v: [
2742
+ [88.891, 153.945],
2743
+ [-88.924, 51.191],
2744
+ [-88.924, -153.966],
2745
+ [88.891, -50.767],
2746
+ [88.891, 153.901]
2747
+ ],
2748
+ c: true
2749
+ },
2750
+ ix: 2
2751
+ },
2752
+ nm: "Path 1",
2753
+ mn: "ADBE Vector Shape - Group",
2754
+ hd: false
2755
+ },
2756
+ {
2757
+ ty: "fl",
2758
+ c: { a: 0, k: [0.047058828175, 0.313725501299, 0.898039281368, 1], ix: 4 },
2759
+ o: { a: 0, k: 100, ix: 5 },
2760
+ r: 1,
2761
+ bm: 0,
2762
+ nm: "Fill 1",
2763
+ mn: "ADBE Vector Graphic - Fill",
2764
+ hd: false
2765
+ },
2766
+ {
2767
+ ty: "tr",
2768
+ p: { a: 0, k: [164.892, 424.792], ix: 2 },
2769
+ a: { a: 0, k: [0, 0], ix: 1 },
2770
+ s: { a: 0, k: [100, 100], ix: 3 },
2771
+ r: { a: 0, k: 0, ix: 6 },
2772
+ o: { a: 0, k: 100, ix: 7 },
2773
+ sk: { a: 0, k: 0, ix: 4 },
2774
+ sa: { a: 0, k: 0, ix: 5 },
2775
+ nm: "Transform"
2776
+ }
2777
+ ],
2778
+ nm: "Group 3",
2779
+ np: 2,
2780
+ cix: 2,
2781
+ bm: 0,
2782
+ ix: 3,
2783
+ mn: "ADBE Vector Group",
2784
+ hd: false
2785
+ }
2786
+ ],
2787
+ ip: 0,
2788
+ op: 30.0000012219251,
2789
+ st: 0,
2790
+ bm: 0
2791
+ },
2792
+ {
2793
+ ddd: 0,
2794
+ ind: 4,
2795
+ ty: 4,
2796
+ nm: "Top red Outlines",
2797
+ sr: 1,
2798
+ ks: {
2799
+ o: { a: 0, k: 100, ix: 11 },
2800
+ r: { a: 0, k: 0, ix: 10 },
2801
+ p: {
2802
+ a: 1,
2803
+ k: [
2804
+ {
2805
+ i: { x: 0.667, y: 1 },
2806
+ o: { x: 0.333, y: 0 },
2807
+ t: 0,
2808
+ s: [500, 500, 0],
2809
+ to: [-40.667, -23.333, 0],
2810
+ ti: [40.667, 23.333, 0]
2811
+ },
2812
+ {
2813
+ i: { x: 0.667, y: 0.667 },
2814
+ o: { x: 0.333, y: 0.333 },
2815
+ t: 10,
2816
+ s: [256, 360, 0],
2817
+ to: [0, 0, 0],
2818
+ ti: [0, 0, 0]
2819
+ },
2820
+ {
2821
+ i: { x: 0.667, y: 1 },
2822
+ o: { x: 0.333, y: 0 },
2823
+ t: 45,
2824
+ s: [256, 360, 0],
2825
+ to: [-38, 22.667, 0],
2826
+ ti: [38, -22.667, 0]
2827
+ },
2828
+ {
2829
+ i: { x: 0.667, y: 0.667 },
2830
+ o: { x: 0.333, y: 0.333 },
2831
+ t: 55,
2832
+ s: [28, 496, 0],
2833
+ to: [0, 0, 0],
2834
+ ti: [0, 0, 0]
2835
+ },
2836
+ { t: 90.0000036657751, s: [28, 496, 0] }
2837
+ ],
2838
+ ix: 2
2839
+ },
2840
+ a: { a: 0, k: [500, 500, 0], ix: 1 },
2841
+ s: { a: 0, k: [100, 100, 100], ix: 6 }
2842
+ },
2843
+ ao: 0,
2844
+ shapes: [
2845
+ {
2846
+ ty: "gr",
2847
+ it: [
2848
+ {
2849
+ ind: 0,
2850
+ ty: "sh",
2851
+ ix: 1,
2852
+ ks: {
2853
+ a: 0,
2854
+ k: {
2855
+ i: [
2856
+ [0, 0],
2857
+ [0, 0],
2858
+ [0, 0],
2859
+ [0, 0],
2860
+ [0.257, -0.148]
2861
+ ],
2862
+ o: [
2863
+ [0, 0],
2864
+ [0, 0],
2865
+ [0, 0],
2866
+ [0.256, 0.148],
2867
+ [0, 0]
2868
+ ],
2869
+ v: [
2870
+ [-0.546, 103.081],
2871
+ [-178.361, 0.255],
2872
+ [-0.546, -103.081],
2873
+ [178.103, 0.255],
2874
+ [178.103, 0.255]
2875
+ ],
2876
+ c: true
2877
+ },
2878
+ ix: 2
2879
+ },
2880
+ nm: "Path 1",
2881
+ mn: "ADBE Vector Shape - Group",
2882
+ hd: false
2883
+ },
2884
+ {
2885
+ ty: "fl",
2886
+ c: {
2887
+ a: 1,
2888
+ k: [
2889
+ {
2890
+ i: { x: [0.667], y: [1] },
2891
+ o: { x: [0.333], y: [0] },
2892
+ t: 2,
2893
+ s: [0.901960844152, 0.078431372549, 0.03137254902, 1]
2894
+ },
2895
+ { t: 10.0000004073083, s: [0.341176480055, 0.525490224361, 1, 1] }
2896
+ ],
2897
+ ix: 4
2898
+ },
2899
+ o: { a: 0, k: 100, ix: 5 },
2900
+ r: 1,
2901
+ bm: 0,
2902
+ nm: "Fill 1",
2903
+ mn: "ADBE Vector Graphic - Fill",
2904
+ hd: false
2905
+ },
2906
+ {
2907
+ ty: "tr",
2908
+ p: { a: 0, k: [730.028, 271.59], ix: 2 },
2909
+ a: { a: 0, k: [0, 0], ix: 1 },
2910
+ s: { a: 0, k: [100, 100], ix: 3 },
2911
+ r: { a: 0, k: 0, ix: 6 },
2912
+ o: { a: 0, k: 100, ix: 7 },
2913
+ sk: { a: 0, k: 0, ix: 4 },
2914
+ sa: { a: 0, k: 0, ix: 5 },
2915
+ nm: "Transform"
2916
+ }
2917
+ ],
2918
+ nm: "Group 1",
2919
+ np: 2,
2920
+ cix: 2,
2921
+ bm: 0,
2922
+ ix: 1,
2923
+ mn: "ADBE Vector Group",
2924
+ hd: false
2925
+ },
2926
+ {
2927
+ ty: "gr",
2928
+ it: [
2929
+ {
2930
+ ind: 0,
2931
+ ty: "sh",
2932
+ ix: 1,
2933
+ ks: {
2934
+ a: 0,
2935
+ k: {
2936
+ i: [
2937
+ [0, 0],
2938
+ [0, 0],
2939
+ [-1e-3, 0.16],
2940
+ [0, 0],
2941
+ [0, 0],
2942
+ [0, -0.022]
2943
+ ],
2944
+ o: [
2945
+ [0, 0],
2946
+ [-0.14, 0.079],
2947
+ [0, 0],
2948
+ [0, 0],
2949
+ [0.019, -0.011],
2950
+ [0, 0]
2951
+ ],
2952
+ v: [
2953
+ [89.385, 51.24],
2954
+ [-89.264, 153.861],
2955
+ [-89.264, 153.679],
2956
+ [-89.264, -50.717],
2957
+ [89.385, -153.917],
2958
+ [89.385, -153.917]
2959
+ ],
2960
+ c: true
2961
+ },
2962
+ ix: 2
2963
+ },
2964
+ nm: "Path 1",
2965
+ mn: "ADBE Vector Shape - Group",
2966
+ hd: false
2967
+ },
2968
+ {
2969
+ ty: "fl",
2970
+ c: { a: 0, k: [0, 0.207843152214, 0.784313785329, 1], ix: 4 },
2971
+ o: { a: 0, k: 100, ix: 5 },
2972
+ r: 1,
2973
+ bm: 0,
2974
+ nm: "Fill 1",
2975
+ mn: "ADBE Vector Graphic - Fill",
2976
+ hd: false
2977
+ },
2978
+ {
2979
+ ty: "tr",
2980
+ p: { a: 0, k: [818.747, 425.762], ix: 2 },
2981
+ a: { a: 0, k: [0, 0], ix: 1 },
2982
+ s: { a: 0, k: [100, 100], ix: 3 },
2983
+ r: { a: 0, k: 0, ix: 6 },
2984
+ o: { a: 0, k: 100, ix: 7 },
2985
+ sk: { a: 0, k: 0, ix: 4 },
2986
+ sa: { a: 0, k: 0, ix: 5 },
2987
+ nm: "Transform"
2988
+ }
2989
+ ],
2990
+ nm: "Group 2",
2991
+ np: 2,
2992
+ cix: 2,
2993
+ bm: 0,
2994
+ ix: 2,
2995
+ mn: "ADBE Vector Group",
2996
+ hd: false
2997
+ },
2998
+ {
2999
+ ty: "gr",
3000
+ it: [
3001
+ {
3002
+ ind: 0,
3003
+ ty: "sh",
3004
+ ix: 1,
3005
+ ks: {
3006
+ a: 0,
3007
+ k: {
3008
+ i: [
3009
+ [0.034, 0.02],
3010
+ [0, 0],
3011
+ [0, 0],
3012
+ [0, 0],
3013
+ [0, 0]
3014
+ ],
3015
+ o: [
3016
+ [0, 0],
3017
+ [0, 0],
3018
+ [0, 0],
3019
+ [0, 0],
3020
+ [0, 0.039]
3021
+ ],
3022
+ v: [
3023
+ [88.891, 153.946],
3024
+ [-88.924, 51.192],
3025
+ [-88.924, -153.965],
3026
+ [88.891, -50.766],
3027
+ [88.891, 153.902]
3028
+ ],
3029
+ c: true
3030
+ },
3031
+ ix: 2
3032
+ },
3033
+ nm: "Path 1",
3034
+ mn: "ADBE Vector Shape - Group",
3035
+ hd: false
3036
+ },
3037
+ {
3038
+ ty: "fl",
3039
+ c: { a: 0, k: [0.047058827269, 0.313725490196, 0.898039275525, 1], ix: 4 },
3040
+ o: { a: 0, k: 100, ix: 5 },
3041
+ r: 1,
3042
+ bm: 0,
3043
+ nm: "Fill 1",
3044
+ mn: "ADBE Vector Graphic - Fill",
3045
+ hd: false
3046
+ },
3047
+ {
3048
+ ty: "tr",
3049
+ p: { a: 0, k: [640.592, 425.811], ix: 2 },
3050
+ a: { a: 0, k: [0, 0], ix: 1 },
3051
+ s: { a: 0, k: [100, 100], ix: 3 },
3052
+ r: { a: 0, k: 0, ix: 6 },
3053
+ o: { a: 0, k: 100, ix: 7 },
3054
+ sk: { a: 0, k: 0, ix: 4 },
3055
+ sa: { a: 0, k: 0, ix: 5 },
3056
+ nm: "Transform"
3057
+ }
3058
+ ],
3059
+ nm: "Group 3",
3060
+ np: 2,
3061
+ cix: 2,
3062
+ bm: 0,
3063
+ ix: 3,
3064
+ mn: "ADBE Vector Group",
3065
+ hd: false
3066
+ }
3067
+ ],
3068
+ ip: 0,
3069
+ op: 125.000005091354,
3070
+ st: 0,
3071
+ bm: 0
3072
+ },
3073
+ {
3074
+ ddd: 0,
3075
+ ind: 5,
3076
+ ty: 4,
3077
+ nm: "Bottom C Outlines",
3078
+ sr: 1,
3079
+ ks: {
3080
+ o: { a: 0, k: 100, ix: 11 },
3081
+ r: { a: 0, k: 0, ix: 10 },
3082
+ p: {
3083
+ a: 1,
3084
+ k: [
3085
+ {
3086
+ i: { x: 0.667, y: 1 },
3087
+ o: { x: 0.333, y: 0 },
3088
+ t: 45,
3089
+ s: [500, 500, 0],
3090
+ to: [39.333, -23.333, 0],
3091
+ ti: [-39.333, 23.333, 0]
3092
+ },
3093
+ {
3094
+ i: { x: 0.667, y: 0.667 },
3095
+ o: { x: 0.333, y: 0.333 },
3096
+ t: 55,
3097
+ s: [736, 360, 0],
3098
+ to: [0, 0, 0],
3099
+ ti: [0, 0, 0]
3100
+ },
3101
+ {
3102
+ i: { x: 0.667, y: 1 },
3103
+ o: { x: 0.333, y: 0 },
3104
+ t: 90,
3105
+ s: [736, 360, 0],
3106
+ to: [-41.333, -24, 0],
3107
+ ti: [41.333, 24, 0]
3108
+ },
3109
+ { t: 100.000004073084, s: [488, 216, 0] }
3110
+ ],
3111
+ ix: 2
3112
+ },
3113
+ a: { a: 0, k: [500, 500, 0], ix: 1 },
3114
+ s: { a: 0, k: [100, 100, 100], ix: 6 }
3115
+ },
3116
+ ao: 0,
3117
+ shapes: [
3118
+ {
3119
+ ty: "gr",
3120
+ it: [
3121
+ {
3122
+ ind: 0,
3123
+ ty: "sh",
3124
+ ix: 1,
3125
+ ks: {
3126
+ a: 0,
3127
+ k: {
3128
+ i: [
3129
+ [0, 0],
3130
+ [0, 0],
3131
+ [0, 0],
3132
+ [0, 0],
3133
+ [0.257, -0.148]
3134
+ ],
3135
+ o: [
3136
+ [0, 0],
3137
+ [0, 0],
3138
+ [0, 0],
3139
+ [0.256, 0.148],
3140
+ [0, 0]
3141
+ ],
3142
+ v: [
3143
+ [-0.546, 103.08],
3144
+ [-178.361, 0.255],
3145
+ [-0.546, -103.081],
3146
+ [178.103, 0.255],
3147
+ [178.103, 0.255]
3148
+ ],
3149
+ c: true
3150
+ },
3151
+ ix: 2
3152
+ },
3153
+ nm: "Path 1",
3154
+ mn: "ADBE Vector Shape - Group",
3155
+ hd: false
3156
+ },
3157
+ {
3158
+ ty: "fl",
3159
+ c: { a: 0, k: [0.341176470588, 0.525490196078, 1, 1], ix: 4 },
3160
+ o: { a: 0, k: 100, ix: 5 },
3161
+ r: 1,
3162
+ bm: 0,
3163
+ nm: "Fill 1",
3164
+ mn: "ADBE Vector Graphic - Fill",
3165
+ hd: false
3166
+ },
3167
+ {
3168
+ ty: "tr",
3169
+ p: { a: 0, k: [492.144, 683.26], ix: 2 },
3170
+ a: { a: 0, k: [0, 0], ix: 1 },
3171
+ s: { a: 0, k: [100, 100], ix: 3 },
3172
+ r: { a: 0, k: 0, ix: 6 },
3173
+ o: { a: 0, k: 100, ix: 7 },
3174
+ sk: { a: 0, k: 0, ix: 4 },
3175
+ sa: { a: 0, k: 0, ix: 5 },
3176
+ nm: "Transform"
3177
+ }
3178
+ ],
3179
+ nm: "Group 1",
3180
+ np: 2,
3181
+ cix: 2,
3182
+ bm: 0,
3183
+ ix: 1,
3184
+ mn: "ADBE Vector Group",
3185
+ hd: false
3186
+ },
3187
+ {
3188
+ ty: "gr",
3189
+ it: [
3190
+ {
3191
+ ind: 0,
3192
+ ty: "sh",
3193
+ ix: 1,
3194
+ ks: {
3195
+ a: 0,
3196
+ k: {
3197
+ i: [
3198
+ [0, 0],
3199
+ [0, 0],
3200
+ [-1e-3, 0.16],
3201
+ [0, 0],
3202
+ [0, 0],
3203
+ [0, -0.022]
3204
+ ],
3205
+ o: [
3206
+ [0, 0],
3207
+ [-0.139, 0.079],
3208
+ [0, 0],
3209
+ [0, 0],
3210
+ [0.019, -0.011],
3211
+ [0, 0]
3212
+ ],
3213
+ v: [
3214
+ [89.385, 51.24],
3215
+ [-89.264, 153.861],
3216
+ [-89.264, 153.679],
3217
+ [-89.264, -50.717],
3218
+ [89.385, -153.917],
3219
+ [89.385, -153.917]
3220
+ ],
3221
+ c: true
3222
+ },
3223
+ ix: 2
3224
+ },
3225
+ nm: "Path 1",
3226
+ mn: "ADBE Vector Shape - Group",
3227
+ hd: false
3228
+ },
3229
+ {
3230
+ ty: "fl",
3231
+ c: { a: 0, k: [0, 0.207843152214, 0.784313785329, 1], ix: 4 },
3232
+ o: { a: 0, k: 100, ix: 5 },
3233
+ r: 1,
3234
+ bm: 0,
3235
+ nm: "Fill 1",
3236
+ mn: "ADBE Vector Graphic - Fill",
3237
+ hd: false
3238
+ },
3239
+ {
3240
+ ty: "tr",
3241
+ p: { a: 0, k: [580.863, 837.433], ix: 2 },
3242
+ a: { a: 0, k: [0, 0], ix: 1 },
3243
+ s: { a: 0, k: [100, 100], ix: 3 },
3244
+ r: { a: 0, k: 0, ix: 6 },
3245
+ o: { a: 0, k: 100, ix: 7 },
3246
+ sk: { a: 0, k: 0, ix: 4 },
3247
+ sa: { a: 0, k: 0, ix: 5 },
3248
+ nm: "Transform"
3249
+ }
3250
+ ],
3251
+ nm: "Group 2",
3252
+ np: 2,
3253
+ cix: 2,
3254
+ bm: 0,
3255
+ ix: 2,
3256
+ mn: "ADBE Vector Group",
3257
+ hd: false
3258
+ },
3259
+ {
3260
+ ty: "gr",
3261
+ it: [
3262
+ {
3263
+ ind: 0,
3264
+ ty: "sh",
3265
+ ix: 1,
3266
+ ks: {
3267
+ a: 0,
3268
+ k: {
3269
+ i: [
3270
+ [0.034, 0.02],
3271
+ [0, 0],
3272
+ [0, 0],
3273
+ [0, 0],
3274
+ [0, 0]
3275
+ ],
3276
+ o: [
3277
+ [0, 0],
3278
+ [0, 0],
3279
+ [0, 0],
3280
+ [0, 0],
3281
+ [0, 0.039]
3282
+ ],
3283
+ v: [
3284
+ [88.891, 153.945],
3285
+ [-88.924, 51.192],
3286
+ [-88.924, -153.966],
3287
+ [88.891, -50.766],
3288
+ [88.891, 153.901]
3289
+ ],
3290
+ c: true
3291
+ },
3292
+ ix: 2
3293
+ },
3294
+ nm: "Path 1",
3295
+ mn: "ADBE Vector Shape - Group",
3296
+ hd: false
3297
+ },
3298
+ {
3299
+ ty: "fl",
3300
+ c: { a: 0, k: [0.047058827269, 0.313725490196, 0.898039275525, 1], ix: 4 },
3301
+ o: { a: 0, k: 100, ix: 5 },
3302
+ r: 1,
3303
+ bm: 0,
3304
+ nm: "Fill 1",
3305
+ mn: "ADBE Vector Graphic - Fill",
3306
+ hd: false
3307
+ },
3308
+ {
3309
+ ty: "tr",
3310
+ p: { a: 0, k: [402.708, 837.481], ix: 2 },
3311
+ a: { a: 0, k: [0, 0], ix: 1 },
3312
+ s: { a: 0, k: [100, 100], ix: 3 },
3313
+ r: { a: 0, k: 0, ix: 6 },
3314
+ o: { a: 0, k: 100, ix: 7 },
3315
+ sk: { a: 0, k: 0, ix: 4 },
3316
+ sa: { a: 0, k: 0, ix: 5 },
3317
+ nm: "Transform"
3318
+ }
3319
+ ],
3320
+ nm: "Group 3",
3321
+ np: 2,
3322
+ cix: 2,
3323
+ bm: 0,
3324
+ ix: 3,
3325
+ mn: "ADBE Vector Group",
3326
+ hd: false
3327
+ }
3328
+ ],
3329
+ ip: 40.0000016292334,
3330
+ op: 360.000014663101,
3331
+ st: 0,
3332
+ bm: 0
3333
+ },
3334
+ {
3335
+ ddd: 0,
3336
+ ind: 6,
3337
+ ty: 4,
3338
+ nm: "Bottom L Outlines",
3339
+ sr: 1,
3340
+ ks: {
3341
+ o: { a: 0, k: 100, ix: 11 },
3342
+ r: { a: 0, k: 0, ix: 10 },
3343
+ p: {
3344
+ a: 1,
3345
+ k: [
3346
+ {
3347
+ i: { x: 0.667, y: 1 },
3348
+ o: { x: 0.333, y: 0 },
3349
+ t: 0,
3350
+ s: [500, 500, 0],
3351
+ to: [39.667, 22.833, 0],
3352
+ ti: [-39.667, -22.833, 0]
3353
+ },
3354
+ {
3355
+ i: { x: 0.667, y: 0.667 },
3356
+ o: { x: 0.333, y: 0.333 },
3357
+ t: 10,
3358
+ s: [738, 637, 0],
3359
+ to: [0, 0, 0],
3360
+ ti: [0, 0, 0]
3361
+ },
3362
+ {
3363
+ i: { x: 0.667, y: 1 },
3364
+ o: { x: 0.333, y: 0 },
3365
+ t: 45,
3366
+ s: [738, 637, 0],
3367
+ to: [38.667, -22, 0],
3368
+ ti: [-38.667, 22, 0]
3369
+ },
3370
+ { t: 55.0000022401959, s: [970, 505, 0] }
3371
+ ],
3372
+ ix: 2
3373
+ },
3374
+ a: { a: 0, k: [500, 500, 0], ix: 1 },
3375
+ s: { a: 0, k: [100, 100, 100], ix: 6 }
3376
+ },
3377
+ ao: 0,
3378
+ shapes: [
3379
+ {
3380
+ ty: "gr",
3381
+ it: [
3382
+ {
3383
+ ind: 0,
3384
+ ty: "sh",
3385
+ ix: 1,
3386
+ ks: {
3387
+ a: 0,
3388
+ k: {
3389
+ i: [
3390
+ [0, 0],
3391
+ [0, 0],
3392
+ [0, 0],
3393
+ [0, 0],
3394
+ [0.257, -0.148]
3395
+ ],
3396
+ o: [
3397
+ [0, 0],
3398
+ [0, 0],
3399
+ [0, 0],
3400
+ [0.256, 0.148],
3401
+ [0, 0]
3402
+ ],
3403
+ v: [
3404
+ [-0.546, 103.081],
3405
+ [-178.361, 0.255],
3406
+ [-0.546, -103.081],
3407
+ [178.103, 0.255],
3408
+ [178.103, 0.255]
3409
+ ],
3410
+ c: true
3411
+ },
3412
+ ix: 2
3413
+ },
3414
+ nm: "Path 1",
3415
+ mn: "ADBE Vector Shape - Group",
3416
+ hd: false
3417
+ },
3418
+ {
3419
+ ty: "fl",
3420
+ c: { a: 0, k: [0.341176470588, 0.525490196078, 1, 1], ix: 4 },
3421
+ o: { a: 0, k: 100, ix: 5 },
3422
+ r: 1,
3423
+ bm: 0,
3424
+ nm: "Fill 1",
3425
+ mn: "ADBE Vector Graphic - Fill",
3426
+ hd: false
3427
+ },
3428
+ {
3429
+ ty: "tr",
3430
+ p: { a: 0, k: [254.328, 545.496], ix: 2 },
3431
+ a: { a: 0, k: [0, 0], ix: 1 },
3432
+ s: { a: 0, k: [100, 100], ix: 3 },
3433
+ r: { a: 0, k: 0, ix: 6 },
3434
+ o: { a: 0, k: 100, ix: 7 },
3435
+ sk: { a: 0, k: 0, ix: 4 },
3436
+ sa: { a: 0, k: 0, ix: 5 },
3437
+ nm: "Transform"
3438
+ }
3439
+ ],
3440
+ nm: "Group 1",
3441
+ np: 2,
3442
+ cix: 2,
3443
+ bm: 0,
3444
+ ix: 1,
3445
+ mn: "ADBE Vector Group",
3446
+ hd: false
3447
+ },
3448
+ {
3449
+ ty: "gr",
3450
+ it: [
3451
+ {
3452
+ ind: 0,
3453
+ ty: "sh",
3454
+ ix: 1,
3455
+ ks: {
3456
+ a: 0,
3457
+ k: {
3458
+ i: [
3459
+ [0, 0],
3460
+ [0, 0],
3461
+ [-1e-3, 0.16],
3462
+ [0, 0],
3463
+ [0, 0],
3464
+ [0, -0.022]
3465
+ ],
3466
+ o: [
3467
+ [0, 0],
3468
+ [-0.139, 0.079],
3469
+ [0, 0],
3470
+ [0, 0],
3471
+ [0.019, -0.011],
3472
+ [0, 0]
3473
+ ],
3474
+ v: [
3475
+ [89.384, 51.24],
3476
+ [-89.265, 153.86],
3477
+ [-89.265, 153.678],
3478
+ [-89.265, -50.718],
3479
+ [89.384, -153.917],
3480
+ [89.384, -153.917]
3481
+ ],
3482
+ c: true
3483
+ },
3484
+ ix: 2
3485
+ },
3486
+ nm: "Path 1",
3487
+ mn: "ADBE Vector Shape - Group",
3488
+ hd: false
3489
+ },
3490
+ {
3491
+ ty: "fl",
3492
+ c: { a: 0, k: [0, 0.207843152214, 0.784313785329, 1], ix: 4 },
3493
+ o: { a: 0, k: 100, ix: 5 },
3494
+ r: 1,
3495
+ bm: 0,
3496
+ nm: "Fill 1",
3497
+ mn: "ADBE Vector Graphic - Fill",
3498
+ hd: false
3499
+ },
3500
+ {
3501
+ ty: "tr",
3502
+ p: { a: 0, k: [343.047, 699.669], ix: 2 },
3503
+ a: { a: 0, k: [0, 0], ix: 1 },
3504
+ s: { a: 0, k: [100, 100], ix: 3 },
3505
+ r: { a: 0, k: 0, ix: 6 },
3506
+ o: { a: 0, k: 100, ix: 7 },
3507
+ sk: { a: 0, k: 0, ix: 4 },
3508
+ sa: { a: 0, k: 0, ix: 5 },
3509
+ nm: "Transform"
3510
+ }
3511
+ ],
3512
+ nm: "Group 2",
3513
+ np: 2,
3514
+ cix: 2,
3515
+ bm: 0,
3516
+ ix: 2,
3517
+ mn: "ADBE Vector Group",
3518
+ hd: false
3519
+ },
3520
+ {
3521
+ ty: "gr",
3522
+ it: [
3523
+ {
3524
+ ind: 0,
3525
+ ty: "sh",
3526
+ ix: 1,
3527
+ ks: {
3528
+ a: 0,
3529
+ k: {
3530
+ i: [
3531
+ [0.034, 0.02],
3532
+ [0, 0],
3533
+ [0, 0],
3534
+ [0, 0],
3535
+ [0, 0]
3536
+ ],
3537
+ o: [
3538
+ [0, 0],
3539
+ [0, 0],
3540
+ [0, 0],
3541
+ [0, 0],
3542
+ [0, 0.039]
3543
+ ],
3544
+ v: [
3545
+ [88.891, 153.945],
3546
+ [-88.924, 51.191],
3547
+ [-88.924, -153.966],
3548
+ [88.891, -50.767],
3549
+ [88.891, 153.901]
3550
+ ],
3551
+ c: true
3552
+ },
3553
+ ix: 2
3554
+ },
3555
+ nm: "Path 1",
3556
+ mn: "ADBE Vector Shape - Group",
3557
+ hd: false
3558
+ },
3559
+ {
3560
+ ty: "fl",
3561
+ c: { a: 0, k: [0.047058827269, 0.313725490196, 0.898039275525, 1], ix: 4 },
3562
+ o: { a: 0, k: 100, ix: 5 },
3563
+ r: 1,
3564
+ bm: 0,
3565
+ nm: "Fill 1",
3566
+ mn: "ADBE Vector Graphic - Fill",
3567
+ hd: false
3568
+ },
3569
+ {
3570
+ ty: "tr",
3571
+ p: { a: 0, k: [164.892, 699.717], ix: 2 },
3572
+ a: { a: 0, k: [0, 0], ix: 1 },
3573
+ s: { a: 0, k: [100, 100], ix: 3 },
3574
+ r: { a: 0, k: 0, ix: 6 },
3575
+ o: { a: 0, k: 100, ix: 7 },
3576
+ sk: { a: 0, k: 0, ix: 4 },
3577
+ sa: { a: 0, k: 0, ix: 5 },
3578
+ nm: "Transform"
3579
+ }
3580
+ ],
3581
+ nm: "Group 3",
3582
+ np: 2,
3583
+ cix: 2,
3584
+ bm: 0,
3585
+ ix: 3,
3586
+ mn: "ADBE Vector Group",
3587
+ hd: false
3588
+ }
3589
+ ],
3590
+ ip: 0,
3591
+ op: 40.0000016292334,
3592
+ st: 0,
3593
+ bm: 0
3594
+ },
3595
+ {
3596
+ ddd: 0,
3597
+ ind: 7,
3598
+ ty: 4,
3599
+ nm: "Bottom R Outlines",
3600
+ sr: 1,
3601
+ ks: {
3602
+ o: { a: 0, k: 100, ix: 11 },
3603
+ r: { a: 0, k: 0, ix: 10 },
3604
+ p: {
3605
+ a: 1,
3606
+ k: [
3607
+ {
3608
+ i: { x: 0.667, y: 1 },
3609
+ o: { x: 0.333, y: 0 },
3610
+ t: 30,
3611
+ s: [500, 500, 0],
3612
+ to: [-39.333, -22.667, 0],
3613
+ ti: [39.333, 22.667, 0]
3614
+ },
3615
+ {
3616
+ i: { x: 0.667, y: 0.667 },
3617
+ o: { x: 0.333, y: 0.333 },
3618
+ t: 40,
3619
+ s: [264, 364, 0],
3620
+ to: [0, 0, 0],
3621
+ ti: [0, 0, 0]
3622
+ },
3623
+ {
3624
+ i: { x: 0.667, y: 1 },
3625
+ o: { x: 0.333, y: 0 },
3626
+ t: 75,
3627
+ s: [264, 364, 0],
3628
+ to: [-40, 21.333, 0],
3629
+ ti: [40, -21.333, 0]
3630
+ },
3631
+ { t: 85.000003462121, s: [24, 492, 0] }
3632
+ ],
3633
+ ix: 2
3634
+ },
3635
+ a: { a: 0, k: [500, 500, 0], ix: 1 },
3636
+ s: { a: 0, k: [100, 100, 100], ix: 6 }
3637
+ },
3638
+ ao: 0,
3639
+ shapes: [
3640
+ {
3641
+ ty: "gr",
3642
+ it: [
3643
+ {
3644
+ ind: 0,
3645
+ ty: "sh",
3646
+ ix: 1,
3647
+ ks: {
3648
+ a: 0,
3649
+ k: {
3650
+ i: [
3651
+ [0, 0],
3652
+ [0, 0],
3653
+ [0, 0],
3654
+ [0, 0],
3655
+ [0.257, -0.148]
3656
+ ],
3657
+ o: [
3658
+ [0, 0],
3659
+ [0, 0],
3660
+ [0, 0],
3661
+ [0.256, 0.148],
3662
+ [0, 0]
3663
+ ],
3664
+ v: [
3665
+ [-0.546, 103.08],
3666
+ [-178.361, 0.255],
3667
+ [-0.546, -103.081],
3668
+ [178.103, 0.255],
3669
+ [178.103, 0.255]
3670
+ ],
3671
+ c: true
3672
+ },
3673
+ ix: 2
3674
+ },
3675
+ nm: "Path 1",
3676
+ mn: "ADBE Vector Shape - Group",
3677
+ hd: false
3678
+ },
3679
+ {
3680
+ ty: "fl",
3681
+ c: { a: 0, k: [0.341176470588, 0.525490196078, 1, 1], ix: 4 },
3682
+ o: { a: 0, k: 100, ix: 5 },
3683
+ r: 1,
3684
+ bm: 0,
3685
+ nm: "Fill 1",
3686
+ mn: "ADBE Vector Graphic - Fill",
3687
+ hd: false
3688
+ },
3689
+ {
3690
+ ty: "tr",
3691
+ p: { a: 0, k: [730.028, 546.515], ix: 2 },
3692
+ a: { a: 0, k: [0, 0], ix: 1 },
3693
+ s: { a: 0, k: [100, 100], ix: 3 },
3694
+ r: { a: 0, k: 0, ix: 6 },
3695
+ o: { a: 0, k: 100, ix: 7 },
3696
+ sk: { a: 0, k: 0, ix: 4 },
3697
+ sa: { a: 0, k: 0, ix: 5 },
3698
+ nm: "Transform"
3699
+ }
3700
+ ],
3701
+ nm: "Group 1",
3702
+ np: 2,
3703
+ cix: 2,
3704
+ bm: 0,
3705
+ ix: 1,
3706
+ mn: "ADBE Vector Group",
3707
+ hd: false
3708
+ },
3709
+ {
3710
+ ty: "gr",
3711
+ it: [
3712
+ {
3713
+ ind: 0,
3714
+ ty: "sh",
3715
+ ix: 1,
3716
+ ks: {
3717
+ a: 0,
3718
+ k: {
3719
+ i: [
3720
+ [0, 0],
3721
+ [0, 0],
3722
+ [-1e-3, 0.16],
3723
+ [0, 0],
3724
+ [0, 0],
3725
+ [0, -0.022]
3726
+ ],
3727
+ o: [
3728
+ [0, 0],
3729
+ [-0.14, 0.079],
3730
+ [0, 0],
3731
+ [0, 0],
3732
+ [0.019, -0.011],
3733
+ [0, 0]
3734
+ ],
3735
+ v: [
3736
+ [89.385, 51.24],
3737
+ [-89.264, 153.861],
3738
+ [-89.264, 153.679],
3739
+ [-89.264, -50.717],
3740
+ [89.385, -153.917],
3741
+ [89.385, -153.917]
3742
+ ],
3743
+ c: true
3744
+ },
3745
+ ix: 2
3746
+ },
3747
+ nm: "Path 1",
3748
+ mn: "ADBE Vector Shape - Group",
3749
+ hd: false
3750
+ },
3751
+ {
3752
+ ty: "fl",
3753
+ c: { a: 0, k: [0, 0.207843152214, 0.784313785329, 1], ix: 4 },
3754
+ o: { a: 0, k: 100, ix: 5 },
3755
+ r: 1,
3756
+ bm: 0,
3757
+ nm: "Fill 1",
3758
+ mn: "ADBE Vector Graphic - Fill",
3759
+ hd: false
3760
+ },
3761
+ {
3762
+ ty: "tr",
3763
+ p: { a: 0, k: [818.747, 700.688], ix: 2 },
3764
+ a: { a: 0, k: [0, 0], ix: 1 },
3765
+ s: { a: 0, k: [100, 100], ix: 3 },
3766
+ r: { a: 0, k: 0, ix: 6 },
3767
+ o: { a: 0, k: 100, ix: 7 },
3768
+ sk: { a: 0, k: 0, ix: 4 },
3769
+ sa: { a: 0, k: 0, ix: 5 },
3770
+ nm: "Transform"
3771
+ }
3772
+ ],
3773
+ nm: "Group 2",
3774
+ np: 2,
3775
+ cix: 2,
3776
+ bm: 0,
3777
+ ix: 2,
3778
+ mn: "ADBE Vector Group",
3779
+ hd: false
3780
+ },
3781
+ {
3782
+ ty: "gr",
3783
+ it: [
3784
+ {
3785
+ ind: 0,
3786
+ ty: "sh",
3787
+ ix: 1,
3788
+ ks: {
3789
+ a: 0,
3790
+ k: {
3791
+ i: [
3792
+ [0.034, 0.02],
3793
+ [0, 0],
3794
+ [0, 0],
3795
+ [0, 0],
3796
+ [0, 0]
3797
+ ],
3798
+ o: [
3799
+ [0, 0],
3800
+ [0, 0],
3801
+ [0, 0],
3802
+ [0, 0],
3803
+ [0, 0.039]
3804
+ ],
3805
+ v: [
3806
+ [88.891, 153.945],
3807
+ [-88.924, 51.192],
3808
+ [-88.924, -153.966],
3809
+ [88.891, -50.766],
3810
+ [88.891, 153.901]
3811
+ ],
3812
+ c: true
3813
+ },
3814
+ ix: 2
3815
+ },
3816
+ nm: "Path 1",
3817
+ mn: "ADBE Vector Shape - Group",
3818
+ hd: false
3819
+ },
3820
+ {
3821
+ ty: "fl",
3822
+ c: { a: 0, k: [0.047058827269, 0.313725490196, 0.898039275525, 1], ix: 4 },
3823
+ o: { a: 0, k: 100, ix: 5 },
3824
+ r: 1,
3825
+ bm: 0,
3826
+ nm: "Fill 1",
3827
+ mn: "ADBE Vector Graphic - Fill",
3828
+ hd: false
3829
+ },
3830
+ {
3831
+ ty: "tr",
3832
+ p: { a: 0, k: [640.592, 700.736], ix: 2 },
3833
+ a: { a: 0, k: [0, 0], ix: 1 },
3834
+ s: { a: 0, k: [100, 100], ix: 3 },
3835
+ r: { a: 0, k: 0, ix: 6 },
3836
+ o: { a: 0, k: 100, ix: 7 },
3837
+ sk: { a: 0, k: 0, ix: 4 },
3838
+ sa: { a: 0, k: 0, ix: 5 },
3839
+ nm: "Transform"
3840
+ }
3841
+ ],
3842
+ nm: "Group 3",
3843
+ np: 2,
3844
+ cix: 2,
3845
+ bm: 0,
3846
+ ix: 3,
3847
+ mn: "ADBE Vector Group",
3848
+ hd: false
3849
+ }
3850
+ ],
3851
+ ip: 0,
3852
+ op: 360.000014663101,
3853
+ st: 0,
3854
+ bm: 0
3855
+ },
3856
+ {
3857
+ ddd: 0,
3858
+ ind: 8,
3859
+ ty: 4,
3860
+ nm: "Bottom C Outlines 2",
3861
+ sr: 1,
3862
+ ks: {
3863
+ o: { a: 0, k: 100, ix: 11 },
3864
+ r: { a: 0, k: 0, ix: 10 },
3865
+ p: {
3866
+ a: 1,
3867
+ k: [
3868
+ {
3869
+ i: { x: 0.667, y: 1 },
3870
+ o: { x: 0.333, y: 0 },
3871
+ t: 15,
3872
+ s: [500, 224, 0],
3873
+ to: [-39.964, 23, 0],
3874
+ ti: [39.964, -23, 0]
3875
+ },
3876
+ { t: 25.0000010182709, s: [260.217, 362, 0] }
3877
+ ],
3878
+ ix: 2
3879
+ },
3880
+ a: { a: 0, k: [500, 500, 0], ix: 1 },
3881
+ s: { a: 0, k: [100, 100, 100], ix: 6 }
3882
+ },
3883
+ ao: 0,
3884
+ shapes: [
3885
+ {
3886
+ ty: "gr",
3887
+ it: [
3888
+ {
3889
+ ind: 0,
3890
+ ty: "sh",
3891
+ ix: 1,
3892
+ ks: {
3893
+ a: 0,
3894
+ k: {
3895
+ i: [
3896
+ [0, 0],
3897
+ [0, 0],
3898
+ [0, 0],
3899
+ [0, 0],
3900
+ [0.257, -0.148]
3901
+ ],
3902
+ o: [
3903
+ [0, 0],
3904
+ [0, 0],
3905
+ [0, 0],
3906
+ [0.256, 0.148],
3907
+ [0, 0]
3908
+ ],
3909
+ v: [
3910
+ [-0.546, 103.08],
3911
+ [-178.361, 0.255],
3912
+ [-0.546, -103.081],
3913
+ [178.103, 0.255],
3914
+ [178.103, 0.255]
3915
+ ],
3916
+ c: true
3917
+ },
3918
+ ix: 2
3919
+ },
3920
+ nm: "Path 1",
3921
+ mn: "ADBE Vector Shape - Group",
3922
+ hd: false
3923
+ },
3924
+ {
3925
+ ty: "fl",
3926
+ c: { a: 0, k: [0.341176470588, 0.525490196078, 1, 1], ix: 4 },
3927
+ o: { a: 0, k: 100, ix: 5 },
3928
+ r: 1,
3929
+ bm: 0,
3930
+ nm: "Fill 1",
3931
+ mn: "ADBE Vector Graphic - Fill",
3932
+ hd: false
3933
+ },
3934
+ {
3935
+ ty: "tr",
3936
+ p: { a: 0, k: [492.144, 683.26], ix: 2 },
3937
+ a: { a: 0, k: [0, 0], ix: 1 },
3938
+ s: { a: 0, k: [100, 100], ix: 3 },
3939
+ r: { a: 0, k: 0, ix: 6 },
3940
+ o: { a: 0, k: 100, ix: 7 },
3941
+ sk: { a: 0, k: 0, ix: 4 },
3942
+ sa: { a: 0, k: 0, ix: 5 },
3943
+ nm: "Transform"
3944
+ }
3945
+ ],
3946
+ nm: "Group 1",
3947
+ np: 2,
3948
+ cix: 2,
3949
+ bm: 0,
3950
+ ix: 1,
3951
+ mn: "ADBE Vector Group",
3952
+ hd: false
3953
+ },
3954
+ {
3955
+ ty: "gr",
3956
+ it: [
3957
+ {
3958
+ ind: 0,
3959
+ ty: "sh",
3960
+ ix: 1,
3961
+ ks: {
3962
+ a: 0,
3963
+ k: {
3964
+ i: [
3965
+ [0, 0],
3966
+ [0, 0],
3967
+ [-1e-3, 0.16],
3968
+ [0, 0],
3969
+ [0, 0],
3970
+ [0, -0.022]
3971
+ ],
3972
+ o: [
3973
+ [0, 0],
3974
+ [-0.139, 0.079],
3975
+ [0, 0],
3976
+ [0, 0],
3977
+ [0.019, -0.011],
3978
+ [0, 0]
3979
+ ],
3980
+ v: [
3981
+ [89.385, 51.24],
3982
+ [-89.264, 153.861],
3983
+ [-89.264, 153.679],
3984
+ [-89.264, -50.717],
3985
+ [89.385, -153.917],
3986
+ [89.385, -153.917]
3987
+ ],
3988
+ c: true
3989
+ },
3990
+ ix: 2
3991
+ },
3992
+ nm: "Path 1",
3993
+ mn: "ADBE Vector Shape - Group",
3994
+ hd: false
3995
+ },
3996
+ {
3997
+ ty: "fl",
3998
+ c: { a: 0, k: [0, 0.207843152214, 0.784313785329, 1], ix: 4 },
3999
+ o: { a: 0, k: 100, ix: 5 },
4000
+ r: 1,
4001
+ bm: 0,
4002
+ nm: "Fill 1",
4003
+ mn: "ADBE Vector Graphic - Fill",
4004
+ hd: false
4005
+ },
4006
+ {
4007
+ ty: "tr",
4008
+ p: { a: 0, k: [580.863, 837.433], ix: 2 },
4009
+ a: { a: 0, k: [0, 0], ix: 1 },
4010
+ s: { a: 0, k: [100, 100], ix: 3 },
4011
+ r: { a: 0, k: 0, ix: 6 },
4012
+ o: { a: 0, k: 100, ix: 7 },
4013
+ sk: { a: 0, k: 0, ix: 4 },
4014
+ sa: { a: 0, k: 0, ix: 5 },
4015
+ nm: "Transform"
4016
+ }
4017
+ ],
4018
+ nm: "Group 2",
4019
+ np: 2,
4020
+ cix: 2,
4021
+ bm: 0,
4022
+ ix: 2,
4023
+ mn: "ADBE Vector Group",
4024
+ hd: false
4025
+ },
4026
+ {
4027
+ ty: "gr",
4028
+ it: [
4029
+ {
4030
+ ind: 0,
4031
+ ty: "sh",
4032
+ ix: 1,
4033
+ ks: {
4034
+ a: 0,
4035
+ k: {
4036
+ i: [
4037
+ [0.034, 0.02],
4038
+ [0, 0],
4039
+ [0, 0],
4040
+ [0, 0],
4041
+ [0, 0]
4042
+ ],
4043
+ o: [
4044
+ [0, 0],
4045
+ [0, 0],
4046
+ [0, 0],
4047
+ [0, 0],
4048
+ [0, 0.039]
4049
+ ],
4050
+ v: [
4051
+ [88.891, 153.945],
4052
+ [-88.924, 51.192],
4053
+ [-88.924, -153.966],
4054
+ [88.891, -50.766],
4055
+ [88.891, 153.901]
4056
+ ],
4057
+ c: true
4058
+ },
4059
+ ix: 2
4060
+ },
4061
+ nm: "Path 1",
4062
+ mn: "ADBE Vector Shape - Group",
4063
+ hd: false
4064
+ },
4065
+ {
4066
+ ty: "fl",
4067
+ c: { a: 0, k: [0.047058827269, 0.313725490196, 0.898039275525, 1], ix: 4 },
4068
+ o: { a: 0, k: 100, ix: 5 },
4069
+ r: 1,
4070
+ bm: 0,
4071
+ nm: "Fill 1",
4072
+ mn: "ADBE Vector Graphic - Fill",
4073
+ hd: false
4074
+ },
4075
+ {
4076
+ ty: "tr",
4077
+ p: { a: 0, k: [402.708, 837.481], ix: 2 },
4078
+ a: { a: 0, k: [0, 0], ix: 1 },
4079
+ s: { a: 0, k: [100, 100], ix: 3 },
4080
+ r: { a: 0, k: 0, ix: 6 },
4081
+ o: { a: 0, k: 100, ix: 7 },
4082
+ sk: { a: 0, k: 0, ix: 4 },
4083
+ sa: { a: 0, k: 0, ix: 5 },
4084
+ nm: "Transform"
4085
+ }
4086
+ ],
4087
+ nm: "Group 3",
4088
+ np: 2,
4089
+ cix: 2,
4090
+ bm: 0,
4091
+ ix: 3,
4092
+ mn: "ADBE Vector Group",
4093
+ hd: false
4094
+ }
4095
+ ],
4096
+ ip: 0,
4097
+ op: 118.000004806239,
4098
+ st: 0,
4099
+ bm: 0
4100
+ }
4101
+ ]
4102
+ }
4103
+ ],
4104
+ layers: [
4105
+ {
4106
+ ddd: 0,
4107
+ ind: 1,
4108
+ ty: 0,
4109
+ nm: "Loader",
4110
+ refId: "comp_0",
4111
+ sr: 1.1,
4112
+ ks: {
4113
+ o: { a: 0, k: 100, ix: 11 },
4114
+ r: { a: 0, k: 0, ix: 10 },
4115
+ p: { a: 0, k: [500, 500, 0], ix: 2 },
4116
+ a: { a: 0, k: [500, 500, 0], ix: 1 },
4117
+ s: { a: 0, k: [100, 100, 100], ix: 6 }
4118
+ },
4119
+ ao: 0,
4120
+ w: 1e3,
4121
+ h: 1e3,
4122
+ ip: 33.0000013441176,
4123
+ op: 66.0000026882351,
4124
+ st: 33.0000013441176,
4125
+ bm: 0
4126
+ },
4127
+ {
4128
+ ddd: 0,
4129
+ ind: 2,
4130
+ ty: 0,
4131
+ nm: "Loader",
4132
+ refId: "comp_0",
4133
+ sr: 1.1,
4134
+ ks: {
4135
+ o: { a: 0, k: 100, ix: 11 },
4136
+ r: { a: 0, k: 0, ix: 10 },
4137
+ p: { a: 0, k: [500, 500, 0], ix: 2 },
4138
+ a: { a: 0, k: [500, 500, 0], ix: 1 },
4139
+ s: { a: 0, k: [100, 100, 100], ix: 6 }
4140
+ },
4141
+ ao: 0,
4142
+ w: 1e3,
4143
+ h: 1e3,
4144
+ ip: 0,
4145
+ op: 33.0000013441176,
4146
+ st: -33.0000013441176,
4147
+ bm: 0
4148
+ }
4149
+ ],
4150
+ markers: []
4151
+ };
4152
+
2024
4153
  // src/components/AnimationFile/lotties/spinner.json
2025
4154
  var spinner_default = {
2026
4155
  v: "4.8.0",
@@ -8328,11 +10457,6 @@ var spinner_default = {
8328
10457
  markers: []
8329
10458
  };
8330
10459
 
8331
- // src/components/AnimationFile/lotties/index.ts
8332
- var LottieFile = {
8333
- spinner: spinner_default
8334
- };
8335
-
8336
10460
  // src/components/AnimationFile/AnimationFile.tsx
8337
10461
  var import_lottie_react = __toESM(require("lottie-react"));
8338
10462
  var import_jsx_runtime14 = require("@emotion/react/jsx-runtime");
@@ -10364,9 +12488,62 @@ var Textarea = ({
10364
12488
  ] });
10365
12489
  };
10366
12490
 
10367
- // src/components/Layout/styles/Container.styles.ts
12491
+ // src/components/JsonEditor/JsonEditor.tsx
12492
+ var import_react48 = require("@emotion/react");
12493
+ var import_react49 = __toESM(require("@monaco-editor/react"));
12494
+
12495
+ // src/components/JsonEditor/JsonEditor.styles.ts
10368
12496
  var import_react47 = require("@emotion/react");
10369
- var Container = ({ backgroundColor, border, rounded, padding, margin }) => import_react47.css`
12497
+ var JsonEditorContainer = import_react47.css`
12498
+ min-height: 150px;
12499
+ `;
12500
+
12501
+ // src/components/JsonEditor/JsonEditor.tsx
12502
+ var import_jsx_runtime46 = require("@emotion/react/jsx-runtime");
12503
+ var JsonEditor = ({ defaultValue, onChange, jsonSchema, height, readOnly }) => {
12504
+ let effectiveHeight = height;
12505
+ if (typeof height === "number" && height < 0) {
12506
+ effectiveHeight = typeof window === "undefined" ? "100%" : window.innerHeight + height;
12507
+ }
12508
+ return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react48.ClassNames, { children: ({ css: css67, cx }) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
12509
+ import_react49.default,
12510
+ {
12511
+ height: effectiveHeight,
12512
+ className: cx("uniform-json-editor", css67(JsonEditorContainer)),
12513
+ defaultLanguage: "json",
12514
+ defaultValue,
12515
+ options: {
12516
+ language: "json",
12517
+ minimap: { enabled: false },
12518
+ lineNumbers: "off",
12519
+ folding: false,
12520
+ scrollBeyondLastLine: false,
12521
+ readOnly,
12522
+ renderLineHighlight: "none"
12523
+ },
12524
+ onMount: (_, monaco) => {
12525
+ if (jsonSchema) {
12526
+ monaco.languages.json.jsonDefaults.setDiagnosticsOptions({
12527
+ validate: true,
12528
+ allowComments: false,
12529
+ schemas: [
12530
+ {
12531
+ uri: "http://myserver/foo-schema.json",
12532
+ fileMatch: ["*"],
12533
+ schema: jsonSchema
12534
+ }
12535
+ ]
12536
+ });
12537
+ }
12538
+ },
12539
+ onChange
12540
+ }
12541
+ ) });
12542
+ };
12543
+
12544
+ // src/components/Layout/styles/Container.styles.ts
12545
+ var import_react50 = require("@emotion/react");
12546
+ var Container = ({ backgroundColor, border, rounded, padding, margin }) => import_react50.css`
10370
12547
  background: var(--${backgroundColor});
10371
12548
  ${border ? "border: 1px solid var(--gray-300)" : void 0};
10372
12549
  ${rounded ? `border-radius: var(--${rounded})` : void 0};
@@ -10375,7 +12552,7 @@ var Container = ({ backgroundColor, border, rounded, padding, margin }) => impor
10375
12552
  `;
10376
12553
 
10377
12554
  // src/components/Layout/Container.tsx
10378
- var import_jsx_runtime46 = require("@emotion/react/jsx-runtime");
12555
+ var import_jsx_runtime47 = require("@emotion/react/jsx-runtime");
10379
12556
  var Container2 = ({
10380
12557
  tag = "div",
10381
12558
  backgroundColor = "white",
@@ -10387,7 +12564,7 @@ var Container2 = ({
10387
12564
  ...props
10388
12565
  }) => {
10389
12566
  const Tag = tag;
10390
- return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
12567
+ return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
10391
12568
  Tag,
10392
12569
  {
10393
12570
  css: Container({
@@ -10404,54 +12581,54 @@ var Container2 = ({
10404
12581
  };
10405
12582
 
10406
12583
  // src/components/Layout/styles/VerticalRhythm.styles.ts
10407
- var import_react48 = require("@emotion/react");
10408
- var VerticalRhythmContainer = (size) => import_react48.css`
12584
+ var import_react51 = require("@emotion/react");
12585
+ var VerticalRhythmContainer = (size) => import_react51.css`
10409
12586
  display: flex;
10410
12587
  flex-direction: column;
10411
12588
  gap: var(--spacing-${size});
10412
12589
  `;
10413
12590
 
10414
12591
  // src/components/Layout/VerticalRhythm.tsx
10415
- var import_jsx_runtime47 = require("@emotion/react/jsx-runtime");
12592
+ var import_jsx_runtime48 = require("@emotion/react/jsx-runtime");
10416
12593
  var VerticalRhythm = ({ tag = "div", gap = "base", children, ...props }) => {
10417
12594
  const Tag = tag;
10418
- return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Tag, { css: VerticalRhythmContainer(gap), ...props, children });
12595
+ return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Tag, { css: VerticalRhythmContainer(gap), ...props, children });
10419
12596
  };
10420
12597
 
10421
12598
  // src/components/LimitsBar/LimitsBar.styles.ts
10422
- var import_react49 = require("@emotion/react");
10423
- var LimitsBarContainer = import_react49.css`
12599
+ var import_react52 = require("@emotion/react");
12600
+ var LimitsBarContainer = import_react52.css`
10424
12601
  margin-block: var(--spacing-sm);
10425
12602
  `;
10426
- var LimitsBarProgressBar = import_react49.css`
12603
+ var LimitsBarProgressBar = import_react52.css`
10427
12604
  background: var(--gray-100);
10428
12605
  margin-top: var(--spacing-sm);
10429
12606
  position: relative;
10430
12607
  overflow: hidden;
10431
12608
  height: 0.25rem;
10432
12609
  `;
10433
- var LimitsBarProgressBarLine = import_react49.css`
12610
+ var LimitsBarProgressBarLine = import_react52.css`
10434
12611
  position: absolute;
10435
12612
  inset: 0;
10436
12613
  transition: transform var(--duration-fast) var(--timing-ease-out);
10437
12614
  `;
10438
- var LimitsBarLabelContainer = import_react49.css`
12615
+ var LimitsBarLabelContainer = import_react52.css`
10439
12616
  display: flex;
10440
12617
  justify-content: space-between;
10441
12618
  font-weight: var(--fw-bold);
10442
12619
  `;
10443
- var LimitsBarLabel = import_react49.css`
12620
+ var LimitsBarLabel = import_react52.css`
10444
12621
  font-size: var(--fs-baase);
10445
12622
  `;
10446
- var LimitsBarBgColor = (statusColor) => import_react49.css`
12623
+ var LimitsBarBgColor = (statusColor) => import_react52.css`
10447
12624
  background: ${statusColor};
10448
12625
  `;
10449
- var LimitsBarTextColor = (statusColor) => import_react49.css`
12626
+ var LimitsBarTextColor = (statusColor) => import_react52.css`
10450
12627
  color: ${statusColor};
10451
12628
  `;
10452
12629
 
10453
12630
  // src/components/LimitsBar/LimitsBar.tsx
10454
- var import_jsx_runtime48 = require("@emotion/react/jsx-runtime");
12631
+ var import_jsx_runtime49 = require("@emotion/react/jsx-runtime");
10455
12632
  var LimitsBar = ({ current, max, label }) => {
10456
12633
  const maxPercentage = 100;
10457
12634
  const progressBarValue = Math.ceil(current / max * maxPercentage);
@@ -10462,16 +12639,16 @@ var LimitsBar = ({ current, max, label }) => {
10462
12639
  danger: "var(--brand-secondary-5)"
10463
12640
  };
10464
12641
  const statusColor = progressBarValue === 100 ? colorMap.danger : progressBarValue >= 75 ? colorMap.warn : colorMap.base;
10465
- return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { css: LimitsBarContainer, children: [
10466
- /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { css: LimitsBarLabelContainer, children: [
10467
- /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { css: LimitsBarLabel, children: label }),
10468
- /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("span", { css: [LimitsBarLabel, LimitsBarTextColor(statusColor)], children: [
12642
+ return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { css: LimitsBarContainer, children: [
12643
+ /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { css: LimitsBarLabelContainer, children: [
12644
+ /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { css: LimitsBarLabel, children: label }),
12645
+ /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("span", { css: [LimitsBarLabel, LimitsBarTextColor(statusColor)], children: [
10469
12646
  current,
10470
12647
  " of ",
10471
12648
  max
10472
12649
  ] })
10473
12650
  ] }),
10474
- /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
12651
+ /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
10475
12652
  "div",
10476
12653
  {
10477
12654
  role: "progressbar",
@@ -10480,7 +12657,7 @@ var LimitsBar = ({ current, max, label }) => {
10480
12657
  "aria-valuemax": max,
10481
12658
  "aria-valuetext": `${current} of ${max}`,
10482
12659
  css: LimitsBarProgressBar,
10483
- children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
12660
+ children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
10484
12661
  "span",
10485
12662
  {
10486
12663
  role: "presentation",
@@ -10496,8 +12673,8 @@ var LimitsBar = ({ current, max, label }) => {
10496
12673
  };
10497
12674
 
10498
12675
  // src/components/LinkList/LinkList.styles.ts
10499
- var import_react50 = require("@emotion/react");
10500
- var LinkListContainer = import_react50.css`
12676
+ var import_react53 = require("@emotion/react");
12677
+ var LinkListContainer = import_react53.css`
10501
12678
  padding: var(--spacing-md) var(--spacing-lg) var(--spacing-2xl);
10502
12679
  ${mq("sm")} {
10503
12680
  grid-column: last-col / span 1;
@@ -10506,23 +12683,23 @@ var LinkListContainer = import_react50.css`
10506
12683
  `;
10507
12684
 
10508
12685
  // src/components/LinkList/LinkList.tsx
10509
- var import_jsx_runtime49 = require("@emotion/react/jsx-runtime");
12686
+ var import_jsx_runtime50 = require("@emotion/react/jsx-runtime");
10510
12687
  var LinkList = ({ title, children, ...props }) => {
10511
- return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { css: LinkListContainer, ...props, children: [
10512
- /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Heading, { level: 3, children: title }),
12688
+ return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { css: LinkListContainer, ...props, children: [
12689
+ /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Heading, { level: 3, children: title }),
10513
12690
  children
10514
12691
  ] });
10515
12692
  };
10516
12693
 
10517
12694
  // src/components/List/ScrollableList.tsx
10518
- var import_react52 = require("@emotion/react");
12695
+ var import_react55 = require("@emotion/react");
10519
12696
 
10520
12697
  // src/components/List/styles/ScrollableList.styles.ts
10521
- var import_react51 = require("@emotion/react");
10522
- var ScrollableListContainer = import_react51.css`
12698
+ var import_react54 = require("@emotion/react");
12699
+ var ScrollableListContainer = import_react54.css`
10523
12700
  position: relative;
10524
12701
  `;
10525
- var ScrollableListInner = import_react51.css`
12702
+ var ScrollableListInner = import_react54.css`
10526
12703
  background: var(--gray-50);
10527
12704
  border-top: 1px solid var(--gray-200);
10528
12705
  border-bottom: 1px solid var(--gray-200);
@@ -10540,19 +12717,19 @@ var ScrollableListInner = import_react51.css`
10540
12717
  `;
10541
12718
 
10542
12719
  // src/components/List/ScrollableList.tsx
10543
- var import_jsx_runtime50 = require("@emotion/react/jsx-runtime");
12720
+ var import_jsx_runtime51 = require("@emotion/react/jsx-runtime");
10544
12721
  var ScrollableList = ({ label, children, ...props }) => {
10545
- return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { css: [ScrollableListContainer, scrollbarStyles], ...props, children: [
10546
- label ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
12722
+ return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { css: [ScrollableListContainer, scrollbarStyles], ...props, children: [
12723
+ label ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
10547
12724
  "span",
10548
12725
  {
10549
- css: import_react52.css`
12726
+ css: import_react55.css`
10550
12727
  ${labelText}
10551
12728
  `,
10552
12729
  children: label
10553
12730
  }
10554
12731
  ) : null,
10555
- /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { css: [ScrollableListInner, scrollbarStyles], children })
12732
+ /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { css: [ScrollableListInner, scrollbarStyles], children })
10556
12733
  ] });
10557
12734
  };
10558
12735
 
@@ -10560,8 +12737,8 @@ var ScrollableList = ({ label, children, ...props }) => {
10560
12737
  var import_cg9 = require("react-icons/cg");
10561
12738
 
10562
12739
  // src/components/List/styles/ScrollableListItem.styles.ts
10563
- var import_react53 = require("@emotion/react");
10564
- var ScrollableListItemContainer = import_react53.css`
12740
+ var import_react56 = require("@emotion/react");
12741
+ var ScrollableListItemContainer = import_react56.css`
10565
12742
  align-items: center;
10566
12743
  background: var(--white);
10567
12744
  border-radius: var(--rounded-base);
@@ -10571,10 +12748,10 @@ var ScrollableListItemContainer = import_react53.css`
10571
12748
  min-height: 52px;
10572
12749
  transition: border-color var(--duration-fast) var(--timing-ease-out);
10573
12750
  `;
10574
- var ScrollableListItemActive = import_react53.css`
12751
+ var ScrollableListItemActive = import_react56.css`
10575
12752
  border-color: var(--brand-secondary-3);
10576
12753
  `;
10577
- var ScrollableListItemBtn = import_react53.css`
12754
+ var ScrollableListItemBtn = import_react56.css`
10578
12755
  align-items: center;
10579
12756
  border: none;
10580
12757
  background: transparent;
@@ -10589,26 +12766,26 @@ var ScrollableListItemBtn = import_react53.css`
10589
12766
  outline: none;
10590
12767
  }
10591
12768
  `;
10592
- var ScrollableListInputLabel = import_react53.css`
12769
+ var ScrollableListInputLabel = import_react56.css`
10593
12770
  align-items: center;
10594
12771
  display: flex;
10595
12772
  padding: var(--spacing-xs) var(--spacing-base) var(--spacing-xs);
10596
12773
  flex-grow: 1;
10597
12774
  `;
10598
- var ScrollableListInputText = import_react53.css`
12775
+ var ScrollableListInputText = import_react56.css`
10599
12776
  align-items: center;
10600
12777
  display: flex;
10601
12778
  gap: var(--spacing-sm);
10602
12779
  font-weight: var(--fw-bold);
10603
12780
  flex-grow: 1;
10604
12781
  `;
10605
- var ScrollableListHiddenInput = import_react53.css`
12782
+ var ScrollableListHiddenInput = import_react56.css`
10606
12783
  position: absolute;
10607
12784
  height: 0;
10608
12785
  width: 0;
10609
12786
  opacity: 0;
10610
12787
  `;
10611
- var ScrollableListIcon = import_react53.css`
12788
+ var ScrollableListIcon = import_react56.css`
10612
12789
  border-radius: var(--rounded-full);
10613
12790
  background: var(--brand-secondary-3);
10614
12791
  color: var(--white);
@@ -10617,7 +12794,7 @@ var ScrollableListIcon = import_react53.css`
10617
12794
  `;
10618
12795
 
10619
12796
  // src/components/List/ScrollableListInputItem.tsx
10620
- var import_jsx_runtime51 = require("@emotion/react/jsx-runtime");
12797
+ var import_jsx_runtime52 = require("@emotion/react/jsx-runtime");
10621
12798
  var ScrollableListInputItem = ({
10622
12799
  label,
10623
12800
  icon,
@@ -10625,23 +12802,23 @@ var ScrollableListInputItem = ({
10625
12802
  children,
10626
12803
  labelTestId
10627
12804
  }) => {
10628
- return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { css: [ScrollableListItemContainer, active ? ScrollableListItemActive : void 0], children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("label", { "data-test-id": labelTestId, css: ScrollableListInputLabel, children: [
10629
- /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("span", { css: ScrollableListInputText, children: [
12805
+ return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { css: [ScrollableListItemContainer, active ? ScrollableListItemActive : void 0], children: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("label", { "data-test-id": labelTestId, css: ScrollableListInputLabel, children: [
12806
+ /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("span", { css: ScrollableListInputText, children: [
10630
12807
  icon,
10631
12808
  label
10632
12809
  ] }),
10633
- /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { css: ScrollableListHiddenInput, children }),
10634
- active ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Icon, { icon: import_cg9.CgCheck, iconColor: "currentColor", css: ScrollableListIcon, size: 24 }) : null
12810
+ /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { css: ScrollableListHiddenInput, children }),
12811
+ active ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Icon, { icon: import_cg9.CgCheck, iconColor: "currentColor", css: ScrollableListIcon, size: 24 }) : null
10635
12812
  ] }) });
10636
12813
  };
10637
12814
 
10638
12815
  // src/components/List/ScrollableListItem.tsx
10639
- var import_react54 = require("@emotion/react");
10640
- var import_jsx_runtime52 = require("@emotion/react/jsx-runtime");
12816
+ var import_react57 = require("@emotion/react");
12817
+ var import_jsx_runtime53 = require("@emotion/react/jsx-runtime");
10641
12818
  var ScrollableListItem = ({ buttonText, active, ...props }) => {
10642
- return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { css: [ScrollableListItemContainer, active ? ScrollableListItemActive : void 0], children: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("button", { css: ScrollableListItemBtn, type: "button", ...props, children: [
10643
- /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { children: buttonText }),
10644
- /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
12819
+ return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { css: [ScrollableListItemContainer, active ? ScrollableListItemActive : void 0], children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("button", { css: ScrollableListItemBtn, type: "button", ...props, children: [
12820
+ /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { children: buttonText }),
12821
+ /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
10645
12822
  "svg",
10646
12823
  {
10647
12824
  width: "24",
@@ -10650,14 +12827,14 @@ var ScrollableListItem = ({ buttonText, active, ...props }) => {
10650
12827
  fill: "currentColor",
10651
12828
  xmlns: "http://www.w3.org/2000/svg",
10652
12829
  "aria-hidden": !active,
10653
- css: import_react54.css`
12830
+ css: import_react57.css`
10654
12831
  color: var(--brand-secondary-3);
10655
12832
  transition: opacity var(--duration-fast) var(--timing-ease-out);
10656
- ${active ? import_react54.css`
12833
+ ${active ? import_react57.css`
10657
12834
  animation: ${fadeInBottom} var(--duration-fast) var(--timing-ease-out) forwards;
10658
12835
  ` : "opacity: 0;"}
10659
12836
  `,
10660
- children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
12837
+ children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
10661
12838
  "path",
10662
12839
  {
10663
12840
  fillRule: "evenodd",
@@ -10671,8 +12848,8 @@ var ScrollableListItem = ({ buttonText, active, ...props }) => {
10671
12848
  };
10672
12849
 
10673
12850
  // src/components/LoadingIndicator/LoadingIndicator.styles.ts
10674
- var import_react55 = require("@emotion/react");
10675
- var bounceFade = import_react55.keyframes`
12851
+ var import_react58 = require("@emotion/react");
12852
+ var bounceFade = import_react58.keyframes`
10676
12853
  0%, 100% {
10677
12854
  opacity: 1.0;
10678
12855
  transform: translateY(0);
@@ -10689,11 +12866,11 @@ var bounceFade = import_react55.keyframes`
10689
12866
  transform: translateY(-5px);
10690
12867
  }
10691
12868
  `;
10692
- var loader = import_react55.css`
12869
+ var loader = import_react58.css`
10693
12870
  display: inline-flex;
10694
12871
  justify-content: center;
10695
12872
  `;
10696
- var loadingDot = import_react55.css`
12873
+ var loadingDot = import_react58.css`
10697
12874
  background-color: var(--gray-700);
10698
12875
  display: block;
10699
12876
  border-radius: var(--rounded-full);
@@ -10717,84 +12894,110 @@ var loadingDot = import_react55.css`
10717
12894
  `;
10718
12895
 
10719
12896
  // src/components/LoadingIndicator/LoadingIndicator.tsx
10720
- var import_jsx_runtime53 = require("@emotion/react/jsx-runtime");
12897
+ var import_jsx_runtime54 = require("@emotion/react/jsx-runtime");
10721
12898
  var LoadingIndicator = () => {
10722
- return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { css: loader, role: "alert", "data-test-id": "loading-indicator", children: [
10723
- /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { css: loadingDot }),
10724
- /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { css: loadingDot }),
10725
- /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { css: loadingDot })
12899
+ return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { css: loader, role: "alert", "data-test-id": "loading-indicator", children: [
12900
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { css: loadingDot }),
12901
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { css: loadingDot }),
12902
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { css: loadingDot })
10726
12903
  ] });
10727
12904
  };
10728
12905
 
10729
12906
  // src/components/LoadingOverlay/LoadingOverlay.tsx
10730
- var import_react57 = require("@emotion/react");
12907
+ var import_react60 = require("react");
10731
12908
 
10732
12909
  // src/components/LoadingOverlay/LoadingOverlay.styles.ts
10733
- var import_react56 = require("@emotion/react");
10734
- var loadingOverlayContainer = import_react56.css`
10735
- align-items: center;
12910
+ var import_react59 = require("@emotion/react");
12911
+ var loadingOverlayContainer = import_react59.css`
10736
12912
  position: absolute;
10737
12913
  inset: 0;
10738
12914
  overflow: hidden;
10739
12915
  justify-content: center;
12916
+ padding: var(--spacing-xl);
12917
+ overflow-y: auto;
10740
12918
  `;
10741
- var loadingOverlayVisible = import_react56.css`
12919
+ var loadingOverlayVisible = import_react59.css`
10742
12920
  display: flex;
10743
12921
  `;
10744
- var loadingOverlayHidden = import_react56.css`
12922
+ var loadingOverlayHidden = import_react59.css`
10745
12923
  display: none;
10746
12924
  `;
10747
- var loadingOverlayBackground = (bgColor) => import_react56.css`
12925
+ var loadingOverlayBackground = (bgColor) => import_react59.css`
10748
12926
  background: ${bgColor};
10749
- opacity: var(--opacity-75);
12927
+ opacity: 0.92;
10750
12928
  position: absolute;
10751
12929
  inset: 0 0;
10752
12930
  `;
10753
- var loadingOverlayBody = import_react56.css`
12931
+ var loadingOverlayBody = import_react59.css`
10754
12932
  align-items: center;
10755
12933
  display: flex;
10756
12934
  flex-direction: column;
10757
12935
  `;
10758
- var loadingOverlayMessage = import_react56.css`
12936
+ var loadingOverlayMessage = import_react59.css`
10759
12937
  color: var(--gray-600);
10760
12938
  margin: var(--spacing-base) 0 0;
10761
12939
  `;
10762
12940
 
10763
12941
  // src/components/LoadingOverlay/LoadingOverlay.tsx
10764
- var import_jsx_runtime54 = require("@emotion/react/jsx-runtime");
12942
+ var import_jsx_runtime55 = require("@emotion/react/jsx-runtime");
10765
12943
  var LoadingOverlay = ({
10766
12944
  isActive,
10767
12945
  statusMessage,
10768
12946
  zIndex = 9999,
10769
- size = 128,
10770
- overlayBackgroundColor = "var(--white)"
12947
+ loaderSize = 128,
12948
+ overlayBackgroundColor = "var(--white)",
12949
+ isTopAligned = false,
12950
+ isPaused = false,
12951
+ children
10771
12952
  }) => {
10772
- return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
12953
+ const lottieRef = (0, import_react60.useRef)(null);
12954
+ const onLoopComplete = (0, import_react60.useCallback)(() => {
12955
+ var _a, _b, _c;
12956
+ if (isPaused && !((_b = (_a = lottieRef.current) == null ? void 0 : _a.animationItem) == null ? void 0 : _b.isPaused)) {
12957
+ (_c = lottieRef.current) == null ? void 0 : _c.stop();
12958
+ }
12959
+ }, [isPaused]);
12960
+ (0, import_react60.useEffect)(() => {
12961
+ var _a, _b, _c, _d, _e, _f;
12962
+ if (!isPaused && ((_b = (_a = lottieRef.current) == null ? void 0 : _a.animationItem) == null ? void 0 : _b.isPaused)) {
12963
+ (_c = lottieRef.current) == null ? void 0 : _c.play();
12964
+ } else if (isPaused && !((_e = (_d = lottieRef.current) == null ? void 0 : _d.animationItem) == null ? void 0 : _e.currentFrame)) {
12965
+ (_f = lottieRef.current) == null ? void 0 : _f.stop();
12966
+ }
12967
+ }, [isPaused]);
12968
+ return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
10773
12969
  "div",
10774
12970
  {
10775
12971
  role: "alert",
10776
12972
  css: [loadingOverlayContainer, { zIndex }, isActive ? loadingOverlayVisible : loadingOverlayHidden],
10777
12973
  "aria-hidden": !isActive,
10778
12974
  children: [
10779
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { css: loadingOverlayBackground(overlayBackgroundColor) }),
10780
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
10781
- "div",
10782
- {
10783
- css: import_react57.css`
10784
- position: relative;
10785
- `,
10786
- children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { css: loadingOverlayBody, children: [
10787
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(LoadingIcon, { height: size, width: size }),
10788
- statusMessage ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { css: loadingOverlayMessage, children: statusMessage }) : null
10789
- ] })
10790
- }
10791
- )
12975
+ /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { css: loadingOverlayBackground(overlayBackgroundColor) }),
12976
+ /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { css: { position: "relative", maxWidth: "100%", margin: isTopAligned ? "0" : "auto" }, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { css: loadingOverlayBody, children: [
12977
+ /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
12978
+ AnimationFile,
12979
+ {
12980
+ lottieRef,
12981
+ animationData: loader_default,
12982
+ label: "Loading...",
12983
+ width: loaderSize,
12984
+ height: loaderSize,
12985
+ onLoopComplete,
12986
+ css: {
12987
+ transition: "filter var(--duration-xslow) ease-in-out",
12988
+ filter: isPaused ? "grayscale(1) contrast(.5) brightness(1.75)" : ""
12989
+ }
12990
+ }
12991
+ ),
12992
+ statusMessage ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { css: loadingOverlayMessage, children: statusMessage }) : null,
12993
+ /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { css: { width: "100%", marginTop: "var(--spacing-md)" }, children })
12994
+ ] }) })
10792
12995
  ]
10793
12996
  }
10794
12997
  );
10795
12998
  };
10796
12999
  var LoadingIcon = ({ height, width, ...props }) => {
10797
- return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
13000
+ return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
10798
13001
  "svg",
10799
13002
  {
10800
13003
  "data-testid": "svg",
@@ -10805,9 +13008,9 @@ var LoadingIcon = ({ height, width, ...props }) => {
10805
13008
  stroke: "currentColor",
10806
13009
  ...props,
10807
13010
  "data-test-id": "loading-icon",
10808
- children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("g", { fill: "none", fillRule: "evenodd", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("g", { transform: "translate(1 1)", strokeWidth: "2", children: [
10809
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("circle", { strokeOpacity: ".25", cx: "18", cy: "18", r: "18" }),
10810
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("path", { d: "M36 18c0-9.94-8.06-18-18-18", transform: "rotate(166.645 18 18)", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
13011
+ children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("g", { fill: "none", fillRule: "evenodd", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("g", { transform: "translate(1 1)", strokeWidth: "2", children: [
13012
+ /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("circle", { strokeOpacity: ".25", cx: "18", cy: "18", r: "18" }),
13013
+ /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("path", { d: "M36 18c0-9.94-8.06-18-18-18", transform: "rotate(166.645 18 18)", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
10811
13014
  "animateTransform",
10812
13015
  {
10813
13016
  attributeName: "transform",
@@ -10824,12 +13027,12 @@ var LoadingIcon = ({ height, width, ...props }) => {
10824
13027
  };
10825
13028
 
10826
13029
  // src/components/Tiles/CreateTeamIntegrationTile.tsx
10827
- var import_react59 = require("@emotion/react");
13030
+ var import_react62 = require("@emotion/react");
10828
13031
  var import_cg10 = require("react-icons/cg");
10829
13032
 
10830
13033
  // src/components/Tiles/styles/IntegrationTile.styles.ts
10831
- var import_react58 = require("@emotion/react");
10832
- var IntegrationTileContainer = import_react58.css`
13034
+ var import_react61 = require("@emotion/react");
13035
+ var IntegrationTileContainer = import_react61.css`
10833
13036
  align-items: center;
10834
13037
  box-sizing: border-box;
10835
13038
  border-radius: var(--rounded-base);
@@ -10860,22 +13063,22 @@ var IntegrationTileContainer = import_react58.css`
10860
13063
  }
10861
13064
  }
10862
13065
  `;
10863
- var IntegrationTileBtnDashedBorder = import_react58.css`
13066
+ var IntegrationTileBtnDashedBorder = import_react61.css`
10864
13067
  border: 1px dashed var(--brand-secondary-1);
10865
13068
  `;
10866
- var IntegrationTileTitle = import_react58.css`
13069
+ var IntegrationTileTitle = import_react61.css`
10867
13070
  display: block;
10868
13071
  font-weight: var(--fw-bold);
10869
13072
  margin: 0 0 var(--spacing-base);
10870
13073
  max-width: 13rem;
10871
13074
  `;
10872
- var IntegrationTitleLogo = import_react58.css`
13075
+ var IntegrationTitleLogo = import_react61.css`
10873
13076
  display: block;
10874
13077
  max-width: 10rem;
10875
13078
  max-height: 4rem;
10876
13079
  margin: 0 auto;
10877
13080
  `;
10878
- var IntegrationTileName = import_react58.css`
13081
+ var IntegrationTileName = import_react61.css`
10879
13082
  color: var(--gray-500);
10880
13083
  display: -webkit-box;
10881
13084
  -webkit-line-clamp: 1;
@@ -10888,7 +13091,7 @@ var IntegrationTileName = import_react58.css`
10888
13091
  position: absolute;
10889
13092
  bottom: calc(var(--spacing-base) * 3.8);
10890
13093
  `;
10891
- var IntegrationAddedText = import_react58.css`
13094
+ var IntegrationAddedText = import_react61.css`
10892
13095
  align-items: center;
10893
13096
  background: var(--brand-secondary-3);
10894
13097
  border-radius: 0 var(--rounded-md) 0 var(--rounded-md);
@@ -10903,7 +13106,7 @@ var IntegrationAddedText = import_react58.css`
10903
13106
  top: 0;
10904
13107
  right: 0;
10905
13108
  `;
10906
- var IntegrationCustomBadgeText = (theme) => import_react58.css`
13109
+ var IntegrationCustomBadgeText = (theme) => import_react61.css`
10907
13110
  align-items: center;
10908
13111
  border-radius: var(--rounded-sm) 0 var(--rounded-sm) 0;
10909
13112
  background: ${theme === "gray" ? "var(--brand-secondary-2)" : "var(--brand-secondary-1)"};
@@ -10917,26 +13120,26 @@ var IntegrationCustomBadgeText = (theme) => import_react58.css`
10917
13120
  top: 0;
10918
13121
  left: 0;
10919
13122
  `;
10920
- var IntegrationAuthorBadgeIcon = import_react58.css`
13123
+ var IntegrationAuthorBadgeIcon = import_react61.css`
10921
13124
  position: absolute;
10922
13125
  bottom: var(--spacing-sm);
10923
13126
  right: var(--spacing-xs);
10924
13127
  max-height: 1rem;
10925
13128
  `;
10926
- var IntegrationTitleFakeButton = import_react58.css`
13129
+ var IntegrationTitleFakeButton = import_react61.css`
10927
13130
  font-size: var(--fs-xs);
10928
13131
  gap: var(--spacing-sm);
10929
13132
  padding: var(--spacing-sm) var(--spacing-base);
10930
13133
  text-transform: uppercase;
10931
13134
  `;
10932
- var IntegrationTileFloatingButton = import_react58.css`
13135
+ var IntegrationTileFloatingButton = import_react61.css`
10933
13136
  position: absolute;
10934
13137
  bottom: var(--spacing-base);
10935
13138
  gap: var(--spacing-sm);
10936
13139
  font-size: var(--fs-xs);
10937
13140
  overflow: hidden;
10938
13141
  `;
10939
- var IntegrationTileFloatingButtonMessage = (clicked) => import_react58.css`
13142
+ var IntegrationTileFloatingButtonMessage = (clicked) => import_react61.css`
10940
13143
  strong,
10941
13144
  span:first-of-type {
10942
13145
  transition: opacity var(--duration-fast) var(--timing-ease-out);
@@ -10957,7 +13160,7 @@ var IntegrationTileFloatingButtonMessage = (clicked) => import_react58.css`
10957
13160
  `;
10958
13161
 
10959
13162
  // src/components/Tiles/CreateTeamIntegrationTile.tsx
10960
- var import_jsx_runtime55 = require("@emotion/react/jsx-runtime");
13163
+ var import_jsx_runtime56 = require("@emotion/react/jsx-runtime");
10961
13164
  var CreateTeamIntegrationTile = ({
10962
13165
  title = "Create a custom integration for your team",
10963
13166
  buttonText = "Add Integration",
@@ -10965,9 +13168,9 @@ var CreateTeamIntegrationTile = ({
10965
13168
  asDeepLink = false,
10966
13169
  ...props
10967
13170
  }) => {
10968
- return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { css: [IntegrationTileContainer, IntegrationTileBtnDashedBorder], ...props, children: [
10969
- /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { css: IntegrationTileTitle, title, children: title }),
10970
- /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
13171
+ return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { css: [IntegrationTileContainer, IntegrationTileBtnDashedBorder], ...props, children: [
13172
+ /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { css: IntegrationTileTitle, title, children: title }),
13173
+ /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
10971
13174
  Button,
10972
13175
  {
10973
13176
  buttonType: "tertiary",
@@ -10977,23 +13180,23 @@ var CreateTeamIntegrationTile = ({
10977
13180
  css: IntegrationTitleFakeButton,
10978
13181
  children: [
10979
13182
  buttonText,
10980
- asDeepLink ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
13183
+ asDeepLink ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
10981
13184
  Icon,
10982
13185
  {
10983
13186
  icon: import_cg10.CgChevronRight,
10984
13187
  iconColor: "currentColor",
10985
13188
  size: 20,
10986
- css: import_react59.css`
13189
+ css: import_react62.css`
10987
13190
  order: 1;
10988
13191
  `
10989
13192
  }
10990
- ) : /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
13193
+ ) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
10991
13194
  Icon,
10992
13195
  {
10993
13196
  icon: import_cg10.CgAdd,
10994
13197
  iconColor: "currentColor",
10995
13198
  size: 16,
10996
- css: import_react59.css`
13199
+ css: import_react62.css`
10997
13200
  order: -1;
10998
13201
  `
10999
13202
  }
@@ -11006,31 +13209,31 @@ var CreateTeamIntegrationTile = ({
11006
13209
 
11007
13210
  // src/components/Tiles/IntegrationBadges.tsx
11008
13211
  var import_cg11 = require("react-icons/cg");
11009
- var import_jsx_runtime56 = require("@emotion/react/jsx-runtime");
13212
+ var import_jsx_runtime57 = require("@emotion/react/jsx-runtime");
11010
13213
  var IntegrationedAddedBadge = ({ text = "Added" }) => {
11011
- return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("span", { "data-testid": "integration-icon-installed", css: IntegrationAddedText, children: [
11012
- /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Icon, { icon: import_cg11.CgCheck, iconColor: "currentColor" }),
13214
+ return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("span", { "data-testid": "integration-icon-installed", css: IntegrationAddedText, children: [
13215
+ /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Icon, { icon: import_cg11.CgCheck, iconColor: "currentColor" }),
11013
13216
  text
11014
13217
  ] });
11015
13218
  };
11016
13219
  var IntegrationCustomBadge = ({ text = "Custom" }) => {
11017
- return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { "data-testid": "integration-is-private", css: IntegrationCustomBadgeText("gray"), children: text });
13220
+ return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { "data-testid": "integration-is-private", css: IntegrationCustomBadgeText("gray"), children: text });
11018
13221
  };
11019
13222
  var IntegrationPremiumBadge = ({ text = "Premium" }) => {
11020
- return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("span", { css: IntegrationCustomBadgeText("blue"), children: [
11021
- /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Icon, { icon: import_cg11.CgLock, iconColor: "currentColor", size: 12 }),
13223
+ return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("span", { css: IntegrationCustomBadgeText("blue"), children: [
13224
+ /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Icon, { icon: import_cg11.CgLock, iconColor: "currentColor", size: 12 }),
11022
13225
  text
11023
13226
  ] });
11024
13227
  };
11025
13228
  var IntegrationComingSoonBadge = ({ text = "Coming soon" }) => {
11026
- return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("span", { css: IntegrationCustomBadgeText("blue"), children: [
11027
- /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Icon, { icon: import_cg11.CgSandClock, iconColor: "currentColor", size: 12 }),
13229
+ return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("span", { css: IntegrationCustomBadgeText("blue"), children: [
13230
+ /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Icon, { icon: import_cg11.CgSandClock, iconColor: "currentColor", size: 12 }),
11028
13231
  text
11029
13232
  ] });
11030
13233
  };
11031
13234
 
11032
13235
  // src/components/Tiles/ResolveIcon.tsx
11033
- var import_jsx_runtime57 = require("@emotion/react/jsx-runtime");
13236
+ var import_jsx_runtime58 = require("@emotion/react/jsx-runtime");
11034
13237
  var ResolveIcon = ({ icon, name, styleType = "logo", ...props }) => {
11035
13238
  const CompIcon = icon && typeof icon !== "string" ? icon : null;
11036
13239
  const mapClassName = {
@@ -11038,13 +13241,13 @@ var ResolveIcon = ({ icon, name, styleType = "logo", ...props }) => {
11038
13241
  logo: IntegrationTitleLogo
11039
13242
  };
11040
13243
  if (icon) {
11041
- return CompIcon ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(CompIcon, { css: mapClassName[styleType], ...props }) : /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("img", { src: icon, alt: name, css: mapClassName[styleType], ...props });
13244
+ return CompIcon ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(CompIcon, { css: mapClassName[styleType], ...props }) : /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("img", { src: icon, alt: name, css: mapClassName[styleType], ...props });
11042
13245
  }
11043
13246
  return null;
11044
13247
  };
11045
13248
 
11046
13249
  // src/components/Tiles/EditTeamIntegrationTile.tsx
11047
- var import_jsx_runtime58 = require("@emotion/react/jsx-runtime");
13250
+ var import_jsx_runtime59 = require("@emotion/react/jsx-runtime");
11048
13251
  var EditTeamIntegrationTile = ({
11049
13252
  id,
11050
13253
  icon,
@@ -11053,17 +13256,17 @@ var EditTeamIntegrationTile = ({
11053
13256
  isPublic,
11054
13257
  canEdit = false
11055
13258
  }) => {
11056
- return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
13259
+ return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
11057
13260
  "div",
11058
13261
  {
11059
13262
  css: IntegrationTileContainer,
11060
13263
  "data-testid": "configure-integration-container",
11061
13264
  "integration-id": `${id.toLocaleLowerCase()}`,
11062
13265
  children: [
11063
- /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ResolveIcon, { icon, name, "data-test-id": "integration-logo" }),
11064
- /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { css: IntegrationTileName, "data-test-id": "integration-card-name", children: name }),
11065
- !isPublic ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(IntegrationCustomBadge, {}) : null,
11066
- canEdit ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
13266
+ /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(ResolveIcon, { icon, name, "data-test-id": "integration-logo" }),
13267
+ /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { css: IntegrationTileName, "data-test-id": "integration-card-name", children: name }),
13268
+ !isPublic ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(IntegrationCustomBadge, {}) : null,
13269
+ canEdit ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
11067
13270
  Button,
11068
13271
  {
11069
13272
  buttonType: "unimportant",
@@ -11081,10 +13284,10 @@ var EditTeamIntegrationTile = ({
11081
13284
  };
11082
13285
 
11083
13286
  // src/components/Tiles/IntegrationComingSoon.tsx
11084
- var import_react60 = require("@emotion/react");
11085
- var import_react61 = require("react");
13287
+ var import_react63 = require("@emotion/react");
13288
+ var import_react64 = require("react");
11086
13289
  var import_cg12 = require("react-icons/cg");
11087
- var import_jsx_runtime59 = require("@emotion/react/jsx-runtime");
13290
+ var import_jsx_runtime60 = require("@emotion/react/jsx-runtime");
11088
13291
  var IntegrationComingSoon = ({
11089
13292
  name,
11090
13293
  icon,
@@ -11093,12 +13296,12 @@ var IntegrationComingSoon = ({
11093
13296
  timing = 1e3,
11094
13297
  ...props
11095
13298
  }) => {
11096
- const [upVote, setUpVote] = (0, import_react61.useState)(false);
13299
+ const [upVote, setUpVote] = (0, import_react64.useState)(false);
11097
13300
  const handleUpVoteInteraction = () => {
11098
13301
  setUpVote((prev) => !prev);
11099
13302
  onUpVoteClick();
11100
13303
  };
11101
- (0, import_react61.useEffect)(() => {
13304
+ (0, import_react64.useEffect)(() => {
11102
13305
  if (upVote) {
11103
13306
  const timer = setTimeout(() => setUpVote(false), timing);
11104
13307
  return () => {
@@ -11106,17 +13309,17 @@ var IntegrationComingSoon = ({
11106
13309
  };
11107
13310
  }
11108
13311
  }, [upVote, setUpVote, timing]);
11109
- return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
13312
+ return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
11110
13313
  "div",
11111
13314
  {
11112
13315
  css: IntegrationTileContainer,
11113
13316
  "data-testid": `coming-soon-${id.toLowerCase()}-integration`,
11114
13317
  ...props,
11115
13318
  children: [
11116
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(IntegrationComingSoonBadge, {}),
11117
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(ResolveIcon, { icon, name }),
11118
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { css: IntegrationTileName, title: name, children: name }),
11119
- /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
13319
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(IntegrationComingSoonBadge, {}),
13320
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(ResolveIcon, { icon, name }),
13321
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { css: IntegrationTileName, title: name, children: name }),
13322
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
11120
13323
  Button,
11121
13324
  {
11122
13325
  buttonType: "unimportant",
@@ -11126,19 +13329,19 @@ var IntegrationComingSoon = ({
11126
13329
  role: "link",
11127
13330
  css: [IntegrationTileFloatingButton, IntegrationTileFloatingButtonMessage(upVote)],
11128
13331
  children: [
11129
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("strong", { children: "+1" }),
11130
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
13332
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("strong", { children: "+1" }),
13333
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
11131
13334
  "span",
11132
13335
  {
11133
- css: import_react60.css`
13336
+ css: import_react63.css`
11134
13337
  text-transform: uppercase;
11135
13338
  color: var(--gray-500);
11136
13339
  `,
11137
13340
  children: "(I want this)"
11138
13341
  }
11139
13342
  ),
11140
- /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("span", { "aria-hidden": !upVote, children: [
11141
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Icon, { icon: import_cg12.CgHeart, iconColor: "currentColor", size: 18 }),
13343
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("span", { "aria-hidden": !upVote, children: [
13344
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Icon, { icon: import_cg12.CgHeart, iconColor: "currentColor", size: 18 }),
11142
13345
  "Thanks!"
11143
13346
  ] })
11144
13347
  ]
@@ -11150,8 +13353,8 @@ var IntegrationComingSoon = ({
11150
13353
  };
11151
13354
 
11152
13355
  // src/components/Tiles/styles/IntegrationLoadingTile.styles.ts
11153
- var import_react62 = require("@emotion/react");
11154
- var IntegrationLoadingTileContainer = import_react62.css`
13356
+ var import_react65 = require("@emotion/react");
13357
+ var IntegrationLoadingTileContainer = import_react65.css`
11155
13358
  align-items: center;
11156
13359
  box-sizing: border-box;
11157
13360
  border-radius: var(--rounded-base);
@@ -11178,39 +13381,39 @@ var IntegrationLoadingTileContainer = import_react62.css`
11178
13381
  }
11179
13382
  }
11180
13383
  `;
11181
- var IntegrationLoadingTileImg = import_react62.css`
13384
+ var IntegrationLoadingTileImg = import_react65.css`
11182
13385
  width: 10rem;
11183
13386
  height: 4rem;
11184
13387
  margin: 0 auto;
11185
13388
  `;
11186
- var IntegrationLoadingTileText = import_react62.css`
13389
+ var IntegrationLoadingTileText = import_react65.css`
11187
13390
  width: 5rem;
11188
13391
  height: var(--spacing-sm);
11189
13392
  margin: var(--spacing-sm) 0;
11190
13393
  `;
11191
- var IntegrationLoadingFrame = import_react62.css`
13394
+ var IntegrationLoadingFrame = import_react65.css`
11192
13395
  animation: ${skeletonLoading} 1s linear infinite alternate;
11193
13396
  border-radius: var(--rounded-base);
11194
13397
  `;
11195
13398
 
11196
13399
  // src/components/Tiles/IntegrationLoadingTile.tsx
11197
- var import_jsx_runtime60 = require("@emotion/react/jsx-runtime");
13400
+ var import_jsx_runtime61 = require("@emotion/react/jsx-runtime");
11198
13401
  var IntegrationLoadingTile = ({ count = 1 }) => {
11199
13402
  const componentCount = Array.from(Array(count).keys());
11200
- return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_jsx_runtime60.Fragment, { children: componentCount.map((i) => /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { css: IntegrationLoadingTileContainer, children: [
11201
- /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { css: [IntegrationLoadingTileImg, IntegrationLoadingFrame], role: "presentation" }),
11202
- /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { css: [IntegrationLoadingTileText, IntegrationLoadingFrame] })
13403
+ return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_jsx_runtime61.Fragment, { children: componentCount.map((i) => /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { css: IntegrationLoadingTileContainer, children: [
13404
+ /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { css: [IntegrationLoadingTileImg, IntegrationLoadingFrame], role: "presentation" }),
13405
+ /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { css: [IntegrationLoadingTileText, IntegrationLoadingFrame] })
11203
13406
  ] }, i)) });
11204
13407
  };
11205
13408
 
11206
13409
  // src/components/Tiles/styles/IntegrationModalIcon.styles.ts
11207
- var import_react63 = require("@emotion/react");
11208
- var IntegrationModalIconContainer = import_react63.css`
13410
+ var import_react66 = require("@emotion/react");
13411
+ var IntegrationModalIconContainer = import_react66.css`
11209
13412
  position: relative;
11210
13413
  width: 50px;
11211
13414
  margin-bottom: var(--spacing-base);
11212
13415
  `;
11213
- var IntegrationModalImage = import_react63.css`
13416
+ var IntegrationModalImage = import_react66.css`
11214
13417
  position: absolute;
11215
13418
  inset: 0;
11216
13419
  margin: auto;
@@ -11219,12 +13422,12 @@ var IntegrationModalImage = import_react63.css`
11219
13422
  `;
11220
13423
 
11221
13424
  // src/components/Tiles/IntegrationModalIcon.tsx
11222
- var import_jsx_runtime61 = require("@emotion/react/jsx-runtime");
13425
+ var import_jsx_runtime62 = require("@emotion/react/jsx-runtime");
11223
13426
  var IntegrationModalIcon = ({ icon, name, ...imgProps }) => {
11224
13427
  const CompIcon = icon && typeof icon !== "string" ? icon : null;
11225
- return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { css: IntegrationModalIconContainer, children: [
11226
- /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("svg", { width: "49", height: "57", fill: "none", xmlns: "http://www.w3.org/2000/svg", role: "img", children: [
11227
- /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
13428
+ return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { css: IntegrationModalIconContainer, children: [
13429
+ /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("svg", { width: "49", height: "57", fill: "none", xmlns: "http://www.w3.org/2000/svg", role: "img", children: [
13430
+ /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
11228
13431
  "path",
11229
13432
  {
11230
13433
  d: "m24.367 1.813 22.786 13.322V41.78L24.367 55.102 1.581 41.78V15.135L24.367 1.814Z",
@@ -11233,12 +13436,12 @@ var IntegrationModalIcon = ({ icon, name, ...imgProps }) => {
11233
13436
  strokeWidth: "2"
11234
13437
  }
11235
13438
  ),
11236
- /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("linearGradient", { id: "a", x1: "41.353", y1: "49.107", x2: "8.048", y2: "4.478", gradientUnits: "userSpaceOnUse", children: [
11237
- /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("stop", { stopColor: "#1768B2" }),
11238
- /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("stop", { offset: "1", stopColor: "#B3EFE4" })
13439
+ /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("linearGradient", { id: "a", x1: "41.353", y1: "49.107", x2: "8.048", y2: "4.478", gradientUnits: "userSpaceOnUse", children: [
13440
+ /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("stop", { stopColor: "#1768B2" }),
13441
+ /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("stop", { offset: "1", stopColor: "#B3EFE4" })
11239
13442
  ] }) })
11240
13443
  ] }),
11241
- CompIcon ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(CompIcon, { role: "img", css: IntegrationModalImage, ...imgProps }) : /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
13444
+ CompIcon ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(CompIcon, { role: "img", css: IntegrationModalImage, ...imgProps }) : /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
11242
13445
  "img",
11243
13446
  {
11244
13447
  src: icon,
@@ -11252,7 +13455,7 @@ var IntegrationModalIcon = ({ icon, name, ...imgProps }) => {
11252
13455
  };
11253
13456
 
11254
13457
  // src/components/Tiles/IntegrationTile.tsx
11255
- var import_jsx_runtime62 = require("@emotion/react/jsx-runtime");
13458
+ var import_jsx_runtime63 = require("@emotion/react/jsx-runtime");
11256
13459
  var IntegrationTile = ({
11257
13460
  id,
11258
13461
  icon,
@@ -11264,7 +13467,7 @@ var IntegrationTile = ({
11264
13467
  authorIcon,
11265
13468
  ...btnProps
11266
13469
  }) => {
11267
- return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
13470
+ return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
11268
13471
  "button",
11269
13472
  {
11270
13473
  type: "button",
@@ -11274,70 +13477,70 @@ var IntegrationTile = ({
11274
13477
  "aria-label": name,
11275
13478
  ...btnProps,
11276
13479
  children: [
11277
- /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(ResolveIcon, { icon, name }),
11278
- /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { css: IntegrationTileName, title: name, children: name }),
11279
- isInstalled ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(IntegrationedAddedBadge, {}) : null,
11280
- requiedEntitlement && isPublic ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(IntegrationPremiumBadge, {}) : null,
11281
- !isPublic ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(IntegrationCustomBadge, {}) : null,
11282
- authorIcon ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(ResolveIcon, { icon: authorIcon, name }) : null
13480
+ /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(ResolveIcon, { icon, name }),
13481
+ /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { css: IntegrationTileName, title: name, children: name }),
13482
+ isInstalled ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(IntegrationedAddedBadge, {}) : null,
13483
+ requiedEntitlement && isPublic ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(IntegrationPremiumBadge, {}) : null,
13484
+ !isPublic ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(IntegrationCustomBadge, {}) : null,
13485
+ authorIcon ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(ResolveIcon, { icon: authorIcon, name }) : null
11283
13486
  ]
11284
13487
  }
11285
13488
  );
11286
13489
  };
11287
13490
 
11288
13491
  // src/components/Tiles/styles/TileContainer.styles.ts
11289
- var import_react64 = require("@emotion/react");
11290
- var TileContainerWrapper = import_react64.css`
13492
+ var import_react67 = require("@emotion/react");
13493
+ var TileContainerWrapper = import_react67.css`
11291
13494
  background: var(--brand-secondary-2);
11292
13495
  padding: var(--spacing-base);
11293
13496
  margin-bottom: var(--spacing-lg);
11294
13497
  `;
11295
- var TileContainerInner = import_react64.css`
13498
+ var TileContainerInner = import_react67.css`
11296
13499
  display: grid;
11297
13500
  grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr));
11298
13501
  gap: var(--spacing-base);
11299
13502
  `;
11300
13503
 
11301
13504
  // src/components/Tiles/TileContainer.tsx
11302
- var import_jsx_runtime63 = require("@emotion/react/jsx-runtime");
13505
+ var import_jsx_runtime64 = require("@emotion/react/jsx-runtime");
11303
13506
  var TileContainer = ({ children, ...props }) => {
11304
- return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { css: TileContainerWrapper, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { css: TileContainerInner, children }) });
13507
+ return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { css: TileContainerWrapper, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { css: TileContainerInner, children }) });
11305
13508
  };
11306
13509
 
11307
13510
  // src/components/Modal/IntegrationModalHeader.styles.ts
11308
- var import_react65 = require("@emotion/react");
11309
- var IntegrationModalHeaderSVGBackground = import_react65.css`
13511
+ var import_react68 = require("@emotion/react");
13512
+ var IntegrationModalHeaderSVGBackground = import_react68.css`
11310
13513
  position: absolute;
11311
13514
  top: 0;
11312
13515
  left: 0;
11313
13516
  `;
11314
- var IntegrationModalHeaderGroup = import_react65.css`
13517
+ var IntegrationModalHeaderGroup = import_react68.css`
11315
13518
  align-items: center;
11316
13519
  display: flex;
11317
13520
  gap: var(--spacing-sm);
11318
13521
  margin: 0 0 var(--spacing-md);
11319
13522
  position: relative;
11320
13523
  `;
11321
- var IntegrationModalHeaderTitleGroup = import_react65.css`
13524
+ var IntegrationModalHeaderTitleGroup = import_react68.css`
11322
13525
  align-items: center;
11323
13526
  display: flex;
11324
13527
  gap: var(--spacing-base);
11325
13528
  `;
11326
- var IntegrationModalHeaderTitle = import_react65.css`
13529
+ var IntegrationModalHeaderTitle = import_react68.css`
11327
13530
  margin-top: 0;
11328
13531
  `;
11329
- var IntegrationModalHeaderMenuPlacement = import_react65.css`
13532
+ var IntegrationModalHeaderMenuPlacement = import_react68.css`
11330
13533
  margin-bottom: var(--spacing-base);
11331
13534
  `;
11332
- var IntegrationModalHeaderContentWrapper = import_react65.css`
13535
+ var IntegrationModalHeaderContentWrapper = import_react68.css`
11333
13536
  position: relative;
11334
13537
  z-index: var(--z-10);
11335
13538
  `;
11336
13539
 
11337
13540
  // src/components/Modal/IntegrationModalHeader.tsx
11338
- var import_jsx_runtime64 = require("@emotion/react/jsx-runtime");
13541
+ var import_jsx_runtime65 = require("@emotion/react/jsx-runtime");
11339
13542
  var HexModalBackground = ({ ...props }) => {
11340
- return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
13543
+ return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
11341
13544
  "svg",
11342
13545
  {
11343
13546
  width: "236",
@@ -11347,7 +13550,7 @@ var HexModalBackground = ({ ...props }) => {
11347
13550
  xmlns: "http://www.w3.org/2000/svg",
11348
13551
  ...props,
11349
13552
  children: [
11350
- /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
13553
+ /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
11351
13554
  "path",
11352
13555
  {
11353
13556
  fillRule: "evenodd",
@@ -11356,7 +13559,7 @@ var HexModalBackground = ({ ...props }) => {
11356
13559
  fill: "url(#paint0_linear_196_2737)"
11357
13560
  }
11358
13561
  ),
11359
- /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
13562
+ /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
11360
13563
  "linearGradient",
11361
13564
  {
11362
13565
  id: "paint0_linear_196_2737",
@@ -11366,8 +13569,8 @@ var HexModalBackground = ({ ...props }) => {
11366
13569
  y2: "-95.2742",
11367
13570
  gradientUnits: "userSpaceOnUse",
11368
13571
  children: [
11369
- /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("stop", { stopColor: "#81DCDE" }),
11370
- /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("stop", { offset: "1", stopColor: "#428ED4" })
13572
+ /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("stop", { stopColor: "#81DCDE" }),
13573
+ /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("stop", { offset: "1", stopColor: "#428ED4" })
11371
13574
  ]
11372
13575
  }
11373
13576
  ) })
@@ -11376,27 +13579,27 @@ var HexModalBackground = ({ ...props }) => {
11376
13579
  );
11377
13580
  };
11378
13581
  var IntegrationModalHeader = ({ icon, name, menu: menu2, children }) => {
11379
- return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(import_jsx_runtime64.Fragment, { children: [
11380
- /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(HexModalBackground, { css: IntegrationModalHeaderSVGBackground, role: "presentation" }),
11381
- /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { css: IntegrationModalHeaderGroup, children: /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { css: IntegrationModalHeaderTitleGroup, children: [
11382
- icon ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(IntegrationModalIcon, { icon, name: name || "" }) : null,
11383
- /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Heading, { level: 3, css: IntegrationModalHeaderTitle, "data-test-id": "integration-modal-title", children: name || "Create Team Integration" }),
11384
- menu2 ? /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { css: IntegrationModalHeaderMenuPlacement, children: [
13582
+ return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(import_jsx_runtime65.Fragment, { children: [
13583
+ /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(HexModalBackground, { css: IntegrationModalHeaderSVGBackground, role: "presentation" }),
13584
+ /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { css: IntegrationModalHeaderGroup, children: /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { css: IntegrationModalHeaderTitleGroup, children: [
13585
+ icon ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(IntegrationModalIcon, { icon, name: name || "" }) : null,
13586
+ /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Heading, { level: 3, css: IntegrationModalHeaderTitle, "data-test-id": "integration-modal-title", children: name || "Create Team Integration" }),
13587
+ menu2 ? /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { css: IntegrationModalHeaderMenuPlacement, children: [
11385
13588
  menu2,
11386
13589
  " "
11387
13590
  ] }) : null
11388
13591
  ] }) }),
11389
- /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { css: IntegrationModalHeaderContentWrapper, children })
13592
+ /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { css: IntegrationModalHeaderContentWrapper, children })
11390
13593
  ] });
11391
13594
  };
11392
13595
 
11393
13596
  // src/components/Tooltip/Tooltip.tsx
11394
- var import_react67 = __toESM(require("react"));
13597
+ var import_react70 = __toESM(require("react"));
11395
13598
  var import_Tooltip = require("reakit/Tooltip");
11396
13599
 
11397
13600
  // src/components/Tooltip/Tooltip.styles.ts
11398
- var import_react66 = require("@emotion/react");
11399
- var TooltipContainer = import_react66.css`
13601
+ var import_react69 = require("@emotion/react");
13602
+ var TooltipContainer = import_react69.css`
11400
13603
  border: 2px solid var(--gray-300);
11401
13604
  border-radius: var(--rounded-base);
11402
13605
  padding: var(--spacing-xs) var(--spacing-sm);
@@ -11404,28 +13607,28 @@ var TooltipContainer = import_react66.css`
11404
13607
  font-size: var(--fs-xs);
11405
13608
  background: var(--white);
11406
13609
  `;
11407
- var TooltipArrowStyles = import_react66.css`
13610
+ var TooltipArrowStyles = import_react69.css`
11408
13611
  svg {
11409
13612
  fill: var(--gray-300);
11410
13613
  }
11411
13614
  `;
11412
13615
 
11413
13616
  // src/components/Tooltip/Tooltip.tsx
11414
- var import_jsx_runtime65 = require("@emotion/react/jsx-runtime");
13617
+ var import_jsx_runtime66 = require("@emotion/react/jsx-runtime");
11415
13618
  function Tooltip({ children, title, placement = "bottom", visible, ...props }) {
11416
13619
  const tooltip = (0, import_Tooltip.useTooltipState)({ placement });
11417
- return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(import_jsx_runtime65.Fragment, { children: [
11418
- /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_Tooltip.TooltipReference, { ...tooltip, ...children.props, children: (referenceProps) => import_react67.default.cloneElement(children, referenceProps) }),
11419
- /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(import_Tooltip.Tooltip, { ...tooltip, ...props, css: TooltipContainer, visible: visible != null ? visible : tooltip.visible, children: [
11420
- /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_Tooltip.TooltipArrow, { ...tooltip, css: TooltipArrowStyles }),
13620
+ return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_jsx_runtime66.Fragment, { children: [
13621
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_Tooltip.TooltipReference, { ...tooltip, ...children.props, children: (referenceProps) => import_react70.default.cloneElement(children, referenceProps) }),
13622
+ !title ? null : /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_Tooltip.Tooltip, { ...tooltip, ...props, css: TooltipContainer, visible: visible != null ? visible : tooltip.visible, children: [
13623
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_Tooltip.TooltipArrow, { ...tooltip, css: TooltipArrowStyles }),
11421
13624
  title
11422
13625
  ] })
11423
13626
  ] });
11424
13627
  }
11425
13628
 
11426
13629
  // src/components/ParameterInputs/styles/ParameterBindingButton.styles.ts
11427
- var import_react68 = require("@emotion/react");
11428
- var inputIconBtn = import_react68.css`
13630
+ var import_react71 = require("@emotion/react");
13631
+ var inputIconBtn = import_react71.css`
11429
13632
  align-items: center;
11430
13633
  border: none;
11431
13634
  border-radius: var(--rounded-base);
@@ -11448,7 +13651,7 @@ var inputIconBtn = import_react68.css`
11448
13651
  `;
11449
13652
 
11450
13653
  // src/components/ParameterInputs/ConnectToDataElementButton.tsx
11451
- var import_jsx_runtime66 = require("@emotion/react/jsx-runtime");
13654
+ var import_jsx_runtime67 = require("@emotion/react/jsx-runtime");
11452
13655
  var ConnectToDataElementButton = ({
11453
13656
  icon,
11454
13657
  iconColor,
@@ -11458,7 +13661,7 @@ var ConnectToDataElementButton = ({
11458
13661
  ...props
11459
13662
  }) => {
11460
13663
  const title = isLocked ? "Read-only pattern parameter" : isBound ? "Connected to external content. Click to edit" : "Click to connect to external content";
11461
- return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Tooltip, { title, children: /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
13664
+ return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Tooltip, { title, children: /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
11462
13665
  "button",
11463
13666
  {
11464
13667
  css: inputIconBtn,
@@ -11467,7 +13670,7 @@ var ConnectToDataElementButton = ({
11467
13670
  "aria-disabled": isLocked,
11468
13671
  ...props,
11469
13672
  children: [
11470
- /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
13673
+ /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
11471
13674
  Icon,
11472
13675
  {
11473
13676
  icon: isLocked ? "lock" : icon ? icon : "arrows-expand-down-right",
@@ -11482,8 +13685,8 @@ var ConnectToDataElementButton = ({
11482
13685
  };
11483
13686
 
11484
13687
  // src/components/ParameterInputs/hooks/ParameterShellContext.tsx
11485
- var import_react69 = require("react");
11486
- var ParameterShellContext = (0, import_react69.createContext)({
13688
+ var import_react72 = require("react");
13689
+ var ParameterShellContext = (0, import_react72.createContext)({
11487
13690
  id: "",
11488
13691
  label: "",
11489
13692
  hiddenLabel: void 0,
@@ -11492,7 +13695,7 @@ var ParameterShellContext = (0, import_react69.createContext)({
11492
13695
  }
11493
13696
  });
11494
13697
  var useParameterShell = () => {
11495
- const { id, label, hiddenLabel, errorMessage, onManuallySetErrorMessage } = (0, import_react69.useContext)(ParameterShellContext);
13698
+ const { id, label, hiddenLabel, errorMessage, onManuallySetErrorMessage } = (0, import_react72.useContext)(ParameterShellContext);
11496
13699
  return {
11497
13700
  id,
11498
13701
  label,
@@ -11503,8 +13706,8 @@ var useParameterShell = () => {
11503
13706
  };
11504
13707
 
11505
13708
  // src/components/ParameterInputs/styles/ParameterInput.styles.ts
11506
- var import_react70 = require("@emotion/react");
11507
- var inputContainer2 = import_react70.css`
13709
+ var import_react73 = require("@emotion/react");
13710
+ var inputContainer2 = import_react73.css`
11508
13711
  position: relative;
11509
13712
 
11510
13713
  &:hover,
@@ -11516,14 +13719,14 @@ var inputContainer2 = import_react70.css`
11516
13719
  }
11517
13720
  }
11518
13721
  `;
11519
- var labelText2 = import_react70.css`
13722
+ var labelText2 = import_react73.css`
11520
13723
  align-items: center;
11521
13724
  display: flex;
11522
13725
  gap: var(--spacing-xs);
11523
13726
  font-weight: var(--fw-regular);
11524
13727
  margin: 0 0 var(--spacing-xs);
11525
13728
  `;
11526
- var input2 = import_react70.css`
13729
+ var input2 = import_react73.css`
11527
13730
  display: block;
11528
13731
  appearance: none;
11529
13732
  box-sizing: border-box;
@@ -11567,18 +13770,18 @@ var input2 = import_react70.css`
11567
13770
  color: var(--gray-400);
11568
13771
  }
11569
13772
  `;
11570
- var selectInput = import_react70.css`
13773
+ var selectInput = import_react73.css`
11571
13774
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cpath d='M6.34317 7.75732L4.92896 9.17154L12 16.2426L19.0711 9.17157L17.6569 7.75735L12 13.4142L6.34317 7.75732Z' fill='currentColor' /%3E%3C/svg%3E");
11572
13775
  background-position: right var(--spacing-sm) center;
11573
13776
  background-repeat: no-repeat;
11574
13777
  background-size: 1rem;
11575
13778
  padding-right: var(--spacing-xl);
11576
13779
  `;
11577
- var inputWrapper = import_react70.css`
13780
+ var inputWrapper = import_react73.css`
11578
13781
  display: flex; // used to correct overflow with chrome textarea
11579
13782
  position: relative;
11580
13783
  `;
11581
- var inputIcon2 = import_react70.css`
13784
+ var inputIcon2 = import_react73.css`
11582
13785
  align-items: center;
11583
13786
  background: var(--white);
11584
13787
  border-radius: var(--rounded-md) 0 0 var(--rounded-md);
@@ -11594,7 +13797,7 @@ var inputIcon2 = import_react70.css`
11594
13797
  width: var(--spacing-lg);
11595
13798
  z-index: var(--z-10);
11596
13799
  `;
11597
- var inputToggleLabel2 = import_react70.css`
13800
+ var inputToggleLabel2 = import_react73.css`
11598
13801
  align-items: center;
11599
13802
  background: var(--white);
11600
13803
  cursor: pointer;
@@ -11605,7 +13808,7 @@ var inputToggleLabel2 = import_react70.css`
11605
13808
  min-height: var(--spacing-md);
11606
13809
  position: relative;
11607
13810
  `;
11608
- var toggleInput2 = import_react70.css`
13811
+ var toggleInput2 = import_react73.css`
11609
13812
  appearance: none;
11610
13813
  border: 1px solid var(--gray-300);
11611
13814
  background: var(--white);
@@ -11644,7 +13847,7 @@ var toggleInput2 = import_react70.css`
11644
13847
  border-color: var(--gray-300);
11645
13848
  }
11646
13849
  `;
11647
- var inlineLabel2 = import_react70.css`
13850
+ var inlineLabel2 = import_react73.css`
11648
13851
  padding-left: var(--spacing-lg);
11649
13852
  font-size: var(--fs-sm);
11650
13853
  font-weight: var(--fw-regular);
@@ -11660,35 +13863,30 @@ var inlineLabel2 = import_react70.css`
11660
13863
  }
11661
13864
  }
11662
13865
  `;
11663
- var inputMenu = import_react70.css`
13866
+ var inputMenu = import_react73.css`
11664
13867
  background: none;
11665
13868
  border: none;
11666
- padding: 0;
13869
+ padding: var(--spacing-2xs);
11667
13870
  position: absolute;
11668
13871
  top: calc(var(--spacing-md) * -1.2);
11669
13872
  right: 0;
11670
13873
  opacity: var(--opacity-50);
11671
- transition: opacity var(--duration-fast) var(--timing-ease-out);
13874
+ transition: background-color var(--duration-fast) var(--timing-ease-out);
11672
13875
 
11673
13876
  // css trick to style the input like a hover or active state when the menu button is active or hovered
11674
13877
  &:hover,
11675
13878
  &[aria-expanded='true'] {
11676
- ~ input,
11677
- ~ select,
11678
- ~ textarea {
11679
- 'order-radius: var(--rounded-md);
11680
- }
11681
-
13879
+ background-color: var(--gray-200);
11682
13880
  }
11683
13881
  `;
11684
- var textarea2 = import_react70.css`
13882
+ var textarea2 = import_react73.css`
11685
13883
  resize: vertical;
11686
13884
  min-height: 2rem;
11687
13885
  `;
11688
- var imageWrapper = import_react70.css`
13886
+ var imageWrapper = import_react73.css`
11689
13887
  background: var(--white);
11690
13888
  `;
11691
- var img = import_react70.css`
13889
+ var img = import_react73.css`
11692
13890
  animation: ${fadeIn} var(--duration-fast) var(--timing-ease-out) forwards;
11693
13891
  object-fit: contain;
11694
13892
  max-width: 100%;
@@ -11696,7 +13894,7 @@ var img = import_react70.css`
11696
13894
  opacity: var(--opacity-0);
11697
13895
  margin: var(--spacing-sm) auto 0;
11698
13896
  `;
11699
- var dataConnectButton = import_react70.css`
13897
+ var dataConnectButton = import_react73.css`
11700
13898
  align-items: center;
11701
13899
  appearance: none;
11702
13900
  box-sizing: border-box;
@@ -11731,7 +13929,7 @@ var dataConnectButton = import_react70.css`
11731
13929
  pointer-events: none;
11732
13930
  }
11733
13931
  `;
11734
- var linkParameterBtn = import_react70.css`
13932
+ var linkParameterBtn = import_react73.css`
11735
13933
  border-radius: var(--rounded-base);
11736
13934
  background: var(--white);
11737
13935
  border: none;
@@ -11743,10 +13941,10 @@ var linkParameterBtn = import_react70.css`
11743
13941
  inset: 0 var(--spacing-base) 0 auto;
11744
13942
  padding: 0 var(--spacing-base);
11745
13943
  `;
11746
- var linkParameterInput = import_react70.css`
13944
+ var linkParameterInput = import_react73.css`
11747
13945
  padding-right: calc(var(--spacing-2xl) + var(--spacing-base));
11748
13946
  `;
11749
- var linkParameterIcon = import_react70.css`
13947
+ var linkParameterIcon = import_react73.css`
11750
13948
  align-items: center;
11751
13949
  color: var(--brand-secondary-3);
11752
13950
  display: flex;
@@ -11761,7 +13959,7 @@ var linkParameterIcon = import_react70.css`
11761
13959
  `;
11762
13960
 
11763
13961
  // src/components/ParameterInputs/ParameterDataResource.tsx
11764
- var import_jsx_runtime67 = require("@emotion/react/jsx-runtime");
13962
+ var import_jsx_runtime68 = require("@emotion/react/jsx-runtime");
11765
13963
  function ParameterDataResource({
11766
13964
  label,
11767
13965
  labelLeadingIcon,
@@ -11771,12 +13969,12 @@ function ParameterDataResource({
11771
13969
  disabled,
11772
13970
  children
11773
13971
  }) {
11774
- return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { "data-testid": "parameter-data-connect-button", children: [
11775
- /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("span", { css: labelText2, children: [
13972
+ return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { "data-testid": "parameter-data-connect-button", children: [
13973
+ /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("span", { css: labelText2, children: [
11776
13974
  labelLeadingIcon ? labelLeadingIcon : null,
11777
13975
  label
11778
13976
  ] }),
11779
- /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
13977
+ /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
11780
13978
  "button",
11781
13979
  {
11782
13980
  type: "button",
@@ -11785,30 +13983,30 @@ function ParameterDataResource({
11785
13983
  disabled,
11786
13984
  onClick: onConnectDatasource,
11787
13985
  children: [
11788
- /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: "advance-input-icon", css: [inputIcon2], children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Icon, { icon: "stack", iconColor: "currentColor", size: "1rem" }) }),
13986
+ /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "advance-input-icon", css: [inputIcon2], children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Icon, { icon: "stack", iconColor: "currentColor", size: "1rem" }) }),
11789
13987
  children
11790
13988
  ]
11791
13989
  }
11792
13990
  ),
11793
- caption ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Caption, { children: caption }) : null
13991
+ caption ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Caption, { children: caption }) : null
11794
13992
  ] });
11795
13993
  }
11796
13994
 
11797
13995
  // src/components/ParameterInputs/styles/ParameterDrawerHeader.styles.ts
11798
- var import_react71 = require("@emotion/react");
11799
- var ParameterDrawerHeaderContainer = import_react71.css`
13996
+ var import_react74 = require("@emotion/react");
13997
+ var ParameterDrawerHeaderContainer = import_react74.css`
11800
13998
  align-items: center;
11801
13999
  display: flex;
11802
14000
  gap: var(--spacing-base);
11803
14001
  justify-content: space-between;
11804
14002
  margin-bottom: var(--spacing-sm);
11805
14003
  `;
11806
- var ParameterDrawerHeaderTitleGroup = import_react71.css`
14004
+ var ParameterDrawerHeaderTitleGroup = import_react74.css`
11807
14005
  align-items: center;
11808
14006
  display: flex;
11809
14007
  gap: var(--spacing-sm);
11810
14008
  `;
11811
- var ParameterDrawerHeaderTitle = import_react71.css`
14009
+ var ParameterDrawerHeaderTitle = import_react74.css`
11812
14010
  text-overflow: ellipsis;
11813
14011
  white-space: nowrap;
11814
14012
  overflow: hidden;
@@ -11816,23 +14014,23 @@ var ParameterDrawerHeaderTitle = import_react71.css`
11816
14014
  `;
11817
14015
 
11818
14016
  // src/components/ParameterInputs/ParameterDrawerHeader.tsx
11819
- var import_jsx_runtime68 = require("@emotion/react/jsx-runtime");
14017
+ var import_jsx_runtime69 = require("@emotion/react/jsx-runtime");
11820
14018
  var ParameterDrawerHeader = ({ title, iconBeforeTitle, children }) => {
11821
- return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { css: ParameterDrawerHeaderContainer, children: [
11822
- /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("header", { css: ParameterDrawerHeaderTitleGroup, children: [
14019
+ return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { css: ParameterDrawerHeaderContainer, children: [
14020
+ /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("header", { css: ParameterDrawerHeaderTitleGroup, children: [
11823
14021
  iconBeforeTitle,
11824
- /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Heading, { level: 3, withMarginBottom: false, css: ParameterDrawerHeaderTitle, title, children: title })
14022
+ /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Heading, { level: 3, withMarginBottom: false, css: ParameterDrawerHeaderTitle, title, children: title })
11825
14023
  ] }),
11826
14024
  children
11827
14025
  ] });
11828
14026
  };
11829
14027
 
11830
14028
  // src/components/ParameterInputs/ParameterGroup.tsx
11831
- var import_react73 = require("react");
14029
+ var import_react76 = require("react");
11832
14030
 
11833
14031
  // src/components/ParameterInputs/styles/ParameterGroup.styles.ts
11834
- var import_react72 = require("@emotion/react");
11835
- var fieldsetStyles = import_react72.css`
14032
+ var import_react75 = require("@emotion/react");
14033
+ var fieldsetStyles = import_react75.css`
11836
14034
  &:disabled,
11837
14035
  [readonly] {
11838
14036
  pointer-events: none;
@@ -11843,7 +14041,7 @@ var fieldsetStyles = import_react72.css`
11843
14041
  }
11844
14042
  }
11845
14043
  `;
11846
- var fieldsetLegend2 = import_react72.css`
14044
+ var fieldsetLegend2 = import_react75.css`
11847
14045
  display: block;
11848
14046
  font-weight: var(--fw-medium);
11849
14047
  margin-bottom: var(--spacing-sm);
@@ -11851,38 +14049,38 @@ var fieldsetLegend2 = import_react72.css`
11851
14049
  `;
11852
14050
 
11853
14051
  // src/components/ParameterInputs/ParameterGroup.tsx
11854
- var import_jsx_runtime69 = require("@emotion/react/jsx-runtime");
11855
- var ParameterGroup = (0, import_react73.forwardRef)(
14052
+ var import_jsx_runtime70 = require("@emotion/react/jsx-runtime");
14053
+ var ParameterGroup = (0, import_react76.forwardRef)(
11856
14054
  ({ legend, isDisabled, children, ...props }, ref) => {
11857
- return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("fieldset", { css: fieldsetStyles, disabled: isDisabled, ref, ...props, children: [
11858
- /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("legend", { css: fieldsetLegend2, children: legend }),
14055
+ return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("fieldset", { css: fieldsetStyles, disabled: isDisabled, ref, ...props, children: [
14056
+ /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("legend", { css: fieldsetLegend2, children: legend }),
11859
14057
  children
11860
14058
  ] });
11861
14059
  }
11862
14060
  );
11863
14061
 
11864
14062
  // src/components/ParameterInputs/ParameterImage.tsx
11865
- var import_react77 = require("react");
14063
+ var import_react80 = require("react");
11866
14064
 
11867
14065
  // src/components/ParameterInputs/ParameterShell.tsx
11868
- var import_react76 = require("react");
14066
+ var import_react79 = require("react");
11869
14067
 
11870
14068
  // src/components/ParameterInputs/ParameterLabel.tsx
11871
- var import_jsx_runtime70 = require("@emotion/react/jsx-runtime");
14069
+ var import_jsx_runtime71 = require("@emotion/react/jsx-runtime");
11872
14070
  var ParameterLabel = ({ id, asSpan, children, ...props }) => {
11873
- return !asSpan ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("label", { ...props, htmlFor: id, css: labelText2, children }) : /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("span", { "aria-labelledby": id, css: labelText2, children });
14071
+ return !asSpan ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("label", { ...props, htmlFor: id, css: labelText2, children }) : /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("span", { "aria-labelledby": id, css: labelText2, children });
11874
14072
  };
11875
14073
 
11876
14074
  // src/components/ParameterInputs/ParameterMenuButton.tsx
11877
- var import_react74 = require("react");
11878
- var import_jsx_runtime71 = require("@emotion/react/jsx-runtime");
11879
- var ParameterMenuButton = (0, import_react74.forwardRef)(
14075
+ var import_react77 = require("react");
14076
+ var import_jsx_runtime72 = require("@emotion/react/jsx-runtime");
14077
+ var ParameterMenuButton = (0, import_react77.forwardRef)(
11880
14078
  ({ label, children }, ref) => {
11881
- return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
14079
+ return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
11882
14080
  Menu,
11883
14081
  {
11884
14082
  menuLabel: `${label} menu`,
11885
- menuTrigger: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
14083
+ menuTrigger: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
11886
14084
  "button",
11887
14085
  {
11888
14086
  className: "parameter-menu",
@@ -11890,7 +14088,7 @@ var ParameterMenuButton = (0, import_react74.forwardRef)(
11890
14088
  type: "button",
11891
14089
  "aria-label": `${label} options`,
11892
14090
  ref,
11893
- children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Icon, { icon: "more-alt", iconColor: "currentColor" })
14091
+ children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Icon, { icon: "more-alt", iconColor: "currentColor", size: "0.9rem" })
11894
14092
  }
11895
14093
  ),
11896
14094
  children
@@ -11900,15 +14098,15 @@ var ParameterMenuButton = (0, import_react74.forwardRef)(
11900
14098
  );
11901
14099
 
11902
14100
  // src/components/ParameterInputs/styles/ParameterShell.styles.ts
11903
- var import_react75 = require("@emotion/react");
11904
- var emptyParameterShell = import_react75.css`
14101
+ var import_react78 = require("@emotion/react");
14102
+ var emptyParameterShell = import_react78.css`
11905
14103
  border-radius: var(--rounded-sm);
11906
14104
  background: var(--white);
11907
14105
  flex-grow: 1;
11908
14106
  padding: var(--spacing-xs);
11909
14107
  position: relative;
11910
14108
  `;
11911
- var emptyParameterShellText = import_react75.css`
14109
+ var emptyParameterShellText = import_react78.css`
11912
14110
  background: var(--brand-secondary-6);
11913
14111
  border-radius: var(--rounded-sm);
11914
14112
  padding: var(--spacing-sm);
@@ -11916,7 +14114,7 @@ var emptyParameterShellText = import_react75.css`
11916
14114
  font-size: var(--fs-sm);
11917
14115
  margin: 0;
11918
14116
  `;
11919
- var overrideMarker = import_react75.css`
14117
+ var overrideMarker = import_react78.css`
11920
14118
  border-radius: var(--rounded-sm);
11921
14119
  border: 10px solid var(--gray-300);
11922
14120
  border-left-color: transparent;
@@ -11927,7 +14125,7 @@ var overrideMarker = import_react75.css`
11927
14125
  `;
11928
14126
 
11929
14127
  // src/components/ParameterInputs/ParameterShell.tsx
11930
- var import_jsx_runtime72 = require("@emotion/react/jsx-runtime");
14128
+ var import_jsx_runtime73 = require("@emotion/react/jsx-runtime");
11931
14129
  var extractParameterProps = (props) => {
11932
14130
  const {
11933
14131
  id,
@@ -11980,21 +14178,21 @@ var ParameterShell = ({
11980
14178
  children,
11981
14179
  ...props
11982
14180
  }) => {
11983
- const [manualErrorMessage, setManualErrorMessage] = (0, import_react76.useState)(void 0);
14181
+ const [manualErrorMessage, setManualErrorMessage] = (0, import_react79.useState)(void 0);
11984
14182
  const setErrorMessage = (message) => setManualErrorMessage(message);
11985
14183
  const errorMessaging = errorMessage || manualErrorMessage;
11986
- return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { css: inputContainer2, ...props, children: [
11987
- hiddenLabel || title ? null : /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(ParameterLabel, { id, css: labelText2, children: [
14184
+ return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { css: inputContainer2, ...props, children: [
14185
+ hiddenLabel || title ? null : /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(ParameterLabel, { id, css: labelText2, children: [
11988
14186
  labelLeadingIcon ? labelLeadingIcon : null,
11989
14187
  label
11990
14188
  ] }),
11991
- !title ? null : /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(ParameterLabel, { id, asSpan: true, children: [
14189
+ !title ? null : /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(ParameterLabel, { id, asSpan: true, children: [
11992
14190
  labelLeadingIcon ? labelLeadingIcon : null,
11993
14191
  title
11994
14192
  ] }),
11995
- /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { css: inputWrapper, children: [
11996
- menuItems ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(ParameterMenuButton, { label: `${label} menu`, children: menuItems }) : null,
11997
- /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
14193
+ /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { css: inputWrapper, children: [
14194
+ menuItems ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(ParameterMenuButton, { label: `${label} menu`, children: menuItems }) : null,
14195
+ /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
11998
14196
  ParameterShellContext.Provider,
11999
14197
  {
12000
14198
  value: {
@@ -12004,30 +14202,30 @@ var ParameterShell = ({
12004
14202
  errorMessage: errorMessaging,
12005
14203
  onManuallySetErrorMessage: (message) => setErrorMessage(message)
12006
14204
  },
12007
- children: /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(ParameterShellPlaceholder, { children: [
14205
+ children: /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(ParameterShellPlaceholder, { children: [
12008
14206
  children,
12009
- hasOverriddenValue && onResetOverriddenValue ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(ParameterOverrideMarker, { onClick: onResetOverriddenValue }) : null
14207
+ hasOverriddenValue && onResetOverriddenValue ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(ParameterOverrideMarker, { onClick: onResetOverriddenValue }) : null
12010
14208
  ] })
12011
14209
  }
12012
14210
  )
12013
14211
  ] }),
12014
- caption ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Caption, { testId: captionTestId, children: caption }) : null,
12015
- errorMessaging ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(ErrorMessage, { message: errorMessaging, testId: errorTestId }) : null
14212
+ caption ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Caption, { testId: captionTestId, children: caption }) : null,
14213
+ errorMessaging ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(ErrorMessage, { message: errorMessaging, testId: errorTestId }) : null
12016
14214
  ] });
12017
14215
  };
12018
14216
  var ParameterShellPlaceholder = ({ children }) => {
12019
- return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { css: emptyParameterShell, children });
14217
+ return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { css: emptyParameterShell, children });
12020
14218
  };
12021
- var ParameterOverrideMarker = (props) => /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Tooltip, { title: "The default value has been overridden", children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("button", { type: "button", css: overrideMarker, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { hidden: true, children: "reset overridden value to default" }) }) });
14219
+ var ParameterOverrideMarker = (props) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Tooltip, { title: "The default value has been overridden", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("button", { type: "button", css: overrideMarker, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { hidden: true, children: "reset overridden value to default" }) }) });
12022
14220
 
12023
14221
  // src/components/ParameterInputs/ParameterImage.tsx
12024
- var import_jsx_runtime73 = require("@emotion/react/jsx-runtime");
12025
- var ParameterImage = (0, import_react77.forwardRef)((props, ref) => {
14222
+ var import_jsx_runtime74 = require("@emotion/react/jsx-runtime");
14223
+ var ParameterImage = (0, import_react80.forwardRef)((props, ref) => {
12026
14224
  const { shellProps, innerProps } = extractParameterProps(props);
12027
- return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(ParameterShell, { "data-test-id": "parameter-image", ...shellProps, children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(ParameterImageInner, { ref, ...innerProps }) });
14225
+ return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(ParameterShell, { "data-test-id": "parameter-image", ...shellProps, children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(ParameterImageInner, { ref, ...innerProps }) });
12028
14226
  });
12029
14227
  var BrokenImage = ({ ...props }) => {
12030
- return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
14228
+ return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
12031
14229
  "svg",
12032
14230
  {
12033
14231
  width: "214",
@@ -12038,11 +14236,11 @@ var BrokenImage = ({ ...props }) => {
12038
14236
  xmlnsXlink: "http://www.w3.org/1999/xlink",
12039
14237
  ...props,
12040
14238
  children: [
12041
- /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("rect", { width: "214", height: "214", fill: "#F9FAFB" }),
12042
- /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("rect", { width: "214", height: "214", fill: "url(#pattern0)" }),
12043
- /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("defs", { children: [
12044
- /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("pattern", { id: "pattern0", patternContentUnits: "objectBoundingBox", width: "1", height: "1", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("use", { xlinkHref: "#image0_761_4353", transform: "scale(0.0025)" }) }),
12045
- /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
14239
+ /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("rect", { width: "214", height: "214", fill: "#F9FAFB" }),
14240
+ /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("rect", { width: "214", height: "214", fill: "url(#pattern0)" }),
14241
+ /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("defs", { children: [
14242
+ /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("pattern", { id: "pattern0", patternContentUnits: "objectBoundingBox", width: "1", height: "1", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("use", { xlinkHref: "#image0_761_4353", transform: "scale(0.0025)" }) }),
14243
+ /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
12046
14244
  "image",
12047
14245
  {
12048
14246
  id: "image0_761_4353",
@@ -12056,14 +14254,14 @@ var BrokenImage = ({ ...props }) => {
12056
14254
  }
12057
14255
  );
12058
14256
  };
12059
- var ParameterImageInner = (0, import_react77.forwardRef)(
14257
+ var ParameterImageInner = (0, import_react80.forwardRef)(
12060
14258
  ({ ...props }, ref) => {
12061
14259
  const { value } = props;
12062
14260
  const { id, label, hiddenLabel, errorMessage, onManuallySetErrorMessage } = useParameterShell();
12063
- const [loading, setLoading] = (0, import_react77.useState)(false);
12064
- const deferredValue = (0, import_react77.useDeferredValue)(value);
14261
+ const [loading, setLoading] = (0, import_react80.useState)(false);
14262
+ const deferredValue = (0, import_react80.useDeferredValue)(value);
12065
14263
  const errorText = "The text you provided is not a valid URL";
12066
- const updateImageSrc = (0, import_react77.useCallback)(() => {
14264
+ const updateImageSrc = (0, import_react80.useCallback)(() => {
12067
14265
  let message = void 0;
12068
14266
  try {
12069
14267
  if (value !== "") {
@@ -12091,11 +14289,11 @@ var ParameterImageInner = (0, import_react77.forwardRef)(
12091
14289
  onManuallySetErrorMessage(errorText);
12092
14290
  }
12093
14291
  };
12094
- (0, import_react77.useEffect)(() => {
14292
+ (0, import_react80.useEffect)(() => {
12095
14293
  updateImageSrc();
12096
14294
  }, [value]);
12097
- return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(import_jsx_runtime73.Fragment, { children: [
12098
- /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
14295
+ return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(import_jsx_runtime74.Fragment, { children: [
14296
+ /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
12099
14297
  "input",
12100
14298
  {
12101
14299
  css: input2,
@@ -12107,8 +14305,8 @@ var ParameterImageInner = (0, import_react77.forwardRef)(
12107
14305
  ...props
12108
14306
  }
12109
14307
  ),
12110
- /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { css: imageWrapper, children: [
12111
- deferredValue && !errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
14308
+ /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { css: imageWrapper, children: [
14309
+ deferredValue && !errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
12112
14310
  "img",
12113
14311
  {
12114
14312
  src: deferredValue,
@@ -12118,24 +14316,24 @@ var ParameterImageInner = (0, import_react77.forwardRef)(
12118
14316
  loading: "lazy"
12119
14317
  }
12120
14318
  ) : null,
12121
- deferredValue && errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(BrokenImage, { css: img }) : null
14319
+ deferredValue && errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(BrokenImage, { css: img }) : null
12122
14320
  ] }),
12123
- loading ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(LoadingIcon, {}) : null
14321
+ loading ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(LoadingIcon, {}) : null
12124
14322
  ] });
12125
14323
  }
12126
14324
  );
12127
14325
 
12128
14326
  // src/components/ParameterInputs/ParameterInput.tsx
12129
- var import_react78 = require("react");
12130
- var import_jsx_runtime74 = require("@emotion/react/jsx-runtime");
12131
- var ParameterInput = (0, import_react78.forwardRef)((props, ref) => {
14327
+ var import_react81 = require("react");
14328
+ var import_jsx_runtime75 = require("@emotion/react/jsx-runtime");
14329
+ var ParameterInput = (0, import_react81.forwardRef)((props, ref) => {
12132
14330
  const { shellProps, innerProps } = extractParameterProps(props);
12133
- return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(ParameterShell, { "data-test-id": "parameter-input", ...shellProps, children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(ParameterInputInner, { ref, ...innerProps }) });
14331
+ return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(ParameterShell, { "data-test-id": "parameter-input", ...shellProps, children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(ParameterInputInner, { ref, ...innerProps }) });
12134
14332
  });
12135
- var ParameterInputInner = (0, import_react78.forwardRef)(
14333
+ var ParameterInputInner = (0, import_react81.forwardRef)(
12136
14334
  ({ ...props }, ref) => {
12137
14335
  const { id, label, hiddenLabel } = useParameterShell();
12138
- return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
14336
+ return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
12139
14337
  "input",
12140
14338
  {
12141
14339
  css: input2,
@@ -12151,19 +14349,19 @@ var ParameterInputInner = (0, import_react78.forwardRef)(
12151
14349
  );
12152
14350
 
12153
14351
  // src/components/ParameterInputs/ParameterLink.tsx
12154
- var import_react79 = require("react");
12155
- var import_jsx_runtime75 = require("@emotion/react/jsx-runtime");
12156
- var ParameterLink = (0, import_react79.forwardRef)(
14352
+ var import_react82 = require("react");
14353
+ var import_jsx_runtime76 = require("@emotion/react/jsx-runtime");
14354
+ var ParameterLink = (0, import_react82.forwardRef)(
12157
14355
  ({ buttonText = "Select project map node", disabled, onConnectLink, externalLink, ...props }, ref) => {
12158
14356
  const { shellProps, innerProps } = extractParameterProps(props);
12159
- return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
14357
+ return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
12160
14358
  ParameterShell,
12161
14359
  {
12162
14360
  "data-test-id": "link-parameter-editor",
12163
14361
  ...shellProps,
12164
14362
  label: innerProps.value ? shellProps.label : "",
12165
14363
  title: !innerProps.value ? shellProps.label : void 0,
12166
- children: !innerProps.value ? /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("button", { type: "button", css: dataConnectButton, disabled, onClick: onConnectLink, children: buttonText }) : /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
14364
+ children: !innerProps.value ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("button", { type: "button", css: dataConnectButton, disabled, onClick: onConnectLink, children: buttonText }) : /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
12167
14365
  ParameterLinkInner,
12168
14366
  {
12169
14367
  onConnectLink,
@@ -12176,11 +14374,11 @@ var ParameterLink = (0, import_react79.forwardRef)(
12176
14374
  );
12177
14375
  }
12178
14376
  );
12179
- var ParameterLinkInner = (0, import_react79.forwardRef)(
14377
+ var ParameterLinkInner = (0, import_react82.forwardRef)(
12180
14378
  ({ externalLink, onConnectLink, disabled, ...props }, ref) => {
12181
14379
  const { id, label, hiddenLabel } = useParameterShell();
12182
- return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { css: inputWrapper, children: [
12183
- /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
14380
+ return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { css: inputWrapper, children: [
14381
+ /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
12184
14382
  "input",
12185
14383
  {
12186
14384
  type: "text",
@@ -12192,7 +14390,7 @@ var ParameterLinkInner = (0, import_react79.forwardRef)(
12192
14390
  ...props
12193
14391
  }
12194
14392
  ),
12195
- /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
14393
+ /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
12196
14394
  "button",
12197
14395
  {
12198
14396
  type: "button",
@@ -12203,7 +14401,7 @@ var ParameterLinkInner = (0, import_react79.forwardRef)(
12203
14401
  children: "edit"
12204
14402
  }
12205
14403
  ),
12206
- externalLink ? /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
14404
+ externalLink ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
12207
14405
  "a",
12208
14406
  {
12209
14407
  href: externalLink,
@@ -12211,7 +14409,7 @@ var ParameterLinkInner = (0, import_react79.forwardRef)(
12211
14409
  title: "Open link in new tab",
12212
14410
  target: "_blank",
12213
14411
  rel: "noopener noreferrer",
12214
- children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Icon, { icon: "arrows-expand-up-right", iconColor: "currentColor", size: "1rem" })
14412
+ children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Icon, { icon: "arrows-expand-up-right", iconColor: "currentColor", size: "1rem" })
12215
14413
  }
12216
14414
  ) : null
12217
14415
  ] });
@@ -12219,7 +14417,7 @@ var ParameterLinkInner = (0, import_react79.forwardRef)(
12219
14417
  );
12220
14418
 
12221
14419
  // src/components/ParameterInputs/ParameterNameAndPublicIdInput.tsx
12222
- var import_jsx_runtime76 = require("@emotion/react/jsx-runtime");
14420
+ var import_jsx_runtime77 = require("@emotion/react/jsx-runtime");
12223
14421
  var ParameterNameAndPublicIdInput = ({
12224
14422
  id,
12225
14423
  onBlur,
@@ -12245,8 +14443,8 @@ var ParameterNameAndPublicIdInput = ({
12245
14443
  navigator.clipboard.writeText(values[publicIdFieldName]);
12246
14444
  };
12247
14445
  autoFocus == null ? void 0 : autoFocus();
12248
- return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(import_jsx_runtime76.Fragment, { children: [
12249
- /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
14446
+ return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(import_jsx_runtime77.Fragment, { children: [
14447
+ /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
12250
14448
  ParameterInput,
12251
14449
  {
12252
14450
  id: nameIdField,
@@ -12265,7 +14463,7 @@ var ParameterNameAndPublicIdInput = ({
12265
14463
  value: values[nameIdField]
12266
14464
  }
12267
14465
  ),
12268
- /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
14466
+ /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
12269
14467
  ParameterInput,
12270
14468
  {
12271
14469
  id: publicIdFieldName,
@@ -12279,11 +14477,11 @@ var ParameterNameAndPublicIdInput = ({
12279
14477
  caption: publicIdCaption,
12280
14478
  placeholder: publicIdPlaceholderText,
12281
14479
  errorMessage: publicIdError,
12282
- menuItems: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
14480
+ menuItems: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
12283
14481
  MenuItem,
12284
14482
  {
12285
14483
  disabled: !values[publicIdFieldName],
12286
- icon: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Icon, { icon: "path-trim", iconColor: "currentColor" }),
14484
+ icon: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Icon, { icon: "path-trim", iconColor: "currentColor" }),
12287
14485
  onClick: handleCopyPidFieldValue,
12288
14486
  children: "Copy"
12289
14487
  }
@@ -12291,14 +14489,14 @@ var ParameterNameAndPublicIdInput = ({
12291
14489
  value: values[publicIdFieldName]
12292
14490
  }
12293
14491
  ),
12294
- (warnOverLength == null ? void 0 : warnOverLength.length) && values[publicIdFieldName].length > warnOverLength.length ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Callout, { type: "caution", children: warnOverLength.message }) : null
14492
+ (warnOverLength == null ? void 0 : warnOverLength.length) && values[publicIdFieldName].length > warnOverLength.length ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Callout, { type: "caution", children: warnOverLength.message }) : null
12295
14493
  ] });
12296
14494
  };
12297
14495
 
12298
14496
  // src/components/ParameterInputs/ParameterRichText.tsx
12299
- var import_react80 = require("react");
12300
- var import_jsx_runtime77 = require("@emotion/react/jsx-runtime");
12301
- var ParameterRichText = (0, import_react80.forwardRef)(
14497
+ var import_react83 = require("react");
14498
+ var import_jsx_runtime78 = require("@emotion/react/jsx-runtime");
14499
+ var ParameterRichText = (0, import_react83.forwardRef)(
12302
14500
  ({
12303
14501
  label,
12304
14502
  labelLeadingIcon,
@@ -12311,7 +14509,7 @@ var ParameterRichText = (0, import_react80.forwardRef)(
12311
14509
  menuItems,
12312
14510
  ...props
12313
14511
  }, ref) => {
12314
- return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
14512
+ return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
12315
14513
  ParameterShell,
12316
14514
  {
12317
14515
  "data-test-id": "parameter-input",
@@ -12324,16 +14522,16 @@ var ParameterRichText = (0, import_react80.forwardRef)(
12324
14522
  captionTestId,
12325
14523
  menuItems,
12326
14524
  children: [
12327
- /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(ParameterRichTextInner, { ref, ...props }),
12328
- menuItems ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(ParameterMenuButton, { label: `${label} menu`, children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_jsx_runtime77.Fragment, { children: menuItems }) }) : null
14525
+ /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(ParameterRichTextInner, { ref, ...props }),
14526
+ menuItems ? /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(ParameterMenuButton, { label: `${label} menu`, children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_jsx_runtime78.Fragment, { children: menuItems }) }) : null
12329
14527
  ]
12330
14528
  }
12331
14529
  );
12332
14530
  }
12333
14531
  );
12334
- var ParameterRichTextInner = (0, import_react80.forwardRef)(({ ...props }, ref) => {
14532
+ var ParameterRichTextInner = (0, import_react83.forwardRef)(({ ...props }, ref) => {
12335
14533
  const { id, label, hiddenLabel } = useParameterShell();
12336
- return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
14534
+ return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
12337
14535
  "textarea",
12338
14536
  {
12339
14537
  css: [input2, textarea2],
@@ -12346,18 +14544,18 @@ var ParameterRichTextInner = (0, import_react80.forwardRef)(({ ...props }, ref)
12346
14544
  });
12347
14545
 
12348
14546
  // src/components/ParameterInputs/ParameterSelect.tsx
12349
- var import_react81 = require("react");
12350
- var import_jsx_runtime78 = require("@emotion/react/jsx-runtime");
12351
- var ParameterSelect = (0, import_react81.forwardRef)(
14547
+ var import_react84 = require("react");
14548
+ var import_jsx_runtime79 = require("@emotion/react/jsx-runtime");
14549
+ var ParameterSelect = (0, import_react84.forwardRef)(
12352
14550
  ({ defaultOption, options, ...props }, ref) => {
12353
14551
  const { shellProps, innerProps } = extractParameterProps(props);
12354
- return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(ParameterShell, { ...shellProps, children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(ParameterSelectInner, { options, defaultOption, ...innerProps, ref }) });
14552
+ return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(ParameterShell, { ...shellProps, children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(ParameterSelectInner, { options, defaultOption, ...innerProps, ref }) });
12355
14553
  }
12356
14554
  );
12357
- var ParameterSelectInner = (0, import_react81.forwardRef)(
14555
+ var ParameterSelectInner = (0, import_react84.forwardRef)(
12358
14556
  ({ defaultOption, options, ...props }, ref) => {
12359
14557
  const { id, label, hiddenLabel } = useParameterShell();
12360
- return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
14558
+ return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
12361
14559
  "select",
12362
14560
  {
12363
14561
  css: [input2, selectInput],
@@ -12366,10 +14564,10 @@ var ParameterSelectInner = (0, import_react81.forwardRef)(
12366
14564
  ref,
12367
14565
  ...props,
12368
14566
  children: [
12369
- defaultOption ? /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("option", { value: "", children: defaultOption }) : null,
14567
+ defaultOption ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("option", { value: "", children: defaultOption }) : null,
12370
14568
  options.map((option) => {
12371
14569
  var _a;
12372
- return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("option", { value: (_a = option.value) != null ? _a : option.label, children: option.label }, option.label);
14570
+ return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("option", { value: (_a = option.value) != null ? _a : option.label, children: option.label }, option.label);
12373
14571
  })
12374
14572
  ]
12375
14573
  }
@@ -12378,15 +14576,15 @@ var ParameterSelectInner = (0, import_react81.forwardRef)(
12378
14576
  );
12379
14577
 
12380
14578
  // src/components/ParameterInputs/ParameterTextarea.tsx
12381
- var import_react82 = require("react");
12382
- var import_jsx_runtime79 = require("@emotion/react/jsx-runtime");
12383
- var ParameterTextarea = (0, import_react82.forwardRef)((props, ref) => {
14579
+ var import_react85 = require("react");
14580
+ var import_jsx_runtime80 = require("@emotion/react/jsx-runtime");
14581
+ var ParameterTextarea = (0, import_react85.forwardRef)((props, ref) => {
12384
14582
  const { shellProps, innerProps } = extractParameterProps(props);
12385
- return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(ParameterShell, { "data-test-id": "parameter-textarea", ...shellProps, children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(ParameterTextareaInner, { ref, ...innerProps }) });
14583
+ return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(ParameterShell, { "data-test-id": "parameter-textarea", ...shellProps, children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(ParameterTextareaInner, { ref, ...innerProps }) });
12386
14584
  });
12387
- var ParameterTextareaInner = (0, import_react82.forwardRef)(({ ...props }, ref) => {
14585
+ var ParameterTextareaInner = (0, import_react85.forwardRef)(({ ...props }, ref) => {
12388
14586
  const { id, label, hiddenLabel } = useParameterShell();
12389
- return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
14587
+ return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
12390
14588
  "textarea",
12391
14589
  {
12392
14590
  css: [input2, textarea2],
@@ -12399,18 +14597,18 @@ var ParameterTextareaInner = (0, import_react82.forwardRef)(({ ...props }, ref)
12399
14597
  });
12400
14598
 
12401
14599
  // src/components/ParameterInputs/ParameterToggle.tsx
12402
- var import_react83 = require("react");
12403
- var import_jsx_runtime80 = require("@emotion/react/jsx-runtime");
12404
- var ParameterToggle = (0, import_react83.forwardRef)((props, ref) => {
14600
+ var import_react86 = require("react");
14601
+ var import_jsx_runtime81 = require("@emotion/react/jsx-runtime");
14602
+ var ParameterToggle = (0, import_react86.forwardRef)((props, ref) => {
12405
14603
  const { shellProps, innerProps } = extractParameterProps(props);
12406
- return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(ParameterShell, { ...shellProps, children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(ParameterToggleInner, { ref, ...innerProps }) });
14604
+ return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(ParameterShell, { ...shellProps, children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(ParameterToggleInner, { ref, ...innerProps }) });
12407
14605
  });
12408
- var ParameterToggleInner = (0, import_react83.forwardRef)(
14606
+ var ParameterToggleInner = (0, import_react86.forwardRef)(
12409
14607
  ({ ...props }, ref) => {
12410
14608
  const { id, label } = useParameterShell();
12411
- return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("label", { css: inputToggleLabel2, children: [
12412
- /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("input", { css: toggleInput2, type: props.type, id, ref, ...props }),
12413
- /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { css: inlineLabel2, children: label })
14609
+ return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("label", { css: inputToggleLabel2, children: [
14610
+ /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("input", { css: toggleInput2, type: props.type, id, ref, ...props }),
14611
+ /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { css: inlineLabel2, children: label })
12414
14612
  ] });
12415
14613
  }
12416
14614
  );
@@ -12420,13 +14618,13 @@ var import_Popover = require("reakit/Popover");
12420
14618
  var import_Portal2 = require("reakit/Portal");
12421
14619
 
12422
14620
  // src/components/Popover/Popover.styles.ts
12423
- var import_react84 = require("@emotion/react");
12424
- var PopoverBtn = import_react84.css`
14621
+ var import_react87 = require("@emotion/react");
14622
+ var PopoverBtn = import_react87.css`
12425
14623
  border: none;
12426
14624
  background: none;
12427
14625
  padding: 0;
12428
14626
  `;
12429
- var Popover = import_react84.css`
14627
+ var Popover = import_react87.css`
12430
14628
  border-left: var(--spacing-xs) solid var(--brand-secondary-3);
12431
14629
  border-radius: var(--rounded-base);
12432
14630
  box-shadow: var(--shadow-base);
@@ -12439,7 +14637,7 @@ var Popover = import_react84.css`
12439
14637
  `;
12440
14638
 
12441
14639
  // src/components/Popover/Popover.tsx
12442
- var import_jsx_runtime81 = require("@emotion/react/jsx-runtime");
14640
+ var import_jsx_runtime82 = require("@emotion/react/jsx-runtime");
12443
14641
  var Popover2 = ({
12444
14642
  iconColor = "green",
12445
14643
  buttonText,
@@ -12448,28 +14646,130 @@ var Popover2 = ({
12448
14646
  children
12449
14647
  }) => {
12450
14648
  const popover = (0, import_Popover.usePopoverState)({ placement });
12451
- return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(import_jsx_runtime81.Fragment, { children: [
12452
- /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(import_Popover.PopoverDisclosure, { ...popover, css: PopoverBtn, title: buttonText, children: [
12453
- /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Icon, { icon: "info", iconColor, size: "1rem" }),
12454
- /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { hidden: true, children: buttonText })
14649
+ return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(import_jsx_runtime82.Fragment, { children: [
14650
+ /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(import_Popover.PopoverDisclosure, { ...popover, css: PopoverBtn, title: buttonText, children: [
14651
+ /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Icon, { icon: "info", iconColor, size: "1rem" }),
14652
+ /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { hidden: true, children: buttonText })
12455
14653
  ] }),
12456
- /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_Portal2.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_Popover.Popover, { css: Popover, ...popover, "aria-label": ariaLabel, children }) })
14654
+ /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_Portal2.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_Popover.Popover, { css: Popover, ...popover, "aria-label": ariaLabel, children }) })
14655
+ ] });
14656
+ };
14657
+
14658
+ // src/components/ProgressList/ProgressList.tsx
14659
+ var import_react89 = require("@emotion/react");
14660
+ var import_react90 = require("react");
14661
+ var import_cg13 = require("react-icons/cg");
14662
+
14663
+ // src/components/ProgressList/styles/ProgressList.styles.ts
14664
+ var import_react88 = require("@emotion/react");
14665
+ var progressListStyles = import_react88.css`
14666
+ display: flex;
14667
+ flex-direction: column;
14668
+ gap: var(--spacing-sm);
14669
+ list-style-type: none;
14670
+ `;
14671
+ var progressListItemStyles = import_react88.css`
14672
+ display: flex;
14673
+ gap: var(--spacing-base);
14674
+ align-items: center;
14675
+ `;
14676
+
14677
+ // src/components/ProgressList/ProgressList.tsx
14678
+ var import_jsx_runtime83 = require("@emotion/react/jsx-runtime");
14679
+ var ProgressList = ({ inProgressId, items, autoEllipsis, ...htmlProps }) => {
14680
+ const itemsWithStatus = (0, import_react90.useMemo)(() => {
14681
+ const indexOfInProgressItem = items.findIndex(({ id }) => id === inProgressId);
14682
+ return items.map((item, index) => {
14683
+ let status = "queued";
14684
+ if (index < indexOfInProgressItem) {
14685
+ status = "completed";
14686
+ } else if (index === indexOfInProgressItem) {
14687
+ status = "inProgress";
14688
+ }
14689
+ return { ...item, status };
14690
+ });
14691
+ }, [items, inProgressId]);
14692
+ return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("ol", { css: progressListStyles, ...htmlProps, children: itemsWithStatus.map(({ id, label, status, error, errorLevel }) => {
14693
+ return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
14694
+ ProgressListItem,
14695
+ {
14696
+ status,
14697
+ error,
14698
+ errorLevel,
14699
+ autoEllipsis,
14700
+ children: label
14701
+ },
14702
+ id
14703
+ );
14704
+ }) });
14705
+ };
14706
+ var ProgressListItem = ({
14707
+ children,
14708
+ status = "queued",
14709
+ error,
14710
+ errorLevel = "danger",
14711
+ autoEllipsis = false
14712
+ }) => {
14713
+ const Icon2 = (0, import_react90.useMemo)(() => {
14714
+ if (error) {
14715
+ return warningIcon;
14716
+ }
14717
+ const iconPerStatus = {
14718
+ completed: import_cg13.CgCheckO,
14719
+ inProgress: import_cg13.CgRecord,
14720
+ queued: import_cg13.CgRadioCheck
14721
+ };
14722
+ return iconPerStatus[status];
14723
+ }, [status, error]);
14724
+ const statusStyles = (0, import_react90.useMemo)(() => {
14725
+ if (error) {
14726
+ return errorLevel === "caution" ? import_react89.css`
14727
+ color: rgb(161, 98, 7);
14728
+ & svg {
14729
+ color: rgb(250, 204, 21);
14730
+ }
14731
+ ` : import_react89.css`
14732
+ color: rgb(185, 28, 28);
14733
+ & svg {
14734
+ color: var(--brand-primary-2);
14735
+ }
14736
+ `;
14737
+ }
14738
+ const colorPerStatus = {
14739
+ completed: import_react89.css`
14740
+ opacity: 0.75;
14741
+ `,
14742
+ inProgress: import_react89.css`
14743
+ -webkit-text-stroke-width: thin;
14744
+ `,
14745
+ queued: import_react89.css`
14746
+ opacity: 0.5;
14747
+ `
14748
+ };
14749
+ return colorPerStatus[status];
14750
+ }, [status, error, errorLevel]);
14751
+ return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("li", { css: [progressListItemStyles, statusStyles], children: [
14752
+ /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Tooltip, { title: error != null ? error : "", children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Icon2, { size: 20 }) }) }),
14753
+ /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { children: [
14754
+ children,
14755
+ /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { css: { visibility: autoEllipsis && status === "inProgress" && !error ? "visible" : "hidden" }, children: "..." })
14756
+ ] })
12457
14757
  ] });
12458
14758
  };
12459
14759
 
12460
14760
  // src/components/Skeleton/Skeleton.styles.ts
12461
- var import_react85 = require("@emotion/react");
12462
- var lightFadingOut = import_react85.keyframes`
14761
+ var import_react91 = require("@emotion/react");
14762
+ var lightFadingOut = import_react91.keyframes`
12463
14763
  from { opacity: 0.1; }
12464
14764
  to { opacity: 0.025; }
12465
14765
  `;
12466
- var skeletonStyles = import_react85.css`
14766
+ var skeletonStyles = import_react91.css`
12467
14767
  animation: ${lightFadingOut} 1s ease-out infinite alternate;
12468
14768
  background-color: var(--gray-900);
12469
14769
  `;
12470
14770
 
12471
14771
  // src/components/Skeleton/Skeleton.tsx
12472
- var import_jsx_runtime82 = require("@emotion/react/jsx-runtime");
14772
+ var import_jsx_runtime84 = require("@emotion/react/jsx-runtime");
12473
14773
  var Skeleton = ({
12474
14774
  width = "100%",
12475
14775
  height = "1.25rem",
@@ -12477,7 +14777,7 @@ var Skeleton = ({
12477
14777
  circle = false,
12478
14778
  children,
12479
14779
  ...otherProps
12480
- }) => /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
14780
+ }) => /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
12481
14781
  "div",
12482
14782
  {
12483
14783
  css: [
@@ -12497,11 +14797,11 @@ var Skeleton = ({
12497
14797
  );
12498
14798
 
12499
14799
  // src/components/Switch/Switch.tsx
12500
- var React15 = __toESM(require("react"));
14800
+ var React17 = __toESM(require("react"));
12501
14801
 
12502
14802
  // src/components/Switch/Switch.styles.ts
12503
- var import_react86 = require("@emotion/react");
12504
- var SwitchInputContainer = import_react86.css`
14803
+ var import_react92 = require("@emotion/react");
14804
+ var SwitchInputContainer = import_react92.css`
12505
14805
  cursor: pointer;
12506
14806
  display: inline-block;
12507
14807
  position: relative;
@@ -12510,7 +14810,7 @@ var SwitchInputContainer = import_react86.css`
12510
14810
  vertical-align: middle;
12511
14811
  user-select: none;
12512
14812
  `;
12513
- var SwitchInput = import_react86.css`
14813
+ var SwitchInput = import_react92.css`
12514
14814
  appearance: none;
12515
14815
  border-radius: var(--rounded-full);
12516
14816
  background-color: var(--white);
@@ -12548,7 +14848,7 @@ var SwitchInput = import_react86.css`
12548
14848
  cursor: not-allowed;
12549
14849
  }
12550
14850
  `;
12551
- var SwitchInputDisabled = import_react86.css`
14851
+ var SwitchInputDisabled = import_react92.css`
12552
14852
  opacity: var(--opacity-50);
12553
14853
  cursor: not-allowed;
12554
14854
 
@@ -12556,7 +14856,7 @@ var SwitchInputDisabled = import_react86.css`
12556
14856
  cursor: not-allowed;
12557
14857
  }
12558
14858
  `;
12559
- var SwitchInputLabel = import_react86.css`
14859
+ var SwitchInputLabel = import_react92.css`
12560
14860
  align-items: center;
12561
14861
  color: var(--brand-secondary-1);
12562
14862
  display: inline-flex;
@@ -12578,103 +14878,103 @@ var SwitchInputLabel = import_react86.css`
12578
14878
  top: 0;
12579
14879
  }
12580
14880
  `;
12581
- var SwitchText = import_react86.css`
14881
+ var SwitchText = import_react92.css`
12582
14882
  color: var(--gray-500);
12583
14883
  font-size: var(--fs-sm);
12584
14884
  padding-inline: var(--spacing-2xl) 0;
12585
14885
  `;
12586
14886
 
12587
14887
  // src/components/Switch/Switch.tsx
12588
- var import_jsx_runtime83 = require("@emotion/react/jsx-runtime");
12589
- var Switch = React15.forwardRef(
14888
+ var import_jsx_runtime85 = require("@emotion/react/jsx-runtime");
14889
+ var Switch = React17.forwardRef(
12590
14890
  ({ label, infoText, toggleText, children, ...inputProps }, ref) => {
12591
14891
  let additionalText = infoText;
12592
14892
  if (infoText && toggleText) {
12593
14893
  additionalText = inputProps.checked ? toggleText : infoText;
12594
14894
  }
12595
- return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(import_jsx_runtime83.Fragment, { children: [
12596
- /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("label", { css: [SwitchInputContainer, inputProps.disabled ? SwitchInputDisabled : void 0], children: [
12597
- /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("input", { type: "checkbox", css: SwitchInput, ...inputProps, ref }),
12598
- /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { css: SwitchInputLabel, children: label })
14895
+ return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(import_jsx_runtime85.Fragment, { children: [
14896
+ /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("label", { css: [SwitchInputContainer, inputProps.disabled ? SwitchInputDisabled : void 0], children: [
14897
+ /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("input", { type: "checkbox", css: SwitchInput, ...inputProps, ref }),
14898
+ /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { css: SwitchInputLabel, children: label })
12599
14899
  ] }),
12600
- additionalText ? /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("p", { css: SwitchText, children: additionalText }) : null,
14900
+ additionalText ? /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("p", { css: SwitchText, children: additionalText }) : null,
12601
14901
  children
12602
14902
  ] });
12603
14903
  }
12604
14904
  );
12605
14905
 
12606
14906
  // src/components/Table/Table.tsx
12607
- var React16 = __toESM(require("react"));
14907
+ var React18 = __toESM(require("react"));
12608
14908
 
12609
14909
  // src/components/Table/Table.styles.ts
12610
- var import_react87 = require("@emotion/react");
12611
- var table = import_react87.css`
14910
+ var import_react93 = require("@emotion/react");
14911
+ var table = import_react93.css`
12612
14912
  border-bottom: 1px solid var(--gray-400);
12613
14913
  border-collapse: collapse;
12614
14914
  min-width: 100%;
12615
14915
  table-layout: auto;
12616
14916
  `;
12617
- var tableHead = import_react87.css`
14917
+ var tableHead = import_react93.css`
12618
14918
  background: var(--gray-100);
12619
14919
  color: var(--brand-secondary-1);
12620
14920
  text-align: left;
12621
14921
  `;
12622
- var tableRow = import_react87.css`
14922
+ var tableRow = import_react93.css`
12623
14923
  border-bottom: 1px solid var(--gray-200);
12624
14924
  `;
12625
- var tableCellHead = import_react87.css`
14925
+ var tableCellHead = import_react93.css`
12626
14926
  font-size: var(--fs-sm);
12627
14927
  padding: var(--spacing-base) var(--spacing-md);
12628
14928
  text-transform: uppercase;
12629
14929
  font-weight: var(--fw-bold);
12630
14930
  `;
12631
- var tableCellData = import_react87.css`
14931
+ var tableCellData = import_react93.css`
12632
14932
  padding: var(--spacing-base) var(--spacing-md);
12633
14933
  `;
12634
14934
 
12635
14935
  // src/components/Table/Table.tsx
12636
- var import_jsx_runtime84 = require("@emotion/react/jsx-runtime");
12637
- var Table = React16.forwardRef(({ children, ...otherProps }, ref) => {
12638
- return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("table", { ref, css: table, ...otherProps, children });
14936
+ var import_jsx_runtime86 = require("@emotion/react/jsx-runtime");
14937
+ var Table = React18.forwardRef(({ children, ...otherProps }, ref) => {
14938
+ return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("table", { ref, css: table, ...otherProps, children });
12639
14939
  });
12640
- var TableHead = React16.forwardRef(
14940
+ var TableHead = React18.forwardRef(
12641
14941
  ({ children, ...otherProps }, ref) => {
12642
- return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("thead", { ref, css: tableHead, ...otherProps, children });
14942
+ return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("thead", { ref, css: tableHead, ...otherProps, children });
12643
14943
  }
12644
14944
  );
12645
- var TableBody = React16.forwardRef(
14945
+ var TableBody = React18.forwardRef(
12646
14946
  ({ children, ...otherProps }, ref) => {
12647
- return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("tbody", { ref, ...otherProps, children });
14947
+ return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("tbody", { ref, ...otherProps, children });
12648
14948
  }
12649
14949
  );
12650
- var TableFoot = React16.forwardRef(
14950
+ var TableFoot = React18.forwardRef(
12651
14951
  ({ children, ...otherProps }, ref) => {
12652
- return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("tfoot", { ref, ...otherProps, children });
14952
+ return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("tfoot", { ref, ...otherProps, children });
12653
14953
  }
12654
14954
  );
12655
- var TableRow = React16.forwardRef(
14955
+ var TableRow = React18.forwardRef(
12656
14956
  ({ children, ...otherProps }, ref) => {
12657
- return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("tr", { ref, css: tableRow, ...otherProps, children });
14957
+ return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("tr", { ref, css: tableRow, ...otherProps, children });
12658
14958
  }
12659
14959
  );
12660
- var TableCellHead = React16.forwardRef(
14960
+ var TableCellHead = React18.forwardRef(
12661
14961
  ({ children, ...otherProps }, ref) => {
12662
- return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("th", { ref, css: tableCellHead, ...otherProps, children });
14962
+ return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("th", { ref, css: tableCellHead, ...otherProps, children });
12663
14963
  }
12664
14964
  );
12665
- var TableCellData = React16.forwardRef(
14965
+ var TableCellData = React18.forwardRef(
12666
14966
  ({ children, ...otherProps }, ref) => {
12667
- return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("td", { ref, css: tableCellData, ...otherProps, children });
14967
+ return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("td", { ref, css: tableCellData, ...otherProps, children });
12668
14968
  }
12669
14969
  );
12670
14970
 
12671
14971
  // src/components/Tabs/Tabs.tsx
12672
- var import_react89 = require("react");
14972
+ var import_react95 = require("react");
12673
14973
  var import_Tab = require("reakit/Tab");
12674
14974
 
12675
14975
  // src/components/Tabs/Tabs.styles.ts
12676
- var import_react88 = require("@emotion/react");
12677
- var tabButtonStyles = import_react88.css`
14976
+ var import_react94 = require("@emotion/react");
14977
+ var tabButtonStyles = import_react94.css`
12678
14978
  align-items: center;
12679
14979
  border: 0;
12680
14980
  height: 2.5rem;
@@ -12691,30 +14991,30 @@ var tabButtonStyles = import_react88.css`
12691
14991
  -webkit-text-stroke-width: thin;
12692
14992
  }
12693
14993
  `;
12694
- var tabButtonGroupStyles = import_react88.css`
14994
+ var tabButtonGroupStyles = import_react94.css`
12695
14995
  display: flex;
12696
14996
  gap: var(--spacing-base);
12697
14997
  border-bottom: 1px solid var(--gray-300);
12698
14998
  `;
12699
14999
 
12700
15000
  // src/components/Tabs/Tabs.tsx
12701
- var import_jsx_runtime85 = require("@emotion/react/jsx-runtime");
12702
- var CurrentTabContext = (0, import_react89.createContext)(null);
15001
+ var import_jsx_runtime87 = require("@emotion/react/jsx-runtime");
15002
+ var CurrentTabContext = (0, import_react95.createContext)(null);
12703
15003
  var useCurrentTab = () => {
12704
- const context = (0, import_react89.useContext)(CurrentTabContext);
15004
+ const context = (0, import_react95.useContext)(CurrentTabContext);
12705
15005
  if (!context) {
12706
15006
  throw new Error("This component can only be used inside <Tabs>");
12707
15007
  }
12708
15008
  return context;
12709
15009
  };
12710
15010
  var Tabs = ({ children, onSelectedIdChange, useHashForState, selectedId, ...props }) => {
12711
- const selected = (0, import_react89.useMemo)(() => {
15011
+ const selected = (0, import_react95.useMemo)(() => {
12712
15012
  if (selectedId)
12713
15013
  return selectedId;
12714
15014
  return useHashForState && typeof window !== "undefined" && window.location.hash ? window.location.hash.substring(1) : void 0;
12715
15015
  }, [selectedId, useHashForState]);
12716
15016
  const tab = (0, import_Tab.useTabState)({ ...props, selectedId: selected });
12717
- (0, import_react89.useEffect)(() => {
15017
+ (0, import_react95.useEffect)(() => {
12718
15018
  var _a;
12719
15019
  const selectedValueWithoutNull = (_a = tab.selectedId) != null ? _a : void 0;
12720
15020
  onSelectedIdChange == null ? void 0 : onSelectedIdChange(selectedValueWithoutNull);
@@ -12722,29 +15022,29 @@ var Tabs = ({ children, onSelectedIdChange, useHashForState, selectedId, ...prop
12722
15022
  window.location.hash = selectedValueWithoutNull != null ? selectedValueWithoutNull : "";
12723
15023
  }
12724
15024
  }, [tab.selectedId, onSelectedIdChange, useHashForState]);
12725
- (0, import_react89.useEffect)(() => {
15025
+ (0, import_react95.useEffect)(() => {
12726
15026
  if (selected && selected !== tab.selectedId) {
12727
15027
  tab.setSelectedId(selected);
12728
15028
  }
12729
15029
  }, [selected]);
12730
- return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(CurrentTabContext.Provider, { value: tab, children });
15030
+ return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(CurrentTabContext.Provider, { value: tab, children });
12731
15031
  };
12732
15032
  var TabButtonGroup = ({ children, ...props }) => {
12733
15033
  const currentTab = useCurrentTab();
12734
- return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_Tab.TabList, { ...props, ...currentTab, css: tabButtonGroupStyles, children });
15034
+ return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_Tab.TabList, { ...props, ...currentTab, css: tabButtonGroupStyles, children });
12735
15035
  };
12736
15036
  var TabButton = ({ children, id, ...props }) => {
12737
15037
  const currentTab = useCurrentTab();
12738
- return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_Tab.Tab, { type: "button", id, ...currentTab, ...props, css: tabButtonStyles, children });
15038
+ return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_Tab.Tab, { type: "button", id, ...currentTab, ...props, css: tabButtonStyles, children });
12739
15039
  };
12740
15040
  var TabContent = ({ children, ...props }) => {
12741
15041
  const currentTab = useCurrentTab();
12742
- return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_Tab.TabPanel, { ...props, ...currentTab, children });
15042
+ return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_Tab.TabPanel, { ...props, ...currentTab, children });
12743
15043
  };
12744
15044
 
12745
15045
  // src/components/Validation/StatusBullet.styles.ts
12746
- var import_react90 = require("@emotion/react");
12747
- var StatusBulletContainer = import_react90.css`
15046
+ var import_react96 = require("@emotion/react");
15047
+ var StatusBulletContainer = import_react96.css`
12748
15048
  align-items: center;
12749
15049
  align-self: center;
12750
15050
  color: var(--gray-500);
@@ -12761,51 +15061,51 @@ var StatusBulletContainer = import_react90.css`
12761
15061
  display: block;
12762
15062
  }
12763
15063
  `;
12764
- var StatusBulletBase = import_react90.css`
15064
+ var StatusBulletBase = import_react96.css`
12765
15065
  font-size: var(--fs-sm);
12766
15066
  &:before {
12767
15067
  width: var(--fs-xs);
12768
15068
  height: var(--fs-xs);
12769
15069
  }
12770
15070
  `;
12771
- var StatusBulletSmall = import_react90.css`
15071
+ var StatusBulletSmall = import_react96.css`
12772
15072
  font-size: var(--fs-xs);
12773
15073
  &:before {
12774
15074
  width: var(--fs-xxs);
12775
15075
  height: var(--fs-xxs);
12776
15076
  }
12777
15077
  `;
12778
- var StatusDraft = import_react90.css`
15078
+ var StatusDraft = import_react96.css`
12779
15079
  &:before {
12780
15080
  background: var(--white);
12781
15081
  box-shadow: inset 0 0 0 0.125rem var(--brand-primary-1);
12782
15082
  }
12783
15083
  `;
12784
- var StatusModified = import_react90.css`
15084
+ var StatusModified = import_react96.css`
12785
15085
  &:before {
12786
15086
  background: linear-gradient(to right, var(--white) 50%, var(--brand-primary-1) 50% 100%);
12787
15087
  box-shadow: inset 0 0 0 0.125rem var(--brand-primary-1);
12788
15088
  }
12789
15089
  `;
12790
- var StatusError = import_react90.css`
15090
+ var StatusError = import_react96.css`
12791
15091
  color: var(--error);
12792
15092
  &:before {
12793
15093
  background: linear-gradient(120deg, var(--error) 40%, var(--white) 50%, var(--error) 60%);
12794
15094
  }
12795
15095
  `;
12796
- var StatusPublished = import_react90.css`
15096
+ var StatusPublished = import_react96.css`
12797
15097
  &:before {
12798
15098
  background: var(--brand-secondary-3);
12799
15099
  }
12800
15100
  `;
12801
- var StatusOrphan = import_react90.css`
15101
+ var StatusOrphan = import_react96.css`
12802
15102
  &:before {
12803
15103
  background: var(--brand-secondary-5);
12804
15104
  }
12805
15105
  `;
12806
15106
 
12807
15107
  // src/components/Validation/StatusBullet.tsx
12808
- var import_jsx_runtime86 = require("@emotion/react/jsx-runtime");
15108
+ var import_jsx_runtime88 = require("@emotion/react/jsx-runtime");
12809
15109
  var StatusBullet = ({
12810
15110
  status,
12811
15111
  hideText = false,
@@ -12822,7 +15122,7 @@ var StatusBullet = ({
12822
15122
  Draft: StatusDraft
12823
15123
  };
12824
15124
  const statusSize = size === "base" ? StatusBulletBase : StatusBulletSmall;
12825
- return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
15125
+ return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
12826
15126
  "span",
12827
15127
  {
12828
15128
  role: "status",
@@ -12875,6 +15175,7 @@ var StatusBullet = ({
12875
15175
  IntegrationModalHeader,
12876
15176
  IntegrationModalIcon,
12877
15177
  IntegrationTile,
15178
+ JsonEditor,
12878
15179
  Label,
12879
15180
  Legend,
12880
15181
  LimitsBar,
@@ -12884,7 +15185,6 @@ var StatusBullet = ({
12884
15185
  LoadingIcon,
12885
15186
  LoadingIndicator,
12886
15187
  LoadingOverlay,
12887
- LottieFile,
12888
15188
  Menu,
12889
15189
  MenuContext,
12890
15190
  MenuItem,
@@ -12916,6 +15216,8 @@ var StatusBullet = ({
12916
15216
  ParameterToggle,
12917
15217
  ParameterToggleInner,
12918
15218
  Popover,
15219
+ ProgressList,
15220
+ ProgressListItem,
12919
15221
  ResolveIcon,
12920
15222
  ScrollableList,
12921
15223
  ScrollableListInputItem,
@@ -12967,11 +15269,13 @@ var StatusBullet = ({
12967
15269
  inputSelect,
12968
15270
  isMacLike,
12969
15271
  labelText,
15272
+ loaderAnimationData,
12970
15273
  macifyShortcut,
12971
15274
  mq,
12972
15275
  ripple,
12973
15276
  scrollbarStyles,
12974
15277
  skeletonLoading,
15278
+ spinnerAnimationData,
12975
15279
  supports,
12976
15280
  useBreakpoint,
12977
15281
  useCloseCurrentDrawer,