@clay-ds/react 0.2.1 → 0.3.1

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.
@@ -669,7 +669,7 @@ const logo = "_logo_waxuh_51";
669
669
  const logoImg$2 = "_logoImg_waxuh_62";
670
670
  const nav = "_nav_waxuh_2";
671
671
  const full = "_full_waxuh_81";
672
- const short = "_short_waxuh_91";
672
+ const short$1 = "_short_waxuh_91";
673
673
  const navList = "_navList_waxuh_96";
674
674
  const navItem = "_navItem_waxuh_106";
675
675
  const navLink = "_navLink_waxuh_112";
@@ -722,7 +722,7 @@ const styles$f = {
722
722
  logoImg: logoImg$2,
723
723
  nav,
724
724
  full,
725
- short,
725
+ short: short$1,
726
726
  navList,
727
727
  navItem,
728
728
  navLink,
@@ -1288,261 +1288,277 @@ const CustomerLogoSection = forwardRef(
1288
1288
  );
1289
1289
  }
1290
1290
  );
1291
- const section$9 = "_section_1iihw_3";
1292
- const container$6 = "_container_1iihw_14";
1293
- const accordion = "_accordion_1iihw_25";
1294
- const item$1 = "_item_1iihw_33";
1295
- const itemActive = "_itemActive_1iihw_40";
1296
- const itemHeader = "_itemHeader_1iihw_45";
1297
- const itemHeading = "_itemHeading_1iihw_59";
1298
- const chevron$1 = "_chevron_1iihw_75";
1299
- const chevronOpen$1 = "_chevronOpen_1iihw_83";
1300
- const itemContent = "_itemContent_1iihw_88";
1301
- const itemDescription = "_itemDescription_1iihw_93";
1302
- const itemMedia = "_itemMedia_1iihw_105";
1303
- const mediaPanel = "_mediaPanel_1iihw_114";
1304
- const mediaFallback = "_mediaFallback_1iihw_118";
1305
- const sideBySideLines = "_side-by-side-lines_1iihw_129";
1306
- const itemLines = "_itemLines_1iihw_142";
1307
- const tabsCard = "_tabsCard_1iihw_194";
1308
- const tabContent = "_tabContent_1iihw_207";
1309
- const tabText = "_tabText_1iihw_214";
1310
- const tabTopic = "_tabTopic_1iihw_221";
1311
- const tabHeading = "_tabHeading_1iihw_229";
1312
- const tabDescription = "_tabDescription_1iihw_239";
1313
- const tabMedia = "_tabMedia_1iihw_248";
1314
- const strokeCard = "_strokeCard_1iihw_265";
1315
- const strokeText = "_strokeText_1iihw_280";
1316
- const strokeTextGroup = "_strokeTextGroup_1iihw_286";
1317
- const strokeHeading = "_strokeHeading_1iihw_292";
1318
- const strokeDescription = "_strokeDescription_1iihw_302";
1319
- const strokeMedia = "_strokeMedia_1iihw_312";
1320
- const sideBySideBullets = "_side-by-side-bullets_1iihw_329";
1321
- const bulletSectionHeader = "_bulletSectionHeader_1iihw_336";
1322
- const bulletTopic = "_bulletTopic_1iihw_342";
1323
- const bulletSectionHeading = "_bulletSectionHeading_1iihw_350";
1324
- const bulletCard = "_bulletCard_1iihw_361";
1325
- const bulletList = "_bulletList_1iihw_366";
1326
- const bulletItemInactive = "_bulletItemInactive_1iihw_372";
1327
- const bulletIcon$2 = "_bulletIcon_1iihw_387";
1328
- const bulletInactiveLabel = "_bulletInactiveLabel_1iihw_396";
1329
- const bulletItemActive = "_bulletItemActive_1iihw_404";
1330
- const bulletActiveLabel = "_bulletActiveLabel_1iihw_416";
1331
- const bulletActiveDesc = "_bulletActiveDesc_1iihw_424";
1332
- const bulletMediaPanel = "_bulletMediaPanel_1iihw_433";
1333
- const bulletMediaFallback = "_bulletMediaFallback_1iihw_446";
1334
- const bulletCarouselWrapper = "_bulletCarouselWrapper_1iihw_453";
1335
- const bulletCarouselTrack = "_bulletCarouselTrack_1iihw_459";
1336
- const bulletCarouselCard = "_bulletCarouselCard_1iihw_474";
1337
- const bulletCarouselText = "_bulletCarouselText_1iihw_486";
1338
- const bulletCarouselTitle = "_bulletCarouselTitle_1iihw_492";
1339
- const bulletCarouselDesc = "_bulletCarouselDesc_1iihw_500";
1340
- const bulletCarouselMedia = "_bulletCarouselMedia_1iihw_509";
1341
- const bulletCarouselNav = "_bulletCarouselNav_1iihw_522";
1342
- const tabCardsCarousel = "_tab-cards-carousel_1iihw_532";
1343
- const tcSectionText = "_tcSectionText_1iihw_539";
1344
- const tcTopic = "_tcTopic_1iihw_548";
1345
- const tcSectionHeading = "_tcSectionHeading_1iihw_556";
1346
- const tcTabBar = "_tcTabBar_1iihw_566";
1347
- const tcTab = "_tcTab_1iihw_566";
1348
- const tcTabActive = "_tcTabActive_1iihw_595";
1349
- const tcCarouselOuter = "_tcCarouselOuter_1iihw_600";
1350
- const tcCarouselTrack = "_tcCarouselTrack_1iihw_605";
1351
- const tcCard = "_tcCard_1iihw_612";
1352
- const tcCardHeader = "_tcCardHeader_1iihw_625";
1353
- const tcCardMeta = "_tcCardMeta_1iihw_632";
1354
- const tcCardIcon = "_tcCardIcon_1iihw_640";
1355
- const tcCardText = "_tcCardText_1iihw_657";
1356
- const tcCardTitle = "_tcCardTitle_1iihw_663";
1357
- const tcCardSubtitle = "_tcCardSubtitle_1iihw_671";
1358
- const tcCtaDeskWrap = "_tcCtaDeskWrap_1iihw_679";
1359
- const tcCtaMobWrap = "_tcCtaMobWrap_1iihw_683";
1360
- const tcMedia = "_tcMedia_1iihw_687";
1361
- const tcNav = "_tcNav_1iihw_701";
1362
- const stackedRows = "_stacked-rows_1iihw_711";
1363
- const srHeader = "_srHeader_1iihw_718";
1364
- const srTopic = "_srTopic_1iihw_726";
1365
- const srSectionHeading = "_srSectionHeading_1iihw_734";
1366
- const srRow = "_srRow_1iihw_745";
1367
- const srContentCard = "_srContentCard_1iihw_751";
1368
- const srCardInner = "_srCardInner_1iihw_760";
1369
- const srTopGroup = "_srTopGroup_1iihw_766";
1370
- const srTagWrap = "_srTagWrap_1iihw_772";
1371
- const srTagDot = "_srTagDot_1iihw_778";
1372
- const srTagLabel = "_srTagLabel_1iihw_786";
1373
- const srHeading = "_srHeading_1iihw_794";
1374
- const srDesc = "_srDesc_1iihw_804";
1375
- const srBottomGroup = "_srBottomGroup_1iihw_813";
1376
- const srBullets = "_srBullets_1iihw_819";
1377
- const srBullet = "_srBullet_1iihw_819";
1378
- const srBulletIcon = "_srBulletIcon_1iihw_833";
1379
- const srBulletLabel = "_srBulletLabel_1iihw_843";
1380
- const srMedia = "_srMedia_1iihw_853";
1381
- const horizontalCards = "_horizontal-cards_1iihw_870";
1382
- const hcHeader = "_hcHeader_1iihw_878";
1383
- const hcTagline = "_hcTagline_1iihw_887";
1384
- const hcSectionHeading = "_hcSectionHeading_1iihw_895";
1385
- const hcSectionDesc = "_hcSectionDesc_1iihw_904";
1386
- const hcGrid = "_hcGrid_1iihw_914";
1387
- const hcCard = "_hcCard_1iihw_933";
1388
- const hcMedia = "_hcMedia_1iihw_945";
1389
- const hcContent = "_hcContent_1iihw_958";
1390
- const hcTextGroup = "_hcTextGroup_1iihw_967";
1391
- const hcHeading = "_hcHeading_1iihw_974";
1392
- const hcDesc = "_hcDesc_1iihw_983";
1393
- const hcAction = "_hcAction_1iihw_992";
1394
- const hcDots = "_hcDots_1iihw_1014";
1395
- const horizontalIcons = "_horizontal-icons_1iihw_1023";
1396
- const hiHeader = "_hiHeader_1iihw_1030";
1397
- const hiTagline = "_hiTagline_1iihw_1036";
1398
- const hiSectionHeading = "_hiSectionHeading_1iihw_1044";
1399
- const hiSectionDesc = "_hiSectionDesc_1iihw_1054";
1400
- const hiGrid = "_hiGrid_1iihw_1063";
1401
- const hiColumn = "_hiColumn_1iihw_1070";
1402
- const hiIconWrap = "_hiIconWrap_1iihw_1076";
1403
- const hiTextGroup = "_hiTextGroup_1iihw_1085";
1404
- const hiHeading = "_hiHeading_1iihw_1091";
1405
- const hiDesc = "_hiDesc_1iihw_1101";
1406
- const stackedMediaLeft = "_stacked-media-left_1iihw_1114";
1407
- const smlSectionHeader = "_smlSectionHeader_1iihw_1121";
1408
- const smlSectionTopic = "_smlSectionTopic_1iihw_1127";
1409
- const smlSectionHeading = "_smlSectionHeading_1iihw_1135";
1410
- const smlRow = "_smlRow_1iihw_1145";
1411
- const smlMedia = "_smlMedia_1iihw_1151";
1412
- const smlContent = "_smlContent_1iihw_1165";
1413
- const smlTagline = "_smlTagline_1iihw_1172";
1414
- const smlHeading = "_smlHeading_1iihw_1180";
1415
- const smlDesc = "_smlDesc_1iihw_1190";
1416
- const smlActions = "_smlActions_1iihw_1199";
1417
- const horizontalMediaTop = "_horizontal-media-top_1iihw_1211";
1418
- const hmtHeader = "_hmtHeader_1iihw_1219";
1419
- const hmtTopic = "_hmtTopic_1iihw_1227";
1420
- const hmtSectionHeading = "_hmtSectionHeading_1iihw_1235";
1421
- const hmtGrid = "_hmtGrid_1iihw_1245";
1422
- const hmtColumn = "_hmtColumn_1iihw_1252";
1423
- const hmtMedia = "_hmtMedia_1iihw_1258";
1424
- const hmtContent = "_hmtContent_1iihw_1272";
1425
- const hmtTextGroup = "_hmtTextGroup_1iihw_1278";
1426
- const hmtHeading = "_hmtHeading_1iihw_1284";
1427
- const hmtDesc = "_hmtDesc_1iihw_1294";
1428
- const hmtAction = "_hmtAction_1iihw_1303";
1429
- const stackedCardsCarousel = "_stacked-cards-carousel_1iihw_1327";
1430
- const sccDeskStack = "_sccDeskStack_1iihw_1335";
1431
- const sccMobTrack = "_sccMobTrack_1iihw_1340";
1432
- const sccCard = "_sccCard_1iihw_1354";
1433
- const sccMedia = "_sccMedia_1iihw_1364";
1434
- const sccCardContent = "_sccCardContent_1iihw_1371";
1435
- const sccDotTag = "_sccDotTag_1iihw_1379";
1436
- const sccDot = "_sccDot_1iihw_1379";
1437
- const sccDotLabel = "_sccDotLabel_1iihw_1393";
1438
- const sccHeading = "_sccHeading_1iihw_1399";
1439
- const sccDesc = "_sccDesc_1iihw_1408";
1440
- const sccMobDots = "_sccMobDots_1iihw_1415";
1441
- const contentCarousel = "_content-carousel_1iihw_1421";
1442
- const ccHeader = "_ccHeader_1iihw_1429";
1443
- const ccSectionHeading = "_ccSectionHeading_1iihw_1438";
1444
- const ccSectionDesc = "_ccSectionDesc_1iihw_1447";
1445
- const ccMobTrack = "_ccMobTrack_1iihw_1455";
1446
- const ccDeskGrid = "_ccDeskGrid_1iihw_1474";
1447
- const ccCard = "_ccCard_1iihw_1478";
1448
- const ccMedia = "_ccMedia_1iihw_1486";
1449
- const ccContent = "_ccContent_1iihw_1494";
1450
- const ccCardHeading = "_ccCardHeading_1iihw_1501";
1451
- const ccCardDesc = "_ccCardDesc_1iihw_1510";
1452
- const ccLearnMore = "_ccLearnMore_1iihw_1517";
1453
- const ccNavRow = "_ccNavRow_1iihw_1531";
1454
- const ccArrows = "_ccArrows_1iihw_1538";
1455
- const listRightMedia = "_list-right-media_1iihw_1543";
1456
- const lrmContainer = "_lrmContainer_1iihw_1550";
1457
- const lrmLeft = "_lrmLeft_1iihw_1557";
1458
- const lrmSectionText = "_lrmSectionText_1iihw_1563";
1459
- const lrmTagline = "_lrmTagline_1iihw_1569";
1460
- const lrmSectionHeading = "_lrmSectionHeading_1iihw_1576";
1461
- const lrmSectionDesc = "_lrmSectionDesc_1iihw_1585";
1462
- const lrmList = "_lrmList_1iihw_1592";
1463
- const lrmItem = "_lrmItem_1iihw_1597";
1464
- const lrmItemHeading = "_lrmItemHeading_1iihw_1605";
1465
- const lrmItemDesc = "_lrmItemDesc_1iihw_1614";
1466
- const lrmMedia = "_lrmMedia_1iihw_1621";
1467
- const tabsMediaRight = "_tabs-media-right_1iihw_1630";
1468
- const tmrSectionHeader = "_tmrSectionHeader_1iihw_1638";
1469
- const tmrTagline = "_tmrTagline_1iihw_1647";
1470
- const tmrSectionHeading = "_tmrSectionHeading_1iihw_1654";
1471
- const tmrSectionDesc = "_tmrSectionDesc_1iihw_1663";
1472
- const tmrSectionActions = "_tmrSectionActions_1iihw_1670";
1473
- const tmrPanel = "_tmrPanel_1iihw_1678";
1474
- const tmrPanelText = "_tmrPanelText_1iihw_1687";
1475
- const tmrDotTag = "_tmrDotTag_1iihw_1694";
1476
- const tmrDot = "_tmrDot_1iihw_1694";
1477
- const tmrDotLabel = "_tmrDotLabel_1iihw_1708";
1478
- const tmrPanelHeading = "_tmrPanelHeading_1iihw_1714";
1479
- const tmrPanelDesc = "_tmrPanelDesc_1iihw_1723";
1480
- const tmrPanelMedia = "_tmrPanelMedia_1iihw_1730";
1481
- const tmrTabsWrap = "_tmrTabsWrap_1iihw_1738";
1482
- const amrContainer = "_amrContainer_1iihw_1762";
1483
- const amrLeft = "_amrLeft_1iihw_1769";
1484
- const amrSectionText = "_amrSectionText_1iihw_1775";
1485
- const amrSectionHeading = "_amrSectionHeading_1iihw_1781";
1486
- const amrSectionDesc = "_amrSectionDesc_1iihw_1791";
1487
- const amrAccordion = "_amrAccordion_1iihw_1798";
1488
- const amrItem = "_amrItem_1iihw_1803";
1489
- const amrItemTrigger = "_amrItemTrigger_1iihw_1811";
1490
- const amrItemTitle = "_amrItemTitle_1iihw_1824";
1491
- const amrItemOpen = "_amrItemOpen_1iihw_1832";
1492
- const amrChevron = "_amrChevron_1iihw_1836";
1493
- const amrItemContent = "_amrItemContent_1iihw_1847";
1494
- const amrItemDesc = "_amrItemDesc_1iihw_1855";
1495
- const amrMedia = "_amrMedia_1iihw_1862";
1496
- const naContainer = "_naContainer_1iihw_1871";
1497
- const naSectionHeader = "_naSectionHeader_1iihw_1878";
1498
- const naTagline = "_naTagline_1iihw_1886";
1499
- const naSectionHeading = "_naSectionHeading_1iihw_1893";
1500
- const naSectionDesc = "_naSectionDesc_1iihw_1903";
1501
- const naDesktopRow = "_naDesktopRow_1iihw_1911";
1502
- const naMobileList = "_naMobileList_1iihw_1916";
1503
- const naMobileActiveItem = "_naMobileActiveItem_1iihw_1923";
1504
- const naMobileNumber = "_naMobileNumber_1iihw_1932";
1505
- const naMobileHeading = "_naMobileHeading_1iihw_1940";
1506
- const naMobileDesc = "_naMobileDesc_1iihw_1950";
1507
- const naMobileMedia = "_naMobileMedia_1iihw_1957";
1508
- const naMobileInactiveItem = "_naMobileInactiveItem_1iihw_1964";
1509
- const naMobileInactiveLabel = "_naMobileInactiveLabel_1iihw_1978";
1510
- const snContainer = "_snContainer_1iihw_1987";
1511
- const snRow = "_snRow_1iihw_1994";
1512
- const snNumber = "_snNumber_1iihw_2001";
1513
- const snContent = "_snContent_1iihw_2011";
1514
- const snSectionTitle = "_snSectionTitle_1iihw_2017";
1515
- const snTagline = "_snTagline_1iihw_2023";
1516
- const snHeadingBlock = "_snHeadingBlock_1iihw_2030";
1517
- const snHeading = "_snHeading_1iihw_2030";
1518
- const snDesc = "_snDesc_1iihw_2046";
1519
- const snActions = "_snActions_1iihw_2053";
1520
- const silContainer = "_silContainer_1iihw_2061";
1521
- const silLeft = "_silLeft_1iihw_2068";
1522
- const silSectionTitle = "_silSectionTitle_1iihw_2074";
1523
- const silTagline = "_silTagline_1iihw_2080";
1524
- const silHeadingBlock = "_silHeadingBlock_1iihw_2087";
1525
- const silSectionHeading = "_silSectionHeading_1iihw_2093";
1526
- const silSectionDesc = "_silSectionDesc_1iihw_2103";
1527
- const silActions = "_silActions_1iihw_2110";
1528
- const silRight = "_silRight_1iihw_2117";
1529
- const silCard = "_silCard_1iihw_2123";
1530
- const silIcon = "_silIcon_1iihw_2132";
1531
- const silItemHeading = "_silItemHeading_1iihw_2139";
1532
- const silItemDesc = "_silItemDesc_1iihw_2148";
1533
- const naActivePanel = "_naActivePanel_1iihw_2808";
1534
- const naActivePanelContent = "_naActivePanelContent_1iihw_2815";
1535
- const naActivePanelHeader = "_naActivePanelHeader_1iihw_2824";
1536
- const naNumber = "_naNumber_1iihw_2830";
1537
- const naPanelHeading = "_naPanelHeading_1iihw_2838";
1538
- const naPanelDesc = "_naPanelDesc_1iihw_2848";
1539
- const naMedia = "_naMedia_1iihw_2855";
1540
- const naInactivePanel = "_naInactivePanel_1iihw_2863";
1541
- const naInactiveNumber = "_naInactiveNumber_1iihw_2880";
1542
- const naLabelWrap = "_naLabelWrap_1iihw_2889";
1543
- const naLabel = "_naLabel_1iihw_2889";
1544
- const containerWide$6 = "_containerWide_1iihw_2994";
1545
- const containerFull$6 = "_containerFull_1iihw_2998";
1291
+ const section$9 = "_section_1uz4c_8";
1292
+ const container$6 = "_container_1uz4c_19";
1293
+ const accordion = "_accordion_1uz4c_30";
1294
+ const item$1 = "_item_1uz4c_38";
1295
+ const itemActive = "_itemActive_1uz4c_45";
1296
+ const itemHeader = "_itemHeader_1uz4c_50";
1297
+ const itemHeading = "_itemHeading_1uz4c_64";
1298
+ const chevron$1 = "_chevron_1uz4c_80";
1299
+ const chevronOpen$1 = "_chevronOpen_1uz4c_88";
1300
+ const itemContent = "_itemContent_1uz4c_93";
1301
+ const itemContentOpen = "_itemContentOpen_1uz4c_99";
1302
+ const itemContentInner = "_itemContentInner_1uz4c_103";
1303
+ const itemDescription = "_itemDescription_1uz4c_108";
1304
+ const itemMedia = "_itemMedia_1uz4c_120";
1305
+ const mediaPanel = "_mediaPanel_1uz4c_129";
1306
+ const mediaFallback = "_mediaFallback_1uz4c_133";
1307
+ const sideBySideLines = "_side-by-side-lines_1uz4c_144";
1308
+ const itemLines = "_itemLines_1uz4c_157";
1309
+ const mediaPanelInner = "_mediaPanelInner_1uz4c_213";
1310
+ const sblFadeIn = "_sblFadeIn_1uz4c_1";
1311
+ const tabsCard = "_tabsCard_1uz4c_242";
1312
+ const tabContent = "_tabContent_1uz4c_255";
1313
+ const tabText = "_tabText_1uz4c_262";
1314
+ const tabTopic = "_tabTopic_1uz4c_269";
1315
+ const tabHeading = "_tabHeading_1uz4c_277";
1316
+ const tabDescription = "_tabDescription_1uz4c_287";
1317
+ const tabMedia = "_tabMedia_1uz4c_296";
1318
+ const strokeCard = "_strokeCard_1uz4c_313";
1319
+ const strokeText = "_strokeText_1uz4c_328";
1320
+ const strokeTextGroup = "_strokeTextGroup_1uz4c_334";
1321
+ const strokeHeading = "_strokeHeading_1uz4c_340";
1322
+ const strokeDescription = "_strokeDescription_1uz4c_350";
1323
+ const strokeMedia = "_strokeMedia_1uz4c_360";
1324
+ const sideBySideBullets = "_side-by-side-bullets_1uz4c_377";
1325
+ const bulletSectionHeader = "_bulletSectionHeader_1uz4c_384";
1326
+ const bulletTopic = "_bulletTopic_1uz4c_390";
1327
+ const bulletSectionHeading = "_bulletSectionHeading_1uz4c_398";
1328
+ const bulletCard = "_bulletCard_1uz4c_409";
1329
+ const bulletList = "_bulletList_1uz4c_414";
1330
+ const bulletItemInactive = "_bulletItemInactive_1uz4c_420";
1331
+ const bulletIcon$2 = "_bulletIcon_1uz4c_435";
1332
+ const bulletInactiveLabel = "_bulletInactiveLabel_1uz4c_444";
1333
+ const bulletItemActive = "_bulletItemActive_1uz4c_452";
1334
+ const bulletActiveLabel = "_bulletActiveLabel_1uz4c_464";
1335
+ const bulletActiveDesc = "_bulletActiveDesc_1uz4c_472";
1336
+ const bulletMediaPanel = "_bulletMediaPanel_1uz4c_481";
1337
+ const bulletMediaFallback = "_bulletMediaFallback_1uz4c_494";
1338
+ const bulletCarouselWrapper = "_bulletCarouselWrapper_1uz4c_501";
1339
+ const bulletCarouselTrack = "_bulletCarouselTrack_1uz4c_507";
1340
+ const bulletCarouselCard = "_bulletCarouselCard_1uz4c_522";
1341
+ const bulletCarouselText = "_bulletCarouselText_1uz4c_534";
1342
+ const bulletCarouselTitle = "_bulletCarouselTitle_1uz4c_540";
1343
+ const bulletCarouselDesc = "_bulletCarouselDesc_1uz4c_548";
1344
+ const bulletCarouselMedia = "_bulletCarouselMedia_1uz4c_557";
1345
+ const bulletCarouselNav = "_bulletCarouselNav_1uz4c_570";
1346
+ const tabCardsCarousel = "_tab-cards-carousel_1uz4c_580";
1347
+ const tcSectionText = "_tcSectionText_1uz4c_587";
1348
+ const tcTopic = "_tcTopic_1uz4c_596";
1349
+ const tcSectionHeading = "_tcSectionHeading_1uz4c_604";
1350
+ const tcTabBar = "_tcTabBar_1uz4c_614";
1351
+ const tcTab = "_tcTab_1uz4c_614";
1352
+ const tcTabActive = "_tcTabActive_1uz4c_643";
1353
+ const tcCarouselOuter = "_tcCarouselOuter_1uz4c_648";
1354
+ const tcCarouselTrack = "_tcCarouselTrack_1uz4c_653";
1355
+ const tcCard = "_tcCard_1uz4c_660";
1356
+ const tcCardHeader = "_tcCardHeader_1uz4c_673";
1357
+ const tcCardMeta = "_tcCardMeta_1uz4c_680";
1358
+ const tcCardIcon = "_tcCardIcon_1uz4c_688";
1359
+ const tcCardText = "_tcCardText_1uz4c_705";
1360
+ const tcCardTitle = "_tcCardTitle_1uz4c_711";
1361
+ const tcCardSubtitle = "_tcCardSubtitle_1uz4c_719";
1362
+ const tcCtaDeskWrap = "_tcCtaDeskWrap_1uz4c_727";
1363
+ const tcCtaMobWrap = "_tcCtaMobWrap_1uz4c_731";
1364
+ const tcMedia = "_tcMedia_1uz4c_735";
1365
+ const tcNav = "_tcNav_1uz4c_749";
1366
+ const stackedRows = "_stacked-rows_1uz4c_759";
1367
+ const srHeader = "_srHeader_1uz4c_766";
1368
+ const srTopic = "_srTopic_1uz4c_774";
1369
+ const srSectionHeading = "_srSectionHeading_1uz4c_782";
1370
+ const srRow = "_srRow_1uz4c_793";
1371
+ const srContentCard = "_srContentCard_1uz4c_799";
1372
+ const srCardInner = "_srCardInner_1uz4c_808";
1373
+ const srTopGroup = "_srTopGroup_1uz4c_814";
1374
+ const srTagWrap = "_srTagWrap_1uz4c_820";
1375
+ const srTagDot = "_srTagDot_1uz4c_826";
1376
+ const srTagLabel = "_srTagLabel_1uz4c_834";
1377
+ const srHeading = "_srHeading_1uz4c_842";
1378
+ const srDesc = "_srDesc_1uz4c_852";
1379
+ const srBottomGroup = "_srBottomGroup_1uz4c_861";
1380
+ const srBullets = "_srBullets_1uz4c_867";
1381
+ const srBullet = "_srBullet_1uz4c_867";
1382
+ const srBulletIcon = "_srBulletIcon_1uz4c_881";
1383
+ const srBulletLabel = "_srBulletLabel_1uz4c_891";
1384
+ const srMedia = "_srMedia_1uz4c_901";
1385
+ const horizontalCards = "_horizontal-cards_1uz4c_918";
1386
+ const hcHeader = "_hcHeader_1uz4c_926";
1387
+ const hcTagline = "_hcTagline_1uz4c_935";
1388
+ const hcSectionHeading = "_hcSectionHeading_1uz4c_943";
1389
+ const hcSectionDesc = "_hcSectionDesc_1uz4c_952";
1390
+ const hcGrid = "_hcGrid_1uz4c_962";
1391
+ const hcCard = "_hcCard_1uz4c_981";
1392
+ const hcMedia = "_hcMedia_1uz4c_993";
1393
+ const hcContent = "_hcContent_1uz4c_1006";
1394
+ const hcTextGroup = "_hcTextGroup_1uz4c_1015";
1395
+ const hcHeading = "_hcHeading_1uz4c_1022";
1396
+ const hcDesc = "_hcDesc_1uz4c_1031";
1397
+ const hcAction = "_hcAction_1uz4c_1040";
1398
+ const hcDots = "_hcDots_1uz4c_1062";
1399
+ const horizontalIcons = "_horizontal-icons_1uz4c_1071";
1400
+ const hiHeader = "_hiHeader_1uz4c_1078";
1401
+ const hiTagline = "_hiTagline_1uz4c_1084";
1402
+ const hiSectionHeading = "_hiSectionHeading_1uz4c_1092";
1403
+ const hiSectionDesc = "_hiSectionDesc_1uz4c_1102";
1404
+ const hiGrid = "_hiGrid_1uz4c_1111";
1405
+ const hiColumn = "_hiColumn_1uz4c_1118";
1406
+ const hiIconWrap = "_hiIconWrap_1uz4c_1124";
1407
+ const hiTextGroup = "_hiTextGroup_1uz4c_1133";
1408
+ const hiHeading = "_hiHeading_1uz4c_1139";
1409
+ const hiDesc = "_hiDesc_1uz4c_1149";
1410
+ const stackedMediaLeft = "_stacked-media-left_1uz4c_1162";
1411
+ const smlSectionHeader = "_smlSectionHeader_1uz4c_1169";
1412
+ const smlSectionTopic = "_smlSectionTopic_1uz4c_1175";
1413
+ const smlSectionHeading = "_smlSectionHeading_1uz4c_1183";
1414
+ const smlRow = "_smlRow_1uz4c_1193";
1415
+ const smlMedia = "_smlMedia_1uz4c_1199";
1416
+ const smlContent = "_smlContent_1uz4c_1213";
1417
+ const smlTagline = "_smlTagline_1uz4c_1220";
1418
+ const smlHeading = "_smlHeading_1uz4c_1228";
1419
+ const smlDesc = "_smlDesc_1uz4c_1238";
1420
+ const smlActions = "_smlActions_1uz4c_1247";
1421
+ const horizontalMediaTop = "_horizontal-media-top_1uz4c_1259";
1422
+ const hmtHeader = "_hmtHeader_1uz4c_1267";
1423
+ const hmtTopic = "_hmtTopic_1uz4c_1275";
1424
+ const hmtSectionHeading = "_hmtSectionHeading_1uz4c_1283";
1425
+ const hmtGrid = "_hmtGrid_1uz4c_1293";
1426
+ const hmtColumn = "_hmtColumn_1uz4c_1300";
1427
+ const hmtMedia = "_hmtMedia_1uz4c_1306";
1428
+ const hmtContent = "_hmtContent_1uz4c_1320";
1429
+ const hmtTextGroup = "_hmtTextGroup_1uz4c_1326";
1430
+ const hmtHeading = "_hmtHeading_1uz4c_1332";
1431
+ const hmtDesc = "_hmtDesc_1uz4c_1342";
1432
+ const hmtAction = "_hmtAction_1uz4c_1351";
1433
+ const stackedCardsCarousel = "_stacked-cards-carousel_1uz4c_1375";
1434
+ const sccDeskStack = "_sccDeskStack_1uz4c_1383";
1435
+ const sccMobTrack = "_sccMobTrack_1uz4c_1388";
1436
+ const sccCard = "_sccCard_1uz4c_1402";
1437
+ const sccMedia = "_sccMedia_1uz4c_1412";
1438
+ const sccCardContent = "_sccCardContent_1uz4c_1419";
1439
+ const sccDotTag = "_sccDotTag_1uz4c_1427";
1440
+ const sccDot = "_sccDot_1uz4c_1427";
1441
+ const sccDotLabel = "_sccDotLabel_1uz4c_1441";
1442
+ const sccHeading = "_sccHeading_1uz4c_1447";
1443
+ const sccDesc = "_sccDesc_1uz4c_1456";
1444
+ const sccMobDots = "_sccMobDots_1uz4c_1463";
1445
+ const contentCarousel = "_content-carousel_1uz4c_1469";
1446
+ const ccHeader = "_ccHeader_1uz4c_1477";
1447
+ const ccSectionHeading = "_ccSectionHeading_1uz4c_1486";
1448
+ const ccSectionDesc = "_ccSectionDesc_1uz4c_1495";
1449
+ const ccMobTrack = "_ccMobTrack_1uz4c_1503";
1450
+ const ccDeskGrid = "_ccDeskGrid_1uz4c_1522";
1451
+ const ccCard = "_ccCard_1uz4c_1526";
1452
+ const ccMedia = "_ccMedia_1uz4c_1534";
1453
+ const ccContent = "_ccContent_1uz4c_1542";
1454
+ const ccCardHeading = "_ccCardHeading_1uz4c_1549";
1455
+ const ccCardDesc = "_ccCardDesc_1uz4c_1558";
1456
+ const ccLearnMore = "_ccLearnMore_1uz4c_1565";
1457
+ const ccNavRow = "_ccNavRow_1uz4c_1579";
1458
+ const ccArrows = "_ccArrows_1uz4c_1586";
1459
+ const listRightMedia = "_list-right-media_1uz4c_1591";
1460
+ const lrmContainer = "_lrmContainer_1uz4c_1598";
1461
+ const lrmLeft = "_lrmLeft_1uz4c_1605";
1462
+ const lrmSectionText = "_lrmSectionText_1uz4c_1611";
1463
+ const lrmTagline = "_lrmTagline_1uz4c_1617";
1464
+ const lrmSectionHeading = "_lrmSectionHeading_1uz4c_1624";
1465
+ const lrmSectionDesc = "_lrmSectionDesc_1uz4c_1633";
1466
+ const lrmList = "_lrmList_1uz4c_1640";
1467
+ const lrmItem = "_lrmItem_1uz4c_1645";
1468
+ const lrmItemHeading = "_lrmItemHeading_1uz4c_1653";
1469
+ const lrmItemDesc = "_lrmItemDesc_1uz4c_1662";
1470
+ const lrmMedia = "_lrmMedia_1uz4c_1669";
1471
+ const tabsMediaRight = "_tabs-media-right_1uz4c_1678";
1472
+ const tmrSectionHeader = "_tmrSectionHeader_1uz4c_1686";
1473
+ const tmrTagline = "_tmrTagline_1uz4c_1695";
1474
+ const tmrSectionHeading = "_tmrSectionHeading_1uz4c_1702";
1475
+ const tmrSectionDesc = "_tmrSectionDesc_1uz4c_1711";
1476
+ const tmrSectionActions = "_tmrSectionActions_1uz4c_1718";
1477
+ const tmrPanel = "_tmrPanel_1uz4c_1726";
1478
+ const tmrPanelText = "_tmrPanelText_1uz4c_1735";
1479
+ const tmrDotTag = "_tmrDotTag_1uz4c_1742";
1480
+ const tmrDot = "_tmrDot_1uz4c_1742";
1481
+ const tmrDotLabel = "_tmrDotLabel_1uz4c_1756";
1482
+ const tmrPanelHeading = "_tmrPanelHeading_1uz4c_1762";
1483
+ const tmrPanelDesc = "_tmrPanelDesc_1uz4c_1771";
1484
+ const tmrPanelMedia = "_tmrPanelMedia_1uz4c_1778";
1485
+ const tmrTabsWrap = "_tmrTabsWrap_1uz4c_1786";
1486
+ const amrContainer = "_amrContainer_1uz4c_1810";
1487
+ const amrLeft = "_amrLeft_1uz4c_1817";
1488
+ const amrSectionText = "_amrSectionText_1uz4c_1823";
1489
+ const amrSectionHeading = "_amrSectionHeading_1uz4c_1829";
1490
+ const amrSectionDesc = "_amrSectionDesc_1uz4c_1839";
1491
+ const amrAccordion = "_amrAccordion_1uz4c_1846";
1492
+ const amrItem = "_amrItem_1uz4c_1851";
1493
+ const amrItemTrigger = "_amrItemTrigger_1uz4c_1859";
1494
+ const amrItemTitle = "_amrItemTitle_1uz4c_1872";
1495
+ const amrItemOpen = "_amrItemOpen_1uz4c_1880";
1496
+ const amrChevron = "_amrChevron_1uz4c_1884";
1497
+ const amrItemContent = "_amrItemContent_1uz4c_1895";
1498
+ const amrItemDesc = "_amrItemDesc_1uz4c_1903";
1499
+ const amrMedia = "_amrMedia_1uz4c_1910";
1500
+ const naContainer = "_naContainer_1uz4c_1919";
1501
+ const naSectionHeader = "_naSectionHeader_1uz4c_1926";
1502
+ const naTagline = "_naTagline_1uz4c_1934";
1503
+ const naSectionHeading = "_naSectionHeading_1uz4c_1941";
1504
+ const naSectionDesc = "_naSectionDesc_1uz4c_1951";
1505
+ const naDesktopRow = "_naDesktopRow_1uz4c_1959";
1506
+ const naMobileList = "_naMobileList_1uz4c_1964";
1507
+ const naMobileItem = "_naMobileItem_1uz4c_1971";
1508
+ const naMobileItemHeader = "_naMobileItemHeader_1uz4c_1978";
1509
+ const naMobileItemBody = "_naMobileItemBody_1uz4c_1992";
1510
+ const naMobileItemActive = "_naMobileItemActive_1uz4c_1998";
1511
+ const naMobileInactiveLabel = "_naMobileInactiveLabel_1uz4c_2003";
1512
+ const naMobileBodyInner = "_naMobileBodyInner_1uz4c_2007";
1513
+ const naMobileNumber = "_naMobileNumber_1uz4c_2016";
1514
+ const naMobileHeading = "_naMobileHeading_1uz4c_2027";
1515
+ const naMobileDesc = "_naMobileDesc_1uz4c_2037";
1516
+ const naMobileMedia = "_naMobileMedia_1uz4c_2044";
1517
+ const snContainer = "_snContainer_1uz4c_2063";
1518
+ const snRow = "_snRow_1uz4c_2070";
1519
+ const snNumber = "_snNumber_1uz4c_2077";
1520
+ const snContent = "_snContent_1uz4c_2087";
1521
+ const snSectionTitle = "_snSectionTitle_1uz4c_2093";
1522
+ const snTagline = "_snTagline_1uz4c_2099";
1523
+ const snHeadingBlock = "_snHeadingBlock_1uz4c_2106";
1524
+ const snHeading = "_snHeading_1uz4c_2106";
1525
+ const snDesc = "_snDesc_1uz4c_2122";
1526
+ const snActions = "_snActions_1uz4c_2129";
1527
+ const snSticky = "_snSticky_1uz4c_2137";
1528
+ const snNumDisplay = "_snNumDisplay_1uz4c_2141";
1529
+ const snDigitZero = "_snDigitZero_1uz4c_2154";
1530
+ const snDigitCol = "_snDigitCol_1uz4c_2159";
1531
+ const snDigitItem = "_snDigitItem_1uz4c_2165";
1532
+ const snRows = "_snRows_1uz4c_2170";
1533
+ const snBarTrack = "_snBarTrack_1uz4c_2176";
1534
+ const snBarFill = "_snBarFill_1uz4c_2183";
1535
+ const silContainer = "_silContainer_1uz4c_2191";
1536
+ const silLeft = "_silLeft_1uz4c_2198";
1537
+ const silSectionTitle = "_silSectionTitle_1uz4c_2204";
1538
+ const silTagline = "_silTagline_1uz4c_2210";
1539
+ const silHeadingBlock = "_silHeadingBlock_1uz4c_2217";
1540
+ const silSectionHeading = "_silSectionHeading_1uz4c_2223";
1541
+ const silSectionDesc = "_silSectionDesc_1uz4c_2233";
1542
+ const silActions = "_silActions_1uz4c_2240";
1543
+ const silRight = "_silRight_1uz4c_2247";
1544
+ const silCard = "_silCard_1uz4c_2253";
1545
+ const silIcon = "_silIcon_1uz4c_2262";
1546
+ const silItemHeading = "_silItemHeading_1uz4c_2269";
1547
+ const silItemDesc = "_silItemDesc_1uz4c_2278";
1548
+ const naPanel = "_naPanel_1uz4c_2952";
1549
+ const naPanelActive = "_naPanelActive_1uz4c_2964";
1550
+ const naPanelSide = "_naPanelSide_1uz4c_2969";
1551
+ const naPanelBody = "_naPanelBody_1uz4c_2984";
1552
+ const naActivePanelContent = "_naActivePanelContent_1uz4c_2997";
1553
+ const naActivePanelHeader = "_naActivePanelHeader_1uz4c_3006";
1554
+ const naNumber = "_naNumber_1uz4c_3012";
1555
+ const naPanelHeading = "_naPanelHeading_1uz4c_3020";
1556
+ const naPanelDesc = "_naPanelDesc_1uz4c_3030";
1557
+ const naMedia = "_naMedia_1uz4c_3037";
1558
+ const naLabelWrap = "_naLabelWrap_1uz4c_3045";
1559
+ const naLabel = "_naLabel_1uz4c_3045";
1560
+ const containerWide$6 = "_containerWide_1uz4c_3135";
1561
+ const containerFull$6 = "_containerFull_1uz4c_3139";
1546
1562
  const styles$c = {
1547
1563
  section: section$9,
1548
1564
  container: container$6,
@@ -1554,13 +1570,17 @@ const styles$c = {
1554
1570
  chevron: chevron$1,
1555
1571
  chevronOpen: chevronOpen$1,
1556
1572
  itemContent,
1573
+ itemContentOpen,
1574
+ itemContentInner,
1557
1575
  itemDescription,
1558
1576
  itemMedia,
1559
1577
  mediaPanel,
1560
1578
  mediaFallback,
1561
- "side-by-side-lines": "_side-by-side-lines_1iihw_129",
1579
+ "side-by-side-lines": "_side-by-side-lines_1uz4c_144",
1562
1580
  sideBySideLines,
1563
1581
  itemLines,
1582
+ mediaPanelInner,
1583
+ sblFadeIn,
1564
1584
  tabsCard,
1565
1585
  tabContent,
1566
1586
  tabText,
@@ -1574,7 +1594,7 @@ const styles$c = {
1574
1594
  strokeHeading,
1575
1595
  strokeDescription,
1576
1596
  strokeMedia,
1577
- "side-by-side-bullets": "_side-by-side-bullets_1iihw_329",
1597
+ "side-by-side-bullets": "_side-by-side-bullets_1uz4c_377",
1578
1598
  sideBySideBullets,
1579
1599
  bulletSectionHeader,
1580
1600
  bulletTopic,
@@ -1597,7 +1617,7 @@ const styles$c = {
1597
1617
  bulletCarouselDesc,
1598
1618
  bulletCarouselMedia,
1599
1619
  bulletCarouselNav,
1600
- "tab-cards-carousel": "_tab-cards-carousel_1iihw_532",
1620
+ "tab-cards-carousel": "_tab-cards-carousel_1uz4c_580",
1601
1621
  tabCardsCarousel,
1602
1622
  tcSectionText,
1603
1623
  tcTopic,
@@ -1618,7 +1638,7 @@ const styles$c = {
1618
1638
  tcCtaMobWrap,
1619
1639
  tcMedia,
1620
1640
  tcNav,
1621
- "stacked-rows": "_stacked-rows_1iihw_711",
1641
+ "stacked-rows": "_stacked-rows_1uz4c_759",
1622
1642
  stackedRows,
1623
1643
  srHeader,
1624
1644
  srTopic,
@@ -1638,7 +1658,7 @@ const styles$c = {
1638
1658
  srBulletIcon,
1639
1659
  srBulletLabel,
1640
1660
  srMedia,
1641
- "horizontal-cards": "_horizontal-cards_1iihw_870",
1661
+ "horizontal-cards": "_horizontal-cards_1uz4c_918",
1642
1662
  horizontalCards,
1643
1663
  hcHeader,
1644
1664
  hcTagline,
@@ -1653,7 +1673,7 @@ const styles$c = {
1653
1673
  hcDesc,
1654
1674
  hcAction,
1655
1675
  hcDots,
1656
- "horizontal-icons": "_horizontal-icons_1iihw_1023",
1676
+ "horizontal-icons": "_horizontal-icons_1uz4c_1071",
1657
1677
  horizontalIcons,
1658
1678
  hiHeader,
1659
1679
  hiTagline,
@@ -1665,7 +1685,7 @@ const styles$c = {
1665
1685
  hiTextGroup,
1666
1686
  hiHeading,
1667
1687
  hiDesc,
1668
- "stacked-media-left": "_stacked-media-left_1iihw_1114",
1688
+ "stacked-media-left": "_stacked-media-left_1uz4c_1162",
1669
1689
  stackedMediaLeft,
1670
1690
  smlSectionHeader,
1671
1691
  smlSectionTopic,
@@ -1677,7 +1697,7 @@ const styles$c = {
1677
1697
  smlHeading,
1678
1698
  smlDesc,
1679
1699
  smlActions,
1680
- "horizontal-media-top": "_horizontal-media-top_1iihw_1211",
1700
+ "horizontal-media-top": "_horizontal-media-top_1uz4c_1259",
1681
1701
  horizontalMediaTop,
1682
1702
  hmtHeader,
1683
1703
  hmtTopic,
@@ -1690,7 +1710,7 @@ const styles$c = {
1690
1710
  hmtHeading,
1691
1711
  hmtDesc,
1692
1712
  hmtAction,
1693
- "stacked-cards-carousel": "_stacked-cards-carousel_1iihw_1327",
1713
+ "stacked-cards-carousel": "_stacked-cards-carousel_1uz4c_1375",
1694
1714
  stackedCardsCarousel,
1695
1715
  sccDeskStack,
1696
1716
  sccMobTrack,
@@ -1703,7 +1723,7 @@ const styles$c = {
1703
1723
  sccHeading,
1704
1724
  sccDesc,
1705
1725
  sccMobDots,
1706
- "content-carousel": "_content-carousel_1iihw_1421",
1726
+ "content-carousel": "_content-carousel_1uz4c_1469",
1707
1727
  contentCarousel,
1708
1728
  ccHeader,
1709
1729
  ccSectionHeading,
@@ -1718,7 +1738,7 @@ const styles$c = {
1718
1738
  ccLearnMore,
1719
1739
  ccNavRow,
1720
1740
  ccArrows,
1721
- "list-right-media": "_list-right-media_1iihw_1543",
1741
+ "list-right-media": "_list-right-media_1uz4c_1591",
1722
1742
  listRightMedia,
1723
1743
  lrmContainer,
1724
1744
  lrmLeft,
@@ -1731,7 +1751,7 @@ const styles$c = {
1731
1751
  lrmItemHeading,
1732
1752
  lrmItemDesc,
1733
1753
  lrmMedia,
1734
- "tabs-media-right": "_tabs-media-right_1iihw_1630",
1754
+ "tabs-media-right": "_tabs-media-right_1uz4c_1678",
1735
1755
  tabsMediaRight,
1736
1756
  tmrSectionHeader,
1737
1757
  tmrTagline,
@@ -1768,13 +1788,16 @@ const styles$c = {
1768
1788
  naSectionDesc,
1769
1789
  naDesktopRow,
1770
1790
  naMobileList,
1771
- naMobileActiveItem,
1791
+ naMobileItem,
1792
+ naMobileItemHeader,
1793
+ naMobileItemBody,
1794
+ naMobileItemActive,
1795
+ naMobileInactiveLabel,
1796
+ naMobileBodyInner,
1772
1797
  naMobileNumber,
1773
1798
  naMobileHeading,
1774
1799
  naMobileDesc,
1775
1800
  naMobileMedia,
1776
- naMobileInactiveItem,
1777
- naMobileInactiveLabel,
1778
1801
  snContainer,
1779
1802
  snRow,
1780
1803
  snNumber,
@@ -1785,6 +1808,14 @@ const styles$c = {
1785
1808
  snHeading,
1786
1809
  snDesc,
1787
1810
  snActions,
1811
+ snSticky,
1812
+ snNumDisplay,
1813
+ snDigitZero,
1814
+ snDigitCol,
1815
+ snDigitItem,
1816
+ snRows,
1817
+ snBarTrack,
1818
+ snBarFill,
1788
1819
  silContainer,
1789
1820
  silLeft,
1790
1821
  silSectionTitle,
@@ -1798,15 +1829,16 @@ const styles$c = {
1798
1829
  silIcon,
1799
1830
  silItemHeading,
1800
1831
  silItemDesc,
1801
- naActivePanel,
1832
+ naPanel,
1833
+ naPanelActive,
1834
+ naPanelSide,
1835
+ naPanelBody,
1802
1836
  naActivePanelContent,
1803
1837
  naActivePanelHeader,
1804
1838
  naNumber,
1805
1839
  naPanelHeading,
1806
1840
  naPanelDesc,
1807
1841
  naMedia,
1808
- naInactivePanel,
1809
- naInactiveNumber,
1810
1842
  naLabelWrap,
1811
1843
  naLabel,
1812
1844
  containerWide: containerWide$6,
@@ -1837,28 +1869,6 @@ function ChevronIcon$1({ open }) {
1837
1869
  );
1838
1870
  }
1839
1871
  function AccordionItem$1({ item: item2, index: index2, isActive, onToggle, showMedia, variant = "fill" }) {
1840
- const contentRef = useRef(null);
1841
- const isFirstRender = useRef(true);
1842
- const [height, setHeight] = useState(isActive ? "auto" : "0px");
1843
- useEffect(() => {
1844
- if (isFirstRender.current) {
1845
- isFirstRender.current = false;
1846
- return;
1847
- }
1848
- if (!contentRef.current) return;
1849
- if (isActive) {
1850
- const h = contentRef.current.scrollHeight;
1851
- setHeight(`${h}px`);
1852
- const timer = setTimeout(() => setHeight("auto"), 320);
1853
- return () => clearTimeout(timer);
1854
- } else {
1855
- const h = contentRef.current.scrollHeight;
1856
- setHeight(`${h}px`);
1857
- requestAnimationFrame(() => {
1858
- requestAnimationFrame(() => setHeight("0px"));
1859
- });
1860
- }
1861
- }, [isActive]);
1862
1872
  return /* @__PURE__ */ jsxs("div", { className: `${styles$c.item} ${isActive ? styles$c.itemActive : ""} ${variant === "lines" ? styles$c.itemLines : ""}`, children: [
1863
1873
  /* @__PURE__ */ jsxs(
1864
1874
  "button",
@@ -1873,17 +1883,15 @@ function AccordionItem$1({ item: item2, index: index2, isActive, onToggle, showM
1873
1883
  ]
1874
1884
  }
1875
1885
  ),
1876
- /* @__PURE__ */ jsxs(
1886
+ /* @__PURE__ */ jsx(
1877
1887
  "div",
1878
1888
  {
1879
- ref: contentRef,
1880
- className: styles$c.itemContent,
1881
- style: { height },
1889
+ className: `${styles$c.itemContent} ${isActive ? styles$c.itemContentOpen : ""}`,
1882
1890
  "aria-hidden": !isActive,
1883
- children: [
1891
+ children: /* @__PURE__ */ jsxs("div", { className: styles$c.itemContentInner, children: [
1884
1892
  /* @__PURE__ */ jsx("p", { className: styles$c.itemDescription, children: item2.description }),
1885
1893
  showMedia && item2.media && /* @__PURE__ */ jsx("div", { className: styles$c.itemMedia, children: item2.media })
1886
- ]
1894
+ ] })
1887
1895
  }
1888
1896
  )
1889
1897
  ] });
@@ -2433,22 +2441,85 @@ function HorizontalMediaTopLayout({
2433
2441
  ] });
2434
2442
  }
2435
2443
  function StepsNumberedLayout({ items }) {
2436
- return /* @__PURE__ */ jsx("div", { className: styles$c.snContainer, children: items.map((item2, i) => /* @__PURE__ */ jsxs("div", { className: styles$c.snRow, children: [
2437
- /* @__PURE__ */ jsx("span", { className: styles$c.snNumber, children: String(i + 1).padStart(2, "0") }),
2438
- /* @__PURE__ */ jsxs("div", { className: styles$c.snContent, children: [
2439
- /* @__PURE__ */ jsxs("div", { className: styles$c.snSectionTitle, children: [
2440
- item2.topic && /* @__PURE__ */ jsx("span", { className: styles$c.snTagline, children: item2.topic }),
2441
- /* @__PURE__ */ jsxs("div", { className: styles$c.snHeadingBlock, children: [
2442
- /* @__PURE__ */ jsx("h2", { className: styles$c.snHeading, children: item2.heading }),
2443
- /* @__PURE__ */ jsx("p", { className: styles$c.snDesc, children: item2.description })
2444
- ] })
2445
- ] }),
2446
- (item2.cta || item2.cta2) && /* @__PURE__ */ jsxs("div", { className: styles$c.snActions, children: [
2447
- item2.cta && /* @__PURE__ */ jsx(Button, { buttonStyle: "primary", color: "black", size: "regular", onClick: item2.cta.onClick, children: item2.cta.label }),
2448
- item2.cta2 && /* @__PURE__ */ jsx(Button, { buttonStyle: "secondary", color: "black", size: "regular", onClick: item2.cta2.onClick, children: item2.cta2.label })
2449
- ] })
2450
- ] })
2451
- ] }, i)) });
2444
+ const containerRef = useRef(null);
2445
+ const digitColRef = useRef(null);
2446
+ const cardRefs = useRef([]);
2447
+ const barFillRefs = useRef([]);
2448
+ useEffect(() => {
2449
+ var _a;
2450
+ if ((_a = window.matchMedia) == null ? void 0 : _a.call(window, "(prefers-reduced-motion: reduce)").matches) return;
2451
+ const clamp01 = (v) => v < 0 ? 0 : v > 1 ? 1 : v;
2452
+ const onScroll = () => {
2453
+ const container2 = containerRef.current;
2454
+ const digitCol = digitColRef.current;
2455
+ if (container2 && digitCol) {
2456
+ const section2 = container2.closest("section");
2457
+ if (section2) {
2458
+ const rect = section2.getBoundingClientRect();
2459
+ const p = clamp01(-rect.top / rect.height);
2460
+ const N = items.length;
2461
+ const translatePct = -p * ((N - 1) / N) * 100;
2462
+ digitCol.style.transform = `translateY(${translatePct.toFixed(2)}%)`;
2463
+ }
2464
+ }
2465
+ const vh = window.innerHeight;
2466
+ cardRefs.current.forEach((card2, i) => {
2467
+ const barFill = barFillRefs.current[i];
2468
+ if (!card2 || !barFill) return;
2469
+ const rect = card2.getBoundingClientRect();
2470
+ const cardP = clamp01((vh / 2 - rect.top) / rect.height);
2471
+ barFill.style.width = `${(cardP * 100).toFixed(1)}%`;
2472
+ });
2473
+ };
2474
+ onScroll();
2475
+ window.addEventListener("scroll", onScroll, { passive: true });
2476
+ window.addEventListener("resize", onScroll, { passive: true });
2477
+ return () => {
2478
+ window.removeEventListener("scroll", onScroll);
2479
+ window.removeEventListener("resize", onScroll);
2480
+ };
2481
+ }, [items.length]);
2482
+ return /* @__PURE__ */ jsxs("div", { ref: containerRef, className: styles$c.snContainer, children: [
2483
+ /* @__PURE__ */ jsx("div", { className: styles$c.snSticky, children: /* @__PURE__ */ jsxs("div", { className: styles$c.snNumDisplay, children: [
2484
+ /* @__PURE__ */ jsx("span", { className: styles$c.snDigitZero, children: "0" }),
2485
+ /* @__PURE__ */ jsx("div", { ref: digitColRef, className: styles$c.snDigitCol, children: items.map((_, i) => /* @__PURE__ */ jsx("span", { className: styles$c.snDigitItem, children: i + 1 }, i)) })
2486
+ ] }) }),
2487
+ /* @__PURE__ */ jsx("div", { className: styles$c.snRows, children: items.map((item2, i) => /* @__PURE__ */ jsxs(
2488
+ "div",
2489
+ {
2490
+ ref: (el) => {
2491
+ cardRefs.current[i] = el;
2492
+ },
2493
+ className: styles$c.snRow,
2494
+ children: [
2495
+ /* @__PURE__ */ jsx("span", { className: styles$c.snNumber, children: String(i + 1).padStart(2, "0") }),
2496
+ /* @__PURE__ */ jsx("div", { className: styles$c.snBarTrack, children: /* @__PURE__ */ jsx(
2497
+ "div",
2498
+ {
2499
+ ref: (el) => {
2500
+ barFillRefs.current[i] = el;
2501
+ },
2502
+ className: styles$c.snBarFill
2503
+ }
2504
+ ) }),
2505
+ /* @__PURE__ */ jsxs("div", { className: styles$c.snContent, children: [
2506
+ /* @__PURE__ */ jsxs("div", { className: styles$c.snSectionTitle, children: [
2507
+ item2.topic && /* @__PURE__ */ jsx("span", { className: styles$c.snTagline, children: item2.topic }),
2508
+ /* @__PURE__ */ jsxs("div", { className: styles$c.snHeadingBlock, children: [
2509
+ /* @__PURE__ */ jsx("h2", { className: styles$c.snHeading, children: item2.heading }),
2510
+ /* @__PURE__ */ jsx("p", { className: styles$c.snDesc, children: item2.description })
2511
+ ] })
2512
+ ] }),
2513
+ (item2.cta || item2.cta2) && /* @__PURE__ */ jsxs("div", { className: styles$c.snActions, children: [
2514
+ item2.cta && /* @__PURE__ */ jsx(Button, { buttonStyle: "primary", color: "black", size: "regular", onClick: item2.cta.onClick, children: item2.cta.label }),
2515
+ item2.cta2 && /* @__PURE__ */ jsx(Button, { buttonStyle: "secondary", color: "black", size: "regular", onClick: item2.cta2.onClick, children: item2.cta2.label })
2516
+ ] })
2517
+ ] })
2518
+ ]
2519
+ },
2520
+ i
2521
+ )) })
2522
+ ] });
2452
2523
  }
2453
2524
  function SplitIconListLayout({
2454
2525
  items,
@@ -2496,25 +2567,32 @@ function NumberedAccordionLayout({
2496
2567
  /* @__PURE__ */ jsx("div", { className: styles$c.naDesktopRow, children: items.map((item2, i) => {
2497
2568
  const isActive = i === activeIndex;
2498
2569
  const num = String(i + 1).padStart(2, "0");
2499
- if (isActive) {
2500
- return /* @__PURE__ */ jsx("div", { className: styles$c.naActivePanel, children: /* @__PURE__ */ jsxs("div", { className: styles$c.naActivePanelContent, children: [
2501
- /* @__PURE__ */ jsxs("div", { className: styles$c.naActivePanelHeader, children: [
2502
- /* @__PURE__ */ jsx("span", { className: styles$c.naNumber, children: num }),
2503
- /* @__PURE__ */ jsx("h3", { className: styles$c.naPanelHeading, children: item2.heading }),
2504
- /* @__PURE__ */ jsx("p", { className: styles$c.naPanelDesc, children: item2.description })
2505
- ] }),
2506
- item2.media && /* @__PURE__ */ jsx("div", { className: styles$c.naMedia, children: item2.media })
2507
- ] }) }, i);
2508
- }
2509
2570
  return /* @__PURE__ */ jsxs(
2510
- "button",
2571
+ "div",
2511
2572
  {
2512
- type: "button",
2513
- className: styles$c.naInactivePanel,
2514
- onClick: () => setActiveIndex(i),
2573
+ className: `${styles$c.naPanel}${isActive ? ` ${styles$c.naPanelActive}` : ""}`,
2515
2574
  children: [
2516
- /* @__PURE__ */ jsx("span", { className: styles$c.naInactiveNumber, children: num }),
2517
- /* @__PURE__ */ jsx("div", { className: styles$c.naLabelWrap, children: /* @__PURE__ */ jsx("span", { className: styles$c.naLabel, children: item2.topic ?? item2.heading }) })
2575
+ /* @__PURE__ */ jsxs(
2576
+ "button",
2577
+ {
2578
+ type: "button",
2579
+ className: styles$c.naPanelSide,
2580
+ onClick: () => setActiveIndex(i),
2581
+ "aria-expanded": isActive,
2582
+ "aria-label": `${item2.topic ?? item2.heading}, panel ${num}`,
2583
+ children: [
2584
+ /* @__PURE__ */ jsx("span", { className: styles$c.naNumber, children: num }),
2585
+ /* @__PURE__ */ jsx("div", { className: styles$c.naLabelWrap, children: /* @__PURE__ */ jsx("span", { className: styles$c.naLabel, children: item2.topic ?? item2.heading }) })
2586
+ ]
2587
+ }
2588
+ ),
2589
+ /* @__PURE__ */ jsx("div", { className: styles$c.naPanelBody, "aria-hidden": !isActive, children: /* @__PURE__ */ jsxs("div", { className: styles$c.naActivePanelContent, children: [
2590
+ /* @__PURE__ */ jsxs("div", { className: styles$c.naActivePanelHeader, children: [
2591
+ /* @__PURE__ */ jsx("h3", { className: styles$c.naPanelHeading, children: item2.heading }),
2592
+ /* @__PURE__ */ jsx("p", { className: styles$c.naPanelDesc, children: item2.description })
2593
+ ] }),
2594
+ item2.media && /* @__PURE__ */ jsx("div", { className: styles$c.naMedia, children: item2.media })
2595
+ ] }) })
2518
2596
  ]
2519
2597
  },
2520
2598
  i
@@ -2523,23 +2601,29 @@ function NumberedAccordionLayout({
2523
2601
  /* @__PURE__ */ jsx("div", { className: styles$c.naMobileList, children: items.map((item2, i) => {
2524
2602
  const isActive = i === activeIndex;
2525
2603
  const num = String(i + 1).padStart(2, "0");
2526
- if (isActive) {
2527
- return /* @__PURE__ */ jsxs("div", { className: styles$c.naMobileActiveItem, children: [
2528
- /* @__PURE__ */ jsx("span", { className: styles$c.naMobileNumber, children: num }),
2529
- /* @__PURE__ */ jsx("h3", { className: styles$c.naMobileHeading, children: item2.heading }),
2530
- /* @__PURE__ */ jsx("p", { className: styles$c.naMobileDesc, children: item2.description }),
2531
- item2.media && /* @__PURE__ */ jsx("div", { className: styles$c.naMobileMedia, children: item2.media })
2532
- ] }, i);
2533
- }
2534
2604
  return /* @__PURE__ */ jsxs(
2535
- "button",
2605
+ "div",
2536
2606
  {
2537
- type: "button",
2538
- className: styles$c.naMobileInactiveItem,
2539
- onClick: () => setActiveIndex(i),
2607
+ className: `${styles$c.naMobileItem}${isActive ? ` ${styles$c.naMobileItemActive}` : ""}`,
2540
2608
  children: [
2541
- /* @__PURE__ */ jsx("span", { className: styles$c.naMobileNumber, children: num }),
2542
- /* @__PURE__ */ jsx("span", { className: styles$c.naMobileInactiveLabel, children: item2.topic ?? item2.heading })
2609
+ /* @__PURE__ */ jsxs(
2610
+ "button",
2611
+ {
2612
+ type: "button",
2613
+ className: styles$c.naMobileItemHeader,
2614
+ onClick: () => setActiveIndex(i),
2615
+ "aria-expanded": isActive,
2616
+ children: [
2617
+ /* @__PURE__ */ jsx("span", { className: styles$c.naMobileNumber, children: num }),
2618
+ /* @__PURE__ */ jsx("span", { className: styles$c.naMobileInactiveLabel, children: item2.topic ?? item2.heading })
2619
+ ]
2620
+ }
2621
+ ),
2622
+ /* @__PURE__ */ jsx("div", { className: styles$c.naMobileItemBody, children: /* @__PURE__ */ jsxs("div", { className: styles$c.naMobileBodyInner, children: [
2623
+ /* @__PURE__ */ jsx("h3", { className: styles$c.naMobileHeading, children: item2.heading }),
2624
+ /* @__PURE__ */ jsx("p", { className: styles$c.naMobileDesc, children: item2.description }),
2625
+ item2.media && /* @__PURE__ */ jsx("div", { className: styles$c.naMobileMedia, children: item2.media })
2626
+ ] }) })
2543
2627
  ]
2544
2628
  },
2545
2629
  i
@@ -2759,104 +2843,105 @@ const FeaturesSection = forwardRef(
2759
2843
  },
2760
2844
  i
2761
2845
  )) }),
2762
- /* @__PURE__ */ jsx("div", { className: styles$c.mediaPanel, children: activeMedia || /* @__PURE__ */ jsx("div", { className: styles$c.mediaFallback }) })
2846
+ /* @__PURE__ */ jsx("div", { className: styles$c.mediaPanel, children: /* @__PURE__ */ jsx("div", { className: styles$c.mediaPanelInner, children: activeMedia || /* @__PURE__ */ jsx("div", { className: styles$c.mediaFallback }) }, activeIndex) })
2763
2847
  ] }) });
2764
2848
  }
2765
2849
  );
2766
- const section$8 = "_section_1q7wf_4";
2767
- const container$5 = "_container_1q7wf_13";
2768
- const card$3 = "_card_1q7wf_23";
2769
- const inner$1 = "_inner_1q7wf_32";
2770
- const textContent$1 = "_textContent_1q7wf_40";
2771
- const textBlock$1 = "_textBlock_1q7wf_47";
2772
- const titleGroup = "_titleGroup_1q7wf_55";
2773
- const miniTitle$2 = "_miniTitle_1q7wf_61";
2774
- const heading$9 = "_heading_1q7wf_70";
2775
- const description$5 = "_description_1q7wf_78";
2776
- const actions$3 = "_actions_1q7wf_86";
2777
- const media = "_media_1q7wf_92";
2778
- const grid$3 = "_grid_1q7wf_164";
2779
- const gridWrapper = "_gridWrapper_1q7wf_168";
2780
- const gridCard = "_gridCard_1q7wf_175";
2781
- const gridMedia = "_gridMedia_1q7wf_185";
2782
- const gridContent = "_gridContent_1q7wf_198";
2783
- const gridTexts = "_gridTexts_1q7wf_205";
2784
- const gridHeading = "_gridHeading_1q7wf_213";
2785
- const gridDescription = "_gridDescription_1q7wf_221";
2786
- const gridActions = "_gridActions_1q7wf_229";
2787
- const valueCards = "_value-cards_1q7wf_272";
2788
- const vcHeading = "_vcHeading_1q7wf_283";
2789
- const vcRow = "_vcRow_1q7wf_295";
2790
- const vcCard = "_vcCard_1q7wf_303";
2791
- const vcCardInner = "_vcCardInner_1q7wf_311";
2792
- const vcTextGroup = "_vcTextGroup_1q7wf_317";
2793
- const vcIcon = "_vcIcon_1q7wf_323";
2794
- const vcTexts = "_vcTexts_1q7wf_329";
2795
- const vcCardHeading = "_vcCardHeading_1q7wf_337";
2796
- const vcCardDescription = "_vcCardDescription_1q7wf_345";
2797
- const vcFooter = "_vcFooter_1q7wf_352";
2798
- const vcPlusBtn = "_vcPlusBtn_1q7wf_358";
2799
- const oneMedia = "_one-media_1q7wf_424";
2800
- const mmHeading = "_mmHeading_1q7wf_429";
2801
- const mmRow = "_mmRow_1q7wf_440";
2802
- const mmFeatureCard = "_mmFeatureCard_1q7wf_446";
2803
- const mmIcon = "_mmIcon_1q7wf_461";
2804
- const mmTexts = "_mmTexts_1q7wf_467";
2805
- const mmCardHeading = "_mmCardHeading_1q7wf_475";
2806
- const mmCardDescription = "_mmCardDescription_1q7wf_483";
2807
- const mmMediaCard = "_mmMediaCard_1q7wf_490";
2808
- const mediaTop = "_media-top_1q7wf_552";
2809
- const mtRow = "_mtRow_1q7wf_558";
2810
- const mtCard = "_mtCard_1q7wf_565";
2811
- const mtMediaArea = "_mtMediaArea_1q7wf_572";
2812
- const mtContent = "_mtContent_1q7wf_588";
2813
- const mtContentTop = "_mtContentTop_1q7wf_600";
2814
- const mtTag = "_mtTag_1q7wf_607";
2815
- const mtTexts = "_mtTexts_1q7wf_623";
2816
- const mtCardHeading = "_mtCardHeading_1q7wf_631";
2817
- const mtCardDescription = "_mtCardDescription_1q7wf_639";
2818
- const mtActions = "_mtActions_1q7wf_646";
2819
- const iconWithLink = "_icon-with-link_1q7wf_690";
2820
- const fgHeading = "_fgHeading_1q7wf_695";
2821
- const fgRow = "_fgRow_1q7wf_706";
2822
- const fgCard = "_fgCard_1q7wf_713";
2823
- const fgTop = "_fgTop_1q7wf_728";
2824
- const fgIcon = "_fgIcon_1q7wf_735";
2825
- const fgContent = "_fgContent_1q7wf_742";
2826
- const fgHeadline = "_fgHeadline_1q7wf_750";
2827
- const fgCardHeading = "_fgCardHeading_1q7wf_754";
2828
- const fgCardDescription = "_fgCardDescription_1q7wf_762";
2829
- const fgLink = "_fgLink_1q7wf_769";
2830
- const fgLinkText = "_fgLinkText_1q7wf_788";
2831
- const horizontalReveal = "_horizontal-reveal_1q7wf_821";
2832
- const sectionHeader = "_sectionHeader_1q7wf_830";
2833
- const sectionHeaderInner = "_sectionHeaderInner_1q7wf_838";
2834
- const tagline = "_tagline_1q7wf_849";
2835
- const cardRow = "_cardRow_1q7wf_871";
2836
- const marqueeWrapper = "_marqueeWrapper_1q7wf_887";
2837
- const cardRowMarquee$1 = "_cardRowMarquee_1q7wf_893";
2838
- const marquee = "_marquee_1q7wf_887";
2839
- const marqueeTrack = "_marqueeTrack_1q7wf_903";
2840
- const revealCard = "_revealCard_1q7wf_921";
2841
- const revealed = "_revealed_1q7wf_942";
2842
- const revealFront = "_revealFront_1q7wf_948";
2843
- const revealMedia = "_revealMedia_1q7wf_956";
2844
- const revealBack = "_revealBack_1q7wf_983";
2845
- const revealHeader = "_revealHeader_1q7wf_996";
2846
- const revealAvatar = "_revealAvatar_1q7wf_1002";
2847
- const revealName = "_revealName_1q7wf_1017";
2848
- const revealList = "_revealList_1q7wf_1025";
2849
- const revealListItem = "_revealListItem_1q7wf_1034";
2850
- const bulletIcon$1 = "_bulletIcon_1q7wf_1045";
2851
- const revealFooter = "_revealFooter_1q7wf_1057";
2852
- const revealFooterContent = "_revealFooterContent_1q7wf_1065";
2853
- const revealFooterName = "_revealFooterName_1q7wf_1072";
2854
- const revealTags = "_revealTags_1q7wf_1082";
2855
- const revealTag = "_revealTag_1q7wf_1082";
2856
- const revealToggle = "_revealToggle_1q7wf_1100";
2857
- const navDots = "_navDots_1q7wf_1124";
2858
- const containerWide$5 = "_containerWide_1q7wf_1161";
2859
- const containerFull$5 = "_containerFull_1q7wf_1165";
2850
+ const section$8 = "_section_14jny_4";
2851
+ const container$5 = "_container_14jny_13";
2852
+ const card$3 = "_card_14jny_23";
2853
+ const inner$1 = "_inner_14jny_32";
2854
+ const textContent$1 = "_textContent_14jny_40";
2855
+ const textBlock$1 = "_textBlock_14jny_47";
2856
+ const titleGroup = "_titleGroup_14jny_55";
2857
+ const miniTitle$2 = "_miniTitle_14jny_61";
2858
+ const heading$9 = "_heading_14jny_70";
2859
+ const description$5 = "_description_14jny_78";
2860
+ const actions$3 = "_actions_14jny_86";
2861
+ const media = "_media_14jny_92";
2862
+ const sideBySide$1 = "_side-by-side_14jny_107";
2863
+ const grid$3 = "_grid_14jny_221";
2864
+ const gridWrapper = "_gridWrapper_14jny_225";
2865
+ const gridCard = "_gridCard_14jny_232";
2866
+ const gridMedia = "_gridMedia_14jny_242";
2867
+ const gridContent = "_gridContent_14jny_255";
2868
+ const gridTexts = "_gridTexts_14jny_262";
2869
+ const gridHeading = "_gridHeading_14jny_270";
2870
+ const gridDescription = "_gridDescription_14jny_278";
2871
+ const gridActions = "_gridActions_14jny_286";
2872
+ const valueCards = "_value-cards_14jny_329";
2873
+ const vcHeading = "_vcHeading_14jny_340";
2874
+ const vcRow = "_vcRow_14jny_352";
2875
+ const vcCard = "_vcCard_14jny_360";
2876
+ const vcCardInner = "_vcCardInner_14jny_368";
2877
+ const vcTextGroup = "_vcTextGroup_14jny_374";
2878
+ const vcIcon = "_vcIcon_14jny_380";
2879
+ const vcTexts = "_vcTexts_14jny_386";
2880
+ const vcCardHeading = "_vcCardHeading_14jny_394";
2881
+ const vcCardDescription = "_vcCardDescription_14jny_402";
2882
+ const vcFooter = "_vcFooter_14jny_409";
2883
+ const vcPlusBtn = "_vcPlusBtn_14jny_415";
2884
+ const oneMedia = "_one-media_14jny_481";
2885
+ const mmHeading = "_mmHeading_14jny_486";
2886
+ const mmRow = "_mmRow_14jny_497";
2887
+ const mmFeatureCard = "_mmFeatureCard_14jny_503";
2888
+ const mmIcon = "_mmIcon_14jny_518";
2889
+ const mmTexts = "_mmTexts_14jny_524";
2890
+ const mmCardHeading = "_mmCardHeading_14jny_532";
2891
+ const mmCardDescription = "_mmCardDescription_14jny_540";
2892
+ const mmMediaCard = "_mmMediaCard_14jny_547";
2893
+ const mediaTop = "_media-top_14jny_609";
2894
+ const mtRow = "_mtRow_14jny_615";
2895
+ const mtCard = "_mtCard_14jny_622";
2896
+ const mtMediaArea = "_mtMediaArea_14jny_629";
2897
+ const mtContent = "_mtContent_14jny_645";
2898
+ const mtContentTop = "_mtContentTop_14jny_657";
2899
+ const mtTag = "_mtTag_14jny_664";
2900
+ const mtTexts = "_mtTexts_14jny_680";
2901
+ const mtCardHeading = "_mtCardHeading_14jny_688";
2902
+ const mtCardDescription = "_mtCardDescription_14jny_696";
2903
+ const mtActions = "_mtActions_14jny_703";
2904
+ const iconWithLink = "_icon-with-link_14jny_747";
2905
+ const fgHeading = "_fgHeading_14jny_752";
2906
+ const fgRow = "_fgRow_14jny_763";
2907
+ const fgCard = "_fgCard_14jny_770";
2908
+ const fgTop = "_fgTop_14jny_785";
2909
+ const fgIcon = "_fgIcon_14jny_792";
2910
+ const fgContent = "_fgContent_14jny_799";
2911
+ const fgHeadline = "_fgHeadline_14jny_807";
2912
+ const fgCardHeading = "_fgCardHeading_14jny_811";
2913
+ const fgCardDescription = "_fgCardDescription_14jny_819";
2914
+ const fgLink = "_fgLink_14jny_826";
2915
+ const fgLinkText = "_fgLinkText_14jny_845";
2916
+ const horizontalReveal = "_horizontal-reveal_14jny_878";
2917
+ const sectionHeader = "_sectionHeader_14jny_887";
2918
+ const sectionHeaderInner = "_sectionHeaderInner_14jny_895";
2919
+ const tagline = "_tagline_14jny_906";
2920
+ const cardRow = "_cardRow_14jny_928";
2921
+ const marqueeWrapper = "_marqueeWrapper_14jny_944";
2922
+ const cardRowMarquee$1 = "_cardRowMarquee_14jny_950";
2923
+ const marquee = "_marquee_14jny_944";
2924
+ const marqueeTrack = "_marqueeTrack_14jny_960";
2925
+ const revealCard = "_revealCard_14jny_978";
2926
+ const revealed = "_revealed_14jny_999";
2927
+ const revealFront = "_revealFront_14jny_1005";
2928
+ const revealMedia = "_revealMedia_14jny_1013";
2929
+ const revealBack = "_revealBack_14jny_1040";
2930
+ const revealHeader = "_revealHeader_14jny_1053";
2931
+ const revealAvatar = "_revealAvatar_14jny_1059";
2932
+ const revealName = "_revealName_14jny_1074";
2933
+ const revealList = "_revealList_14jny_1082";
2934
+ const revealListItem = "_revealListItem_14jny_1091";
2935
+ const bulletIcon$1 = "_bulletIcon_14jny_1102";
2936
+ const revealFooter = "_revealFooter_14jny_1114";
2937
+ const revealFooterContent = "_revealFooterContent_14jny_1122";
2938
+ const revealFooterName = "_revealFooterName_14jny_1129";
2939
+ const revealTags = "_revealTags_14jny_1139";
2940
+ const revealTag = "_revealTag_14jny_1139";
2941
+ const revealToggle = "_revealToggle_14jny_1157";
2942
+ const navDots = "_navDots_14jny_1181";
2943
+ const containerWide$5 = "_containerWide_14jny_1218";
2944
+ const containerFull$5 = "_containerFull_14jny_1222";
2860
2945
  const styles$b = {
2861
2946
  section: section$8,
2862
2947
  container: container$5,
@@ -2870,6 +2955,8 @@ const styles$b = {
2870
2955
  description: description$5,
2871
2956
  actions: actions$3,
2872
2957
  media,
2958
+ "side-by-side": "_side-by-side_14jny_107",
2959
+ sideBySide: sideBySide$1,
2873
2960
  grid: grid$3,
2874
2961
  gridWrapper,
2875
2962
  gridCard,
@@ -2879,7 +2966,7 @@ const styles$b = {
2879
2966
  gridHeading,
2880
2967
  gridDescription,
2881
2968
  gridActions,
2882
- "value-cards": "_value-cards_1q7wf_272",
2969
+ "value-cards": "_value-cards_14jny_329",
2883
2970
  valueCards,
2884
2971
  vcHeading,
2885
2972
  vcRow,
@@ -2892,7 +2979,7 @@ const styles$b = {
2892
2979
  vcCardDescription,
2893
2980
  vcFooter,
2894
2981
  vcPlusBtn,
2895
- "one-media": "_one-media_1q7wf_424",
2982
+ "one-media": "_one-media_14jny_481",
2896
2983
  oneMedia,
2897
2984
  mmHeading,
2898
2985
  mmRow,
@@ -2902,7 +2989,7 @@ const styles$b = {
2902
2989
  mmCardHeading,
2903
2990
  mmCardDescription,
2904
2991
  mmMediaCard,
2905
- "media-top": "_media-top_1q7wf_552",
2992
+ "media-top": "_media-top_14jny_609",
2906
2993
  mediaTop,
2907
2994
  mtRow,
2908
2995
  mtCard,
@@ -2914,7 +3001,7 @@ const styles$b = {
2914
3001
  mtCardHeading,
2915
3002
  mtCardDescription,
2916
3003
  mtActions,
2917
- "icon-with-link": "_icon-with-link_1q7wf_690",
3004
+ "icon-with-link": "_icon-with-link_14jny_747",
2918
3005
  iconWithLink,
2919
3006
  fgHeading,
2920
3007
  fgRow,
@@ -2927,7 +3014,7 @@ const styles$b = {
2927
3014
  fgCardDescription,
2928
3015
  fgLink,
2929
3016
  fgLinkText,
2930
- "horizontal-reveal": "_horizontal-reveal_1q7wf_821",
3017
+ "horizontal-reveal": "_horizontal-reveal_14jny_878",
2931
3018
  horizontalReveal,
2932
3019
  sectionHeader,
2933
3020
  sectionHeaderInner,
@@ -3055,19 +3142,24 @@ const CardsSection = forwardRef(
3055
3142
  ) }) : /* @__PURE__ */ jsx("div", { className: styles$b.cardRow, children: revealCards.map((card2, i) => /* @__PURE__ */ jsx(RevealCardItem, { card: card2 }, i)) })),
3056
3143
  navigation && /* @__PURE__ */ jsx("div", { className: styles$b.navDots, children: navigation })
3057
3144
  ] }),
3058
- layout === "side-by-side" && cards && cards.map((card2, i) => /* @__PURE__ */ jsx("div", { className: styles$b.card, children: /* @__PURE__ */ jsxs("div", { className: styles$b.inner, children: [
3059
- /* @__PURE__ */ jsxs("div", { className: styles$b.textContent, children: [
3060
- /* @__PURE__ */ jsxs("div", { className: styles$b.textBlock, children: [
3061
- /* @__PURE__ */ jsxs("div", { className: styles$b.titleGroup, children: [
3062
- card2.miniTitle && /* @__PURE__ */ jsx("p", { className: styles$b.miniTitle, children: card2.miniTitle }),
3063
- /* @__PURE__ */ jsx("h2", { className: styles$b.heading, children: card2.heading })
3145
+ layout === "side-by-side" && (() => {
3146
+ const c = cards ?? [];
3147
+ const filler = c[0] ?? { heading: "" };
3148
+ const displayCards = c.length >= 2 ? c : [...c, ...Array(2 - c.length).fill(filler)];
3149
+ return displayCards.map((card2, i) => /* @__PURE__ */ jsx("div", { className: styles$b.card, style: { "--clay-sticky-top": "15%" }, children: /* @__PURE__ */ jsxs("div", { className: styles$b.inner, children: [
3150
+ /* @__PURE__ */ jsxs("div", { className: styles$b.textContent, children: [
3151
+ /* @__PURE__ */ jsxs("div", { className: styles$b.textBlock, children: [
3152
+ /* @__PURE__ */ jsxs("div", { className: styles$b.titleGroup, children: [
3153
+ card2.miniTitle && /* @__PURE__ */ jsx("p", { className: styles$b.miniTitle, children: card2.miniTitle }),
3154
+ /* @__PURE__ */ jsx("h2", { className: styles$b.heading, children: card2.heading })
3155
+ ] }),
3156
+ card2.description && /* @__PURE__ */ jsx("p", { className: styles$b.description, children: card2.description })
3064
3157
  ] }),
3065
- card2.description && /* @__PURE__ */ jsx("p", { className: styles$b.description, children: card2.description })
3158
+ card2.actions && /* @__PURE__ */ jsx("div", { className: styles$b.actions, children: card2.actions })
3066
3159
  ] }),
3067
- card2.actions && /* @__PURE__ */ jsx("div", { className: styles$b.actions, children: card2.actions })
3068
- ] }),
3069
- card2.media && /* @__PURE__ */ jsx("div", { className: styles$b.media, children: card2.media })
3070
- ] }) }, i)),
3160
+ card2.media && /* @__PURE__ */ jsx("div", { className: styles$b.media, children: card2.media })
3161
+ ] }) }, i));
3162
+ })(),
3071
3163
  layout === "grid" && cards && /* @__PURE__ */ jsx("div", { className: styles$b.gridWrapper, children: cards.map((card2, i) => /* @__PURE__ */ jsxs("div", { className: styles$b.gridCard, children: [
3072
3164
  /* @__PURE__ */ jsx("div", { className: styles$b.gridMedia, children: card2.media }),
3073
3165
  /* @__PURE__ */ jsxs("div", { className: styles$b.gridContent, children: [
@@ -11714,42 +11806,43 @@ const NumbersSection = forwardRef(
11714
11806
  ] }) });
11715
11807
  }
11716
11808
  );
11717
- const footer = "_footer_183rd_3";
11718
- const dividerTop = "_dividerTop_183rd_10";
11719
- const dividerBottom = "_dividerBottom_183rd_11";
11720
- const navContainer = "_navContainer_183rd_19";
11721
- const navGrid = "_navGrid_183rd_27";
11722
- const column = "_column_183rd_33";
11723
- const columnBrand = "_columnBrand_183rd_40";
11724
- const brand = "_brand_183rd_44";
11725
- const logoImg = "_logoImg_183rd_48";
11726
- const heading = "_heading_183rd_56";
11727
- const links = "_links_183rd_67";
11728
- const linkItem = "_linkItem_183rd_76";
11729
- const linkIcon = "_linkIcon_183rd_82";
11730
- const link = "_link_183rd_67";
11731
- const subGroup = "_subGroup_183rd_113";
11732
- const bottomContainer = "_bottomContainer_183rd_118";
11733
- const bottomContent = "_bottomContent_183rd_126";
11734
- const bottomLeft = "_bottomLeft_183rd_133";
11735
- const languageSelector = "_languageSelector_183rd_140";
11736
- const complianceBadges = "_complianceBadges_183rd_144";
11737
- const complianceBadge = "_complianceBadge_183rd_144";
11738
- const bottomCenter = "_bottomCenter_183rd_159";
11739
- const socialLinks = "_socialLinks_183rd_166";
11740
- const socialLink = "_socialLink_183rd_166";
11741
- const legalBlock = "_legalBlock_183rd_194";
11742
- const legalLinks = "_legalLinks_183rd_200";
11743
- const legalItem = "_legalItem_183rd_207";
11744
- const legalLink = "_legalLink_183rd_200";
11745
- const pipe = "_pipe_183rd_226";
11746
- const copyright = "_copyright_183rd_230";
11747
- const bottomRight = "_bottomRight_183rd_240";
11748
- const appStoreBadges = "_appStoreBadges_183rd_247";
11749
- const appStoreBadge = "_appStoreBadge_183rd_247";
11750
- const accessibility = "_accessibility_183rd_258";
11751
- const accessibilityIcon = "_accessibilityIcon_183rd_264";
11752
- const accessibilityLink = "_accessibilityLink_183rd_280";
11809
+ const footer = "_footer_17cq5_3";
11810
+ const dividerTop = "_dividerTop_17cq5_10";
11811
+ const dividerBottom = "_dividerBottom_17cq5_11";
11812
+ const navContainer = "_navContainer_17cq5_19";
11813
+ const navGrid = "_navGrid_17cq5_27";
11814
+ const column = "_column_17cq5_33";
11815
+ const columnBrand = "_columnBrand_17cq5_40";
11816
+ const brand = "_brand_17cq5_44";
11817
+ const logoImg = "_logoImg_17cq5_48";
11818
+ const heading = "_heading_17cq5_56";
11819
+ const links = "_links_17cq5_67";
11820
+ const linkItem = "_linkItem_17cq5_76";
11821
+ const linkIcon = "_linkIcon_17cq5_82";
11822
+ const link = "_link_17cq5_67";
11823
+ const subGroup = "_subGroup_17cq5_113";
11824
+ const bottomContainer = "_bottomContainer_17cq5_118";
11825
+ const bottomContent = "_bottomContent_17cq5_126";
11826
+ const bottomLeft = "_bottomLeft_17cq5_133";
11827
+ const languageSelector = "_languageSelector_17cq5_140";
11828
+ const complianceBadges = "_complianceBadges_17cq5_144";
11829
+ const complianceBadge = "_complianceBadge_17cq5_144";
11830
+ const bottomCenter = "_bottomCenter_17cq5_159";
11831
+ const socialLinks = "_socialLinks_17cq5_166";
11832
+ const socialLink = "_socialLink_17cq5_166";
11833
+ const legalBlock = "_legalBlock_17cq5_194";
11834
+ const legalLinks = "_legalLinks_17cq5_200";
11835
+ const legalItem = "_legalItem_17cq5_207";
11836
+ const legalLink = "_legalLink_17cq5_200";
11837
+ const pipe = "_pipe_17cq5_226";
11838
+ const copyright = "_copyright_17cq5_230";
11839
+ const bottomRight = "_bottomRight_17cq5_240";
11840
+ const appStoreBadges = "_appStoreBadges_17cq5_247";
11841
+ const appStoreBadge = "_appStoreBadge_17cq5_247";
11842
+ const accessibility = "_accessibility_17cq5_258";
11843
+ const accessibilityIcon = "_accessibilityIcon_17cq5_264";
11844
+ const accessibilityLink = "_accessibilityLink_17cq5_280";
11845
+ const short = "_short_17cq5_448";
11753
11846
  const styles = {
11754
11847
  footer,
11755
11848
  dividerTop,
@@ -11786,10 +11879,12 @@ const styles = {
11786
11879
  appStoreBadge,
11787
11880
  accessibility,
11788
11881
  accessibilityIcon,
11789
- accessibilityLink
11882
+ accessibilityLink,
11883
+ short
11790
11884
  };
11791
11885
  const FooterSection = forwardRef(
11792
11886
  function FooterSection2({
11887
+ variant = "full",
11793
11888
  logo: logo2,
11794
11889
  columns,
11795
11890
  socialLinks: socialLinks2,
@@ -11804,54 +11899,57 @@ const FooterSection = forwardRef(
11804
11899
  className = "",
11805
11900
  ...rest
11806
11901
  }, ref) {
11902
+ const isShort = variant === "short";
11903
+ const logoImg2 = logo2 && /* @__PURE__ */ jsx("img", { src: logo2.src, alt: logo2.alt, className: styles.logoImg });
11904
+ const brand2 = logo2 && /* @__PURE__ */ jsx("div", { className: styles.brand, children: logo2.href ? /* @__PURE__ */ jsx("a", { href: logo2.href, "aria-label": "Home", children: logoImg2 }) : logoImg2 });
11807
11905
  return /* @__PURE__ */ jsxs(
11808
11906
  "footer",
11809
11907
  {
11810
11908
  ref,
11811
- className: [styles.footer, className].filter(Boolean).join(" "),
11909
+ className: [styles.footer, isShort ? styles.short : "", className].filter(Boolean).join(" "),
11812
11910
  ...rest,
11813
11911
  children: [
11814
11912
  /* @__PURE__ */ jsx("div", { className: styles.dividerTop, role: "separator" }),
11815
- /* @__PURE__ */ jsx("div", { className: styles.navContainer, children: /* @__PURE__ */ jsx("div", { className: styles.navGrid, children: columns.map((col, index2) => /* @__PURE__ */ jsxs(
11816
- "nav",
11817
- {
11818
- className: [
11819
- styles.column,
11820
- index2 === 0 && !col.heading ? styles.columnBrand : ""
11821
- ].filter(Boolean).join(" "),
11822
- "aria-label": col.heading ?? "Footer navigation",
11823
- children: [
11824
- index2 === 0 && logo2 && /* @__PURE__ */ jsx("div", { className: styles.brand, children: logo2.href ? /* @__PURE__ */ jsx("a", { href: logo2.href, "aria-label": "Home", children: /* @__PURE__ */ jsx(
11825
- "img",
11826
- {
11827
- src: logo2.src,
11828
- alt: logo2.alt,
11829
- className: styles.logoImg
11830
- }
11831
- ) }) : /* @__PURE__ */ jsx(
11832
- "img",
11833
- {
11834
- src: logo2.src,
11835
- alt: logo2.alt,
11836
- className: styles.logoImg
11837
- }
11838
- ) }),
11839
- col.heading && /* @__PURE__ */ jsx("h3", { className: styles.heading, children: col.heading }),
11840
- /* @__PURE__ */ jsx("ul", { className: styles.links, children: col.links.map((link2) => /* @__PURE__ */ jsxs("li", { className: styles.linkItem, children: [
11841
- link2.icon && /* @__PURE__ */ jsx("span", { className: styles.linkIcon, children: link2.icon }),
11842
- link2.href ? /* @__PURE__ */ jsx("a", { href: link2.href, className: styles.link, children: link2.label }) : /* @__PURE__ */ jsx("span", { className: styles.link, children: link2.label })
11843
- ] }, link2.label)) }),
11844
- col.groups && col.groups.map((group) => /* @__PURE__ */ jsxs("div", { className: styles.subGroup, children: [
11845
- group.heading && /* @__PURE__ */ jsx("h3", { className: styles.heading, children: group.heading }),
11846
- /* @__PURE__ */ jsx("ul", { className: styles.links, children: group.links.map((link2) => /* @__PURE__ */ jsxs("li", { className: styles.linkItem, children: [
11847
- link2.icon && /* @__PURE__ */ jsx("span", { className: styles.linkIcon, children: link2.icon }),
11848
- link2.href ? /* @__PURE__ */ jsx("a", { href: link2.href, className: styles.link, children: link2.label }) : /* @__PURE__ */ jsx("span", { className: styles.link, children: link2.label })
11849
- ] }, link2.label)) })
11850
- ] }, group.heading ?? "sub"))
11851
- ]
11852
- },
11853
- col.heading ?? `col-${index2}`
11854
- )) }) }),
11913
+ /* @__PURE__ */ jsx("div", { className: styles.navContainer, children: (() => {
11914
+ const GridTag = isShort ? "nav" : "div";
11915
+ const ColumnTag = isShort ? "div" : "nav";
11916
+ return /* @__PURE__ */ jsxs(
11917
+ GridTag,
11918
+ {
11919
+ className: styles.navGrid,
11920
+ "aria-label": isShort ? "Footer" : void 0,
11921
+ children: [
11922
+ isShort && brand2 && /* @__PURE__ */ jsx("div", { className: [styles.column, styles.columnBrand].join(" "), children: brand2 }),
11923
+ columns.map((col, index2) => /* @__PURE__ */ jsxs(
11924
+ ColumnTag,
11925
+ {
11926
+ className: [
11927
+ styles.column,
11928
+ !isShort && index2 === 0 && !col.heading ? styles.columnBrand : ""
11929
+ ].filter(Boolean).join(" "),
11930
+ "aria-label": isShort ? void 0 : col.heading ?? "Footer navigation",
11931
+ children: [
11932
+ !isShort && index2 === 0 && brand2,
11933
+ col.heading && /* @__PURE__ */ jsx("h3", { className: styles.heading, children: col.heading }),
11934
+ /* @__PURE__ */ jsx("ul", { className: styles.links, children: col.links.map((link2) => /* @__PURE__ */ jsxs("li", { className: styles.linkItem, children: [
11935
+ link2.icon && /* @__PURE__ */ jsx("span", { className: styles.linkIcon, children: link2.icon }),
11936
+ link2.href ? /* @__PURE__ */ jsx("a", { href: link2.href, className: styles.link, children: link2.label }) : /* @__PURE__ */ jsx("span", { className: styles.link, children: link2.label })
11937
+ ] }, link2.label)) }),
11938
+ col.groups && col.groups.map((group) => /* @__PURE__ */ jsxs("div", { className: styles.subGroup, children: [
11939
+ group.heading && /* @__PURE__ */ jsx("h3", { className: styles.heading, children: group.heading }),
11940
+ /* @__PURE__ */ jsx("ul", { className: styles.links, children: group.links.map((link2) => /* @__PURE__ */ jsxs("li", { className: styles.linkItem, children: [
11941
+ link2.icon && /* @__PURE__ */ jsx("span", { className: styles.linkIcon, children: link2.icon }),
11942
+ link2.href ? /* @__PURE__ */ jsx("a", { href: link2.href, className: styles.link, children: link2.label }) : /* @__PURE__ */ jsx("span", { className: styles.link, children: link2.label })
11943
+ ] }, link2.label)) })
11944
+ ] }, group.heading ?? "sub"))
11945
+ ]
11946
+ },
11947
+ col.heading ?? `col-${index2}`
11948
+ ))
11949
+ ]
11950
+ }
11951
+ );
11952
+ })() }),
11855
11953
  /* @__PURE__ */ jsx("div", { className: styles.dividerBottom, role: "separator" }),
11856
11954
  /* @__PURE__ */ jsx("div", { className: styles.bottomContainer, children: /* @__PURE__ */ jsxs("div", { className: styles.bottomContent, children: [
11857
11955
  /* @__PURE__ */ jsxs("div", { className: styles.bottomLeft, children: [
@@ -12086,6 +12184,36 @@ const FOOTER_DEFAULTS = {
12086
12184
  accessibilityHref: "#",
12087
12185
  accessibilityIcon: /* @__PURE__ */ jsx("img", { src: iconAccessibility, alt: "", width: 21, height: 21 })
12088
12186
  };
12187
+ const FOOTER_SHORT_DEFAULTS = {
12188
+ ...FOOTER_DEFAULTS,
12189
+ variant: "short",
12190
+ columns: [
12191
+ {
12192
+ links: [
12193
+ { label: "Pricing", href: "#" },
12194
+ { label: "About us", href: "#" }
12195
+ ]
12196
+ },
12197
+ {
12198
+ links: [
12199
+ { label: "24/7 support", href: "#" },
12200
+ { label: "Customer stories", href: "#" }
12201
+ ]
12202
+ },
12203
+ {
12204
+ links: [
12205
+ { label: "Contact sales", href: "#" },
12206
+ { label: "Enterprise", href: "#" }
12207
+ ]
12208
+ },
12209
+ {
12210
+ links: [
12211
+ { label: "Integrations", href: "#" },
12212
+ { label: "Templates", href: "#" }
12213
+ ]
12214
+ }
12215
+ ]
12216
+ };
12089
12217
  export {
12090
12218
  BulletsSection as B,
12091
12219
  CardsSection as C,
@@ -12103,20 +12231,21 @@ export {
12103
12231
  CustomerLogo as e,
12104
12232
  CustomerLogoSection as f,
12105
12233
  FOOTER_DEFAULTS as g,
12106
- FaqSection as h,
12107
- FeaturesSection as i,
12108
- FooterSection as j,
12109
- IntegrationLogo as k,
12110
- Integrations as l,
12111
- NumbersSection as m,
12112
- SliderDots as n,
12113
- TabList as o,
12114
- TabPanel as p,
12115
- Tabs as q,
12116
- Tag as r,
12117
- TestimonialsSection as s,
12118
- TrustBadge as t,
12119
- TrustBentoSection as u,
12120
- TrustSection as v
12121
- };
12122
- //# sourceMappingURL=footerDefaults-CByEGl8Q.js.map
12234
+ FOOTER_SHORT_DEFAULTS as h,
12235
+ FaqSection as i,
12236
+ FeaturesSection as j,
12237
+ FooterSection as k,
12238
+ IntegrationLogo as l,
12239
+ Integrations as m,
12240
+ NumbersSection as n,
12241
+ SliderDots as o,
12242
+ TabList as p,
12243
+ TabPanel as q,
12244
+ Tabs as r,
12245
+ Tag as s,
12246
+ TestimonialsSection as t,
12247
+ TrustBadge as u,
12248
+ TrustBentoSection as v,
12249
+ TrustSection as w
12250
+ };
12251
+ //# sourceMappingURL=footerDefaults-DRDmvQb8.js.map