@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/esm/index.js CHANGED
@@ -1838,6 +1838,2131 @@ var InlineAlert = ({
1838
1838
  ] });
1839
1839
  };
1840
1840
 
1841
+ // src/components/AnimationFile/lotties/loader.json
1842
+ var loader_default = {
1843
+ v: "4.8.0",
1844
+ meta: { g: "LottieFiles AE 3.1.1", a: "", k: "", d: "", tc: "" },
1845
+ fr: 29.9700012207031,
1846
+ ip: 0,
1847
+ op: 66.0000026882351,
1848
+ w: 1e3,
1849
+ h: 1e3,
1850
+ nm: "DXCP Loader",
1851
+ ddd: 0,
1852
+ assets: [
1853
+ {
1854
+ id: "comp_0",
1855
+ layers: [
1856
+ {
1857
+ ddd: 0,
1858
+ ind: 1,
1859
+ ty: 4,
1860
+ nm: "Top Light Outlines 3",
1861
+ sr: 1,
1862
+ ks: {
1863
+ o: { a: 0, k: 100, ix: 11 },
1864
+ r: { a: 0, k: 0, ix: 10 },
1865
+ p: {
1866
+ a: 1,
1867
+ k: [
1868
+ {
1869
+ i: { x: 0.833, y: 0.833 },
1870
+ o: { x: 0.167, y: 0.167 },
1871
+ t: 30,
1872
+ s: [500, 500, 0],
1873
+ to: [40, 23.333, 0],
1874
+ ti: [-40, -23.333, 0]
1875
+ },
1876
+ {
1877
+ i: { x: 0.833, y: 0.833 },
1878
+ o: { x: 0.167, y: 0.167 },
1879
+ t: 40,
1880
+ s: [740, 640, 0],
1881
+ to: [0, 0, 0],
1882
+ ti: [0, 0, 0]
1883
+ },
1884
+ {
1885
+ i: { x: 0.833, y: 0.833 },
1886
+ o: { x: 0.167, y: 0.167 },
1887
+ t: 75,
1888
+ s: [740, 640, 0],
1889
+ to: [39.333, -22, 0],
1890
+ ti: [-39.333, 22, 0]
1891
+ },
1892
+ { t: 85.000003462121, s: [976, 508, 0] }
1893
+ ],
1894
+ ix: 2
1895
+ },
1896
+ a: { a: 0, k: [500, 500, 0], ix: 1 },
1897
+ s: { a: 0, k: [100, 100, 100], ix: 6 }
1898
+ },
1899
+ ao: 0,
1900
+ shapes: [
1901
+ {
1902
+ ty: "gr",
1903
+ it: [
1904
+ {
1905
+ ind: 0,
1906
+ ty: "sh",
1907
+ ix: 1,
1908
+ ks: {
1909
+ a: 0,
1910
+ k: {
1911
+ i: [
1912
+ [0, 0],
1913
+ [0, 0],
1914
+ [0, 0],
1915
+ [0, 0],
1916
+ [0.257, -0.148]
1917
+ ],
1918
+ o: [
1919
+ [0, 0],
1920
+ [0, 0],
1921
+ [0, 0],
1922
+ [0.256, 0.148],
1923
+ [0, 0]
1924
+ ],
1925
+ v: [
1926
+ [-0.546, 103.081],
1927
+ [-178.361, 0.255],
1928
+ [-0.546, -103.081],
1929
+ [178.103, 0.255],
1930
+ [178.103, 0.255]
1931
+ ],
1932
+ c: true
1933
+ },
1934
+ ix: 2
1935
+ },
1936
+ nm: "Path 1",
1937
+ mn: "ADBE Vector Shape - Group",
1938
+ hd: false
1939
+ },
1940
+ {
1941
+ ty: "fl",
1942
+ c: { a: 0, k: [0.341176480055, 0.525490224361, 1, 1], ix: 4 },
1943
+ o: { a: 0, k: 100, ix: 5 },
1944
+ r: 1,
1945
+ bm: 0,
1946
+ nm: "Fill 1",
1947
+ mn: "ADBE Vector Graphic - Fill",
1948
+ hd: false
1949
+ },
1950
+ {
1951
+ ty: "tr",
1952
+ p: { a: 0, k: [254.328, 270.571], ix: 2 },
1953
+ a: { a: 0, k: [0, 0], ix: 1 },
1954
+ s: { a: 0, k: [100, 100], ix: 3 },
1955
+ r: { a: 0, k: 0, ix: 6 },
1956
+ o: { a: 0, k: 100, ix: 7 },
1957
+ sk: { a: 0, k: 0, ix: 4 },
1958
+ sa: { a: 0, k: 0, ix: 5 },
1959
+ nm: "Transform"
1960
+ }
1961
+ ],
1962
+ nm: "Group 1",
1963
+ np: 2,
1964
+ cix: 2,
1965
+ bm: 0,
1966
+ ix: 1,
1967
+ mn: "ADBE Vector Group",
1968
+ hd: false
1969
+ },
1970
+ {
1971
+ ty: "gr",
1972
+ it: [
1973
+ {
1974
+ ind: 0,
1975
+ ty: "sh",
1976
+ ix: 1,
1977
+ ks: {
1978
+ a: 0,
1979
+ k: {
1980
+ i: [
1981
+ [0, 0],
1982
+ [0, 0],
1983
+ [-1e-3, 0.16],
1984
+ [0, 0],
1985
+ [0, 0],
1986
+ [0, -0.022]
1987
+ ],
1988
+ o: [
1989
+ [0, 0],
1990
+ [-0.139, 0.079],
1991
+ [0, 0],
1992
+ [0, 0],
1993
+ [0.019, -0.011],
1994
+ [0, 0]
1995
+ ],
1996
+ v: [
1997
+ [89.384, 51.24],
1998
+ [-89.265, 153.86],
1999
+ [-89.265, 153.678],
2000
+ [-89.265, -50.718],
2001
+ [89.384, -153.917],
2002
+ [89.384, -153.917]
2003
+ ],
2004
+ c: true
2005
+ },
2006
+ ix: 2
2007
+ },
2008
+ nm: "Path 1",
2009
+ mn: "ADBE Vector Shape - Group",
2010
+ hd: false
2011
+ },
2012
+ {
2013
+ ty: "fl",
2014
+ c: { a: 0, k: [0, 0.207843152214, 0.784313785329, 1], ix: 4 },
2015
+ o: { a: 0, k: 100, ix: 5 },
2016
+ r: 1,
2017
+ bm: 0,
2018
+ nm: "Fill 1",
2019
+ mn: "ADBE Vector Graphic - Fill",
2020
+ hd: false
2021
+ },
2022
+ {
2023
+ ty: "tr",
2024
+ p: { a: 0, k: [343.047, 424.743], ix: 2 },
2025
+ a: { a: 0, k: [0, 0], ix: 1 },
2026
+ s: { a: 0, k: [100, 100], ix: 3 },
2027
+ r: { a: 0, k: 0, ix: 6 },
2028
+ o: { a: 0, k: 100, ix: 7 },
2029
+ sk: { a: 0, k: 0, ix: 4 },
2030
+ sa: { a: 0, k: 0, ix: 5 },
2031
+ nm: "Transform"
2032
+ }
2033
+ ],
2034
+ nm: "Group 2",
2035
+ np: 2,
2036
+ cix: 2,
2037
+ bm: 0,
2038
+ ix: 2,
2039
+ mn: "ADBE Vector Group",
2040
+ hd: false
2041
+ },
2042
+ {
2043
+ ty: "gr",
2044
+ it: [
2045
+ {
2046
+ ind: 0,
2047
+ ty: "sh",
2048
+ ix: 1,
2049
+ ks: {
2050
+ a: 0,
2051
+ k: {
2052
+ i: [
2053
+ [0.034, 0.02],
2054
+ [0, 0],
2055
+ [0, 0],
2056
+ [0, 0],
2057
+ [0, 0]
2058
+ ],
2059
+ o: [
2060
+ [0, 0],
2061
+ [0, 0],
2062
+ [0, 0],
2063
+ [0, 0],
2064
+ [0, 0.039]
2065
+ ],
2066
+ v: [
2067
+ [88.891, 153.945],
2068
+ [-88.924, 51.191],
2069
+ [-88.924, -153.966],
2070
+ [88.891, -50.767],
2071
+ [88.891, 153.901]
2072
+ ],
2073
+ c: true
2074
+ },
2075
+ ix: 2
2076
+ },
2077
+ nm: "Path 1",
2078
+ mn: "ADBE Vector Shape - Group",
2079
+ hd: false
2080
+ },
2081
+ {
2082
+ ty: "fl",
2083
+ c: { a: 0, k: [0.047058828175, 0.313725501299, 0.898039281368, 1], ix: 4 },
2084
+ o: { a: 0, k: 100, ix: 5 },
2085
+ r: 1,
2086
+ bm: 0,
2087
+ nm: "Fill 1",
2088
+ mn: "ADBE Vector Graphic - Fill",
2089
+ hd: false
2090
+ },
2091
+ {
2092
+ ty: "tr",
2093
+ p: { a: 0, k: [164.892, 424.792], ix: 2 },
2094
+ a: { a: 0, k: [0, 0], ix: 1 },
2095
+ s: { a: 0, k: [100, 100], ix: 3 },
2096
+ r: { a: 0, k: 0, ix: 6 },
2097
+ o: { a: 0, k: 100, ix: 7 },
2098
+ sk: { a: 0, k: 0, ix: 4 },
2099
+ sa: { a: 0, k: 0, ix: 5 },
2100
+ nm: "Transform"
2101
+ }
2102
+ ],
2103
+ nm: "Group 3",
2104
+ np: 2,
2105
+ cix: 2,
2106
+ bm: 0,
2107
+ ix: 3,
2108
+ mn: "ADBE Vector Group",
2109
+ hd: false
2110
+ }
2111
+ ],
2112
+ ip: 30.0000012219251,
2113
+ op: 360.000014663101,
2114
+ st: 0,
2115
+ bm: 0
2116
+ },
2117
+ {
2118
+ ddd: 0,
2119
+ ind: 2,
2120
+ ty: 4,
2121
+ nm: "Top C Outlines",
2122
+ sr: 1,
2123
+ ks: {
2124
+ o: { a: 0, k: 100, ix: 11 },
2125
+ r: { a: 0, k: 0, ix: 10 },
2126
+ p: {
2127
+ a: 1,
2128
+ k: [
2129
+ {
2130
+ i: { x: 0.833, y: 0.833 },
2131
+ o: { x: 0.167, y: 0.167 },
2132
+ t: 15,
2133
+ s: [500, 500, 0],
2134
+ to: [39.593, -23.167, 0],
2135
+ ti: [-39.593, 23.167, 0]
2136
+ },
2137
+ { t: 25.0000010182709, s: [737.56, 361, 0] }
2138
+ ],
2139
+ ix: 2
2140
+ },
2141
+ a: { a: 0, k: [500, 500, 0], ix: 1 },
2142
+ s: { a: 0, k: [100, 100, 100], ix: 6 }
2143
+ },
2144
+ ao: 0,
2145
+ shapes: [
2146
+ {
2147
+ ty: "gr",
2148
+ it: [
2149
+ {
2150
+ ind: 0,
2151
+ ty: "sh",
2152
+ ix: 1,
2153
+ ks: {
2154
+ a: 0,
2155
+ k: {
2156
+ i: [
2157
+ [0, 0],
2158
+ [0, 0],
2159
+ [0, 0],
2160
+ [0, 0],
2161
+ [0.257, -0.148]
2162
+ ],
2163
+ o: [
2164
+ [0, 0],
2165
+ [0, 0],
2166
+ [0, 0],
2167
+ [0.256, 0.148],
2168
+ [0, 0]
2169
+ ],
2170
+ v: [
2171
+ [-0.546, 103.08],
2172
+ [-178.361, 0.255],
2173
+ [-0.546, -103.081],
2174
+ [178.103, 0.255],
2175
+ [178.103, 0.255]
2176
+ ],
2177
+ c: true
2178
+ },
2179
+ ix: 2
2180
+ },
2181
+ nm: "Path 1",
2182
+ mn: "ADBE Vector Shape - Group",
2183
+ hd: false
2184
+ },
2185
+ {
2186
+ ty: "fl",
2187
+ c: {
2188
+ a: 1,
2189
+ k: [
2190
+ {
2191
+ i: { x: [0.833], y: [0.833] },
2192
+ o: { x: [0.167], y: [0.167] },
2193
+ t: 15,
2194
+ s: [0.341176470588, 0.525490196078, 1, 1]
2195
+ },
2196
+ { t: 25.0000010182709, s: [0.901960790157, 0.078431375325, 0.031372550875, 1] }
2197
+ ],
2198
+ ix: 4
2199
+ },
2200
+ o: { a: 0, k: 100, ix: 5 },
2201
+ r: 1,
2202
+ bm: 0,
2203
+ nm: "Fill 1",
2204
+ mn: "ADBE Vector Graphic - Fill",
2205
+ hd: false
2206
+ },
2207
+ {
2208
+ ty: "tr",
2209
+ p: { a: 0, k: [492.144, 408.335], ix: 2 },
2210
+ a: { a: 0, k: [0, 0], ix: 1 },
2211
+ s: { a: 0, k: [100, 100], ix: 3 },
2212
+ r: { a: 0, k: 0, ix: 6 },
2213
+ o: { a: 0, k: 100, ix: 7 },
2214
+ sk: { a: 0, k: 0, ix: 4 },
2215
+ sa: { a: 0, k: 0, ix: 5 },
2216
+ nm: "Transform"
2217
+ }
2218
+ ],
2219
+ nm: "Group 1",
2220
+ np: 2,
2221
+ cix: 2,
2222
+ bm: 0,
2223
+ ix: 1,
2224
+ mn: "ADBE Vector Group",
2225
+ hd: false
2226
+ },
2227
+ {
2228
+ ty: "gr",
2229
+ it: [
2230
+ {
2231
+ ind: 0,
2232
+ ty: "sh",
2233
+ ix: 1,
2234
+ ks: {
2235
+ a: 0,
2236
+ k: {
2237
+ i: [
2238
+ [0, 0],
2239
+ [0, 0],
2240
+ [-1e-3, 0.16],
2241
+ [0, 0],
2242
+ [0, 0],
2243
+ [0, -0.022]
2244
+ ],
2245
+ o: [
2246
+ [0, 0],
2247
+ [-0.139, 0.079],
2248
+ [0, 0],
2249
+ [0, 0],
2250
+ [0.019, -0.011],
2251
+ [0, 0]
2252
+ ],
2253
+ v: [
2254
+ [89.385, 51.24],
2255
+ [-89.264, 153.861],
2256
+ [-89.264, 153.679],
2257
+ [-89.264, -50.717],
2258
+ [89.385, -153.917],
2259
+ [89.385, -153.917]
2260
+ ],
2261
+ c: true
2262
+ },
2263
+ ix: 2
2264
+ },
2265
+ nm: "Path 1",
2266
+ mn: "ADBE Vector Shape - Group",
2267
+ hd: false
2268
+ },
2269
+ {
2270
+ ty: "fl",
2271
+ c: { a: 0, k: [0, 0.207843152214, 0.784313785329, 1], ix: 4 },
2272
+ o: { a: 0, k: 100, ix: 5 },
2273
+ r: 1,
2274
+ bm: 0,
2275
+ nm: "Fill 1",
2276
+ mn: "ADBE Vector Graphic - Fill",
2277
+ hd: false
2278
+ },
2279
+ {
2280
+ ty: "tr",
2281
+ p: { a: 0, k: [580.863, 562.507], ix: 2 },
2282
+ a: { a: 0, k: [0, 0], ix: 1 },
2283
+ s: { a: 0, k: [100, 100], ix: 3 },
2284
+ r: { a: 0, k: 0, ix: 6 },
2285
+ o: { a: 0, k: 100, ix: 7 },
2286
+ sk: { a: 0, k: 0, ix: 4 },
2287
+ sa: { a: 0, k: 0, ix: 5 },
2288
+ nm: "Transform"
2289
+ }
2290
+ ],
2291
+ nm: "Group 2",
2292
+ np: 2,
2293
+ cix: 2,
2294
+ bm: 0,
2295
+ ix: 2,
2296
+ mn: "ADBE Vector Group",
2297
+ hd: false
2298
+ },
2299
+ {
2300
+ ty: "gr",
2301
+ it: [
2302
+ {
2303
+ ind: 0,
2304
+ ty: "sh",
2305
+ ix: 1,
2306
+ ks: {
2307
+ a: 0,
2308
+ k: {
2309
+ i: [
2310
+ [0.034, 0.02],
2311
+ [0, 0],
2312
+ [0, 0],
2313
+ [0, 0],
2314
+ [0, 0]
2315
+ ],
2316
+ o: [
2317
+ [0, 0],
2318
+ [0, 0],
2319
+ [0, 0],
2320
+ [0, 0],
2321
+ [0, 0.039]
2322
+ ],
2323
+ v: [
2324
+ [88.891, 153.946],
2325
+ [-88.924, 51.192],
2326
+ [-88.924, -153.965],
2327
+ [88.891, -50.766],
2328
+ [88.891, 153.901]
2329
+ ],
2330
+ c: true
2331
+ },
2332
+ ix: 2
2333
+ },
2334
+ nm: "Path 1",
2335
+ mn: "ADBE Vector Shape - Group",
2336
+ hd: false
2337
+ },
2338
+ {
2339
+ ty: "fl",
2340
+ c: { a: 0, k: [0.047058827269, 0.313725490196, 0.898039275525, 1], ix: 4 },
2341
+ o: { a: 0, k: 100, ix: 5 },
2342
+ r: 1,
2343
+ bm: 0,
2344
+ nm: "Fill 1",
2345
+ mn: "ADBE Vector Graphic - Fill",
2346
+ hd: false
2347
+ },
2348
+ {
2349
+ ty: "tr",
2350
+ p: { a: 0, k: [402.708, 562.556], ix: 2 },
2351
+ a: { a: 0, k: [0, 0], ix: 1 },
2352
+ s: { a: 0, k: [100, 100], ix: 3 },
2353
+ r: { a: 0, k: 0, ix: 6 },
2354
+ o: { a: 0, k: 100, ix: 7 },
2355
+ sk: { a: 0, k: 0, ix: 4 },
2356
+ sa: { a: 0, k: 0, ix: 5 },
2357
+ nm: "Transform"
2358
+ }
2359
+ ],
2360
+ nm: "Group 3",
2361
+ np: 2,
2362
+ cix: 2,
2363
+ bm: 0,
2364
+ ix: 3,
2365
+ mn: "ADBE Vector Group",
2366
+ hd: false
2367
+ }
2368
+ ],
2369
+ ip: 0,
2370
+ op: 118.000004806239,
2371
+ st: 0,
2372
+ bm: 0
2373
+ },
2374
+ {
2375
+ ddd: 0,
2376
+ ind: 3,
2377
+ ty: 4,
2378
+ nm: "Top Light Outlines",
2379
+ sr: 1,
2380
+ ks: {
2381
+ o: { a: 0, k: 100, ix: 11 },
2382
+ r: { a: 0, k: 0, ix: 10 },
2383
+ p: { a: 0, k: [500, 500, 0], ix: 2 },
2384
+ a: { a: 0, k: [500, 500, 0], ix: 1 },
2385
+ s: { a: 0, k: [100, 100, 100], ix: 6 }
2386
+ },
2387
+ ao: 0,
2388
+ shapes: [
2389
+ {
2390
+ ty: "gr",
2391
+ it: [
2392
+ {
2393
+ ind: 0,
2394
+ ty: "sh",
2395
+ ix: 1,
2396
+ ks: {
2397
+ a: 0,
2398
+ k: {
2399
+ i: [
2400
+ [0, 0],
2401
+ [0, 0],
2402
+ [0, 0],
2403
+ [0, 0],
2404
+ [0.257, -0.148]
2405
+ ],
2406
+ o: [
2407
+ [0, 0],
2408
+ [0, 0],
2409
+ [0, 0],
2410
+ [0.256, 0.148],
2411
+ [0, 0]
2412
+ ],
2413
+ v: [
2414
+ [-0.546, 103.081],
2415
+ [-178.361, 0.255],
2416
+ [-0.546, -103.081],
2417
+ [178.103, 0.255],
2418
+ [178.103, 0.255]
2419
+ ],
2420
+ c: true
2421
+ },
2422
+ ix: 2
2423
+ },
2424
+ nm: "Path 1",
2425
+ mn: "ADBE Vector Shape - Group",
2426
+ hd: false
2427
+ },
2428
+ {
2429
+ ty: "fl",
2430
+ c: { a: 0, k: [0.341176480055, 0.525490224361, 1, 1], ix: 4 },
2431
+ o: { a: 0, k: 100, ix: 5 },
2432
+ r: 1,
2433
+ bm: 0,
2434
+ nm: "Fill 1",
2435
+ mn: "ADBE Vector Graphic - Fill",
2436
+ hd: false
2437
+ },
2438
+ {
2439
+ ty: "tr",
2440
+ p: { a: 0, k: [254.328, 270.571], ix: 2 },
2441
+ a: { a: 0, k: [0, 0], ix: 1 },
2442
+ s: { a: 0, k: [100, 100], ix: 3 },
2443
+ r: { a: 0, k: 0, ix: 6 },
2444
+ o: { a: 0, k: 100, ix: 7 },
2445
+ sk: { a: 0, k: 0, ix: 4 },
2446
+ sa: { a: 0, k: 0, ix: 5 },
2447
+ nm: "Transform"
2448
+ }
2449
+ ],
2450
+ nm: "Group 1",
2451
+ np: 2,
2452
+ cix: 2,
2453
+ bm: 0,
2454
+ ix: 1,
2455
+ mn: "ADBE Vector Group",
2456
+ hd: false
2457
+ },
2458
+ {
2459
+ ty: "gr",
2460
+ it: [
2461
+ {
2462
+ ind: 0,
2463
+ ty: "sh",
2464
+ ix: 1,
2465
+ ks: {
2466
+ a: 0,
2467
+ k: {
2468
+ i: [
2469
+ [0, 0],
2470
+ [0, 0],
2471
+ [-1e-3, 0.16],
2472
+ [0, 0],
2473
+ [0, 0],
2474
+ [0, -0.022]
2475
+ ],
2476
+ o: [
2477
+ [0, 0],
2478
+ [-0.139, 0.079],
2479
+ [0, 0],
2480
+ [0, 0],
2481
+ [0.019, -0.011],
2482
+ [0, 0]
2483
+ ],
2484
+ v: [
2485
+ [89.384, 51.24],
2486
+ [-89.265, 153.86],
2487
+ [-89.265, 153.678],
2488
+ [-89.265, -50.718],
2489
+ [89.384, -153.917],
2490
+ [89.384, -153.917]
2491
+ ],
2492
+ c: true
2493
+ },
2494
+ ix: 2
2495
+ },
2496
+ nm: "Path 1",
2497
+ mn: "ADBE Vector Shape - Group",
2498
+ hd: false
2499
+ },
2500
+ {
2501
+ ty: "fl",
2502
+ c: { a: 0, k: [0, 0.207843152214, 0.784313785329, 1], ix: 4 },
2503
+ o: { a: 0, k: 100, ix: 5 },
2504
+ r: 1,
2505
+ bm: 0,
2506
+ nm: "Fill 1",
2507
+ mn: "ADBE Vector Graphic - Fill",
2508
+ hd: false
2509
+ },
2510
+ {
2511
+ ty: "tr",
2512
+ p: { a: 0, k: [343.047, 424.743], ix: 2 },
2513
+ a: { a: 0, k: [0, 0], ix: 1 },
2514
+ s: { a: 0, k: [100, 100], ix: 3 },
2515
+ r: { a: 0, k: 0, ix: 6 },
2516
+ o: { a: 0, k: 100, ix: 7 },
2517
+ sk: { a: 0, k: 0, ix: 4 },
2518
+ sa: { a: 0, k: 0, ix: 5 },
2519
+ nm: "Transform"
2520
+ }
2521
+ ],
2522
+ nm: "Group 2",
2523
+ np: 2,
2524
+ cix: 2,
2525
+ bm: 0,
2526
+ ix: 2,
2527
+ mn: "ADBE Vector Group",
2528
+ hd: false
2529
+ },
2530
+ {
2531
+ ty: "gr",
2532
+ it: [
2533
+ {
2534
+ ind: 0,
2535
+ ty: "sh",
2536
+ ix: 1,
2537
+ ks: {
2538
+ a: 0,
2539
+ k: {
2540
+ i: [
2541
+ [0.034, 0.02],
2542
+ [0, 0],
2543
+ [0, 0],
2544
+ [0, 0],
2545
+ [0, 0]
2546
+ ],
2547
+ o: [
2548
+ [0, 0],
2549
+ [0, 0],
2550
+ [0, 0],
2551
+ [0, 0],
2552
+ [0, 0.039]
2553
+ ],
2554
+ v: [
2555
+ [88.891, 153.945],
2556
+ [-88.924, 51.191],
2557
+ [-88.924, -153.966],
2558
+ [88.891, -50.767],
2559
+ [88.891, 153.901]
2560
+ ],
2561
+ c: true
2562
+ },
2563
+ ix: 2
2564
+ },
2565
+ nm: "Path 1",
2566
+ mn: "ADBE Vector Shape - Group",
2567
+ hd: false
2568
+ },
2569
+ {
2570
+ ty: "fl",
2571
+ c: { a: 0, k: [0.047058828175, 0.313725501299, 0.898039281368, 1], ix: 4 },
2572
+ o: { a: 0, k: 100, ix: 5 },
2573
+ r: 1,
2574
+ bm: 0,
2575
+ nm: "Fill 1",
2576
+ mn: "ADBE Vector Graphic - Fill",
2577
+ hd: false
2578
+ },
2579
+ {
2580
+ ty: "tr",
2581
+ p: { a: 0, k: [164.892, 424.792], ix: 2 },
2582
+ a: { a: 0, k: [0, 0], ix: 1 },
2583
+ s: { a: 0, k: [100, 100], ix: 3 },
2584
+ r: { a: 0, k: 0, ix: 6 },
2585
+ o: { a: 0, k: 100, ix: 7 },
2586
+ sk: { a: 0, k: 0, ix: 4 },
2587
+ sa: { a: 0, k: 0, ix: 5 },
2588
+ nm: "Transform"
2589
+ }
2590
+ ],
2591
+ nm: "Group 3",
2592
+ np: 2,
2593
+ cix: 2,
2594
+ bm: 0,
2595
+ ix: 3,
2596
+ mn: "ADBE Vector Group",
2597
+ hd: false
2598
+ }
2599
+ ],
2600
+ ip: 0,
2601
+ op: 30.0000012219251,
2602
+ st: 0,
2603
+ bm: 0
2604
+ },
2605
+ {
2606
+ ddd: 0,
2607
+ ind: 4,
2608
+ ty: 4,
2609
+ nm: "Top red Outlines",
2610
+ sr: 1,
2611
+ ks: {
2612
+ o: { a: 0, k: 100, ix: 11 },
2613
+ r: { a: 0, k: 0, ix: 10 },
2614
+ p: {
2615
+ a: 1,
2616
+ k: [
2617
+ {
2618
+ i: { x: 0.667, y: 1 },
2619
+ o: { x: 0.333, y: 0 },
2620
+ t: 0,
2621
+ s: [500, 500, 0],
2622
+ to: [-40.667, -23.333, 0],
2623
+ ti: [40.667, 23.333, 0]
2624
+ },
2625
+ {
2626
+ i: { x: 0.667, y: 0.667 },
2627
+ o: { x: 0.333, y: 0.333 },
2628
+ t: 10,
2629
+ s: [256, 360, 0],
2630
+ to: [0, 0, 0],
2631
+ ti: [0, 0, 0]
2632
+ },
2633
+ {
2634
+ i: { x: 0.667, y: 1 },
2635
+ o: { x: 0.333, y: 0 },
2636
+ t: 45,
2637
+ s: [256, 360, 0],
2638
+ to: [-38, 22.667, 0],
2639
+ ti: [38, -22.667, 0]
2640
+ },
2641
+ {
2642
+ i: { x: 0.667, y: 0.667 },
2643
+ o: { x: 0.333, y: 0.333 },
2644
+ t: 55,
2645
+ s: [28, 496, 0],
2646
+ to: [0, 0, 0],
2647
+ ti: [0, 0, 0]
2648
+ },
2649
+ { t: 90.0000036657751, s: [28, 496, 0] }
2650
+ ],
2651
+ ix: 2
2652
+ },
2653
+ a: { a: 0, k: [500, 500, 0], ix: 1 },
2654
+ s: { a: 0, k: [100, 100, 100], ix: 6 }
2655
+ },
2656
+ ao: 0,
2657
+ shapes: [
2658
+ {
2659
+ ty: "gr",
2660
+ it: [
2661
+ {
2662
+ ind: 0,
2663
+ ty: "sh",
2664
+ ix: 1,
2665
+ ks: {
2666
+ a: 0,
2667
+ k: {
2668
+ i: [
2669
+ [0, 0],
2670
+ [0, 0],
2671
+ [0, 0],
2672
+ [0, 0],
2673
+ [0.257, -0.148]
2674
+ ],
2675
+ o: [
2676
+ [0, 0],
2677
+ [0, 0],
2678
+ [0, 0],
2679
+ [0.256, 0.148],
2680
+ [0, 0]
2681
+ ],
2682
+ v: [
2683
+ [-0.546, 103.081],
2684
+ [-178.361, 0.255],
2685
+ [-0.546, -103.081],
2686
+ [178.103, 0.255],
2687
+ [178.103, 0.255]
2688
+ ],
2689
+ c: true
2690
+ },
2691
+ ix: 2
2692
+ },
2693
+ nm: "Path 1",
2694
+ mn: "ADBE Vector Shape - Group",
2695
+ hd: false
2696
+ },
2697
+ {
2698
+ ty: "fl",
2699
+ c: {
2700
+ a: 1,
2701
+ k: [
2702
+ {
2703
+ i: { x: [0.667], y: [1] },
2704
+ o: { x: [0.333], y: [0] },
2705
+ t: 2,
2706
+ s: [0.901960844152, 0.078431372549, 0.03137254902, 1]
2707
+ },
2708
+ { t: 10.0000004073083, s: [0.341176480055, 0.525490224361, 1, 1] }
2709
+ ],
2710
+ ix: 4
2711
+ },
2712
+ o: { a: 0, k: 100, ix: 5 },
2713
+ r: 1,
2714
+ bm: 0,
2715
+ nm: "Fill 1",
2716
+ mn: "ADBE Vector Graphic - Fill",
2717
+ hd: false
2718
+ },
2719
+ {
2720
+ ty: "tr",
2721
+ p: { a: 0, k: [730.028, 271.59], ix: 2 },
2722
+ a: { a: 0, k: [0, 0], ix: 1 },
2723
+ s: { a: 0, k: [100, 100], ix: 3 },
2724
+ r: { a: 0, k: 0, ix: 6 },
2725
+ o: { a: 0, k: 100, ix: 7 },
2726
+ sk: { a: 0, k: 0, ix: 4 },
2727
+ sa: { a: 0, k: 0, ix: 5 },
2728
+ nm: "Transform"
2729
+ }
2730
+ ],
2731
+ nm: "Group 1",
2732
+ np: 2,
2733
+ cix: 2,
2734
+ bm: 0,
2735
+ ix: 1,
2736
+ mn: "ADBE Vector Group",
2737
+ hd: false
2738
+ },
2739
+ {
2740
+ ty: "gr",
2741
+ it: [
2742
+ {
2743
+ ind: 0,
2744
+ ty: "sh",
2745
+ ix: 1,
2746
+ ks: {
2747
+ a: 0,
2748
+ k: {
2749
+ i: [
2750
+ [0, 0],
2751
+ [0, 0],
2752
+ [-1e-3, 0.16],
2753
+ [0, 0],
2754
+ [0, 0],
2755
+ [0, -0.022]
2756
+ ],
2757
+ o: [
2758
+ [0, 0],
2759
+ [-0.14, 0.079],
2760
+ [0, 0],
2761
+ [0, 0],
2762
+ [0.019, -0.011],
2763
+ [0, 0]
2764
+ ],
2765
+ v: [
2766
+ [89.385, 51.24],
2767
+ [-89.264, 153.861],
2768
+ [-89.264, 153.679],
2769
+ [-89.264, -50.717],
2770
+ [89.385, -153.917],
2771
+ [89.385, -153.917]
2772
+ ],
2773
+ c: true
2774
+ },
2775
+ ix: 2
2776
+ },
2777
+ nm: "Path 1",
2778
+ mn: "ADBE Vector Shape - Group",
2779
+ hd: false
2780
+ },
2781
+ {
2782
+ ty: "fl",
2783
+ c: { a: 0, k: [0, 0.207843152214, 0.784313785329, 1], ix: 4 },
2784
+ o: { a: 0, k: 100, ix: 5 },
2785
+ r: 1,
2786
+ bm: 0,
2787
+ nm: "Fill 1",
2788
+ mn: "ADBE Vector Graphic - Fill",
2789
+ hd: false
2790
+ },
2791
+ {
2792
+ ty: "tr",
2793
+ p: { a: 0, k: [818.747, 425.762], ix: 2 },
2794
+ a: { a: 0, k: [0, 0], ix: 1 },
2795
+ s: { a: 0, k: [100, 100], ix: 3 },
2796
+ r: { a: 0, k: 0, ix: 6 },
2797
+ o: { a: 0, k: 100, ix: 7 },
2798
+ sk: { a: 0, k: 0, ix: 4 },
2799
+ sa: { a: 0, k: 0, ix: 5 },
2800
+ nm: "Transform"
2801
+ }
2802
+ ],
2803
+ nm: "Group 2",
2804
+ np: 2,
2805
+ cix: 2,
2806
+ bm: 0,
2807
+ ix: 2,
2808
+ mn: "ADBE Vector Group",
2809
+ hd: false
2810
+ },
2811
+ {
2812
+ ty: "gr",
2813
+ it: [
2814
+ {
2815
+ ind: 0,
2816
+ ty: "sh",
2817
+ ix: 1,
2818
+ ks: {
2819
+ a: 0,
2820
+ k: {
2821
+ i: [
2822
+ [0.034, 0.02],
2823
+ [0, 0],
2824
+ [0, 0],
2825
+ [0, 0],
2826
+ [0, 0]
2827
+ ],
2828
+ o: [
2829
+ [0, 0],
2830
+ [0, 0],
2831
+ [0, 0],
2832
+ [0, 0],
2833
+ [0, 0.039]
2834
+ ],
2835
+ v: [
2836
+ [88.891, 153.946],
2837
+ [-88.924, 51.192],
2838
+ [-88.924, -153.965],
2839
+ [88.891, -50.766],
2840
+ [88.891, 153.902]
2841
+ ],
2842
+ c: true
2843
+ },
2844
+ ix: 2
2845
+ },
2846
+ nm: "Path 1",
2847
+ mn: "ADBE Vector Shape - Group",
2848
+ hd: false
2849
+ },
2850
+ {
2851
+ ty: "fl",
2852
+ c: { a: 0, k: [0.047058827269, 0.313725490196, 0.898039275525, 1], ix: 4 },
2853
+ o: { a: 0, k: 100, ix: 5 },
2854
+ r: 1,
2855
+ bm: 0,
2856
+ nm: "Fill 1",
2857
+ mn: "ADBE Vector Graphic - Fill",
2858
+ hd: false
2859
+ },
2860
+ {
2861
+ ty: "tr",
2862
+ p: { a: 0, k: [640.592, 425.811], ix: 2 },
2863
+ a: { a: 0, k: [0, 0], ix: 1 },
2864
+ s: { a: 0, k: [100, 100], ix: 3 },
2865
+ r: { a: 0, k: 0, ix: 6 },
2866
+ o: { a: 0, k: 100, ix: 7 },
2867
+ sk: { a: 0, k: 0, ix: 4 },
2868
+ sa: { a: 0, k: 0, ix: 5 },
2869
+ nm: "Transform"
2870
+ }
2871
+ ],
2872
+ nm: "Group 3",
2873
+ np: 2,
2874
+ cix: 2,
2875
+ bm: 0,
2876
+ ix: 3,
2877
+ mn: "ADBE Vector Group",
2878
+ hd: false
2879
+ }
2880
+ ],
2881
+ ip: 0,
2882
+ op: 125.000005091354,
2883
+ st: 0,
2884
+ bm: 0
2885
+ },
2886
+ {
2887
+ ddd: 0,
2888
+ ind: 5,
2889
+ ty: 4,
2890
+ nm: "Bottom C Outlines",
2891
+ sr: 1,
2892
+ ks: {
2893
+ o: { a: 0, k: 100, ix: 11 },
2894
+ r: { a: 0, k: 0, ix: 10 },
2895
+ p: {
2896
+ a: 1,
2897
+ k: [
2898
+ {
2899
+ i: { x: 0.667, y: 1 },
2900
+ o: { x: 0.333, y: 0 },
2901
+ t: 45,
2902
+ s: [500, 500, 0],
2903
+ to: [39.333, -23.333, 0],
2904
+ ti: [-39.333, 23.333, 0]
2905
+ },
2906
+ {
2907
+ i: { x: 0.667, y: 0.667 },
2908
+ o: { x: 0.333, y: 0.333 },
2909
+ t: 55,
2910
+ s: [736, 360, 0],
2911
+ to: [0, 0, 0],
2912
+ ti: [0, 0, 0]
2913
+ },
2914
+ {
2915
+ i: { x: 0.667, y: 1 },
2916
+ o: { x: 0.333, y: 0 },
2917
+ t: 90,
2918
+ s: [736, 360, 0],
2919
+ to: [-41.333, -24, 0],
2920
+ ti: [41.333, 24, 0]
2921
+ },
2922
+ { t: 100.000004073084, s: [488, 216, 0] }
2923
+ ],
2924
+ ix: 2
2925
+ },
2926
+ a: { a: 0, k: [500, 500, 0], ix: 1 },
2927
+ s: { a: 0, k: [100, 100, 100], ix: 6 }
2928
+ },
2929
+ ao: 0,
2930
+ shapes: [
2931
+ {
2932
+ ty: "gr",
2933
+ it: [
2934
+ {
2935
+ ind: 0,
2936
+ ty: "sh",
2937
+ ix: 1,
2938
+ ks: {
2939
+ a: 0,
2940
+ k: {
2941
+ i: [
2942
+ [0, 0],
2943
+ [0, 0],
2944
+ [0, 0],
2945
+ [0, 0],
2946
+ [0.257, -0.148]
2947
+ ],
2948
+ o: [
2949
+ [0, 0],
2950
+ [0, 0],
2951
+ [0, 0],
2952
+ [0.256, 0.148],
2953
+ [0, 0]
2954
+ ],
2955
+ v: [
2956
+ [-0.546, 103.08],
2957
+ [-178.361, 0.255],
2958
+ [-0.546, -103.081],
2959
+ [178.103, 0.255],
2960
+ [178.103, 0.255]
2961
+ ],
2962
+ c: true
2963
+ },
2964
+ ix: 2
2965
+ },
2966
+ nm: "Path 1",
2967
+ mn: "ADBE Vector Shape - Group",
2968
+ hd: false
2969
+ },
2970
+ {
2971
+ ty: "fl",
2972
+ c: { a: 0, k: [0.341176470588, 0.525490196078, 1, 1], ix: 4 },
2973
+ o: { a: 0, k: 100, ix: 5 },
2974
+ r: 1,
2975
+ bm: 0,
2976
+ nm: "Fill 1",
2977
+ mn: "ADBE Vector Graphic - Fill",
2978
+ hd: false
2979
+ },
2980
+ {
2981
+ ty: "tr",
2982
+ p: { a: 0, k: [492.144, 683.26], ix: 2 },
2983
+ a: { a: 0, k: [0, 0], ix: 1 },
2984
+ s: { a: 0, k: [100, 100], ix: 3 },
2985
+ r: { a: 0, k: 0, ix: 6 },
2986
+ o: { a: 0, k: 100, ix: 7 },
2987
+ sk: { a: 0, k: 0, ix: 4 },
2988
+ sa: { a: 0, k: 0, ix: 5 },
2989
+ nm: "Transform"
2990
+ }
2991
+ ],
2992
+ nm: "Group 1",
2993
+ np: 2,
2994
+ cix: 2,
2995
+ bm: 0,
2996
+ ix: 1,
2997
+ mn: "ADBE Vector Group",
2998
+ hd: false
2999
+ },
3000
+ {
3001
+ ty: "gr",
3002
+ it: [
3003
+ {
3004
+ ind: 0,
3005
+ ty: "sh",
3006
+ ix: 1,
3007
+ ks: {
3008
+ a: 0,
3009
+ k: {
3010
+ i: [
3011
+ [0, 0],
3012
+ [0, 0],
3013
+ [-1e-3, 0.16],
3014
+ [0, 0],
3015
+ [0, 0],
3016
+ [0, -0.022]
3017
+ ],
3018
+ o: [
3019
+ [0, 0],
3020
+ [-0.139, 0.079],
3021
+ [0, 0],
3022
+ [0, 0],
3023
+ [0.019, -0.011],
3024
+ [0, 0]
3025
+ ],
3026
+ v: [
3027
+ [89.385, 51.24],
3028
+ [-89.264, 153.861],
3029
+ [-89.264, 153.679],
3030
+ [-89.264, -50.717],
3031
+ [89.385, -153.917],
3032
+ [89.385, -153.917]
3033
+ ],
3034
+ c: true
3035
+ },
3036
+ ix: 2
3037
+ },
3038
+ nm: "Path 1",
3039
+ mn: "ADBE Vector Shape - Group",
3040
+ hd: false
3041
+ },
3042
+ {
3043
+ ty: "fl",
3044
+ c: { a: 0, k: [0, 0.207843152214, 0.784313785329, 1], ix: 4 },
3045
+ o: { a: 0, k: 100, ix: 5 },
3046
+ r: 1,
3047
+ bm: 0,
3048
+ nm: "Fill 1",
3049
+ mn: "ADBE Vector Graphic - Fill",
3050
+ hd: false
3051
+ },
3052
+ {
3053
+ ty: "tr",
3054
+ p: { a: 0, k: [580.863, 837.433], ix: 2 },
3055
+ a: { a: 0, k: [0, 0], ix: 1 },
3056
+ s: { a: 0, k: [100, 100], ix: 3 },
3057
+ r: { a: 0, k: 0, ix: 6 },
3058
+ o: { a: 0, k: 100, ix: 7 },
3059
+ sk: { a: 0, k: 0, ix: 4 },
3060
+ sa: { a: 0, k: 0, ix: 5 },
3061
+ nm: "Transform"
3062
+ }
3063
+ ],
3064
+ nm: "Group 2",
3065
+ np: 2,
3066
+ cix: 2,
3067
+ bm: 0,
3068
+ ix: 2,
3069
+ mn: "ADBE Vector Group",
3070
+ hd: false
3071
+ },
3072
+ {
3073
+ ty: "gr",
3074
+ it: [
3075
+ {
3076
+ ind: 0,
3077
+ ty: "sh",
3078
+ ix: 1,
3079
+ ks: {
3080
+ a: 0,
3081
+ k: {
3082
+ i: [
3083
+ [0.034, 0.02],
3084
+ [0, 0],
3085
+ [0, 0],
3086
+ [0, 0],
3087
+ [0, 0]
3088
+ ],
3089
+ o: [
3090
+ [0, 0],
3091
+ [0, 0],
3092
+ [0, 0],
3093
+ [0, 0],
3094
+ [0, 0.039]
3095
+ ],
3096
+ v: [
3097
+ [88.891, 153.945],
3098
+ [-88.924, 51.192],
3099
+ [-88.924, -153.966],
3100
+ [88.891, -50.766],
3101
+ [88.891, 153.901]
3102
+ ],
3103
+ c: true
3104
+ },
3105
+ ix: 2
3106
+ },
3107
+ nm: "Path 1",
3108
+ mn: "ADBE Vector Shape - Group",
3109
+ hd: false
3110
+ },
3111
+ {
3112
+ ty: "fl",
3113
+ c: { a: 0, k: [0.047058827269, 0.313725490196, 0.898039275525, 1], ix: 4 },
3114
+ o: { a: 0, k: 100, ix: 5 },
3115
+ r: 1,
3116
+ bm: 0,
3117
+ nm: "Fill 1",
3118
+ mn: "ADBE Vector Graphic - Fill",
3119
+ hd: false
3120
+ },
3121
+ {
3122
+ ty: "tr",
3123
+ p: { a: 0, k: [402.708, 837.481], ix: 2 },
3124
+ a: { a: 0, k: [0, 0], ix: 1 },
3125
+ s: { a: 0, k: [100, 100], ix: 3 },
3126
+ r: { a: 0, k: 0, ix: 6 },
3127
+ o: { a: 0, k: 100, ix: 7 },
3128
+ sk: { a: 0, k: 0, ix: 4 },
3129
+ sa: { a: 0, k: 0, ix: 5 },
3130
+ nm: "Transform"
3131
+ }
3132
+ ],
3133
+ nm: "Group 3",
3134
+ np: 2,
3135
+ cix: 2,
3136
+ bm: 0,
3137
+ ix: 3,
3138
+ mn: "ADBE Vector Group",
3139
+ hd: false
3140
+ }
3141
+ ],
3142
+ ip: 40.0000016292334,
3143
+ op: 360.000014663101,
3144
+ st: 0,
3145
+ bm: 0
3146
+ },
3147
+ {
3148
+ ddd: 0,
3149
+ ind: 6,
3150
+ ty: 4,
3151
+ nm: "Bottom L Outlines",
3152
+ sr: 1,
3153
+ ks: {
3154
+ o: { a: 0, k: 100, ix: 11 },
3155
+ r: { a: 0, k: 0, ix: 10 },
3156
+ p: {
3157
+ a: 1,
3158
+ k: [
3159
+ {
3160
+ i: { x: 0.667, y: 1 },
3161
+ o: { x: 0.333, y: 0 },
3162
+ t: 0,
3163
+ s: [500, 500, 0],
3164
+ to: [39.667, 22.833, 0],
3165
+ ti: [-39.667, -22.833, 0]
3166
+ },
3167
+ {
3168
+ i: { x: 0.667, y: 0.667 },
3169
+ o: { x: 0.333, y: 0.333 },
3170
+ t: 10,
3171
+ s: [738, 637, 0],
3172
+ to: [0, 0, 0],
3173
+ ti: [0, 0, 0]
3174
+ },
3175
+ {
3176
+ i: { x: 0.667, y: 1 },
3177
+ o: { x: 0.333, y: 0 },
3178
+ t: 45,
3179
+ s: [738, 637, 0],
3180
+ to: [38.667, -22, 0],
3181
+ ti: [-38.667, 22, 0]
3182
+ },
3183
+ { t: 55.0000022401959, s: [970, 505, 0] }
3184
+ ],
3185
+ ix: 2
3186
+ },
3187
+ a: { a: 0, k: [500, 500, 0], ix: 1 },
3188
+ s: { a: 0, k: [100, 100, 100], ix: 6 }
3189
+ },
3190
+ ao: 0,
3191
+ shapes: [
3192
+ {
3193
+ ty: "gr",
3194
+ it: [
3195
+ {
3196
+ ind: 0,
3197
+ ty: "sh",
3198
+ ix: 1,
3199
+ ks: {
3200
+ a: 0,
3201
+ k: {
3202
+ i: [
3203
+ [0, 0],
3204
+ [0, 0],
3205
+ [0, 0],
3206
+ [0, 0],
3207
+ [0.257, -0.148]
3208
+ ],
3209
+ o: [
3210
+ [0, 0],
3211
+ [0, 0],
3212
+ [0, 0],
3213
+ [0.256, 0.148],
3214
+ [0, 0]
3215
+ ],
3216
+ v: [
3217
+ [-0.546, 103.081],
3218
+ [-178.361, 0.255],
3219
+ [-0.546, -103.081],
3220
+ [178.103, 0.255],
3221
+ [178.103, 0.255]
3222
+ ],
3223
+ c: true
3224
+ },
3225
+ ix: 2
3226
+ },
3227
+ nm: "Path 1",
3228
+ mn: "ADBE Vector Shape - Group",
3229
+ hd: false
3230
+ },
3231
+ {
3232
+ ty: "fl",
3233
+ c: { a: 0, k: [0.341176470588, 0.525490196078, 1, 1], ix: 4 },
3234
+ o: { a: 0, k: 100, ix: 5 },
3235
+ r: 1,
3236
+ bm: 0,
3237
+ nm: "Fill 1",
3238
+ mn: "ADBE Vector Graphic - Fill",
3239
+ hd: false
3240
+ },
3241
+ {
3242
+ ty: "tr",
3243
+ p: { a: 0, k: [254.328, 545.496], ix: 2 },
3244
+ a: { a: 0, k: [0, 0], ix: 1 },
3245
+ s: { a: 0, k: [100, 100], ix: 3 },
3246
+ r: { a: 0, k: 0, ix: 6 },
3247
+ o: { a: 0, k: 100, ix: 7 },
3248
+ sk: { a: 0, k: 0, ix: 4 },
3249
+ sa: { a: 0, k: 0, ix: 5 },
3250
+ nm: "Transform"
3251
+ }
3252
+ ],
3253
+ nm: "Group 1",
3254
+ np: 2,
3255
+ cix: 2,
3256
+ bm: 0,
3257
+ ix: 1,
3258
+ mn: "ADBE Vector Group",
3259
+ hd: false
3260
+ },
3261
+ {
3262
+ ty: "gr",
3263
+ it: [
3264
+ {
3265
+ ind: 0,
3266
+ ty: "sh",
3267
+ ix: 1,
3268
+ ks: {
3269
+ a: 0,
3270
+ k: {
3271
+ i: [
3272
+ [0, 0],
3273
+ [0, 0],
3274
+ [-1e-3, 0.16],
3275
+ [0, 0],
3276
+ [0, 0],
3277
+ [0, -0.022]
3278
+ ],
3279
+ o: [
3280
+ [0, 0],
3281
+ [-0.139, 0.079],
3282
+ [0, 0],
3283
+ [0, 0],
3284
+ [0.019, -0.011],
3285
+ [0, 0]
3286
+ ],
3287
+ v: [
3288
+ [89.384, 51.24],
3289
+ [-89.265, 153.86],
3290
+ [-89.265, 153.678],
3291
+ [-89.265, -50.718],
3292
+ [89.384, -153.917],
3293
+ [89.384, -153.917]
3294
+ ],
3295
+ c: true
3296
+ },
3297
+ ix: 2
3298
+ },
3299
+ nm: "Path 1",
3300
+ mn: "ADBE Vector Shape - Group",
3301
+ hd: false
3302
+ },
3303
+ {
3304
+ ty: "fl",
3305
+ c: { a: 0, k: [0, 0.207843152214, 0.784313785329, 1], ix: 4 },
3306
+ o: { a: 0, k: 100, ix: 5 },
3307
+ r: 1,
3308
+ bm: 0,
3309
+ nm: "Fill 1",
3310
+ mn: "ADBE Vector Graphic - Fill",
3311
+ hd: false
3312
+ },
3313
+ {
3314
+ ty: "tr",
3315
+ p: { a: 0, k: [343.047, 699.669], ix: 2 },
3316
+ a: { a: 0, k: [0, 0], ix: 1 },
3317
+ s: { a: 0, k: [100, 100], ix: 3 },
3318
+ r: { a: 0, k: 0, ix: 6 },
3319
+ o: { a: 0, k: 100, ix: 7 },
3320
+ sk: { a: 0, k: 0, ix: 4 },
3321
+ sa: { a: 0, k: 0, ix: 5 },
3322
+ nm: "Transform"
3323
+ }
3324
+ ],
3325
+ nm: "Group 2",
3326
+ np: 2,
3327
+ cix: 2,
3328
+ bm: 0,
3329
+ ix: 2,
3330
+ mn: "ADBE Vector Group",
3331
+ hd: false
3332
+ },
3333
+ {
3334
+ ty: "gr",
3335
+ it: [
3336
+ {
3337
+ ind: 0,
3338
+ ty: "sh",
3339
+ ix: 1,
3340
+ ks: {
3341
+ a: 0,
3342
+ k: {
3343
+ i: [
3344
+ [0.034, 0.02],
3345
+ [0, 0],
3346
+ [0, 0],
3347
+ [0, 0],
3348
+ [0, 0]
3349
+ ],
3350
+ o: [
3351
+ [0, 0],
3352
+ [0, 0],
3353
+ [0, 0],
3354
+ [0, 0],
3355
+ [0, 0.039]
3356
+ ],
3357
+ v: [
3358
+ [88.891, 153.945],
3359
+ [-88.924, 51.191],
3360
+ [-88.924, -153.966],
3361
+ [88.891, -50.767],
3362
+ [88.891, 153.901]
3363
+ ],
3364
+ c: true
3365
+ },
3366
+ ix: 2
3367
+ },
3368
+ nm: "Path 1",
3369
+ mn: "ADBE Vector Shape - Group",
3370
+ hd: false
3371
+ },
3372
+ {
3373
+ ty: "fl",
3374
+ c: { a: 0, k: [0.047058827269, 0.313725490196, 0.898039275525, 1], ix: 4 },
3375
+ o: { a: 0, k: 100, ix: 5 },
3376
+ r: 1,
3377
+ bm: 0,
3378
+ nm: "Fill 1",
3379
+ mn: "ADBE Vector Graphic - Fill",
3380
+ hd: false
3381
+ },
3382
+ {
3383
+ ty: "tr",
3384
+ p: { a: 0, k: [164.892, 699.717], ix: 2 },
3385
+ a: { a: 0, k: [0, 0], ix: 1 },
3386
+ s: { a: 0, k: [100, 100], ix: 3 },
3387
+ r: { a: 0, k: 0, ix: 6 },
3388
+ o: { a: 0, k: 100, ix: 7 },
3389
+ sk: { a: 0, k: 0, ix: 4 },
3390
+ sa: { a: 0, k: 0, ix: 5 },
3391
+ nm: "Transform"
3392
+ }
3393
+ ],
3394
+ nm: "Group 3",
3395
+ np: 2,
3396
+ cix: 2,
3397
+ bm: 0,
3398
+ ix: 3,
3399
+ mn: "ADBE Vector Group",
3400
+ hd: false
3401
+ }
3402
+ ],
3403
+ ip: 0,
3404
+ op: 40.0000016292334,
3405
+ st: 0,
3406
+ bm: 0
3407
+ },
3408
+ {
3409
+ ddd: 0,
3410
+ ind: 7,
3411
+ ty: 4,
3412
+ nm: "Bottom R Outlines",
3413
+ sr: 1,
3414
+ ks: {
3415
+ o: { a: 0, k: 100, ix: 11 },
3416
+ r: { a: 0, k: 0, ix: 10 },
3417
+ p: {
3418
+ a: 1,
3419
+ k: [
3420
+ {
3421
+ i: { x: 0.667, y: 1 },
3422
+ o: { x: 0.333, y: 0 },
3423
+ t: 30,
3424
+ s: [500, 500, 0],
3425
+ to: [-39.333, -22.667, 0],
3426
+ ti: [39.333, 22.667, 0]
3427
+ },
3428
+ {
3429
+ i: { x: 0.667, y: 0.667 },
3430
+ o: { x: 0.333, y: 0.333 },
3431
+ t: 40,
3432
+ s: [264, 364, 0],
3433
+ to: [0, 0, 0],
3434
+ ti: [0, 0, 0]
3435
+ },
3436
+ {
3437
+ i: { x: 0.667, y: 1 },
3438
+ o: { x: 0.333, y: 0 },
3439
+ t: 75,
3440
+ s: [264, 364, 0],
3441
+ to: [-40, 21.333, 0],
3442
+ ti: [40, -21.333, 0]
3443
+ },
3444
+ { t: 85.000003462121, s: [24, 492, 0] }
3445
+ ],
3446
+ ix: 2
3447
+ },
3448
+ a: { a: 0, k: [500, 500, 0], ix: 1 },
3449
+ s: { a: 0, k: [100, 100, 100], ix: 6 }
3450
+ },
3451
+ ao: 0,
3452
+ shapes: [
3453
+ {
3454
+ ty: "gr",
3455
+ it: [
3456
+ {
3457
+ ind: 0,
3458
+ ty: "sh",
3459
+ ix: 1,
3460
+ ks: {
3461
+ a: 0,
3462
+ k: {
3463
+ i: [
3464
+ [0, 0],
3465
+ [0, 0],
3466
+ [0, 0],
3467
+ [0, 0],
3468
+ [0.257, -0.148]
3469
+ ],
3470
+ o: [
3471
+ [0, 0],
3472
+ [0, 0],
3473
+ [0, 0],
3474
+ [0.256, 0.148],
3475
+ [0, 0]
3476
+ ],
3477
+ v: [
3478
+ [-0.546, 103.08],
3479
+ [-178.361, 0.255],
3480
+ [-0.546, -103.081],
3481
+ [178.103, 0.255],
3482
+ [178.103, 0.255]
3483
+ ],
3484
+ c: true
3485
+ },
3486
+ ix: 2
3487
+ },
3488
+ nm: "Path 1",
3489
+ mn: "ADBE Vector Shape - Group",
3490
+ hd: false
3491
+ },
3492
+ {
3493
+ ty: "fl",
3494
+ c: { a: 0, k: [0.341176470588, 0.525490196078, 1, 1], ix: 4 },
3495
+ o: { a: 0, k: 100, ix: 5 },
3496
+ r: 1,
3497
+ bm: 0,
3498
+ nm: "Fill 1",
3499
+ mn: "ADBE Vector Graphic - Fill",
3500
+ hd: false
3501
+ },
3502
+ {
3503
+ ty: "tr",
3504
+ p: { a: 0, k: [730.028, 546.515], ix: 2 },
3505
+ a: { a: 0, k: [0, 0], ix: 1 },
3506
+ s: { a: 0, k: [100, 100], ix: 3 },
3507
+ r: { a: 0, k: 0, ix: 6 },
3508
+ o: { a: 0, k: 100, ix: 7 },
3509
+ sk: { a: 0, k: 0, ix: 4 },
3510
+ sa: { a: 0, k: 0, ix: 5 },
3511
+ nm: "Transform"
3512
+ }
3513
+ ],
3514
+ nm: "Group 1",
3515
+ np: 2,
3516
+ cix: 2,
3517
+ bm: 0,
3518
+ ix: 1,
3519
+ mn: "ADBE Vector Group",
3520
+ hd: false
3521
+ },
3522
+ {
3523
+ ty: "gr",
3524
+ it: [
3525
+ {
3526
+ ind: 0,
3527
+ ty: "sh",
3528
+ ix: 1,
3529
+ ks: {
3530
+ a: 0,
3531
+ k: {
3532
+ i: [
3533
+ [0, 0],
3534
+ [0, 0],
3535
+ [-1e-3, 0.16],
3536
+ [0, 0],
3537
+ [0, 0],
3538
+ [0, -0.022]
3539
+ ],
3540
+ o: [
3541
+ [0, 0],
3542
+ [-0.14, 0.079],
3543
+ [0, 0],
3544
+ [0, 0],
3545
+ [0.019, -0.011],
3546
+ [0, 0]
3547
+ ],
3548
+ v: [
3549
+ [89.385, 51.24],
3550
+ [-89.264, 153.861],
3551
+ [-89.264, 153.679],
3552
+ [-89.264, -50.717],
3553
+ [89.385, -153.917],
3554
+ [89.385, -153.917]
3555
+ ],
3556
+ c: true
3557
+ },
3558
+ ix: 2
3559
+ },
3560
+ nm: "Path 1",
3561
+ mn: "ADBE Vector Shape - Group",
3562
+ hd: false
3563
+ },
3564
+ {
3565
+ ty: "fl",
3566
+ c: { a: 0, k: [0, 0.207843152214, 0.784313785329, 1], ix: 4 },
3567
+ o: { a: 0, k: 100, ix: 5 },
3568
+ r: 1,
3569
+ bm: 0,
3570
+ nm: "Fill 1",
3571
+ mn: "ADBE Vector Graphic - Fill",
3572
+ hd: false
3573
+ },
3574
+ {
3575
+ ty: "tr",
3576
+ p: { a: 0, k: [818.747, 700.688], ix: 2 },
3577
+ a: { a: 0, k: [0, 0], ix: 1 },
3578
+ s: { a: 0, k: [100, 100], ix: 3 },
3579
+ r: { a: 0, k: 0, ix: 6 },
3580
+ o: { a: 0, k: 100, ix: 7 },
3581
+ sk: { a: 0, k: 0, ix: 4 },
3582
+ sa: { a: 0, k: 0, ix: 5 },
3583
+ nm: "Transform"
3584
+ }
3585
+ ],
3586
+ nm: "Group 2",
3587
+ np: 2,
3588
+ cix: 2,
3589
+ bm: 0,
3590
+ ix: 2,
3591
+ mn: "ADBE Vector Group",
3592
+ hd: false
3593
+ },
3594
+ {
3595
+ ty: "gr",
3596
+ it: [
3597
+ {
3598
+ ind: 0,
3599
+ ty: "sh",
3600
+ ix: 1,
3601
+ ks: {
3602
+ a: 0,
3603
+ k: {
3604
+ i: [
3605
+ [0.034, 0.02],
3606
+ [0, 0],
3607
+ [0, 0],
3608
+ [0, 0],
3609
+ [0, 0]
3610
+ ],
3611
+ o: [
3612
+ [0, 0],
3613
+ [0, 0],
3614
+ [0, 0],
3615
+ [0, 0],
3616
+ [0, 0.039]
3617
+ ],
3618
+ v: [
3619
+ [88.891, 153.945],
3620
+ [-88.924, 51.192],
3621
+ [-88.924, -153.966],
3622
+ [88.891, -50.766],
3623
+ [88.891, 153.901]
3624
+ ],
3625
+ c: true
3626
+ },
3627
+ ix: 2
3628
+ },
3629
+ nm: "Path 1",
3630
+ mn: "ADBE Vector Shape - Group",
3631
+ hd: false
3632
+ },
3633
+ {
3634
+ ty: "fl",
3635
+ c: { a: 0, k: [0.047058827269, 0.313725490196, 0.898039275525, 1], ix: 4 },
3636
+ o: { a: 0, k: 100, ix: 5 },
3637
+ r: 1,
3638
+ bm: 0,
3639
+ nm: "Fill 1",
3640
+ mn: "ADBE Vector Graphic - Fill",
3641
+ hd: false
3642
+ },
3643
+ {
3644
+ ty: "tr",
3645
+ p: { a: 0, k: [640.592, 700.736], ix: 2 },
3646
+ a: { a: 0, k: [0, 0], ix: 1 },
3647
+ s: { a: 0, k: [100, 100], ix: 3 },
3648
+ r: { a: 0, k: 0, ix: 6 },
3649
+ o: { a: 0, k: 100, ix: 7 },
3650
+ sk: { a: 0, k: 0, ix: 4 },
3651
+ sa: { a: 0, k: 0, ix: 5 },
3652
+ nm: "Transform"
3653
+ }
3654
+ ],
3655
+ nm: "Group 3",
3656
+ np: 2,
3657
+ cix: 2,
3658
+ bm: 0,
3659
+ ix: 3,
3660
+ mn: "ADBE Vector Group",
3661
+ hd: false
3662
+ }
3663
+ ],
3664
+ ip: 0,
3665
+ op: 360.000014663101,
3666
+ st: 0,
3667
+ bm: 0
3668
+ },
3669
+ {
3670
+ ddd: 0,
3671
+ ind: 8,
3672
+ ty: 4,
3673
+ nm: "Bottom C Outlines 2",
3674
+ sr: 1,
3675
+ ks: {
3676
+ o: { a: 0, k: 100, ix: 11 },
3677
+ r: { a: 0, k: 0, ix: 10 },
3678
+ p: {
3679
+ a: 1,
3680
+ k: [
3681
+ {
3682
+ i: { x: 0.667, y: 1 },
3683
+ o: { x: 0.333, y: 0 },
3684
+ t: 15,
3685
+ s: [500, 224, 0],
3686
+ to: [-39.964, 23, 0],
3687
+ ti: [39.964, -23, 0]
3688
+ },
3689
+ { t: 25.0000010182709, s: [260.217, 362, 0] }
3690
+ ],
3691
+ ix: 2
3692
+ },
3693
+ a: { a: 0, k: [500, 500, 0], ix: 1 },
3694
+ s: { a: 0, k: [100, 100, 100], ix: 6 }
3695
+ },
3696
+ ao: 0,
3697
+ shapes: [
3698
+ {
3699
+ ty: "gr",
3700
+ it: [
3701
+ {
3702
+ ind: 0,
3703
+ ty: "sh",
3704
+ ix: 1,
3705
+ ks: {
3706
+ a: 0,
3707
+ k: {
3708
+ i: [
3709
+ [0, 0],
3710
+ [0, 0],
3711
+ [0, 0],
3712
+ [0, 0],
3713
+ [0.257, -0.148]
3714
+ ],
3715
+ o: [
3716
+ [0, 0],
3717
+ [0, 0],
3718
+ [0, 0],
3719
+ [0.256, 0.148],
3720
+ [0, 0]
3721
+ ],
3722
+ v: [
3723
+ [-0.546, 103.08],
3724
+ [-178.361, 0.255],
3725
+ [-0.546, -103.081],
3726
+ [178.103, 0.255],
3727
+ [178.103, 0.255]
3728
+ ],
3729
+ c: true
3730
+ },
3731
+ ix: 2
3732
+ },
3733
+ nm: "Path 1",
3734
+ mn: "ADBE Vector Shape - Group",
3735
+ hd: false
3736
+ },
3737
+ {
3738
+ ty: "fl",
3739
+ c: { a: 0, k: [0.341176470588, 0.525490196078, 1, 1], ix: 4 },
3740
+ o: { a: 0, k: 100, ix: 5 },
3741
+ r: 1,
3742
+ bm: 0,
3743
+ nm: "Fill 1",
3744
+ mn: "ADBE Vector Graphic - Fill",
3745
+ hd: false
3746
+ },
3747
+ {
3748
+ ty: "tr",
3749
+ p: { a: 0, k: [492.144, 683.26], ix: 2 },
3750
+ a: { a: 0, k: [0, 0], ix: 1 },
3751
+ s: { a: 0, k: [100, 100], ix: 3 },
3752
+ r: { a: 0, k: 0, ix: 6 },
3753
+ o: { a: 0, k: 100, ix: 7 },
3754
+ sk: { a: 0, k: 0, ix: 4 },
3755
+ sa: { a: 0, k: 0, ix: 5 },
3756
+ nm: "Transform"
3757
+ }
3758
+ ],
3759
+ nm: "Group 1",
3760
+ np: 2,
3761
+ cix: 2,
3762
+ bm: 0,
3763
+ ix: 1,
3764
+ mn: "ADBE Vector Group",
3765
+ hd: false
3766
+ },
3767
+ {
3768
+ ty: "gr",
3769
+ it: [
3770
+ {
3771
+ ind: 0,
3772
+ ty: "sh",
3773
+ ix: 1,
3774
+ ks: {
3775
+ a: 0,
3776
+ k: {
3777
+ i: [
3778
+ [0, 0],
3779
+ [0, 0],
3780
+ [-1e-3, 0.16],
3781
+ [0, 0],
3782
+ [0, 0],
3783
+ [0, -0.022]
3784
+ ],
3785
+ o: [
3786
+ [0, 0],
3787
+ [-0.139, 0.079],
3788
+ [0, 0],
3789
+ [0, 0],
3790
+ [0.019, -0.011],
3791
+ [0, 0]
3792
+ ],
3793
+ v: [
3794
+ [89.385, 51.24],
3795
+ [-89.264, 153.861],
3796
+ [-89.264, 153.679],
3797
+ [-89.264, -50.717],
3798
+ [89.385, -153.917],
3799
+ [89.385, -153.917]
3800
+ ],
3801
+ c: true
3802
+ },
3803
+ ix: 2
3804
+ },
3805
+ nm: "Path 1",
3806
+ mn: "ADBE Vector Shape - Group",
3807
+ hd: false
3808
+ },
3809
+ {
3810
+ ty: "fl",
3811
+ c: { a: 0, k: [0, 0.207843152214, 0.784313785329, 1], ix: 4 },
3812
+ o: { a: 0, k: 100, ix: 5 },
3813
+ r: 1,
3814
+ bm: 0,
3815
+ nm: "Fill 1",
3816
+ mn: "ADBE Vector Graphic - Fill",
3817
+ hd: false
3818
+ },
3819
+ {
3820
+ ty: "tr",
3821
+ p: { a: 0, k: [580.863, 837.433], ix: 2 },
3822
+ a: { a: 0, k: [0, 0], ix: 1 },
3823
+ s: { a: 0, k: [100, 100], ix: 3 },
3824
+ r: { a: 0, k: 0, ix: 6 },
3825
+ o: { a: 0, k: 100, ix: 7 },
3826
+ sk: { a: 0, k: 0, ix: 4 },
3827
+ sa: { a: 0, k: 0, ix: 5 },
3828
+ nm: "Transform"
3829
+ }
3830
+ ],
3831
+ nm: "Group 2",
3832
+ np: 2,
3833
+ cix: 2,
3834
+ bm: 0,
3835
+ ix: 2,
3836
+ mn: "ADBE Vector Group",
3837
+ hd: false
3838
+ },
3839
+ {
3840
+ ty: "gr",
3841
+ it: [
3842
+ {
3843
+ ind: 0,
3844
+ ty: "sh",
3845
+ ix: 1,
3846
+ ks: {
3847
+ a: 0,
3848
+ k: {
3849
+ i: [
3850
+ [0.034, 0.02],
3851
+ [0, 0],
3852
+ [0, 0],
3853
+ [0, 0],
3854
+ [0, 0]
3855
+ ],
3856
+ o: [
3857
+ [0, 0],
3858
+ [0, 0],
3859
+ [0, 0],
3860
+ [0, 0],
3861
+ [0, 0.039]
3862
+ ],
3863
+ v: [
3864
+ [88.891, 153.945],
3865
+ [-88.924, 51.192],
3866
+ [-88.924, -153.966],
3867
+ [88.891, -50.766],
3868
+ [88.891, 153.901]
3869
+ ],
3870
+ c: true
3871
+ },
3872
+ ix: 2
3873
+ },
3874
+ nm: "Path 1",
3875
+ mn: "ADBE Vector Shape - Group",
3876
+ hd: false
3877
+ },
3878
+ {
3879
+ ty: "fl",
3880
+ c: { a: 0, k: [0.047058827269, 0.313725490196, 0.898039275525, 1], ix: 4 },
3881
+ o: { a: 0, k: 100, ix: 5 },
3882
+ r: 1,
3883
+ bm: 0,
3884
+ nm: "Fill 1",
3885
+ mn: "ADBE Vector Graphic - Fill",
3886
+ hd: false
3887
+ },
3888
+ {
3889
+ ty: "tr",
3890
+ p: { a: 0, k: [402.708, 837.481], ix: 2 },
3891
+ a: { a: 0, k: [0, 0], ix: 1 },
3892
+ s: { a: 0, k: [100, 100], ix: 3 },
3893
+ r: { a: 0, k: 0, ix: 6 },
3894
+ o: { a: 0, k: 100, ix: 7 },
3895
+ sk: { a: 0, k: 0, ix: 4 },
3896
+ sa: { a: 0, k: 0, ix: 5 },
3897
+ nm: "Transform"
3898
+ }
3899
+ ],
3900
+ nm: "Group 3",
3901
+ np: 2,
3902
+ cix: 2,
3903
+ bm: 0,
3904
+ ix: 3,
3905
+ mn: "ADBE Vector Group",
3906
+ hd: false
3907
+ }
3908
+ ],
3909
+ ip: 0,
3910
+ op: 118.000004806239,
3911
+ st: 0,
3912
+ bm: 0
3913
+ }
3914
+ ]
3915
+ }
3916
+ ],
3917
+ layers: [
3918
+ {
3919
+ ddd: 0,
3920
+ ind: 1,
3921
+ ty: 0,
3922
+ nm: "Loader",
3923
+ refId: "comp_0",
3924
+ sr: 1.1,
3925
+ ks: {
3926
+ o: { a: 0, k: 100, ix: 11 },
3927
+ r: { a: 0, k: 0, ix: 10 },
3928
+ p: { a: 0, k: [500, 500, 0], ix: 2 },
3929
+ a: { a: 0, k: [500, 500, 0], ix: 1 },
3930
+ s: { a: 0, k: [100, 100, 100], ix: 6 }
3931
+ },
3932
+ ao: 0,
3933
+ w: 1e3,
3934
+ h: 1e3,
3935
+ ip: 33.0000013441176,
3936
+ op: 66.0000026882351,
3937
+ st: 33.0000013441176,
3938
+ bm: 0
3939
+ },
3940
+ {
3941
+ ddd: 0,
3942
+ ind: 2,
3943
+ ty: 0,
3944
+ nm: "Loader",
3945
+ refId: "comp_0",
3946
+ sr: 1.1,
3947
+ ks: {
3948
+ o: { a: 0, k: 100, ix: 11 },
3949
+ r: { a: 0, k: 0, ix: 10 },
3950
+ p: { a: 0, k: [500, 500, 0], ix: 2 },
3951
+ a: { a: 0, k: [500, 500, 0], ix: 1 },
3952
+ s: { a: 0, k: [100, 100, 100], ix: 6 }
3953
+ },
3954
+ ao: 0,
3955
+ w: 1e3,
3956
+ h: 1e3,
3957
+ ip: 0,
3958
+ op: 33.0000013441176,
3959
+ st: -33.0000013441176,
3960
+ bm: 0
3961
+ }
3962
+ ],
3963
+ markers: []
3964
+ };
3965
+
1841
3966
  // src/components/AnimationFile/lotties/spinner.json
1842
3967
  var spinner_default = {
1843
3968
  v: "4.8.0",
@@ -8145,11 +10270,6 @@ var spinner_default = {
8145
10270
  markers: []
8146
10271
  };
8147
10272
 
8148
- // src/components/AnimationFile/lotties/index.ts
8149
- var LottieFile = {
8150
- spinner: spinner_default
8151
- };
8152
-
8153
10273
  // src/components/AnimationFile/AnimationFile.tsx
8154
10274
  import Lottie from "lottie-react";
8155
10275
  import { jsx as jsx15 } from "@emotion/react/jsx-runtime";
@@ -10185,9 +12305,62 @@ var Textarea = ({
10185
12305
  ] });
10186
12306
  };
10187
12307
 
10188
- // src/components/Layout/styles/Container.styles.ts
12308
+ // src/components/JsonEditor/JsonEditor.tsx
12309
+ import { ClassNames } from "@emotion/react";
12310
+ import MonacoEditor from "@monaco-editor/react";
12311
+
12312
+ // src/components/JsonEditor/JsonEditor.styles.ts
10189
12313
  import { css as css35 } from "@emotion/react";
10190
- var Container = ({ backgroundColor, border, rounded, padding, margin }) => css35`
12314
+ var JsonEditorContainer = css35`
12315
+ min-height: 150px;
12316
+ `;
12317
+
12318
+ // src/components/JsonEditor/JsonEditor.tsx
12319
+ import { jsx as jsx47 } from "@emotion/react/jsx-runtime";
12320
+ var JsonEditor = ({ defaultValue, onChange, jsonSchema, height, readOnly }) => {
12321
+ let effectiveHeight = height;
12322
+ if (typeof height === "number" && height < 0) {
12323
+ effectiveHeight = typeof window === "undefined" ? "100%" : window.innerHeight + height;
12324
+ }
12325
+ return /* @__PURE__ */ jsx47(ClassNames, { children: ({ css: css67, cx }) => /* @__PURE__ */ jsx47(
12326
+ MonacoEditor,
12327
+ {
12328
+ height: effectiveHeight,
12329
+ className: cx("uniform-json-editor", css67(JsonEditorContainer)),
12330
+ defaultLanguage: "json",
12331
+ defaultValue,
12332
+ options: {
12333
+ language: "json",
12334
+ minimap: { enabled: false },
12335
+ lineNumbers: "off",
12336
+ folding: false,
12337
+ scrollBeyondLastLine: false,
12338
+ readOnly,
12339
+ renderLineHighlight: "none"
12340
+ },
12341
+ onMount: (_, monaco) => {
12342
+ if (jsonSchema) {
12343
+ monaco.languages.json.jsonDefaults.setDiagnosticsOptions({
12344
+ validate: true,
12345
+ allowComments: false,
12346
+ schemas: [
12347
+ {
12348
+ uri: "http://myserver/foo-schema.json",
12349
+ fileMatch: ["*"],
12350
+ schema: jsonSchema
12351
+ }
12352
+ ]
12353
+ });
12354
+ }
12355
+ },
12356
+ onChange
12357
+ }
12358
+ ) });
12359
+ };
12360
+
12361
+ // src/components/Layout/styles/Container.styles.ts
12362
+ import { css as css36 } from "@emotion/react";
12363
+ var Container = ({ backgroundColor, border, rounded, padding, margin }) => css36`
10191
12364
  background: var(--${backgroundColor});
10192
12365
  ${border ? "border: 1px solid var(--gray-300)" : void 0};
10193
12366
  ${rounded ? `border-radius: var(--${rounded})` : void 0};
@@ -10196,7 +12369,7 @@ var Container = ({ backgroundColor, border, rounded, padding, margin }) => css35
10196
12369
  `;
10197
12370
 
10198
12371
  // src/components/Layout/Container.tsx
10199
- import { jsx as jsx47 } from "@emotion/react/jsx-runtime";
12372
+ import { jsx as jsx48 } from "@emotion/react/jsx-runtime";
10200
12373
  var Container2 = ({
10201
12374
  tag = "div",
10202
12375
  backgroundColor = "white",
@@ -10208,7 +12381,7 @@ var Container2 = ({
10208
12381
  ...props
10209
12382
  }) => {
10210
12383
  const Tag = tag;
10211
- return /* @__PURE__ */ jsx47(
12384
+ return /* @__PURE__ */ jsx48(
10212
12385
  Tag,
10213
12386
  {
10214
12387
  css: Container({
@@ -10225,54 +12398,54 @@ var Container2 = ({
10225
12398
  };
10226
12399
 
10227
12400
  // src/components/Layout/styles/VerticalRhythm.styles.ts
10228
- import { css as css36 } from "@emotion/react";
10229
- var VerticalRhythmContainer = (size) => css36`
12401
+ import { css as css37 } from "@emotion/react";
12402
+ var VerticalRhythmContainer = (size) => css37`
10230
12403
  display: flex;
10231
12404
  flex-direction: column;
10232
12405
  gap: var(--spacing-${size});
10233
12406
  `;
10234
12407
 
10235
12408
  // src/components/Layout/VerticalRhythm.tsx
10236
- import { jsx as jsx48 } from "@emotion/react/jsx-runtime";
12409
+ import { jsx as jsx49 } from "@emotion/react/jsx-runtime";
10237
12410
  var VerticalRhythm = ({ tag = "div", gap = "base", children, ...props }) => {
10238
12411
  const Tag = tag;
10239
- return /* @__PURE__ */ jsx48(Tag, { css: VerticalRhythmContainer(gap), ...props, children });
12412
+ return /* @__PURE__ */ jsx49(Tag, { css: VerticalRhythmContainer(gap), ...props, children });
10240
12413
  };
10241
12414
 
10242
12415
  // src/components/LimitsBar/LimitsBar.styles.ts
10243
- import { css as css37 } from "@emotion/react";
10244
- var LimitsBarContainer = css37`
12416
+ import { css as css38 } from "@emotion/react";
12417
+ var LimitsBarContainer = css38`
10245
12418
  margin-block: var(--spacing-sm);
10246
12419
  `;
10247
- var LimitsBarProgressBar = css37`
12420
+ var LimitsBarProgressBar = css38`
10248
12421
  background: var(--gray-100);
10249
12422
  margin-top: var(--spacing-sm);
10250
12423
  position: relative;
10251
12424
  overflow: hidden;
10252
12425
  height: 0.25rem;
10253
12426
  `;
10254
- var LimitsBarProgressBarLine = css37`
12427
+ var LimitsBarProgressBarLine = css38`
10255
12428
  position: absolute;
10256
12429
  inset: 0;
10257
12430
  transition: transform var(--duration-fast) var(--timing-ease-out);
10258
12431
  `;
10259
- var LimitsBarLabelContainer = css37`
12432
+ var LimitsBarLabelContainer = css38`
10260
12433
  display: flex;
10261
12434
  justify-content: space-between;
10262
12435
  font-weight: var(--fw-bold);
10263
12436
  `;
10264
- var LimitsBarLabel = css37`
12437
+ var LimitsBarLabel = css38`
10265
12438
  font-size: var(--fs-baase);
10266
12439
  `;
10267
- var LimitsBarBgColor = (statusColor) => css37`
12440
+ var LimitsBarBgColor = (statusColor) => css38`
10268
12441
  background: ${statusColor};
10269
12442
  `;
10270
- var LimitsBarTextColor = (statusColor) => css37`
12443
+ var LimitsBarTextColor = (statusColor) => css38`
10271
12444
  color: ${statusColor};
10272
12445
  `;
10273
12446
 
10274
12447
  // src/components/LimitsBar/LimitsBar.tsx
10275
- import { jsx as jsx49, jsxs as jsxs29 } from "@emotion/react/jsx-runtime";
12448
+ import { jsx as jsx50, jsxs as jsxs29 } from "@emotion/react/jsx-runtime";
10276
12449
  var LimitsBar = ({ current, max, label }) => {
10277
12450
  const maxPercentage = 100;
10278
12451
  const progressBarValue = Math.ceil(current / max * maxPercentage);
@@ -10285,14 +12458,14 @@ var LimitsBar = ({ current, max, label }) => {
10285
12458
  const statusColor = progressBarValue === 100 ? colorMap.danger : progressBarValue >= 75 ? colorMap.warn : colorMap.base;
10286
12459
  return /* @__PURE__ */ jsxs29("div", { css: LimitsBarContainer, children: [
10287
12460
  /* @__PURE__ */ jsxs29("div", { css: LimitsBarLabelContainer, children: [
10288
- /* @__PURE__ */ jsx49("span", { css: LimitsBarLabel, children: label }),
12461
+ /* @__PURE__ */ jsx50("span", { css: LimitsBarLabel, children: label }),
10289
12462
  /* @__PURE__ */ jsxs29("span", { css: [LimitsBarLabel, LimitsBarTextColor(statusColor)], children: [
10290
12463
  current,
10291
12464
  " of ",
10292
12465
  max
10293
12466
  ] })
10294
12467
  ] }),
10295
- /* @__PURE__ */ jsx49(
12468
+ /* @__PURE__ */ jsx50(
10296
12469
  "div",
10297
12470
  {
10298
12471
  role: "progressbar",
@@ -10301,7 +12474,7 @@ var LimitsBar = ({ current, max, label }) => {
10301
12474
  "aria-valuemax": max,
10302
12475
  "aria-valuetext": `${current} of ${max}`,
10303
12476
  css: LimitsBarProgressBar,
10304
- children: /* @__PURE__ */ jsx49(
12477
+ children: /* @__PURE__ */ jsx50(
10305
12478
  "span",
10306
12479
  {
10307
12480
  role: "presentation",
@@ -10317,8 +12490,8 @@ var LimitsBar = ({ current, max, label }) => {
10317
12490
  };
10318
12491
 
10319
12492
  // src/components/LinkList/LinkList.styles.ts
10320
- import { css as css38 } from "@emotion/react";
10321
- var LinkListContainer = css38`
12493
+ import { css as css39 } from "@emotion/react";
12494
+ var LinkListContainer = css39`
10322
12495
  padding: var(--spacing-md) var(--spacing-lg) var(--spacing-2xl);
10323
12496
  ${mq("sm")} {
10324
12497
  grid-column: last-col / span 1;
@@ -10327,23 +12500,23 @@ var LinkListContainer = css38`
10327
12500
  `;
10328
12501
 
10329
12502
  // src/components/LinkList/LinkList.tsx
10330
- import { jsx as jsx50, jsxs as jsxs30 } from "@emotion/react/jsx-runtime";
12503
+ import { jsx as jsx51, jsxs as jsxs30 } from "@emotion/react/jsx-runtime";
10331
12504
  var LinkList = ({ title, children, ...props }) => {
10332
12505
  return /* @__PURE__ */ jsxs30("div", { css: LinkListContainer, ...props, children: [
10333
- /* @__PURE__ */ jsx50(Heading, { level: 3, children: title }),
12506
+ /* @__PURE__ */ jsx51(Heading, { level: 3, children: title }),
10334
12507
  children
10335
12508
  ] });
10336
12509
  };
10337
12510
 
10338
12511
  // src/components/List/ScrollableList.tsx
10339
- import { css as css40 } from "@emotion/react";
12512
+ import { css as css41 } from "@emotion/react";
10340
12513
 
10341
12514
  // src/components/List/styles/ScrollableList.styles.ts
10342
- import { css as css39 } from "@emotion/react";
10343
- var ScrollableListContainer = css39`
12515
+ import { css as css40 } from "@emotion/react";
12516
+ var ScrollableListContainer = css40`
10344
12517
  position: relative;
10345
12518
  `;
10346
- var ScrollableListInner = css39`
12519
+ var ScrollableListInner = css40`
10347
12520
  background: var(--gray-50);
10348
12521
  border-top: 1px solid var(--gray-200);
10349
12522
  border-bottom: 1px solid var(--gray-200);
@@ -10361,19 +12534,19 @@ var ScrollableListInner = css39`
10361
12534
  `;
10362
12535
 
10363
12536
  // src/components/List/ScrollableList.tsx
10364
- import { jsx as jsx51, jsxs as jsxs31 } from "@emotion/react/jsx-runtime";
12537
+ import { jsx as jsx52, jsxs as jsxs31 } from "@emotion/react/jsx-runtime";
10365
12538
  var ScrollableList = ({ label, children, ...props }) => {
10366
12539
  return /* @__PURE__ */ jsxs31("div", { css: [ScrollableListContainer, scrollbarStyles], ...props, children: [
10367
- label ? /* @__PURE__ */ jsx51(
12540
+ label ? /* @__PURE__ */ jsx52(
10368
12541
  "span",
10369
12542
  {
10370
- css: css40`
12543
+ css: css41`
10371
12544
  ${labelText}
10372
12545
  `,
10373
12546
  children: label
10374
12547
  }
10375
12548
  ) : null,
10376
- /* @__PURE__ */ jsx51("div", { css: [ScrollableListInner, scrollbarStyles], children })
12549
+ /* @__PURE__ */ jsx52("div", { css: [ScrollableListInner, scrollbarStyles], children })
10377
12550
  ] });
10378
12551
  };
10379
12552
 
@@ -10381,8 +12554,8 @@ var ScrollableList = ({ label, children, ...props }) => {
10381
12554
  import { CgCheck } from "react-icons/cg";
10382
12555
 
10383
12556
  // src/components/List/styles/ScrollableListItem.styles.ts
10384
- import { css as css41 } from "@emotion/react";
10385
- var ScrollableListItemContainer = css41`
12557
+ import { css as css42 } from "@emotion/react";
12558
+ var ScrollableListItemContainer = css42`
10386
12559
  align-items: center;
10387
12560
  background: var(--white);
10388
12561
  border-radius: var(--rounded-base);
@@ -10392,10 +12565,10 @@ var ScrollableListItemContainer = css41`
10392
12565
  min-height: 52px;
10393
12566
  transition: border-color var(--duration-fast) var(--timing-ease-out);
10394
12567
  `;
10395
- var ScrollableListItemActive = css41`
12568
+ var ScrollableListItemActive = css42`
10396
12569
  border-color: var(--brand-secondary-3);
10397
12570
  `;
10398
- var ScrollableListItemBtn = css41`
12571
+ var ScrollableListItemBtn = css42`
10399
12572
  align-items: center;
10400
12573
  border: none;
10401
12574
  background: transparent;
@@ -10410,26 +12583,26 @@ var ScrollableListItemBtn = css41`
10410
12583
  outline: none;
10411
12584
  }
10412
12585
  `;
10413
- var ScrollableListInputLabel = css41`
12586
+ var ScrollableListInputLabel = css42`
10414
12587
  align-items: center;
10415
12588
  display: flex;
10416
12589
  padding: var(--spacing-xs) var(--spacing-base) var(--spacing-xs);
10417
12590
  flex-grow: 1;
10418
12591
  `;
10419
- var ScrollableListInputText = css41`
12592
+ var ScrollableListInputText = css42`
10420
12593
  align-items: center;
10421
12594
  display: flex;
10422
12595
  gap: var(--spacing-sm);
10423
12596
  font-weight: var(--fw-bold);
10424
12597
  flex-grow: 1;
10425
12598
  `;
10426
- var ScrollableListHiddenInput = css41`
12599
+ var ScrollableListHiddenInput = css42`
10427
12600
  position: absolute;
10428
12601
  height: 0;
10429
12602
  width: 0;
10430
12603
  opacity: 0;
10431
12604
  `;
10432
- var ScrollableListIcon = css41`
12605
+ var ScrollableListIcon = css42`
10433
12606
  border-radius: var(--rounded-full);
10434
12607
  background: var(--brand-secondary-3);
10435
12608
  color: var(--white);
@@ -10438,7 +12611,7 @@ var ScrollableListIcon = css41`
10438
12611
  `;
10439
12612
 
10440
12613
  // src/components/List/ScrollableListInputItem.tsx
10441
- import { jsx as jsx52, jsxs as jsxs32 } from "@emotion/react/jsx-runtime";
12614
+ import { jsx as jsx53, jsxs as jsxs32 } from "@emotion/react/jsx-runtime";
10442
12615
  var ScrollableListInputItem = ({
10443
12616
  label,
10444
12617
  icon,
@@ -10446,23 +12619,23 @@ var ScrollableListInputItem = ({
10446
12619
  children,
10447
12620
  labelTestId
10448
12621
  }) => {
10449
- return /* @__PURE__ */ jsx52("div", { css: [ScrollableListItemContainer, active ? ScrollableListItemActive : void 0], children: /* @__PURE__ */ jsxs32("label", { "data-test-id": labelTestId, css: ScrollableListInputLabel, children: [
12622
+ return /* @__PURE__ */ jsx53("div", { css: [ScrollableListItemContainer, active ? ScrollableListItemActive : void 0], children: /* @__PURE__ */ jsxs32("label", { "data-test-id": labelTestId, css: ScrollableListInputLabel, children: [
10450
12623
  /* @__PURE__ */ jsxs32("span", { css: ScrollableListInputText, children: [
10451
12624
  icon,
10452
12625
  label
10453
12626
  ] }),
10454
- /* @__PURE__ */ jsx52("div", { css: ScrollableListHiddenInput, children }),
10455
- active ? /* @__PURE__ */ jsx52(Icon, { icon: CgCheck, iconColor: "currentColor", css: ScrollableListIcon, size: 24 }) : null
12627
+ /* @__PURE__ */ jsx53("div", { css: ScrollableListHiddenInput, children }),
12628
+ active ? /* @__PURE__ */ jsx53(Icon, { icon: CgCheck, iconColor: "currentColor", css: ScrollableListIcon, size: 24 }) : null
10456
12629
  ] }) });
10457
12630
  };
10458
12631
 
10459
12632
  // src/components/List/ScrollableListItem.tsx
10460
- import { css as css42 } from "@emotion/react";
10461
- import { jsx as jsx53, jsxs as jsxs33 } from "@emotion/react/jsx-runtime";
12633
+ import { css as css43 } from "@emotion/react";
12634
+ import { jsx as jsx54, jsxs as jsxs33 } from "@emotion/react/jsx-runtime";
10462
12635
  var ScrollableListItem = ({ buttonText, active, ...props }) => {
10463
- return /* @__PURE__ */ jsx53("div", { css: [ScrollableListItemContainer, active ? ScrollableListItemActive : void 0], children: /* @__PURE__ */ jsxs33("button", { css: ScrollableListItemBtn, type: "button", ...props, children: [
10464
- /* @__PURE__ */ jsx53("span", { children: buttonText }),
10465
- /* @__PURE__ */ jsx53(
12636
+ return /* @__PURE__ */ jsx54("div", { css: [ScrollableListItemContainer, active ? ScrollableListItemActive : void 0], children: /* @__PURE__ */ jsxs33("button", { css: ScrollableListItemBtn, type: "button", ...props, children: [
12637
+ /* @__PURE__ */ jsx54("span", { children: buttonText }),
12638
+ /* @__PURE__ */ jsx54(
10466
12639
  "svg",
10467
12640
  {
10468
12641
  width: "24",
@@ -10471,14 +12644,14 @@ var ScrollableListItem = ({ buttonText, active, ...props }) => {
10471
12644
  fill: "currentColor",
10472
12645
  xmlns: "http://www.w3.org/2000/svg",
10473
12646
  "aria-hidden": !active,
10474
- css: css42`
12647
+ css: css43`
10475
12648
  color: var(--brand-secondary-3);
10476
12649
  transition: opacity var(--duration-fast) var(--timing-ease-out);
10477
- ${active ? css42`
12650
+ ${active ? css43`
10478
12651
  animation: ${fadeInBottom} var(--duration-fast) var(--timing-ease-out) forwards;
10479
12652
  ` : "opacity: 0;"}
10480
12653
  `,
10481
- children: /* @__PURE__ */ jsx53(
12654
+ children: /* @__PURE__ */ jsx54(
10482
12655
  "path",
10483
12656
  {
10484
12657
  fillRule: "evenodd",
@@ -10492,7 +12665,7 @@ var ScrollableListItem = ({ buttonText, active, ...props }) => {
10492
12665
  };
10493
12666
 
10494
12667
  // src/components/LoadingIndicator/LoadingIndicator.styles.ts
10495
- import { css as css43, keyframes as keyframes3 } from "@emotion/react";
12668
+ import { css as css44, keyframes as keyframes3 } from "@emotion/react";
10496
12669
  var bounceFade = keyframes3`
10497
12670
  0%, 100% {
10498
12671
  opacity: 1.0;
@@ -10510,11 +12683,11 @@ var bounceFade = keyframes3`
10510
12683
  transform: translateY(-5px);
10511
12684
  }
10512
12685
  `;
10513
- var loader = css43`
12686
+ var loader = css44`
10514
12687
  display: inline-flex;
10515
12688
  justify-content: center;
10516
12689
  `;
10517
- var loadingDot = css43`
12690
+ var loadingDot = css44`
10518
12691
  background-color: var(--gray-700);
10519
12692
  display: block;
10520
12693
  border-radius: var(--rounded-full);
@@ -10538,58 +12711,77 @@ var loadingDot = css43`
10538
12711
  `;
10539
12712
 
10540
12713
  // src/components/LoadingIndicator/LoadingIndicator.tsx
10541
- import { jsx as jsx54, jsxs as jsxs34 } from "@emotion/react/jsx-runtime";
12714
+ import { jsx as jsx55, jsxs as jsxs34 } from "@emotion/react/jsx-runtime";
10542
12715
  var LoadingIndicator = () => {
10543
12716
  return /* @__PURE__ */ jsxs34("div", { css: loader, role: "alert", "data-test-id": "loading-indicator", children: [
10544
- /* @__PURE__ */ jsx54("span", { css: loadingDot }),
10545
- /* @__PURE__ */ jsx54("span", { css: loadingDot }),
10546
- /* @__PURE__ */ jsx54("span", { css: loadingDot })
12717
+ /* @__PURE__ */ jsx55("span", { css: loadingDot }),
12718
+ /* @__PURE__ */ jsx55("span", { css: loadingDot }),
12719
+ /* @__PURE__ */ jsx55("span", { css: loadingDot })
10547
12720
  ] });
10548
12721
  };
10549
12722
 
10550
12723
  // src/components/LoadingOverlay/LoadingOverlay.tsx
10551
- import { css as css45 } from "@emotion/react";
12724
+ import { useCallback as useCallback2, useEffect as useEffect6, useRef as useRef4 } from "react";
10552
12725
 
10553
12726
  // src/components/LoadingOverlay/LoadingOverlay.styles.ts
10554
- import { css as css44 } from "@emotion/react";
10555
- var loadingOverlayContainer = css44`
10556
- align-items: center;
12727
+ import { css as css45 } from "@emotion/react";
12728
+ var loadingOverlayContainer = css45`
10557
12729
  position: absolute;
10558
12730
  inset: 0;
10559
12731
  overflow: hidden;
10560
12732
  justify-content: center;
12733
+ padding: var(--spacing-xl);
12734
+ overflow-y: auto;
10561
12735
  `;
10562
- var loadingOverlayVisible = css44`
12736
+ var loadingOverlayVisible = css45`
10563
12737
  display: flex;
10564
12738
  `;
10565
- var loadingOverlayHidden = css44`
12739
+ var loadingOverlayHidden = css45`
10566
12740
  display: none;
10567
12741
  `;
10568
- var loadingOverlayBackground = (bgColor) => css44`
12742
+ var loadingOverlayBackground = (bgColor) => css45`
10569
12743
  background: ${bgColor};
10570
- opacity: var(--opacity-75);
12744
+ opacity: 0.92;
10571
12745
  position: absolute;
10572
12746
  inset: 0 0;
10573
12747
  `;
10574
- var loadingOverlayBody = css44`
12748
+ var loadingOverlayBody = css45`
10575
12749
  align-items: center;
10576
12750
  display: flex;
10577
12751
  flex-direction: column;
10578
12752
  `;
10579
- var loadingOverlayMessage = css44`
12753
+ var loadingOverlayMessage = css45`
10580
12754
  color: var(--gray-600);
10581
12755
  margin: var(--spacing-base) 0 0;
10582
12756
  `;
10583
12757
 
10584
12758
  // src/components/LoadingOverlay/LoadingOverlay.tsx
10585
- import { jsx as jsx55, jsxs as jsxs35 } from "@emotion/react/jsx-runtime";
12759
+ import { jsx as jsx56, jsxs as jsxs35 } from "@emotion/react/jsx-runtime";
10586
12760
  var LoadingOverlay = ({
10587
12761
  isActive,
10588
12762
  statusMessage,
10589
12763
  zIndex = 9999,
10590
- size = 128,
10591
- overlayBackgroundColor = "var(--white)"
12764
+ loaderSize = 128,
12765
+ overlayBackgroundColor = "var(--white)",
12766
+ isTopAligned = false,
12767
+ isPaused = false,
12768
+ children
10592
12769
  }) => {
12770
+ const lottieRef = useRef4(null);
12771
+ const onLoopComplete = useCallback2(() => {
12772
+ var _a, _b, _c;
12773
+ if (isPaused && !((_b = (_a = lottieRef.current) == null ? void 0 : _a.animationItem) == null ? void 0 : _b.isPaused)) {
12774
+ (_c = lottieRef.current) == null ? void 0 : _c.stop();
12775
+ }
12776
+ }, [isPaused]);
12777
+ useEffect6(() => {
12778
+ var _a, _b, _c, _d, _e, _f;
12779
+ if (!isPaused && ((_b = (_a = lottieRef.current) == null ? void 0 : _a.animationItem) == null ? void 0 : _b.isPaused)) {
12780
+ (_c = lottieRef.current) == null ? void 0 : _c.play();
12781
+ } else if (isPaused && !((_e = (_d = lottieRef.current) == null ? void 0 : _d.animationItem) == null ? void 0 : _e.currentFrame)) {
12782
+ (_f = lottieRef.current) == null ? void 0 : _f.stop();
12783
+ }
12784
+ }, [isPaused]);
10593
12785
  return /* @__PURE__ */ jsxs35(
10594
12786
  "div",
10595
12787
  {
@@ -10597,25 +12789,32 @@ var LoadingOverlay = ({
10597
12789
  css: [loadingOverlayContainer, { zIndex }, isActive ? loadingOverlayVisible : loadingOverlayHidden],
10598
12790
  "aria-hidden": !isActive,
10599
12791
  children: [
10600
- /* @__PURE__ */ jsx55("div", { css: loadingOverlayBackground(overlayBackgroundColor) }),
10601
- /* @__PURE__ */ jsx55(
10602
- "div",
10603
- {
10604
- css: css45`
10605
- position: relative;
10606
- `,
10607
- children: /* @__PURE__ */ jsxs35("div", { css: loadingOverlayBody, children: [
10608
- /* @__PURE__ */ jsx55(LoadingIcon, { height: size, width: size }),
10609
- statusMessage ? /* @__PURE__ */ jsx55("div", { css: loadingOverlayMessage, children: statusMessage }) : null
10610
- ] })
10611
- }
10612
- )
12792
+ /* @__PURE__ */ jsx56("div", { css: loadingOverlayBackground(overlayBackgroundColor) }),
12793
+ /* @__PURE__ */ jsx56("div", { css: { position: "relative", maxWidth: "100%", margin: isTopAligned ? "0" : "auto" }, children: /* @__PURE__ */ jsxs35("div", { css: loadingOverlayBody, children: [
12794
+ /* @__PURE__ */ jsx56(
12795
+ AnimationFile,
12796
+ {
12797
+ lottieRef,
12798
+ animationData: loader_default,
12799
+ label: "Loading...",
12800
+ width: loaderSize,
12801
+ height: loaderSize,
12802
+ onLoopComplete,
12803
+ css: {
12804
+ transition: "filter var(--duration-xslow) ease-in-out",
12805
+ filter: isPaused ? "grayscale(1) contrast(.5) brightness(1.75)" : ""
12806
+ }
12807
+ }
12808
+ ),
12809
+ statusMessage ? /* @__PURE__ */ jsx56("div", { css: loadingOverlayMessage, children: statusMessage }) : null,
12810
+ /* @__PURE__ */ jsx56("div", { css: { width: "100%", marginTop: "var(--spacing-md)" }, children })
12811
+ ] }) })
10613
12812
  ]
10614
12813
  }
10615
12814
  );
10616
12815
  };
10617
12816
  var LoadingIcon = ({ height, width, ...props }) => {
10618
- return /* @__PURE__ */ jsx55(
12817
+ return /* @__PURE__ */ jsx56(
10619
12818
  "svg",
10620
12819
  {
10621
12820
  "data-testid": "svg",
@@ -10626,9 +12825,9 @@ var LoadingIcon = ({ height, width, ...props }) => {
10626
12825
  stroke: "currentColor",
10627
12826
  ...props,
10628
12827
  "data-test-id": "loading-icon",
10629
- children: /* @__PURE__ */ jsx55("g", { fill: "none", fillRule: "evenodd", children: /* @__PURE__ */ jsxs35("g", { transform: "translate(1 1)", strokeWidth: "2", children: [
10630
- /* @__PURE__ */ jsx55("circle", { strokeOpacity: ".25", cx: "18", cy: "18", r: "18" }),
10631
- /* @__PURE__ */ jsx55("path", { d: "M36 18c0-9.94-8.06-18-18-18", transform: "rotate(166.645 18 18)", children: /* @__PURE__ */ jsx55(
12828
+ children: /* @__PURE__ */ jsx56("g", { fill: "none", fillRule: "evenodd", children: /* @__PURE__ */ jsxs35("g", { transform: "translate(1 1)", strokeWidth: "2", children: [
12829
+ /* @__PURE__ */ jsx56("circle", { strokeOpacity: ".25", cx: "18", cy: "18", r: "18" }),
12830
+ /* @__PURE__ */ jsx56("path", { d: "M36 18c0-9.94-8.06-18-18-18", transform: "rotate(166.645 18 18)", children: /* @__PURE__ */ jsx56(
10632
12831
  "animateTransform",
10633
12832
  {
10634
12833
  attributeName: "transform",
@@ -10778,7 +12977,7 @@ var IntegrationTileFloatingButtonMessage = (clicked) => css46`
10778
12977
  `;
10779
12978
 
10780
12979
  // src/components/Tiles/CreateTeamIntegrationTile.tsx
10781
- import { jsx as jsx56, jsxs as jsxs36 } from "@emotion/react/jsx-runtime";
12980
+ import { jsx as jsx57, jsxs as jsxs36 } from "@emotion/react/jsx-runtime";
10782
12981
  var CreateTeamIntegrationTile = ({
10783
12982
  title = "Create a custom integration for your team",
10784
12983
  buttonText = "Add Integration",
@@ -10787,7 +12986,7 @@ var CreateTeamIntegrationTile = ({
10787
12986
  ...props
10788
12987
  }) => {
10789
12988
  return /* @__PURE__ */ jsxs36("div", { css: [IntegrationTileContainer, IntegrationTileBtnDashedBorder], ...props, children: [
10790
- /* @__PURE__ */ jsx56("span", { css: IntegrationTileTitle, title, children: title }),
12989
+ /* @__PURE__ */ jsx57("span", { css: IntegrationTileTitle, title, children: title }),
10791
12990
  /* @__PURE__ */ jsxs36(
10792
12991
  Button,
10793
12992
  {
@@ -10798,7 +12997,7 @@ var CreateTeamIntegrationTile = ({
10798
12997
  css: IntegrationTitleFakeButton,
10799
12998
  children: [
10800
12999
  buttonText,
10801
- asDeepLink ? /* @__PURE__ */ jsx56(
13000
+ asDeepLink ? /* @__PURE__ */ jsx57(
10802
13001
  Icon,
10803
13002
  {
10804
13003
  icon: CgChevronRight2,
@@ -10808,7 +13007,7 @@ var CreateTeamIntegrationTile = ({
10808
13007
  order: 1;
10809
13008
  `
10810
13009
  }
10811
- ) : /* @__PURE__ */ jsx56(
13010
+ ) : /* @__PURE__ */ jsx57(
10812
13011
  Icon,
10813
13012
  {
10814
13013
  icon: CgAdd2,
@@ -10827,31 +13026,31 @@ var CreateTeamIntegrationTile = ({
10827
13026
 
10828
13027
  // src/components/Tiles/IntegrationBadges.tsx
10829
13028
  import { CgCheck as CgCheck2, CgLock, CgSandClock } from "react-icons/cg";
10830
- import { jsx as jsx57, jsxs as jsxs37 } from "@emotion/react/jsx-runtime";
13029
+ import { jsx as jsx58, jsxs as jsxs37 } from "@emotion/react/jsx-runtime";
10831
13030
  var IntegrationedAddedBadge = ({ text = "Added" }) => {
10832
13031
  return /* @__PURE__ */ jsxs37("span", { "data-testid": "integration-icon-installed", css: IntegrationAddedText, children: [
10833
- /* @__PURE__ */ jsx57(Icon, { icon: CgCheck2, iconColor: "currentColor" }),
13032
+ /* @__PURE__ */ jsx58(Icon, { icon: CgCheck2, iconColor: "currentColor" }),
10834
13033
  text
10835
13034
  ] });
10836
13035
  };
10837
13036
  var IntegrationCustomBadge = ({ text = "Custom" }) => {
10838
- return /* @__PURE__ */ jsx57("span", { "data-testid": "integration-is-private", css: IntegrationCustomBadgeText("gray"), children: text });
13037
+ return /* @__PURE__ */ jsx58("span", { "data-testid": "integration-is-private", css: IntegrationCustomBadgeText("gray"), children: text });
10839
13038
  };
10840
13039
  var IntegrationPremiumBadge = ({ text = "Premium" }) => {
10841
13040
  return /* @__PURE__ */ jsxs37("span", { css: IntegrationCustomBadgeText("blue"), children: [
10842
- /* @__PURE__ */ jsx57(Icon, { icon: CgLock, iconColor: "currentColor", size: 12 }),
13041
+ /* @__PURE__ */ jsx58(Icon, { icon: CgLock, iconColor: "currentColor", size: 12 }),
10843
13042
  text
10844
13043
  ] });
10845
13044
  };
10846
13045
  var IntegrationComingSoonBadge = ({ text = "Coming soon" }) => {
10847
13046
  return /* @__PURE__ */ jsxs37("span", { css: IntegrationCustomBadgeText("blue"), children: [
10848
- /* @__PURE__ */ jsx57(Icon, { icon: CgSandClock, iconColor: "currentColor", size: 12 }),
13047
+ /* @__PURE__ */ jsx58(Icon, { icon: CgSandClock, iconColor: "currentColor", size: 12 }),
10849
13048
  text
10850
13049
  ] });
10851
13050
  };
10852
13051
 
10853
13052
  // src/components/Tiles/ResolveIcon.tsx
10854
- import { jsx as jsx58 } from "@emotion/react/jsx-runtime";
13053
+ import { jsx as jsx59 } from "@emotion/react/jsx-runtime";
10855
13054
  var ResolveIcon = ({ icon, name, styleType = "logo", ...props }) => {
10856
13055
  const CompIcon = icon && typeof icon !== "string" ? icon : null;
10857
13056
  const mapClassName = {
@@ -10859,13 +13058,13 @@ var ResolveIcon = ({ icon, name, styleType = "logo", ...props }) => {
10859
13058
  logo: IntegrationTitleLogo
10860
13059
  };
10861
13060
  if (icon) {
10862
- return CompIcon ? /* @__PURE__ */ jsx58(CompIcon, { css: mapClassName[styleType], ...props }) : /* @__PURE__ */ jsx58("img", { src: icon, alt: name, css: mapClassName[styleType], ...props });
13061
+ return CompIcon ? /* @__PURE__ */ jsx59(CompIcon, { css: mapClassName[styleType], ...props }) : /* @__PURE__ */ jsx59("img", { src: icon, alt: name, css: mapClassName[styleType], ...props });
10863
13062
  }
10864
13063
  return null;
10865
13064
  };
10866
13065
 
10867
13066
  // src/components/Tiles/EditTeamIntegrationTile.tsx
10868
- import { jsx as jsx59, jsxs as jsxs38 } from "@emotion/react/jsx-runtime";
13067
+ import { jsx as jsx60, jsxs as jsxs38 } from "@emotion/react/jsx-runtime";
10869
13068
  var EditTeamIntegrationTile = ({
10870
13069
  id,
10871
13070
  icon,
@@ -10881,10 +13080,10 @@ var EditTeamIntegrationTile = ({
10881
13080
  "data-testid": "configure-integration-container",
10882
13081
  "integration-id": `${id.toLocaleLowerCase()}`,
10883
13082
  children: [
10884
- /* @__PURE__ */ jsx59(ResolveIcon, { icon, name, "data-test-id": "integration-logo" }),
10885
- /* @__PURE__ */ jsx59("span", { css: IntegrationTileName, "data-test-id": "integration-card-name", children: name }),
10886
- !isPublic ? /* @__PURE__ */ jsx59(IntegrationCustomBadge, {}) : null,
10887
- canEdit ? /* @__PURE__ */ jsx59(
13083
+ /* @__PURE__ */ jsx60(ResolveIcon, { icon, name, "data-test-id": "integration-logo" }),
13084
+ /* @__PURE__ */ jsx60("span", { css: IntegrationTileName, "data-test-id": "integration-card-name", children: name }),
13085
+ !isPublic ? /* @__PURE__ */ jsx60(IntegrationCustomBadge, {}) : null,
13086
+ canEdit ? /* @__PURE__ */ jsx60(
10888
13087
  Button,
10889
13088
  {
10890
13089
  buttonType: "unimportant",
@@ -10903,9 +13102,9 @@ var EditTeamIntegrationTile = ({
10903
13102
 
10904
13103
  // src/components/Tiles/IntegrationComingSoon.tsx
10905
13104
  import { css as css48 } from "@emotion/react";
10906
- import { useEffect as useEffect6, useState as useState6 } from "react";
13105
+ import { useEffect as useEffect7, useState as useState6 } from "react";
10907
13106
  import { CgHeart } from "react-icons/cg";
10908
- import { jsx as jsx60, jsxs as jsxs39 } from "@emotion/react/jsx-runtime";
13107
+ import { jsx as jsx61, jsxs as jsxs39 } from "@emotion/react/jsx-runtime";
10909
13108
  var IntegrationComingSoon = ({
10910
13109
  name,
10911
13110
  icon,
@@ -10919,7 +13118,7 @@ var IntegrationComingSoon = ({
10919
13118
  setUpVote((prev) => !prev);
10920
13119
  onUpVoteClick();
10921
13120
  };
10922
- useEffect6(() => {
13121
+ useEffect7(() => {
10923
13122
  if (upVote) {
10924
13123
  const timer = setTimeout(() => setUpVote(false), timing);
10925
13124
  return () => {
@@ -10934,9 +13133,9 @@ var IntegrationComingSoon = ({
10934
13133
  "data-testid": `coming-soon-${id.toLowerCase()}-integration`,
10935
13134
  ...props,
10936
13135
  children: [
10937
- /* @__PURE__ */ jsx60(IntegrationComingSoonBadge, {}),
10938
- /* @__PURE__ */ jsx60(ResolveIcon, { icon, name }),
10939
- /* @__PURE__ */ jsx60("span", { css: IntegrationTileName, title: name, children: name }),
13136
+ /* @__PURE__ */ jsx61(IntegrationComingSoonBadge, {}),
13137
+ /* @__PURE__ */ jsx61(ResolveIcon, { icon, name }),
13138
+ /* @__PURE__ */ jsx61("span", { css: IntegrationTileName, title: name, children: name }),
10940
13139
  /* @__PURE__ */ jsxs39(
10941
13140
  Button,
10942
13141
  {
@@ -10947,8 +13146,8 @@ var IntegrationComingSoon = ({
10947
13146
  role: "link",
10948
13147
  css: [IntegrationTileFloatingButton, IntegrationTileFloatingButtonMessage(upVote)],
10949
13148
  children: [
10950
- /* @__PURE__ */ jsx60("strong", { children: "+1" }),
10951
- /* @__PURE__ */ jsx60(
13149
+ /* @__PURE__ */ jsx61("strong", { children: "+1" }),
13150
+ /* @__PURE__ */ jsx61(
10952
13151
  "span",
10953
13152
  {
10954
13153
  css: css48`
@@ -10959,7 +13158,7 @@ var IntegrationComingSoon = ({
10959
13158
  }
10960
13159
  ),
10961
13160
  /* @__PURE__ */ jsxs39("span", { "aria-hidden": !upVote, children: [
10962
- /* @__PURE__ */ jsx60(Icon, { icon: CgHeart, iconColor: "currentColor", size: 18 }),
13161
+ /* @__PURE__ */ jsx61(Icon, { icon: CgHeart, iconColor: "currentColor", size: 18 }),
10963
13162
  "Thanks!"
10964
13163
  ] })
10965
13164
  ]
@@ -11015,12 +13214,12 @@ var IntegrationLoadingFrame = css49`
11015
13214
  `;
11016
13215
 
11017
13216
  // src/components/Tiles/IntegrationLoadingTile.tsx
11018
- import { Fragment as Fragment7, jsx as jsx61, jsxs as jsxs40 } from "@emotion/react/jsx-runtime";
13217
+ import { Fragment as Fragment7, jsx as jsx62, jsxs as jsxs40 } from "@emotion/react/jsx-runtime";
11019
13218
  var IntegrationLoadingTile = ({ count = 1 }) => {
11020
13219
  const componentCount = Array.from(Array(count).keys());
11021
- return /* @__PURE__ */ jsx61(Fragment7, { children: componentCount.map((i) => /* @__PURE__ */ jsxs40("div", { css: IntegrationLoadingTileContainer, children: [
11022
- /* @__PURE__ */ jsx61("div", { css: [IntegrationLoadingTileImg, IntegrationLoadingFrame], role: "presentation" }),
11023
- /* @__PURE__ */ jsx61("div", { css: [IntegrationLoadingTileText, IntegrationLoadingFrame] })
13220
+ return /* @__PURE__ */ jsx62(Fragment7, { children: componentCount.map((i) => /* @__PURE__ */ jsxs40("div", { css: IntegrationLoadingTileContainer, children: [
13221
+ /* @__PURE__ */ jsx62("div", { css: [IntegrationLoadingTileImg, IntegrationLoadingFrame], role: "presentation" }),
13222
+ /* @__PURE__ */ jsx62("div", { css: [IntegrationLoadingTileText, IntegrationLoadingFrame] })
11024
13223
  ] }, i)) });
11025
13224
  };
11026
13225
 
@@ -11040,12 +13239,12 @@ var IntegrationModalImage = css50`
11040
13239
  `;
11041
13240
 
11042
13241
  // src/components/Tiles/IntegrationModalIcon.tsx
11043
- import { jsx as jsx62, jsxs as jsxs41 } from "@emotion/react/jsx-runtime";
13242
+ import { jsx as jsx63, jsxs as jsxs41 } from "@emotion/react/jsx-runtime";
11044
13243
  var IntegrationModalIcon = ({ icon, name, ...imgProps }) => {
11045
13244
  const CompIcon = icon && typeof icon !== "string" ? icon : null;
11046
13245
  return /* @__PURE__ */ jsxs41("div", { css: IntegrationModalIconContainer, children: [
11047
13246
  /* @__PURE__ */ jsxs41("svg", { width: "49", height: "57", fill: "none", xmlns: "http://www.w3.org/2000/svg", role: "img", children: [
11048
- /* @__PURE__ */ jsx62(
13247
+ /* @__PURE__ */ jsx63(
11049
13248
  "path",
11050
13249
  {
11051
13250
  d: "m24.367 1.813 22.786 13.322V41.78L24.367 55.102 1.581 41.78V15.135L24.367 1.814Z",
@@ -11054,12 +13253,12 @@ var IntegrationModalIcon = ({ icon, name, ...imgProps }) => {
11054
13253
  strokeWidth: "2"
11055
13254
  }
11056
13255
  ),
11057
- /* @__PURE__ */ jsx62("defs", { children: /* @__PURE__ */ jsxs41("linearGradient", { id: "a", x1: "41.353", y1: "49.107", x2: "8.048", y2: "4.478", gradientUnits: "userSpaceOnUse", children: [
11058
- /* @__PURE__ */ jsx62("stop", { stopColor: "#1768B2" }),
11059
- /* @__PURE__ */ jsx62("stop", { offset: "1", stopColor: "#B3EFE4" })
13256
+ /* @__PURE__ */ jsx63("defs", { children: /* @__PURE__ */ jsxs41("linearGradient", { id: "a", x1: "41.353", y1: "49.107", x2: "8.048", y2: "4.478", gradientUnits: "userSpaceOnUse", children: [
13257
+ /* @__PURE__ */ jsx63("stop", { stopColor: "#1768B2" }),
13258
+ /* @__PURE__ */ jsx63("stop", { offset: "1", stopColor: "#B3EFE4" })
11060
13259
  ] }) })
11061
13260
  ] }),
11062
- CompIcon ? /* @__PURE__ */ jsx62(CompIcon, { role: "img", css: IntegrationModalImage, ...imgProps }) : /* @__PURE__ */ jsx62(
13261
+ CompIcon ? /* @__PURE__ */ jsx63(CompIcon, { role: "img", css: IntegrationModalImage, ...imgProps }) : /* @__PURE__ */ jsx63(
11063
13262
  "img",
11064
13263
  {
11065
13264
  src: icon,
@@ -11073,7 +13272,7 @@ var IntegrationModalIcon = ({ icon, name, ...imgProps }) => {
11073
13272
  };
11074
13273
 
11075
13274
  // src/components/Tiles/IntegrationTile.tsx
11076
- import { jsx as jsx63, jsxs as jsxs42 } from "@emotion/react/jsx-runtime";
13275
+ import { jsx as jsx64, jsxs as jsxs42 } from "@emotion/react/jsx-runtime";
11077
13276
  var IntegrationTile = ({
11078
13277
  id,
11079
13278
  icon,
@@ -11095,12 +13294,12 @@ var IntegrationTile = ({
11095
13294
  "aria-label": name,
11096
13295
  ...btnProps,
11097
13296
  children: [
11098
- /* @__PURE__ */ jsx63(ResolveIcon, { icon, name }),
11099
- /* @__PURE__ */ jsx63("span", { css: IntegrationTileName, title: name, children: name }),
11100
- isInstalled ? /* @__PURE__ */ jsx63(IntegrationedAddedBadge, {}) : null,
11101
- requiedEntitlement && isPublic ? /* @__PURE__ */ jsx63(IntegrationPremiumBadge, {}) : null,
11102
- !isPublic ? /* @__PURE__ */ jsx63(IntegrationCustomBadge, {}) : null,
11103
- authorIcon ? /* @__PURE__ */ jsx63(ResolveIcon, { icon: authorIcon, name }) : null
13297
+ /* @__PURE__ */ jsx64(ResolveIcon, { icon, name }),
13298
+ /* @__PURE__ */ jsx64("span", { css: IntegrationTileName, title: name, children: name }),
13299
+ isInstalled ? /* @__PURE__ */ jsx64(IntegrationedAddedBadge, {}) : null,
13300
+ requiedEntitlement && isPublic ? /* @__PURE__ */ jsx64(IntegrationPremiumBadge, {}) : null,
13301
+ !isPublic ? /* @__PURE__ */ jsx64(IntegrationCustomBadge, {}) : null,
13302
+ authorIcon ? /* @__PURE__ */ jsx64(ResolveIcon, { icon: authorIcon, name }) : null
11104
13303
  ]
11105
13304
  }
11106
13305
  );
@@ -11120,9 +13319,9 @@ var TileContainerInner = css51`
11120
13319
  `;
11121
13320
 
11122
13321
  // src/components/Tiles/TileContainer.tsx
11123
- import { jsx as jsx64 } from "@emotion/react/jsx-runtime";
13322
+ import { jsx as jsx65 } from "@emotion/react/jsx-runtime";
11124
13323
  var TileContainer = ({ children, ...props }) => {
11125
- return /* @__PURE__ */ jsx64("div", { css: TileContainerWrapper, ...props, children: /* @__PURE__ */ jsx64("div", { css: TileContainerInner, children }) });
13324
+ return /* @__PURE__ */ jsx65("div", { css: TileContainerWrapper, ...props, children: /* @__PURE__ */ jsx65("div", { css: TileContainerInner, children }) });
11126
13325
  };
11127
13326
 
11128
13327
  // src/components/Modal/IntegrationModalHeader.styles.ts
@@ -11156,7 +13355,7 @@ var IntegrationModalHeaderContentWrapper = css52`
11156
13355
  `;
11157
13356
 
11158
13357
  // src/components/Modal/IntegrationModalHeader.tsx
11159
- import { Fragment as Fragment8, jsx as jsx65, jsxs as jsxs43 } from "@emotion/react/jsx-runtime";
13358
+ import { Fragment as Fragment8, jsx as jsx66, jsxs as jsxs43 } from "@emotion/react/jsx-runtime";
11160
13359
  var HexModalBackground = ({ ...props }) => {
11161
13360
  return /* @__PURE__ */ jsxs43(
11162
13361
  "svg",
@@ -11168,7 +13367,7 @@ var HexModalBackground = ({ ...props }) => {
11168
13367
  xmlns: "http://www.w3.org/2000/svg",
11169
13368
  ...props,
11170
13369
  children: [
11171
- /* @__PURE__ */ jsx65(
13370
+ /* @__PURE__ */ jsx66(
11172
13371
  "path",
11173
13372
  {
11174
13373
  fillRule: "evenodd",
@@ -11177,7 +13376,7 @@ var HexModalBackground = ({ ...props }) => {
11177
13376
  fill: "url(#paint0_linear_196_2737)"
11178
13377
  }
11179
13378
  ),
11180
- /* @__PURE__ */ jsx65("defs", { children: /* @__PURE__ */ jsxs43(
13379
+ /* @__PURE__ */ jsx66("defs", { children: /* @__PURE__ */ jsxs43(
11181
13380
  "linearGradient",
11182
13381
  {
11183
13382
  id: "paint0_linear_196_2737",
@@ -11187,8 +13386,8 @@ var HexModalBackground = ({ ...props }) => {
11187
13386
  y2: "-95.2742",
11188
13387
  gradientUnits: "userSpaceOnUse",
11189
13388
  children: [
11190
- /* @__PURE__ */ jsx65("stop", { stopColor: "#81DCDE" }),
11191
- /* @__PURE__ */ jsx65("stop", { offset: "1", stopColor: "#428ED4" })
13389
+ /* @__PURE__ */ jsx66("stop", { stopColor: "#81DCDE" }),
13390
+ /* @__PURE__ */ jsx66("stop", { offset: "1", stopColor: "#428ED4" })
11192
13391
  ]
11193
13392
  }
11194
13393
  ) })
@@ -11198,21 +13397,21 @@ var HexModalBackground = ({ ...props }) => {
11198
13397
  };
11199
13398
  var IntegrationModalHeader = ({ icon, name, menu: menu2, children }) => {
11200
13399
  return /* @__PURE__ */ jsxs43(Fragment8, { children: [
11201
- /* @__PURE__ */ jsx65(HexModalBackground, { css: IntegrationModalHeaderSVGBackground, role: "presentation" }),
11202
- /* @__PURE__ */ jsx65("div", { css: IntegrationModalHeaderGroup, children: /* @__PURE__ */ jsxs43("div", { css: IntegrationModalHeaderTitleGroup, children: [
11203
- icon ? /* @__PURE__ */ jsx65(IntegrationModalIcon, { icon, name: name || "" }) : null,
11204
- /* @__PURE__ */ jsx65(Heading, { level: 3, css: IntegrationModalHeaderTitle, "data-test-id": "integration-modal-title", children: name || "Create Team Integration" }),
13400
+ /* @__PURE__ */ jsx66(HexModalBackground, { css: IntegrationModalHeaderSVGBackground, role: "presentation" }),
13401
+ /* @__PURE__ */ jsx66("div", { css: IntegrationModalHeaderGroup, children: /* @__PURE__ */ jsxs43("div", { css: IntegrationModalHeaderTitleGroup, children: [
13402
+ icon ? /* @__PURE__ */ jsx66(IntegrationModalIcon, { icon, name: name || "" }) : null,
13403
+ /* @__PURE__ */ jsx66(Heading, { level: 3, css: IntegrationModalHeaderTitle, "data-test-id": "integration-modal-title", children: name || "Create Team Integration" }),
11205
13404
  menu2 ? /* @__PURE__ */ jsxs43("div", { css: IntegrationModalHeaderMenuPlacement, children: [
11206
13405
  menu2,
11207
13406
  " "
11208
13407
  ] }) : null
11209
13408
  ] }) }),
11210
- /* @__PURE__ */ jsx65("div", { css: IntegrationModalHeaderContentWrapper, children })
13409
+ /* @__PURE__ */ jsx66("div", { css: IntegrationModalHeaderContentWrapper, children })
11211
13410
  ] });
11212
13411
  };
11213
13412
 
11214
13413
  // src/components/Tooltip/Tooltip.tsx
11215
- import React14 from "react";
13414
+ import React15 from "react";
11216
13415
  import {
11217
13416
  Tooltip as ReakitTooltip,
11218
13417
  TooltipArrow,
@@ -11237,13 +13436,13 @@ var TooltipArrowStyles = css53`
11237
13436
  `;
11238
13437
 
11239
13438
  // src/components/Tooltip/Tooltip.tsx
11240
- import { Fragment as Fragment9, jsx as jsx66, jsxs as jsxs44 } from "@emotion/react/jsx-runtime";
13439
+ import { Fragment as Fragment9, jsx as jsx67, jsxs as jsxs44 } from "@emotion/react/jsx-runtime";
11241
13440
  function Tooltip({ children, title, placement = "bottom", visible, ...props }) {
11242
13441
  const tooltip = useTooltipState({ placement });
11243
13442
  return /* @__PURE__ */ jsxs44(Fragment9, { children: [
11244
- /* @__PURE__ */ jsx66(TooltipReference, { ...tooltip, ...children.props, children: (referenceProps) => React14.cloneElement(children, referenceProps) }),
11245
- /* @__PURE__ */ jsxs44(ReakitTooltip, { ...tooltip, ...props, css: TooltipContainer, visible: visible != null ? visible : tooltip.visible, children: [
11246
- /* @__PURE__ */ jsx66(TooltipArrow, { ...tooltip, css: TooltipArrowStyles }),
13443
+ /* @__PURE__ */ jsx67(TooltipReference, { ...tooltip, ...children.props, children: (referenceProps) => React15.cloneElement(children, referenceProps) }),
13444
+ !title ? null : /* @__PURE__ */ jsxs44(ReakitTooltip, { ...tooltip, ...props, css: TooltipContainer, visible: visible != null ? visible : tooltip.visible, children: [
13445
+ /* @__PURE__ */ jsx67(TooltipArrow, { ...tooltip, css: TooltipArrowStyles }),
11247
13446
  title
11248
13447
  ] })
11249
13448
  ] });
@@ -11274,7 +13473,7 @@ var inputIconBtn = css54`
11274
13473
  `;
11275
13474
 
11276
13475
  // src/components/ParameterInputs/ConnectToDataElementButton.tsx
11277
- import { jsx as jsx67, jsxs as jsxs45 } from "@emotion/react/jsx-runtime";
13476
+ import { jsx as jsx68, jsxs as jsxs45 } from "@emotion/react/jsx-runtime";
11278
13477
  var ConnectToDataElementButton = ({
11279
13478
  icon,
11280
13479
  iconColor,
@@ -11284,7 +13483,7 @@ var ConnectToDataElementButton = ({
11284
13483
  ...props
11285
13484
  }) => {
11286
13485
  const title = isLocked ? "Read-only pattern parameter" : isBound ? "Connected to external content. Click to edit" : "Click to connect to external content";
11287
- return /* @__PURE__ */ jsx67(Tooltip, { title, children: /* @__PURE__ */ jsxs45(
13486
+ return /* @__PURE__ */ jsx68(Tooltip, { title, children: /* @__PURE__ */ jsxs45(
11288
13487
  "button",
11289
13488
  {
11290
13489
  css: inputIconBtn,
@@ -11293,7 +13492,7 @@ var ConnectToDataElementButton = ({
11293
13492
  "aria-disabled": isLocked,
11294
13493
  ...props,
11295
13494
  children: [
11296
- /* @__PURE__ */ jsx67(
13495
+ /* @__PURE__ */ jsx68(
11297
13496
  Icon,
11298
13497
  {
11299
13498
  icon: isLocked ? "lock" : icon ? icon : "arrows-expand-down-right",
@@ -11489,22 +13688,17 @@ var inlineLabel2 = css55`
11489
13688
  var inputMenu = css55`
11490
13689
  background: none;
11491
13690
  border: none;
11492
- padding: 0;
13691
+ padding: var(--spacing-2xs);
11493
13692
  position: absolute;
11494
13693
  top: calc(var(--spacing-md) * -1.2);
11495
13694
  right: 0;
11496
13695
  opacity: var(--opacity-50);
11497
- transition: opacity var(--duration-fast) var(--timing-ease-out);
13696
+ transition: background-color var(--duration-fast) var(--timing-ease-out);
11498
13697
 
11499
13698
  // css trick to style the input like a hover or active state when the menu button is active or hovered
11500
13699
  &:hover,
11501
13700
  &[aria-expanded='true'] {
11502
- ~ input,
11503
- ~ select,
11504
- ~ textarea {
11505
- 'order-radius: var(--rounded-md);
11506
- }
11507
-
13701
+ background-color: var(--gray-200);
11508
13702
  }
11509
13703
  `;
11510
13704
  var textarea2 = css55`
@@ -11587,7 +13781,7 @@ var linkParameterIcon = css55`
11587
13781
  `;
11588
13782
 
11589
13783
  // src/components/ParameterInputs/ParameterDataResource.tsx
11590
- import { jsx as jsx68, jsxs as jsxs46 } from "@emotion/react/jsx-runtime";
13784
+ import { jsx as jsx69, jsxs as jsxs46 } from "@emotion/react/jsx-runtime";
11591
13785
  function ParameterDataResource({
11592
13786
  label,
11593
13787
  labelLeadingIcon,
@@ -11611,12 +13805,12 @@ function ParameterDataResource({
11611
13805
  disabled,
11612
13806
  onClick: onConnectDatasource,
11613
13807
  children: [
11614
- /* @__PURE__ */ jsx68("span", { className: "advance-input-icon", css: [inputIcon2], children: /* @__PURE__ */ jsx68(Icon, { icon: "stack", iconColor: "currentColor", size: "1rem" }) }),
13808
+ /* @__PURE__ */ jsx69("span", { className: "advance-input-icon", css: [inputIcon2], children: /* @__PURE__ */ jsx69(Icon, { icon: "stack", iconColor: "currentColor", size: "1rem" }) }),
11615
13809
  children
11616
13810
  ]
11617
13811
  }
11618
13812
  ),
11619
- caption ? /* @__PURE__ */ jsx68(Caption, { children: caption }) : null
13813
+ caption ? /* @__PURE__ */ jsx69(Caption, { children: caption }) : null
11620
13814
  ] });
11621
13815
  }
11622
13816
 
@@ -11642,12 +13836,12 @@ var ParameterDrawerHeaderTitle = css56`
11642
13836
  `;
11643
13837
 
11644
13838
  // src/components/ParameterInputs/ParameterDrawerHeader.tsx
11645
- import { jsx as jsx69, jsxs as jsxs47 } from "@emotion/react/jsx-runtime";
13839
+ import { jsx as jsx70, jsxs as jsxs47 } from "@emotion/react/jsx-runtime";
11646
13840
  var ParameterDrawerHeader = ({ title, iconBeforeTitle, children }) => {
11647
13841
  return /* @__PURE__ */ jsxs47("div", { css: ParameterDrawerHeaderContainer, children: [
11648
13842
  /* @__PURE__ */ jsxs47("header", { css: ParameterDrawerHeaderTitleGroup, children: [
11649
13843
  iconBeforeTitle,
11650
- /* @__PURE__ */ jsx69(Heading, { level: 3, withMarginBottom: false, css: ParameterDrawerHeaderTitle, title, children: title })
13844
+ /* @__PURE__ */ jsx70(Heading, { level: 3, withMarginBottom: false, css: ParameterDrawerHeaderTitle, title, children: title })
11651
13845
  ] }),
11652
13846
  children
11653
13847
  ] });
@@ -11677,38 +13871,38 @@ var fieldsetLegend2 = css57`
11677
13871
  `;
11678
13872
 
11679
13873
  // src/components/ParameterInputs/ParameterGroup.tsx
11680
- import { jsx as jsx70, jsxs as jsxs48 } from "@emotion/react/jsx-runtime";
13874
+ import { jsx as jsx71, jsxs as jsxs48 } from "@emotion/react/jsx-runtime";
11681
13875
  var ParameterGroup = forwardRef7(
11682
13876
  ({ legend, isDisabled, children, ...props }, ref) => {
11683
13877
  return /* @__PURE__ */ jsxs48("fieldset", { css: fieldsetStyles, disabled: isDisabled, ref, ...props, children: [
11684
- /* @__PURE__ */ jsx70("legend", { css: fieldsetLegend2, children: legend }),
13878
+ /* @__PURE__ */ jsx71("legend", { css: fieldsetLegend2, children: legend }),
11685
13879
  children
11686
13880
  ] });
11687
13881
  }
11688
13882
  );
11689
13883
 
11690
13884
  // src/components/ParameterInputs/ParameterImage.tsx
11691
- import { forwardRef as forwardRef9, useCallback as useCallback2, useDeferredValue, useEffect as useEffect7, useState as useState8 } from "react";
13885
+ import { forwardRef as forwardRef9, useCallback as useCallback3, useDeferredValue, useEffect as useEffect8, useState as useState8 } from "react";
11692
13886
 
11693
13887
  // src/components/ParameterInputs/ParameterShell.tsx
11694
13888
  import { useState as useState7 } from "react";
11695
13889
 
11696
13890
  // src/components/ParameterInputs/ParameterLabel.tsx
11697
- import { jsx as jsx71 } from "@emotion/react/jsx-runtime";
13891
+ import { jsx as jsx72 } from "@emotion/react/jsx-runtime";
11698
13892
  var ParameterLabel = ({ id, asSpan, children, ...props }) => {
11699
- return !asSpan ? /* @__PURE__ */ jsx71("label", { ...props, htmlFor: id, css: labelText2, children }) : /* @__PURE__ */ jsx71("span", { "aria-labelledby": id, css: labelText2, children });
13893
+ return !asSpan ? /* @__PURE__ */ jsx72("label", { ...props, htmlFor: id, css: labelText2, children }) : /* @__PURE__ */ jsx72("span", { "aria-labelledby": id, css: labelText2, children });
11700
13894
  };
11701
13895
 
11702
13896
  // src/components/ParameterInputs/ParameterMenuButton.tsx
11703
13897
  import { forwardRef as forwardRef8 } from "react";
11704
- import { jsx as jsx72 } from "@emotion/react/jsx-runtime";
13898
+ import { jsx as jsx73 } from "@emotion/react/jsx-runtime";
11705
13899
  var ParameterMenuButton = forwardRef8(
11706
13900
  ({ label, children }, ref) => {
11707
- return /* @__PURE__ */ jsx72(
13901
+ return /* @__PURE__ */ jsx73(
11708
13902
  Menu,
11709
13903
  {
11710
13904
  menuLabel: `${label} menu`,
11711
- menuTrigger: /* @__PURE__ */ jsx72(
13905
+ menuTrigger: /* @__PURE__ */ jsx73(
11712
13906
  "button",
11713
13907
  {
11714
13908
  className: "parameter-menu",
@@ -11716,7 +13910,7 @@ var ParameterMenuButton = forwardRef8(
11716
13910
  type: "button",
11717
13911
  "aria-label": `${label} options`,
11718
13912
  ref,
11719
- children: /* @__PURE__ */ jsx72(Icon, { icon: "more-alt", iconColor: "currentColor" })
13913
+ children: /* @__PURE__ */ jsx73(Icon, { icon: "more-alt", iconColor: "currentColor", size: "0.9rem" })
11720
13914
  }
11721
13915
  ),
11722
13916
  children
@@ -11753,7 +13947,7 @@ var overrideMarker = css58`
11753
13947
  `;
11754
13948
 
11755
13949
  // src/components/ParameterInputs/ParameterShell.tsx
11756
- import { jsx as jsx73, jsxs as jsxs49 } from "@emotion/react/jsx-runtime";
13950
+ import { jsx as jsx74, jsxs as jsxs49 } from "@emotion/react/jsx-runtime";
11757
13951
  var extractParameterProps = (props) => {
11758
13952
  const {
11759
13953
  id,
@@ -11819,8 +14013,8 @@ var ParameterShell = ({
11819
14013
  title
11820
14014
  ] }),
11821
14015
  /* @__PURE__ */ jsxs49("div", { css: inputWrapper, children: [
11822
- menuItems ? /* @__PURE__ */ jsx73(ParameterMenuButton, { label: `${label} menu`, children: menuItems }) : null,
11823
- /* @__PURE__ */ jsx73(
14016
+ menuItems ? /* @__PURE__ */ jsx74(ParameterMenuButton, { label: `${label} menu`, children: menuItems }) : null,
14017
+ /* @__PURE__ */ jsx74(
11824
14018
  ParameterShellContext.Provider,
11825
14019
  {
11826
14020
  value: {
@@ -11832,25 +14026,25 @@ var ParameterShell = ({
11832
14026
  },
11833
14027
  children: /* @__PURE__ */ jsxs49(ParameterShellPlaceholder, { children: [
11834
14028
  children,
11835
- hasOverriddenValue && onResetOverriddenValue ? /* @__PURE__ */ jsx73(ParameterOverrideMarker, { onClick: onResetOverriddenValue }) : null
14029
+ hasOverriddenValue && onResetOverriddenValue ? /* @__PURE__ */ jsx74(ParameterOverrideMarker, { onClick: onResetOverriddenValue }) : null
11836
14030
  ] })
11837
14031
  }
11838
14032
  )
11839
14033
  ] }),
11840
- caption ? /* @__PURE__ */ jsx73(Caption, { testId: captionTestId, children: caption }) : null,
11841
- errorMessaging ? /* @__PURE__ */ jsx73(ErrorMessage, { message: errorMessaging, testId: errorTestId }) : null
14034
+ caption ? /* @__PURE__ */ jsx74(Caption, { testId: captionTestId, children: caption }) : null,
14035
+ errorMessaging ? /* @__PURE__ */ jsx74(ErrorMessage, { message: errorMessaging, testId: errorTestId }) : null
11842
14036
  ] });
11843
14037
  };
11844
14038
  var ParameterShellPlaceholder = ({ children }) => {
11845
- return /* @__PURE__ */ jsx73("div", { css: emptyParameterShell, children });
14039
+ return /* @__PURE__ */ jsx74("div", { css: emptyParameterShell, children });
11846
14040
  };
11847
- var ParameterOverrideMarker = (props) => /* @__PURE__ */ jsx73(Tooltip, { title: "The default value has been overridden", children: /* @__PURE__ */ jsx73("button", { type: "button", css: overrideMarker, ...props, children: /* @__PURE__ */ jsx73("span", { hidden: true, children: "reset overridden value to default" }) }) });
14041
+ var ParameterOverrideMarker = (props) => /* @__PURE__ */ jsx74(Tooltip, { title: "The default value has been overridden", children: /* @__PURE__ */ jsx74("button", { type: "button", css: overrideMarker, ...props, children: /* @__PURE__ */ jsx74("span", { hidden: true, children: "reset overridden value to default" }) }) });
11848
14042
 
11849
14043
  // src/components/ParameterInputs/ParameterImage.tsx
11850
- import { Fragment as Fragment10, jsx as jsx74, jsxs as jsxs50 } from "@emotion/react/jsx-runtime";
14044
+ import { Fragment as Fragment10, jsx as jsx75, jsxs as jsxs50 } from "@emotion/react/jsx-runtime";
11851
14045
  var ParameterImage = forwardRef9((props, ref) => {
11852
14046
  const { shellProps, innerProps } = extractParameterProps(props);
11853
- return /* @__PURE__ */ jsx74(ParameterShell, { "data-test-id": "parameter-image", ...shellProps, children: /* @__PURE__ */ jsx74(ParameterImageInner, { ref, ...innerProps }) });
14047
+ return /* @__PURE__ */ jsx75(ParameterShell, { "data-test-id": "parameter-image", ...shellProps, children: /* @__PURE__ */ jsx75(ParameterImageInner, { ref, ...innerProps }) });
11854
14048
  });
11855
14049
  var BrokenImage = ({ ...props }) => {
11856
14050
  return /* @__PURE__ */ jsxs50(
@@ -11864,11 +14058,11 @@ var BrokenImage = ({ ...props }) => {
11864
14058
  xmlnsXlink: "http://www.w3.org/1999/xlink",
11865
14059
  ...props,
11866
14060
  children: [
11867
- /* @__PURE__ */ jsx74("rect", { width: "214", height: "214", fill: "#F9FAFB" }),
11868
- /* @__PURE__ */ jsx74("rect", { width: "214", height: "214", fill: "url(#pattern0)" }),
14061
+ /* @__PURE__ */ jsx75("rect", { width: "214", height: "214", fill: "#F9FAFB" }),
14062
+ /* @__PURE__ */ jsx75("rect", { width: "214", height: "214", fill: "url(#pattern0)" }),
11869
14063
  /* @__PURE__ */ jsxs50("defs", { children: [
11870
- /* @__PURE__ */ jsx74("pattern", { id: "pattern0", patternContentUnits: "objectBoundingBox", width: "1", height: "1", children: /* @__PURE__ */ jsx74("use", { xlinkHref: "#image0_761_4353", transform: "scale(0.0025)" }) }),
11871
- /* @__PURE__ */ jsx74(
14064
+ /* @__PURE__ */ jsx75("pattern", { id: "pattern0", patternContentUnits: "objectBoundingBox", width: "1", height: "1", children: /* @__PURE__ */ jsx75("use", { xlinkHref: "#image0_761_4353", transform: "scale(0.0025)" }) }),
14065
+ /* @__PURE__ */ jsx75(
11872
14066
  "image",
11873
14067
  {
11874
14068
  id: "image0_761_4353",
@@ -11889,7 +14083,7 @@ var ParameterImageInner = forwardRef9(
11889
14083
  const [loading, setLoading] = useState8(false);
11890
14084
  const deferredValue = useDeferredValue(value);
11891
14085
  const errorText = "The text you provided is not a valid URL";
11892
- const updateImageSrc = useCallback2(() => {
14086
+ const updateImageSrc = useCallback3(() => {
11893
14087
  let message = void 0;
11894
14088
  try {
11895
14089
  if (value !== "") {
@@ -11917,11 +14111,11 @@ var ParameterImageInner = forwardRef9(
11917
14111
  onManuallySetErrorMessage(errorText);
11918
14112
  }
11919
14113
  };
11920
- useEffect7(() => {
14114
+ useEffect8(() => {
11921
14115
  updateImageSrc();
11922
14116
  }, [value]);
11923
14117
  return /* @__PURE__ */ jsxs50(Fragment10, { children: [
11924
- /* @__PURE__ */ jsx74(
14118
+ /* @__PURE__ */ jsx75(
11925
14119
  "input",
11926
14120
  {
11927
14121
  css: input2,
@@ -11934,7 +14128,7 @@ var ParameterImageInner = forwardRef9(
11934
14128
  }
11935
14129
  ),
11936
14130
  /* @__PURE__ */ jsxs50("div", { css: imageWrapper, children: [
11937
- deferredValue && !errorMessage ? /* @__PURE__ */ jsx74(
14131
+ deferredValue && !errorMessage ? /* @__PURE__ */ jsx75(
11938
14132
  "img",
11939
14133
  {
11940
14134
  src: deferredValue,
@@ -11944,24 +14138,24 @@ var ParameterImageInner = forwardRef9(
11944
14138
  loading: "lazy"
11945
14139
  }
11946
14140
  ) : null,
11947
- deferredValue && errorMessage ? /* @__PURE__ */ jsx74(BrokenImage, { css: img }) : null
14141
+ deferredValue && errorMessage ? /* @__PURE__ */ jsx75(BrokenImage, { css: img }) : null
11948
14142
  ] }),
11949
- loading ? /* @__PURE__ */ jsx74(LoadingIcon, {}) : null
14143
+ loading ? /* @__PURE__ */ jsx75(LoadingIcon, {}) : null
11950
14144
  ] });
11951
14145
  }
11952
14146
  );
11953
14147
 
11954
14148
  // src/components/ParameterInputs/ParameterInput.tsx
11955
14149
  import { forwardRef as forwardRef10 } from "react";
11956
- import { jsx as jsx75 } from "@emotion/react/jsx-runtime";
14150
+ import { jsx as jsx76 } from "@emotion/react/jsx-runtime";
11957
14151
  var ParameterInput = forwardRef10((props, ref) => {
11958
14152
  const { shellProps, innerProps } = extractParameterProps(props);
11959
- return /* @__PURE__ */ jsx75(ParameterShell, { "data-test-id": "parameter-input", ...shellProps, children: /* @__PURE__ */ jsx75(ParameterInputInner, { ref, ...innerProps }) });
14153
+ return /* @__PURE__ */ jsx76(ParameterShell, { "data-test-id": "parameter-input", ...shellProps, children: /* @__PURE__ */ jsx76(ParameterInputInner, { ref, ...innerProps }) });
11960
14154
  });
11961
14155
  var ParameterInputInner = forwardRef10(
11962
14156
  ({ ...props }, ref) => {
11963
14157
  const { id, label, hiddenLabel } = useParameterShell();
11964
- return /* @__PURE__ */ jsx75(
14158
+ return /* @__PURE__ */ jsx76(
11965
14159
  "input",
11966
14160
  {
11967
14161
  css: input2,
@@ -11978,18 +14172,18 @@ var ParameterInputInner = forwardRef10(
11978
14172
 
11979
14173
  // src/components/ParameterInputs/ParameterLink.tsx
11980
14174
  import { forwardRef as forwardRef11 } from "react";
11981
- import { jsx as jsx76, jsxs as jsxs51 } from "@emotion/react/jsx-runtime";
14175
+ import { jsx as jsx77, jsxs as jsxs51 } from "@emotion/react/jsx-runtime";
11982
14176
  var ParameterLink = forwardRef11(
11983
14177
  ({ buttonText = "Select project map node", disabled, onConnectLink, externalLink, ...props }, ref) => {
11984
14178
  const { shellProps, innerProps } = extractParameterProps(props);
11985
- return /* @__PURE__ */ jsx76(
14179
+ return /* @__PURE__ */ jsx77(
11986
14180
  ParameterShell,
11987
14181
  {
11988
14182
  "data-test-id": "link-parameter-editor",
11989
14183
  ...shellProps,
11990
14184
  label: innerProps.value ? shellProps.label : "",
11991
14185
  title: !innerProps.value ? shellProps.label : void 0,
11992
- children: !innerProps.value ? /* @__PURE__ */ jsx76("button", { type: "button", css: dataConnectButton, disabled, onClick: onConnectLink, children: buttonText }) : /* @__PURE__ */ jsx76(
14186
+ children: !innerProps.value ? /* @__PURE__ */ jsx77("button", { type: "button", css: dataConnectButton, disabled, onClick: onConnectLink, children: buttonText }) : /* @__PURE__ */ jsx77(
11993
14187
  ParameterLinkInner,
11994
14188
  {
11995
14189
  onConnectLink,
@@ -12006,7 +14200,7 @@ var ParameterLinkInner = forwardRef11(
12006
14200
  ({ externalLink, onConnectLink, disabled, ...props }, ref) => {
12007
14201
  const { id, label, hiddenLabel } = useParameterShell();
12008
14202
  return /* @__PURE__ */ jsxs51("div", { css: inputWrapper, children: [
12009
- /* @__PURE__ */ jsx76(
14203
+ /* @__PURE__ */ jsx77(
12010
14204
  "input",
12011
14205
  {
12012
14206
  type: "text",
@@ -12018,7 +14212,7 @@ var ParameterLinkInner = forwardRef11(
12018
14212
  ...props
12019
14213
  }
12020
14214
  ),
12021
- /* @__PURE__ */ jsx76(
14215
+ /* @__PURE__ */ jsx77(
12022
14216
  "button",
12023
14217
  {
12024
14218
  type: "button",
@@ -12029,7 +14223,7 @@ var ParameterLinkInner = forwardRef11(
12029
14223
  children: "edit"
12030
14224
  }
12031
14225
  ),
12032
- externalLink ? /* @__PURE__ */ jsx76(
14226
+ externalLink ? /* @__PURE__ */ jsx77(
12033
14227
  "a",
12034
14228
  {
12035
14229
  href: externalLink,
@@ -12037,7 +14231,7 @@ var ParameterLinkInner = forwardRef11(
12037
14231
  title: "Open link in new tab",
12038
14232
  target: "_blank",
12039
14233
  rel: "noopener noreferrer",
12040
- children: /* @__PURE__ */ jsx76(Icon, { icon: "arrows-expand-up-right", iconColor: "currentColor", size: "1rem" })
14234
+ children: /* @__PURE__ */ jsx77(Icon, { icon: "arrows-expand-up-right", iconColor: "currentColor", size: "1rem" })
12041
14235
  }
12042
14236
  ) : null
12043
14237
  ] });
@@ -12045,7 +14239,7 @@ var ParameterLinkInner = forwardRef11(
12045
14239
  );
12046
14240
 
12047
14241
  // src/components/ParameterInputs/ParameterNameAndPublicIdInput.tsx
12048
- import { Fragment as Fragment11, jsx as jsx77, jsxs as jsxs52 } from "@emotion/react/jsx-runtime";
14242
+ import { Fragment as Fragment11, jsx as jsx78, jsxs as jsxs52 } from "@emotion/react/jsx-runtime";
12049
14243
  var ParameterNameAndPublicIdInput = ({
12050
14244
  id,
12051
14245
  onBlur,
@@ -12072,7 +14266,7 @@ var ParameterNameAndPublicIdInput = ({
12072
14266
  };
12073
14267
  autoFocus == null ? void 0 : autoFocus();
12074
14268
  return /* @__PURE__ */ jsxs52(Fragment11, { children: [
12075
- /* @__PURE__ */ jsx77(
14269
+ /* @__PURE__ */ jsx78(
12076
14270
  ParameterInput,
12077
14271
  {
12078
14272
  id: nameIdField,
@@ -12091,7 +14285,7 @@ var ParameterNameAndPublicIdInput = ({
12091
14285
  value: values[nameIdField]
12092
14286
  }
12093
14287
  ),
12094
- /* @__PURE__ */ jsx77(
14288
+ /* @__PURE__ */ jsx78(
12095
14289
  ParameterInput,
12096
14290
  {
12097
14291
  id: publicIdFieldName,
@@ -12105,11 +14299,11 @@ var ParameterNameAndPublicIdInput = ({
12105
14299
  caption: publicIdCaption,
12106
14300
  placeholder: publicIdPlaceholderText,
12107
14301
  errorMessage: publicIdError,
12108
- menuItems: /* @__PURE__ */ jsx77(
14302
+ menuItems: /* @__PURE__ */ jsx78(
12109
14303
  MenuItem,
12110
14304
  {
12111
14305
  disabled: !values[publicIdFieldName],
12112
- icon: /* @__PURE__ */ jsx77(Icon, { icon: "path-trim", iconColor: "currentColor" }),
14306
+ icon: /* @__PURE__ */ jsx78(Icon, { icon: "path-trim", iconColor: "currentColor" }),
12113
14307
  onClick: handleCopyPidFieldValue,
12114
14308
  children: "Copy"
12115
14309
  }
@@ -12117,13 +14311,13 @@ var ParameterNameAndPublicIdInput = ({
12117
14311
  value: values[publicIdFieldName]
12118
14312
  }
12119
14313
  ),
12120
- (warnOverLength == null ? void 0 : warnOverLength.length) && values[publicIdFieldName].length > warnOverLength.length ? /* @__PURE__ */ jsx77(Callout, { type: "caution", children: warnOverLength.message }) : null
14314
+ (warnOverLength == null ? void 0 : warnOverLength.length) && values[publicIdFieldName].length > warnOverLength.length ? /* @__PURE__ */ jsx78(Callout, { type: "caution", children: warnOverLength.message }) : null
12121
14315
  ] });
12122
14316
  };
12123
14317
 
12124
14318
  // src/components/ParameterInputs/ParameterRichText.tsx
12125
14319
  import { forwardRef as forwardRef12 } from "react";
12126
- import { Fragment as Fragment12, jsx as jsx78, jsxs as jsxs53 } from "@emotion/react/jsx-runtime";
14320
+ import { Fragment as Fragment12, jsx as jsx79, jsxs as jsxs53 } from "@emotion/react/jsx-runtime";
12127
14321
  var ParameterRichText = forwardRef12(
12128
14322
  ({
12129
14323
  label,
@@ -12150,8 +14344,8 @@ var ParameterRichText = forwardRef12(
12150
14344
  captionTestId,
12151
14345
  menuItems,
12152
14346
  children: [
12153
- /* @__PURE__ */ jsx78(ParameterRichTextInner, { ref, ...props }),
12154
- menuItems ? /* @__PURE__ */ jsx78(ParameterMenuButton, { label: `${label} menu`, children: /* @__PURE__ */ jsx78(Fragment12, { children: menuItems }) }) : null
14347
+ /* @__PURE__ */ jsx79(ParameterRichTextInner, { ref, ...props }),
14348
+ menuItems ? /* @__PURE__ */ jsx79(ParameterMenuButton, { label: `${label} menu`, children: /* @__PURE__ */ jsx79(Fragment12, { children: menuItems }) }) : null
12155
14349
  ]
12156
14350
  }
12157
14351
  );
@@ -12159,7 +14353,7 @@ var ParameterRichText = forwardRef12(
12159
14353
  );
12160
14354
  var ParameterRichTextInner = forwardRef12(({ ...props }, ref) => {
12161
14355
  const { id, label, hiddenLabel } = useParameterShell();
12162
- return /* @__PURE__ */ jsx78(
14356
+ return /* @__PURE__ */ jsx79(
12163
14357
  "textarea",
12164
14358
  {
12165
14359
  css: [input2, textarea2],
@@ -12173,11 +14367,11 @@ var ParameterRichTextInner = forwardRef12(({ ...props }, ref) => {
12173
14367
 
12174
14368
  // src/components/ParameterInputs/ParameterSelect.tsx
12175
14369
  import { forwardRef as forwardRef13 } from "react";
12176
- import { jsx as jsx79, jsxs as jsxs54 } from "@emotion/react/jsx-runtime";
14370
+ import { jsx as jsx80, jsxs as jsxs54 } from "@emotion/react/jsx-runtime";
12177
14371
  var ParameterSelect = forwardRef13(
12178
14372
  ({ defaultOption, options, ...props }, ref) => {
12179
14373
  const { shellProps, innerProps } = extractParameterProps(props);
12180
- return /* @__PURE__ */ jsx79(ParameterShell, { ...shellProps, children: /* @__PURE__ */ jsx79(ParameterSelectInner, { options, defaultOption, ...innerProps, ref }) });
14374
+ return /* @__PURE__ */ jsx80(ParameterShell, { ...shellProps, children: /* @__PURE__ */ jsx80(ParameterSelectInner, { options, defaultOption, ...innerProps, ref }) });
12181
14375
  }
12182
14376
  );
12183
14377
  var ParameterSelectInner = forwardRef13(
@@ -12192,10 +14386,10 @@ var ParameterSelectInner = forwardRef13(
12192
14386
  ref,
12193
14387
  ...props,
12194
14388
  children: [
12195
- defaultOption ? /* @__PURE__ */ jsx79("option", { value: "", children: defaultOption }) : null,
14389
+ defaultOption ? /* @__PURE__ */ jsx80("option", { value: "", children: defaultOption }) : null,
12196
14390
  options.map((option) => {
12197
14391
  var _a;
12198
- return /* @__PURE__ */ jsx79("option", { value: (_a = option.value) != null ? _a : option.label, children: option.label }, option.label);
14392
+ return /* @__PURE__ */ jsx80("option", { value: (_a = option.value) != null ? _a : option.label, children: option.label }, option.label);
12199
14393
  })
12200
14394
  ]
12201
14395
  }
@@ -12205,14 +14399,14 @@ var ParameterSelectInner = forwardRef13(
12205
14399
 
12206
14400
  // src/components/ParameterInputs/ParameterTextarea.tsx
12207
14401
  import { forwardRef as forwardRef14 } from "react";
12208
- import { jsx as jsx80 } from "@emotion/react/jsx-runtime";
14402
+ import { jsx as jsx81 } from "@emotion/react/jsx-runtime";
12209
14403
  var ParameterTextarea = forwardRef14((props, ref) => {
12210
14404
  const { shellProps, innerProps } = extractParameterProps(props);
12211
- return /* @__PURE__ */ jsx80(ParameterShell, { "data-test-id": "parameter-textarea", ...shellProps, children: /* @__PURE__ */ jsx80(ParameterTextareaInner, { ref, ...innerProps }) });
14405
+ return /* @__PURE__ */ jsx81(ParameterShell, { "data-test-id": "parameter-textarea", ...shellProps, children: /* @__PURE__ */ jsx81(ParameterTextareaInner, { ref, ...innerProps }) });
12212
14406
  });
12213
14407
  var ParameterTextareaInner = forwardRef14(({ ...props }, ref) => {
12214
14408
  const { id, label, hiddenLabel } = useParameterShell();
12215
- return /* @__PURE__ */ jsx80(
14409
+ return /* @__PURE__ */ jsx81(
12216
14410
  "textarea",
12217
14411
  {
12218
14412
  css: [input2, textarea2],
@@ -12226,17 +14420,17 @@ var ParameterTextareaInner = forwardRef14(({ ...props }, ref) => {
12226
14420
 
12227
14421
  // src/components/ParameterInputs/ParameterToggle.tsx
12228
14422
  import { forwardRef as forwardRef15 } from "react";
12229
- import { jsx as jsx81, jsxs as jsxs55 } from "@emotion/react/jsx-runtime";
14423
+ import { jsx as jsx82, jsxs as jsxs55 } from "@emotion/react/jsx-runtime";
12230
14424
  var ParameterToggle = forwardRef15((props, ref) => {
12231
14425
  const { shellProps, innerProps } = extractParameterProps(props);
12232
- return /* @__PURE__ */ jsx81(ParameterShell, { ...shellProps, children: /* @__PURE__ */ jsx81(ParameterToggleInner, { ref, ...innerProps }) });
14426
+ return /* @__PURE__ */ jsx82(ParameterShell, { ...shellProps, children: /* @__PURE__ */ jsx82(ParameterToggleInner, { ref, ...innerProps }) });
12233
14427
  });
12234
14428
  var ParameterToggleInner = forwardRef15(
12235
14429
  ({ ...props }, ref) => {
12236
14430
  const { id, label } = useParameterShell();
12237
14431
  return /* @__PURE__ */ jsxs55("label", { css: inputToggleLabel2, children: [
12238
- /* @__PURE__ */ jsx81("input", { css: toggleInput2, type: props.type, id, ref, ...props }),
12239
- /* @__PURE__ */ jsx81("span", { css: inlineLabel2, children: label })
14432
+ /* @__PURE__ */ jsx82("input", { css: toggleInput2, type: props.type, id, ref, ...props }),
14433
+ /* @__PURE__ */ jsx82("span", { css: inlineLabel2, children: label })
12240
14434
  ] });
12241
14435
  }
12242
14436
  );
@@ -12269,7 +14463,7 @@ var Popover = css59`
12269
14463
  `;
12270
14464
 
12271
14465
  // src/components/Popover/Popover.tsx
12272
- import { Fragment as Fragment13, jsx as jsx82, jsxs as jsxs56 } from "@emotion/react/jsx-runtime";
14466
+ import { Fragment as Fragment13, jsx as jsx83, jsxs as jsxs56 } from "@emotion/react/jsx-runtime";
12273
14467
  var Popover2 = ({
12274
14468
  iconColor = "green",
12275
14469
  buttonText,
@@ -12280,26 +14474,128 @@ var Popover2 = ({
12280
14474
  const popover = usePopoverState({ placement });
12281
14475
  return /* @__PURE__ */ jsxs56(Fragment13, { children: [
12282
14476
  /* @__PURE__ */ jsxs56(PopoverDisclosure, { ...popover, css: PopoverBtn, title: buttonText, children: [
12283
- /* @__PURE__ */ jsx82(Icon, { icon: "info", iconColor, size: "1rem" }),
12284
- /* @__PURE__ */ jsx82("span", { hidden: true, children: buttonText })
14477
+ /* @__PURE__ */ jsx83(Icon, { icon: "info", iconColor, size: "1rem" }),
14478
+ /* @__PURE__ */ jsx83("span", { hidden: true, children: buttonText })
12285
14479
  ] }),
12286
- /* @__PURE__ */ jsx82(Portal2, { children: /* @__PURE__ */ jsx82(ReakitPopover, { css: Popover, ...popover, "aria-label": ariaLabel, children }) })
14480
+ /* @__PURE__ */ jsx83(Portal2, { children: /* @__PURE__ */ jsx83(ReakitPopover, { css: Popover, ...popover, "aria-label": ariaLabel, children }) })
14481
+ ] });
14482
+ };
14483
+
14484
+ // src/components/ProgressList/ProgressList.tsx
14485
+ import { css as css61 } from "@emotion/react";
14486
+ import { useMemo as useMemo2 } from "react";
14487
+ import { CgCheckO, CgRadioCheck, CgRecord } from "react-icons/cg";
14488
+
14489
+ // src/components/ProgressList/styles/ProgressList.styles.ts
14490
+ import { css as css60 } from "@emotion/react";
14491
+ var progressListStyles = css60`
14492
+ display: flex;
14493
+ flex-direction: column;
14494
+ gap: var(--spacing-sm);
14495
+ list-style-type: none;
14496
+ `;
14497
+ var progressListItemStyles = css60`
14498
+ display: flex;
14499
+ gap: var(--spacing-base);
14500
+ align-items: center;
14501
+ `;
14502
+
14503
+ // src/components/ProgressList/ProgressList.tsx
14504
+ import { jsx as jsx84, jsxs as jsxs57 } from "@emotion/react/jsx-runtime";
14505
+ var ProgressList = ({ inProgressId, items, autoEllipsis, ...htmlProps }) => {
14506
+ const itemsWithStatus = useMemo2(() => {
14507
+ const indexOfInProgressItem = items.findIndex(({ id }) => id === inProgressId);
14508
+ return items.map((item, index) => {
14509
+ let status = "queued";
14510
+ if (index < indexOfInProgressItem) {
14511
+ status = "completed";
14512
+ } else if (index === indexOfInProgressItem) {
14513
+ status = "inProgress";
14514
+ }
14515
+ return { ...item, status };
14516
+ });
14517
+ }, [items, inProgressId]);
14518
+ return /* @__PURE__ */ jsx84("ol", { css: progressListStyles, ...htmlProps, children: itemsWithStatus.map(({ id, label, status, error, errorLevel }) => {
14519
+ return /* @__PURE__ */ jsx84(
14520
+ ProgressListItem,
14521
+ {
14522
+ status,
14523
+ error,
14524
+ errorLevel,
14525
+ autoEllipsis,
14526
+ children: label
14527
+ },
14528
+ id
14529
+ );
14530
+ }) });
14531
+ };
14532
+ var ProgressListItem = ({
14533
+ children,
14534
+ status = "queued",
14535
+ error,
14536
+ errorLevel = "danger",
14537
+ autoEllipsis = false
14538
+ }) => {
14539
+ const Icon2 = useMemo2(() => {
14540
+ if (error) {
14541
+ return warningIcon;
14542
+ }
14543
+ const iconPerStatus = {
14544
+ completed: CgCheckO,
14545
+ inProgress: CgRecord,
14546
+ queued: CgRadioCheck
14547
+ };
14548
+ return iconPerStatus[status];
14549
+ }, [status, error]);
14550
+ const statusStyles = useMemo2(() => {
14551
+ if (error) {
14552
+ return errorLevel === "caution" ? css61`
14553
+ color: rgb(161, 98, 7);
14554
+ & svg {
14555
+ color: rgb(250, 204, 21);
14556
+ }
14557
+ ` : css61`
14558
+ color: rgb(185, 28, 28);
14559
+ & svg {
14560
+ color: var(--brand-primary-2);
14561
+ }
14562
+ `;
14563
+ }
14564
+ const colorPerStatus = {
14565
+ completed: css61`
14566
+ opacity: 0.75;
14567
+ `,
14568
+ inProgress: css61`
14569
+ -webkit-text-stroke-width: thin;
14570
+ `,
14571
+ queued: css61`
14572
+ opacity: 0.5;
14573
+ `
14574
+ };
14575
+ return colorPerStatus[status];
14576
+ }, [status, error, errorLevel]);
14577
+ return /* @__PURE__ */ jsxs57("li", { css: [progressListItemStyles, statusStyles], children: [
14578
+ /* @__PURE__ */ jsx84(Tooltip, { title: error != null ? error : "", children: /* @__PURE__ */ jsx84("div", { children: /* @__PURE__ */ jsx84(Icon2, { size: 20 }) }) }),
14579
+ /* @__PURE__ */ jsxs57("div", { children: [
14580
+ children,
14581
+ /* @__PURE__ */ jsx84("span", { css: { visibility: autoEllipsis && status === "inProgress" && !error ? "visible" : "hidden" }, children: "..." })
14582
+ ] })
12287
14583
  ] });
12288
14584
  };
12289
14585
 
12290
14586
  // src/components/Skeleton/Skeleton.styles.ts
12291
- import { css as css60, keyframes as keyframes4 } from "@emotion/react";
14587
+ import { css as css62, keyframes as keyframes4 } from "@emotion/react";
12292
14588
  var lightFadingOut = keyframes4`
12293
14589
  from { opacity: 0.1; }
12294
14590
  to { opacity: 0.025; }
12295
14591
  `;
12296
- var skeletonStyles = css60`
14592
+ var skeletonStyles = css62`
12297
14593
  animation: ${lightFadingOut} 1s ease-out infinite alternate;
12298
14594
  background-color: var(--gray-900);
12299
14595
  `;
12300
14596
 
12301
14597
  // src/components/Skeleton/Skeleton.tsx
12302
- import { jsx as jsx83 } from "@emotion/react/jsx-runtime";
14598
+ import { jsx as jsx85 } from "@emotion/react/jsx-runtime";
12303
14599
  var Skeleton = ({
12304
14600
  width = "100%",
12305
14601
  height = "1.25rem",
@@ -12307,7 +14603,7 @@ var Skeleton = ({
12307
14603
  circle = false,
12308
14604
  children,
12309
14605
  ...otherProps
12310
- }) => /* @__PURE__ */ jsx83(
14606
+ }) => /* @__PURE__ */ jsx85(
12311
14607
  "div",
12312
14608
  {
12313
14609
  css: [
@@ -12327,11 +14623,11 @@ var Skeleton = ({
12327
14623
  );
12328
14624
 
12329
14625
  // src/components/Switch/Switch.tsx
12330
- import * as React15 from "react";
14626
+ import * as React17 from "react";
12331
14627
 
12332
14628
  // src/components/Switch/Switch.styles.ts
12333
- import { css as css61 } from "@emotion/react";
12334
- var SwitchInputContainer = css61`
14629
+ import { css as css63 } from "@emotion/react";
14630
+ var SwitchInputContainer = css63`
12335
14631
  cursor: pointer;
12336
14632
  display: inline-block;
12337
14633
  position: relative;
@@ -12340,7 +14636,7 @@ var SwitchInputContainer = css61`
12340
14636
  vertical-align: middle;
12341
14637
  user-select: none;
12342
14638
  `;
12343
- var SwitchInput = css61`
14639
+ var SwitchInput = css63`
12344
14640
  appearance: none;
12345
14641
  border-radius: var(--rounded-full);
12346
14642
  background-color: var(--white);
@@ -12378,7 +14674,7 @@ var SwitchInput = css61`
12378
14674
  cursor: not-allowed;
12379
14675
  }
12380
14676
  `;
12381
- var SwitchInputDisabled = css61`
14677
+ var SwitchInputDisabled = css63`
12382
14678
  opacity: var(--opacity-50);
12383
14679
  cursor: not-allowed;
12384
14680
 
@@ -12386,7 +14682,7 @@ var SwitchInputDisabled = css61`
12386
14682
  cursor: not-allowed;
12387
14683
  }
12388
14684
  `;
12389
- var SwitchInputLabel = css61`
14685
+ var SwitchInputLabel = css63`
12390
14686
  align-items: center;
12391
14687
  color: var(--brand-secondary-1);
12392
14688
  display: inline-flex;
@@ -12408,98 +14704,98 @@ var SwitchInputLabel = css61`
12408
14704
  top: 0;
12409
14705
  }
12410
14706
  `;
12411
- var SwitchText = css61`
14707
+ var SwitchText = css63`
12412
14708
  color: var(--gray-500);
12413
14709
  font-size: var(--fs-sm);
12414
14710
  padding-inline: var(--spacing-2xl) 0;
12415
14711
  `;
12416
14712
 
12417
14713
  // src/components/Switch/Switch.tsx
12418
- import { Fragment as Fragment14, jsx as jsx84, jsxs as jsxs57 } from "@emotion/react/jsx-runtime";
12419
- var Switch = React15.forwardRef(
14714
+ import { Fragment as Fragment14, jsx as jsx86, jsxs as jsxs58 } from "@emotion/react/jsx-runtime";
14715
+ var Switch = React17.forwardRef(
12420
14716
  ({ label, infoText, toggleText, children, ...inputProps }, ref) => {
12421
14717
  let additionalText = infoText;
12422
14718
  if (infoText && toggleText) {
12423
14719
  additionalText = inputProps.checked ? toggleText : infoText;
12424
14720
  }
12425
- return /* @__PURE__ */ jsxs57(Fragment14, { children: [
12426
- /* @__PURE__ */ jsxs57("label", { css: [SwitchInputContainer, inputProps.disabled ? SwitchInputDisabled : void 0], children: [
12427
- /* @__PURE__ */ jsx84("input", { type: "checkbox", css: SwitchInput, ...inputProps, ref }),
12428
- /* @__PURE__ */ jsx84("span", { css: SwitchInputLabel, children: label })
14721
+ return /* @__PURE__ */ jsxs58(Fragment14, { children: [
14722
+ /* @__PURE__ */ jsxs58("label", { css: [SwitchInputContainer, inputProps.disabled ? SwitchInputDisabled : void 0], children: [
14723
+ /* @__PURE__ */ jsx86("input", { type: "checkbox", css: SwitchInput, ...inputProps, ref }),
14724
+ /* @__PURE__ */ jsx86("span", { css: SwitchInputLabel, children: label })
12429
14725
  ] }),
12430
- additionalText ? /* @__PURE__ */ jsx84("p", { css: SwitchText, children: additionalText }) : null,
14726
+ additionalText ? /* @__PURE__ */ jsx86("p", { css: SwitchText, children: additionalText }) : null,
12431
14727
  children
12432
14728
  ] });
12433
14729
  }
12434
14730
  );
12435
14731
 
12436
14732
  // src/components/Table/Table.tsx
12437
- import * as React16 from "react";
14733
+ import * as React18 from "react";
12438
14734
 
12439
14735
  // src/components/Table/Table.styles.ts
12440
- import { css as css62 } from "@emotion/react";
12441
- var table = css62`
14736
+ import { css as css64 } from "@emotion/react";
14737
+ var table = css64`
12442
14738
  border-bottom: 1px solid var(--gray-400);
12443
14739
  border-collapse: collapse;
12444
14740
  min-width: 100%;
12445
14741
  table-layout: auto;
12446
14742
  `;
12447
- var tableHead = css62`
14743
+ var tableHead = css64`
12448
14744
  background: var(--gray-100);
12449
14745
  color: var(--brand-secondary-1);
12450
14746
  text-align: left;
12451
14747
  `;
12452
- var tableRow = css62`
14748
+ var tableRow = css64`
12453
14749
  border-bottom: 1px solid var(--gray-200);
12454
14750
  `;
12455
- var tableCellHead = css62`
14751
+ var tableCellHead = css64`
12456
14752
  font-size: var(--fs-sm);
12457
14753
  padding: var(--spacing-base) var(--spacing-md);
12458
14754
  text-transform: uppercase;
12459
14755
  font-weight: var(--fw-bold);
12460
14756
  `;
12461
- var tableCellData = css62`
14757
+ var tableCellData = css64`
12462
14758
  padding: var(--spacing-base) var(--spacing-md);
12463
14759
  `;
12464
14760
 
12465
14761
  // src/components/Table/Table.tsx
12466
- import { jsx as jsx85 } from "@emotion/react/jsx-runtime";
12467
- var Table = React16.forwardRef(({ children, ...otherProps }, ref) => {
12468
- return /* @__PURE__ */ jsx85("table", { ref, css: table, ...otherProps, children });
14762
+ import { jsx as jsx87 } from "@emotion/react/jsx-runtime";
14763
+ var Table = React18.forwardRef(({ children, ...otherProps }, ref) => {
14764
+ return /* @__PURE__ */ jsx87("table", { ref, css: table, ...otherProps, children });
12469
14765
  });
12470
- var TableHead = React16.forwardRef(
14766
+ var TableHead = React18.forwardRef(
12471
14767
  ({ children, ...otherProps }, ref) => {
12472
- return /* @__PURE__ */ jsx85("thead", { ref, css: tableHead, ...otherProps, children });
14768
+ return /* @__PURE__ */ jsx87("thead", { ref, css: tableHead, ...otherProps, children });
12473
14769
  }
12474
14770
  );
12475
- var TableBody = React16.forwardRef(
14771
+ var TableBody = React18.forwardRef(
12476
14772
  ({ children, ...otherProps }, ref) => {
12477
- return /* @__PURE__ */ jsx85("tbody", { ref, ...otherProps, children });
14773
+ return /* @__PURE__ */ jsx87("tbody", { ref, ...otherProps, children });
12478
14774
  }
12479
14775
  );
12480
- var TableFoot = React16.forwardRef(
14776
+ var TableFoot = React18.forwardRef(
12481
14777
  ({ children, ...otherProps }, ref) => {
12482
- return /* @__PURE__ */ jsx85("tfoot", { ref, ...otherProps, children });
14778
+ return /* @__PURE__ */ jsx87("tfoot", { ref, ...otherProps, children });
12483
14779
  }
12484
14780
  );
12485
- var TableRow = React16.forwardRef(
14781
+ var TableRow = React18.forwardRef(
12486
14782
  ({ children, ...otherProps }, ref) => {
12487
- return /* @__PURE__ */ jsx85("tr", { ref, css: tableRow, ...otherProps, children });
14783
+ return /* @__PURE__ */ jsx87("tr", { ref, css: tableRow, ...otherProps, children });
12488
14784
  }
12489
14785
  );
12490
- var TableCellHead = React16.forwardRef(
14786
+ var TableCellHead = React18.forwardRef(
12491
14787
  ({ children, ...otherProps }, ref) => {
12492
- return /* @__PURE__ */ jsx85("th", { ref, css: tableCellHead, ...otherProps, children });
14788
+ return /* @__PURE__ */ jsx87("th", { ref, css: tableCellHead, ...otherProps, children });
12493
14789
  }
12494
14790
  );
12495
- var TableCellData = React16.forwardRef(
14791
+ var TableCellData = React18.forwardRef(
12496
14792
  ({ children, ...otherProps }, ref) => {
12497
- return /* @__PURE__ */ jsx85("td", { ref, css: tableCellData, ...otherProps, children });
14793
+ return /* @__PURE__ */ jsx87("td", { ref, css: tableCellData, ...otherProps, children });
12498
14794
  }
12499
14795
  );
12500
14796
 
12501
14797
  // src/components/Tabs/Tabs.tsx
12502
- import { createContext as createContext6, useContext as useContext7, useEffect as useEffect8, useMemo as useMemo2 } from "react";
14798
+ import { createContext as createContext6, useContext as useContext7, useEffect as useEffect9, useMemo as useMemo3 } from "react";
12503
14799
  import {
12504
14800
  Tab as ReakitTab,
12505
14801
  TabList as ReakitTabList,
@@ -12508,8 +14804,8 @@ import {
12508
14804
  } from "reakit/Tab";
12509
14805
 
12510
14806
  // src/components/Tabs/Tabs.styles.ts
12511
- import { css as css63 } from "@emotion/react";
12512
- var tabButtonStyles = css63`
14807
+ import { css as css65 } from "@emotion/react";
14808
+ var tabButtonStyles = css65`
12513
14809
  align-items: center;
12514
14810
  border: 0;
12515
14811
  height: 2.5rem;
@@ -12526,14 +14822,14 @@ var tabButtonStyles = css63`
12526
14822
  -webkit-text-stroke-width: thin;
12527
14823
  }
12528
14824
  `;
12529
- var tabButtonGroupStyles = css63`
14825
+ var tabButtonGroupStyles = css65`
12530
14826
  display: flex;
12531
14827
  gap: var(--spacing-base);
12532
14828
  border-bottom: 1px solid var(--gray-300);
12533
14829
  `;
12534
14830
 
12535
14831
  // src/components/Tabs/Tabs.tsx
12536
- import { jsx as jsx86 } from "@emotion/react/jsx-runtime";
14832
+ import { jsx as jsx88 } from "@emotion/react/jsx-runtime";
12537
14833
  var CurrentTabContext = createContext6(null);
12538
14834
  var useCurrentTab = () => {
12539
14835
  const context = useContext7(CurrentTabContext);
@@ -12543,13 +14839,13 @@ var useCurrentTab = () => {
12543
14839
  return context;
12544
14840
  };
12545
14841
  var Tabs = ({ children, onSelectedIdChange, useHashForState, selectedId, ...props }) => {
12546
- const selected = useMemo2(() => {
14842
+ const selected = useMemo3(() => {
12547
14843
  if (selectedId)
12548
14844
  return selectedId;
12549
14845
  return useHashForState && typeof window !== "undefined" && window.location.hash ? window.location.hash.substring(1) : void 0;
12550
14846
  }, [selectedId, useHashForState]);
12551
14847
  const tab = useTabState({ ...props, selectedId: selected });
12552
- useEffect8(() => {
14848
+ useEffect9(() => {
12553
14849
  var _a;
12554
14850
  const selectedValueWithoutNull = (_a = tab.selectedId) != null ? _a : void 0;
12555
14851
  onSelectedIdChange == null ? void 0 : onSelectedIdChange(selectedValueWithoutNull);
@@ -12557,29 +14853,29 @@ var Tabs = ({ children, onSelectedIdChange, useHashForState, selectedId, ...prop
12557
14853
  window.location.hash = selectedValueWithoutNull != null ? selectedValueWithoutNull : "";
12558
14854
  }
12559
14855
  }, [tab.selectedId, onSelectedIdChange, useHashForState]);
12560
- useEffect8(() => {
14856
+ useEffect9(() => {
12561
14857
  if (selected && selected !== tab.selectedId) {
12562
14858
  tab.setSelectedId(selected);
12563
14859
  }
12564
14860
  }, [selected]);
12565
- return /* @__PURE__ */ jsx86(CurrentTabContext.Provider, { value: tab, children });
14861
+ return /* @__PURE__ */ jsx88(CurrentTabContext.Provider, { value: tab, children });
12566
14862
  };
12567
14863
  var TabButtonGroup = ({ children, ...props }) => {
12568
14864
  const currentTab = useCurrentTab();
12569
- return /* @__PURE__ */ jsx86(ReakitTabList, { ...props, ...currentTab, css: tabButtonGroupStyles, children });
14865
+ return /* @__PURE__ */ jsx88(ReakitTabList, { ...props, ...currentTab, css: tabButtonGroupStyles, children });
12570
14866
  };
12571
14867
  var TabButton = ({ children, id, ...props }) => {
12572
14868
  const currentTab = useCurrentTab();
12573
- return /* @__PURE__ */ jsx86(ReakitTab, { type: "button", id, ...currentTab, ...props, css: tabButtonStyles, children });
14869
+ return /* @__PURE__ */ jsx88(ReakitTab, { type: "button", id, ...currentTab, ...props, css: tabButtonStyles, children });
12574
14870
  };
12575
14871
  var TabContent = ({ children, ...props }) => {
12576
14872
  const currentTab = useCurrentTab();
12577
- return /* @__PURE__ */ jsx86(ReakitTabPanel, { ...props, ...currentTab, children });
14873
+ return /* @__PURE__ */ jsx88(ReakitTabPanel, { ...props, ...currentTab, children });
12578
14874
  };
12579
14875
 
12580
14876
  // src/components/Validation/StatusBullet.styles.ts
12581
- import { css as css64 } from "@emotion/react";
12582
- var StatusBulletContainer = css64`
14877
+ import { css as css66 } from "@emotion/react";
14878
+ var StatusBulletContainer = css66`
12583
14879
  align-items: center;
12584
14880
  align-self: center;
12585
14881
  color: var(--gray-500);
@@ -12596,51 +14892,51 @@ var StatusBulletContainer = css64`
12596
14892
  display: block;
12597
14893
  }
12598
14894
  `;
12599
- var StatusBulletBase = css64`
14895
+ var StatusBulletBase = css66`
12600
14896
  font-size: var(--fs-sm);
12601
14897
  &:before {
12602
14898
  width: var(--fs-xs);
12603
14899
  height: var(--fs-xs);
12604
14900
  }
12605
14901
  `;
12606
- var StatusBulletSmall = css64`
14902
+ var StatusBulletSmall = css66`
12607
14903
  font-size: var(--fs-xs);
12608
14904
  &:before {
12609
14905
  width: var(--fs-xxs);
12610
14906
  height: var(--fs-xxs);
12611
14907
  }
12612
14908
  `;
12613
- var StatusDraft = css64`
14909
+ var StatusDraft = css66`
12614
14910
  &:before {
12615
14911
  background: var(--white);
12616
14912
  box-shadow: inset 0 0 0 0.125rem var(--brand-primary-1);
12617
14913
  }
12618
14914
  `;
12619
- var StatusModified = css64`
14915
+ var StatusModified = css66`
12620
14916
  &:before {
12621
14917
  background: linear-gradient(to right, var(--white) 50%, var(--brand-primary-1) 50% 100%);
12622
14918
  box-shadow: inset 0 0 0 0.125rem var(--brand-primary-1);
12623
14919
  }
12624
14920
  `;
12625
- var StatusError = css64`
14921
+ var StatusError = css66`
12626
14922
  color: var(--error);
12627
14923
  &:before {
12628
14924
  background: linear-gradient(120deg, var(--error) 40%, var(--white) 50%, var(--error) 60%);
12629
14925
  }
12630
14926
  `;
12631
- var StatusPublished = css64`
14927
+ var StatusPublished = css66`
12632
14928
  &:before {
12633
14929
  background: var(--brand-secondary-3);
12634
14930
  }
12635
14931
  `;
12636
- var StatusOrphan = css64`
14932
+ var StatusOrphan = css66`
12637
14933
  &:before {
12638
14934
  background: var(--brand-secondary-5);
12639
14935
  }
12640
14936
  `;
12641
14937
 
12642
14938
  // src/components/Validation/StatusBullet.tsx
12643
- import { jsx as jsx87 } from "@emotion/react/jsx-runtime";
14939
+ import { jsx as jsx89 } from "@emotion/react/jsx-runtime";
12644
14940
  var StatusBullet = ({
12645
14941
  status,
12646
14942
  hideText = false,
@@ -12657,7 +14953,7 @@ var StatusBullet = ({
12657
14953
  Draft: StatusDraft
12658
14954
  };
12659
14955
  const statusSize = size === "base" ? StatusBulletBase : StatusBulletSmall;
12660
- return /* @__PURE__ */ jsx87(
14956
+ return /* @__PURE__ */ jsx89(
12661
14957
  "span",
12662
14958
  {
12663
14959
  role: "status",
@@ -12709,6 +15005,7 @@ export {
12709
15005
  IntegrationModalHeader,
12710
15006
  IntegrationModalIcon,
12711
15007
  IntegrationTile,
15008
+ JsonEditor,
12712
15009
  Label,
12713
15010
  Legend,
12714
15011
  LimitsBar,
@@ -12718,7 +15015,6 @@ export {
12718
15015
  LoadingIcon,
12719
15016
  LoadingIndicator,
12720
15017
  LoadingOverlay,
12721
- LottieFile,
12722
15018
  Menu,
12723
15019
  MenuContext,
12724
15020
  MenuItem,
@@ -12750,6 +15046,8 @@ export {
12750
15046
  ParameterToggle,
12751
15047
  ParameterToggleInner,
12752
15048
  Popover2 as Popover,
15049
+ ProgressList,
15050
+ ProgressListItem,
12753
15051
  ResolveIcon,
12754
15052
  ScrollableList,
12755
15053
  ScrollableListInputItem,
@@ -12801,11 +15099,13 @@ export {
12801
15099
  inputSelect,
12802
15100
  isMacLike,
12803
15101
  labelText,
15102
+ loader_default as loaderAnimationData,
12804
15103
  macifyShortcut,
12805
15104
  mq,
12806
15105
  ripple,
12807
15106
  scrollbarStyles,
12808
15107
  skeletonLoading,
15108
+ spinner_default as spinnerAnimationData,
12809
15109
  supports,
12810
15110
  useBreakpoint,
12811
15111
  useCloseCurrentDrawer,