@bigbinary/neeto-site-blocks 1.0.4 → 1.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/index.cjs.js +562 -470
  2. package/dist/index.cjs.js.map +1 -1
  3. package/dist/index.css +1 -1
  4. package/dist/index.css.map +1 -1
  5. package/dist/index.js +547 -455
  6. package/dist/index.js.map +1 -1
  7. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -23,6 +23,97 @@ import require$$6 from 'fs';
23
23
  import { isNotEmpty } from '@bigbinary/neeto-commons-frontend/pure';
24
24
  import { isNotEmpty as isNotEmpty$1 } from '@bigbinary/neeto-cist';
25
25
 
26
+ function getDefaultExportFromCjs (x) {
27
+ return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
28
+ }
29
+
30
+ var classnames$1 = {exports: {}};
31
+
32
+ /*!
33
+ Copyright (c) 2018 Jed Watson.
34
+ Licensed under the MIT License (MIT), see
35
+ http://jedwatson.github.io/classnames
36
+ */
37
+
38
+ (function (module) {
39
+ /* global define */
40
+
41
+ (function () {
42
+
43
+ var hasOwn = {}.hasOwnProperty;
44
+
45
+ function classNames() {
46
+ var classes = [];
47
+
48
+ for (var i = 0; i < arguments.length; i++) {
49
+ var arg = arguments[i];
50
+ if (!arg) continue;
51
+
52
+ var argType = typeof arg;
53
+
54
+ if (argType === 'string' || argType === 'number') {
55
+ classes.push(arg);
56
+ } else if (Array.isArray(arg)) {
57
+ if (arg.length) {
58
+ var inner = classNames.apply(null, arg);
59
+ if (inner) {
60
+ classes.push(inner);
61
+ }
62
+ }
63
+ } else if (argType === 'object') {
64
+ if (arg.toString === Object.prototype.toString) {
65
+ for (var key in arg) {
66
+ if (hasOwn.call(arg, key) && arg[key]) {
67
+ classes.push(key);
68
+ }
69
+ }
70
+ } else {
71
+ classes.push(arg.toString());
72
+ }
73
+ }
74
+ }
75
+
76
+ return classes.join(' ');
77
+ }
78
+
79
+ if (module.exports) {
80
+ classNames.default = classNames;
81
+ module.exports = classNames;
82
+ } else {
83
+ window.classNames = classNames;
84
+ }
85
+ }());
86
+ } (classnames$1));
87
+
88
+ var classnames = classnames$1.exports;
89
+
90
+ var ArrowButton = function ArrowButton(_ref) {
91
+ var _classnames;
92
+ var Icon = _ref.Icon,
93
+ isStart = _ref.isStart,
94
+ onClick = _ref.onClick,
95
+ isActive = _ref.isActive,
96
+ design = _ref.design;
97
+ var borderColor = isActive ? (design === null || design === void 0 ? void 0 : design.navigationActiveColor) || "#1F2433" : (design === null || design === void 0 ? void 0 : design.navigationInactiveColor) || "#ccc";
98
+ var StyledIcon = styled(Icon)(function () {
99
+ return {
100
+ borderColor: borderColor
101
+ };
102
+ });
103
+ return /*#__PURE__*/React__default.createElement("button", {
104
+ className: classnames("col-span-1", {
105
+ "col-start-1": isStart,
106
+ "col-start-12 flex justify-end": !isStart,
107
+ "cursor-default": !isActive
108
+ }),
109
+ onClick: onClick
110
+ }, /*#__PURE__*/React__default.createElement(StyledIcon, {
111
+ className: "rounded-full border p-1",
112
+ size: 27,
113
+ fill: classnames((_classnames = {}, _defineProperty$1(_classnames, (design === null || design === void 0 ? void 0 : design.navigationActiveColor) || "#1F2433", isActive), _defineProperty$1(_classnames, (design === null || design === void 0 ? void 0 : design.navigationInactiveColor) || "#ccc", !isActive), _classnames))
114
+ }));
115
+ };
116
+
26
117
  /**
27
118
  * A special placeholder value used to specify "gaps" within curried functions,
28
119
  * allowing partial application of any combination of arguments, regardless of
@@ -496,10 +587,88 @@ function _isObject(x) {
496
587
  return Object.prototype.toString.call(x) === '[object Object]';
497
588
  }
498
589
 
590
+ /**
591
+ * Determine if the passed argument is an integer.
592
+ *
593
+ * @private
594
+ * @param {*} n
595
+ * @category Type
596
+ * @return {Boolean}
597
+ */
598
+ var _isInteger = Number.isInteger || function _isInteger(n) {
599
+ return n << 0 === n;
600
+ };
601
+
499
602
  function _isString(x) {
500
603
  return Object.prototype.toString.call(x) === '[object String]';
501
604
  }
502
605
 
606
+ /**
607
+ * Returns the nth element of the given list or string. If n is negative the
608
+ * element at index length + n is returned.
609
+ *
610
+ * @func
611
+ * @memberOf R
612
+ * @since v0.1.0
613
+ * @category List
614
+ * @sig Number -> [a] -> a | Undefined
615
+ * @sig Number -> String -> String
616
+ * @param {Number} offset
617
+ * @param {*} list
618
+ * @return {*}
619
+ * @example
620
+ *
621
+ * const list = ['foo', 'bar', 'baz', 'quux'];
622
+ * R.nth(1, list); //=> 'bar'
623
+ * R.nth(-1, list); //=> 'quux'
624
+ * R.nth(-99, list); //=> undefined
625
+ *
626
+ * R.nth(2, 'abc'); //=> 'c'
627
+ * R.nth(3, 'abc'); //=> ''
628
+ * @symb R.nth(-1, [a, b, c]) = c
629
+ * @symb R.nth(0, [a, b, c]) = a
630
+ * @symb R.nth(1, [a, b, c]) = b
631
+ */
632
+
633
+ var nth =
634
+ /*#__PURE__*/
635
+ _curry2(function nth(offset, list) {
636
+ var idx = offset < 0 ? list.length + offset : offset;
637
+ return _isString(list) ? list.charAt(idx) : list[idx];
638
+ });
639
+
640
+ /**
641
+ * Returns a function that when supplied an object returns the indicated
642
+ * property of that object, if it exists.
643
+ *
644
+ * @func
645
+ * @memberOf R
646
+ * @since v0.1.0
647
+ * @category Object
648
+ * @typedefn Idx = String | Int | Symbol
649
+ * @sig Idx -> {s: a} -> a | Undefined
650
+ * @param {String|Number} p The property name or array index
651
+ * @param {Object} obj The object to query
652
+ * @return {*} The value at `obj.p`.
653
+ * @see R.path, R.props, R.pluck, R.project, R.nth
654
+ * @example
655
+ *
656
+ * R.prop('x', {x: 100}); //=> 100
657
+ * R.prop('x', {}); //=> undefined
658
+ * R.prop(0, [100]); //=> 100
659
+ * R.compose(R.inc, R.prop('x'))({ x: 3 }) //=> 4
660
+ */
661
+
662
+ var prop =
663
+ /*#__PURE__*/
664
+ _curry2(function prop(p, obj) {
665
+ if (obj == null) {
666
+ return;
667
+ }
668
+
669
+ return _isInteger(p) ? nth(p, obj) : obj[p];
670
+ });
671
+
503
672
  /**
504
673
  * Checks if the input value is `null` or `undefined`.
505
674
  *
@@ -859,97 +1028,6 @@ _curry2(function pickBy(test, obj) {
859
1028
  return result;
860
1029
  });
861
1030
 
862
- function getDefaultExportFromCjs (x) {
863
- return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
864
- }
865
-
866
- var classnames$1 = {exports: {}};
867
-
868
- /*!
869
- Copyright (c) 2018 Jed Watson.
870
- Licensed under the MIT License (MIT), see
871
- http://jedwatson.github.io/classnames
872
- */
873
-
874
- (function (module) {
875
- /* global define */
876
-
877
- (function () {
878
-
879
- var hasOwn = {}.hasOwnProperty;
880
-
881
- function classNames() {
882
- var classes = [];
883
-
884
- for (var i = 0; i < arguments.length; i++) {
885
- var arg = arguments[i];
886
- if (!arg) continue;
887
-
888
- var argType = typeof arg;
889
-
890
- if (argType === 'string' || argType === 'number') {
891
- classes.push(arg);
892
- } else if (Array.isArray(arg)) {
893
- if (arg.length) {
894
- var inner = classNames.apply(null, arg);
895
- if (inner) {
896
- classes.push(inner);
897
- }
898
- }
899
- } else if (argType === 'object') {
900
- if (arg.toString === Object.prototype.toString) {
901
- for (var key in arg) {
902
- if (hasOwn.call(arg, key) && arg[key]) {
903
- classes.push(key);
904
- }
905
- }
906
- } else {
907
- classes.push(arg.toString());
908
- }
909
- }
910
- }
911
-
912
- return classes.join(' ');
913
- }
914
-
915
- if (module.exports) {
916
- classNames.default = classNames;
917
- module.exports = classNames;
918
- } else {
919
- window.classNames = classNames;
920
- }
921
- }());
922
- } (classnames$1));
923
-
924
- var classnames = classnames$1.exports;
925
-
926
- var ArrowButton = function ArrowButton(_ref) {
927
- var _classnames;
928
- var Icon = _ref.Icon,
929
- isStart = _ref.isStart,
930
- onClick = _ref.onClick,
931
- isActive = _ref.isActive,
932
- design = _ref.design;
933
- var borderColor = isActive ? (design === null || design === void 0 ? void 0 : design.navigationActiveColor) || "#1F2433" : (design === null || design === void 0 ? void 0 : design.navigationInactiveColor) || "#ccc";
934
- var StyledIcon = styled(Icon)(function () {
935
- return {
936
- borderColor: borderColor
937
- };
938
- });
939
- return /*#__PURE__*/React__default.createElement("button", {
940
- className: classnames("col-span-1", {
941
- "col-start-1": isStart,
942
- "col-start-12 flex justify-end": !isStart,
943
- "cursor-default": !isActive
944
- }),
945
- onClick: onClick
946
- }, /*#__PURE__*/React__default.createElement(StyledIcon, {
947
- className: "rounded-full border p-1",
948
- size: 27,
949
- fill: classnames((_classnames = {}, _defineProperty$1(_classnames, (design === null || design === void 0 ? void 0 : design.navigationActiveColor) || "#1F2433", isActive), _defineProperty$1(_classnames, (design === null || design === void 0 ? void 0 : design.navigationInactiveColor) || "#ccc", !isActive), _classnames))
950
- }));
951
- };
952
-
953
1031
  var _excluded$2T = ["size"];
954
1032
  var Alipay$1 = function Alipay(_ref) {
955
1033
  var size = _ref.size,
@@ -2447,90 +2525,90 @@ Zcool$1.defaultProps = {
2447
2525
  };
2448
2526
 
2449
2527
  var OutlineIcons = /*#__PURE__*/Object.freeze({
2450
- __proto__: null,
2451
- Facebook: Facebook$1,
2452
- Alipay: Alipay$1,
2453
- Close: Close$1,
2454
- ArrowLeft: ArrowLeft$1,
2455
- ArrowRight: ArrowRight$1,
2456
- ArrowUp: ArrowUp$1,
2457
- ArrowDown: ArrowDown$1,
2458
- ArrowLeftS: ArrowLeftS$1,
2459
- ArrowRightS: ArrowRightS$1,
2460
- ArrowUpS: ArrowUpS$1,
2461
- ArrowDownS: ArrowDownS$1,
2462
- Menu: Menu$1,
2463
- More2: More2$1,
2464
- Amazon: Amazon$1,
2465
- Android: Android$1,
2466
- AppStore: AppStore$1,
2467
- Apple: Apple$1,
2468
- Baidu: Baidu$1,
2469
- Bard: Bard$1,
2470
- Behance: Behance$1,
2471
- Blender: Blender$1,
2472
- Chrome: Chrome$1,
2473
- Discord: Discord$1,
2474
- Dribbble: Dribbble$1,
2475
- Drive: Drive$1,
2476
- Dropbox: Dropbox$1,
2477
- Edge: Edge$1,
2478
- FacebookCircle: FacebookCircle$1,
2479
- Firefox: Firefox$1,
2480
- Flickr: Flickr$1,
2481
- Check: Check$1,
2482
- CheckDouble: CheckDouble,
2483
- Github: Github$1,
2484
- Gitlab: Gitlab$1,
2485
- Google: Google$1,
2486
- GooglePlay: GooglePlay$1,
2487
- Ie: Ie$1,
2488
- Instagram: Instagram$1,
2489
- Kick: Kick$1,
2490
- LinkedinBox: LinkedinBox$1,
2491
- Linkedin: Linkedin$1,
2492
- MapPin2: MapPin2$1,
2493
- MapPin: MapPin$1,
2494
- MapPinUser: MapPinUser$1,
2495
- Medium: Medium$1,
2496
- Messenger: Messenger$1,
2497
- Meta: Meta$1,
2498
- Microsoft: Microsoft$1,
2499
- Netflix: Netflix$1,
2500
- Notion: Notion$1,
2501
- Npmjs: Npmjs$1,
2502
- OpenSource: OpenSource$1,
2503
- Openai: Openai$1,
2504
- Paypal: Paypal$1,
2505
- Pinterest: Pinterest$1,
2506
- ProductHunt: ProductHunt$1,
2507
- Reddit: Reddit$1,
2508
- Safari: Safari$1,
2509
- Skype: Skype$1,
2510
- Slack: Slack$1,
2511
- Snapchat: Snapchat$1,
2512
- Spotify: Spotify$1,
2513
- StackOverflow: StackOverflow$1,
2514
- Supabase: Supabase$1,
2515
- Telegram: Telegram$1,
2516
- Threads: Threads$1,
2517
- Tiktok: Tiktok$1,
2518
- Trello: Trello$1,
2519
- Tumblr: Tumblr$1,
2520
- Twitter: Twitter$1,
2521
- TwitterX: TwitterX$1,
2522
- Ubuntu: Ubuntu$1,
2523
- Unsplash: Unsplash$1,
2524
- Vimeo: Vimeo$1,
2525
- Visa: Visa$1,
2526
- Wechat2: Wechat2$1,
2527
- Wechat: Wechat$1,
2528
- Whatsapp: Whatsapp$1,
2529
- Windows: Windows$1,
2530
- Wordpress: Wordpress$1,
2531
- Xbox: Xbox$1,
2532
- Youtube: Youtube$1,
2533
- Zcool: Zcool$1
2528
+ __proto__: null,
2529
+ Facebook: Facebook$1,
2530
+ Alipay: Alipay$1,
2531
+ Close: Close$1,
2532
+ ArrowLeft: ArrowLeft$1,
2533
+ ArrowRight: ArrowRight$1,
2534
+ ArrowUp: ArrowUp$1,
2535
+ ArrowDown: ArrowDown$1,
2536
+ ArrowLeftS: ArrowLeftS$1,
2537
+ ArrowRightS: ArrowRightS$1,
2538
+ ArrowUpS: ArrowUpS$1,
2539
+ ArrowDownS: ArrowDownS$1,
2540
+ Menu: Menu$1,
2541
+ More2: More2$1,
2542
+ Amazon: Amazon$1,
2543
+ Android: Android$1,
2544
+ AppStore: AppStore$1,
2545
+ Apple: Apple$1,
2546
+ Baidu: Baidu$1,
2547
+ Bard: Bard$1,
2548
+ Behance: Behance$1,
2549
+ Blender: Blender$1,
2550
+ Chrome: Chrome$1,
2551
+ Discord: Discord$1,
2552
+ Dribbble: Dribbble$1,
2553
+ Drive: Drive$1,
2554
+ Dropbox: Dropbox$1,
2555
+ Edge: Edge$1,
2556
+ FacebookCircle: FacebookCircle$1,
2557
+ Firefox: Firefox$1,
2558
+ Flickr: Flickr$1,
2559
+ Check: Check$1,
2560
+ CheckDouble: CheckDouble,
2561
+ Github: Github$1,
2562
+ Gitlab: Gitlab$1,
2563
+ Google: Google$1,
2564
+ GooglePlay: GooglePlay$1,
2565
+ Ie: Ie$1,
2566
+ Instagram: Instagram$1,
2567
+ Kick: Kick$1,
2568
+ LinkedinBox: LinkedinBox$1,
2569
+ Linkedin: Linkedin$1,
2570
+ MapPin2: MapPin2$1,
2571
+ MapPin: MapPin$1,
2572
+ MapPinUser: MapPinUser$1,
2573
+ Medium: Medium$1,
2574
+ Messenger: Messenger$1,
2575
+ Meta: Meta$1,
2576
+ Microsoft: Microsoft$1,
2577
+ Netflix: Netflix$1,
2578
+ Notion: Notion$1,
2579
+ Npmjs: Npmjs$1,
2580
+ OpenSource: OpenSource$1,
2581
+ Openai: Openai$1,
2582
+ Paypal: Paypal$1,
2583
+ Pinterest: Pinterest$1,
2584
+ ProductHunt: ProductHunt$1,
2585
+ Reddit: Reddit$1,
2586
+ Safari: Safari$1,
2587
+ Skype: Skype$1,
2588
+ Slack: Slack$1,
2589
+ Snapchat: Snapchat$1,
2590
+ Spotify: Spotify$1,
2591
+ StackOverflow: StackOverflow$1,
2592
+ Supabase: Supabase$1,
2593
+ Telegram: Telegram$1,
2594
+ Threads: Threads$1,
2595
+ Tiktok: Tiktok$1,
2596
+ Trello: Trello$1,
2597
+ Tumblr: Tumblr$1,
2598
+ Twitter: Twitter$1,
2599
+ TwitterX: TwitterX$1,
2600
+ Ubuntu: Ubuntu$1,
2601
+ Unsplash: Unsplash$1,
2602
+ Vimeo: Vimeo$1,
2603
+ Visa: Visa$1,
2604
+ Wechat2: Wechat2$1,
2605
+ Wechat: Wechat$1,
2606
+ Whatsapp: Whatsapp$1,
2607
+ Windows: Windows$1,
2608
+ Wordpress: Wordpress$1,
2609
+ Xbox: Xbox$1,
2610
+ Youtube: Youtube$1,
2611
+ Zcool: Zcool$1
2534
2612
  });
2535
2613
 
2536
2614
  var COMPONENTS = {
@@ -2752,28 +2830,28 @@ var DEFAULT_LINK_STYLES = {
2752
2830
  };
2753
2831
 
2754
2832
  var index$1 = /*#__PURE__*/Object.freeze({
2755
- __proto__: null,
2756
- COMPONENTS: COMPONENTS,
2757
- SPACING_VALUES: SPACING_VALUES,
2758
- BACKGROUND_IMAGE_SIZE_VALUES: BACKGROUND_IMAGE_SIZE_VALUES,
2759
- BACKGROUND_IMAGE_POSITION_VALUES: BACKGROUND_IMAGE_POSITION_VALUES,
2760
- BACKGROUND_IMAGE_REPEAT_VALUES: BACKGROUND_IMAGE_REPEAT_VALUES,
2761
- TEXT_ALIGN_VALUES: TEXT_ALIGN_VALUES,
2762
- ICON_SIZE_VALUES: ICON_SIZE_VALUES,
2763
- LOGO_WIDTH_VALUES: LOGO_WIDTH_VALUES,
2764
- IMAGE_WIDTH_VALUES: IMAGE_WIDTH_VALUES,
2765
- BORDER_STYLE_VALUES: BORDER_STYLE_VALUES,
2766
- BORDER_WIDTH_VALUES: BORDER_WIDTH_VALUES,
2767
- BORDER_RADIUS_VALUES: BORDER_RADIUS_VALUES,
2768
- FONT_SIZE_VALUES: FONT_SIZE_VALUES,
2769
- FONT_FAMILY_VALUES: FONT_FAMILY_VALUES,
2770
- FONT_WEIGHT_VALUES: FONT_WEIGHT_VALUES,
2771
- LINE_HEIGHT_VALUES: LINE_HEIGHT_VALUES,
2772
- LETTER_SPACING_VALUES: LETTER_SPACING_VALUES,
2773
- PRICING_PLANS: PRICING_PLANS,
2774
- DEFAULT_BUTTON_STYLES: DEFAULT_BUTTON_STYLES,
2775
- DEFAULT_TYPOGRAPHY_STYLES: DEFAULT_TYPOGRAPHY_STYLES,
2776
- DEFAULT_LINK_STYLES: DEFAULT_LINK_STYLES
2833
+ __proto__: null,
2834
+ COMPONENTS: COMPONENTS,
2835
+ SPACING_VALUES: SPACING_VALUES,
2836
+ BACKGROUND_IMAGE_SIZE_VALUES: BACKGROUND_IMAGE_SIZE_VALUES,
2837
+ BACKGROUND_IMAGE_POSITION_VALUES: BACKGROUND_IMAGE_POSITION_VALUES,
2838
+ BACKGROUND_IMAGE_REPEAT_VALUES: BACKGROUND_IMAGE_REPEAT_VALUES,
2839
+ TEXT_ALIGN_VALUES: TEXT_ALIGN_VALUES,
2840
+ ICON_SIZE_VALUES: ICON_SIZE_VALUES,
2841
+ LOGO_WIDTH_VALUES: LOGO_WIDTH_VALUES,
2842
+ IMAGE_WIDTH_VALUES: IMAGE_WIDTH_VALUES,
2843
+ BORDER_STYLE_VALUES: BORDER_STYLE_VALUES,
2844
+ BORDER_WIDTH_VALUES: BORDER_WIDTH_VALUES,
2845
+ BORDER_RADIUS_VALUES: BORDER_RADIUS_VALUES,
2846
+ FONT_SIZE_VALUES: FONT_SIZE_VALUES,
2847
+ FONT_FAMILY_VALUES: FONT_FAMILY_VALUES,
2848
+ FONT_WEIGHT_VALUES: FONT_WEIGHT_VALUES,
2849
+ LINE_HEIGHT_VALUES: LINE_HEIGHT_VALUES,
2850
+ LETTER_SPACING_VALUES: LETTER_SPACING_VALUES,
2851
+ PRICING_PLANS: PRICING_PLANS,
2852
+ DEFAULT_BUTTON_STYLES: DEFAULT_BUTTON_STYLES,
2853
+ DEFAULT_TYPOGRAPHY_STYLES: DEFAULT_TYPOGRAPHY_STYLES,
2854
+ DEFAULT_LINK_STYLES: DEFAULT_LINK_STYLES
2777
2855
  });
2778
2856
 
2779
2857
  var _excluded$1A = ["size"];
@@ -4254,89 +4332,89 @@ Zcool.defaultProps = {
4254
4332
  };
4255
4333
 
4256
4334
  var FilledIcons = /*#__PURE__*/Object.freeze({
4257
- __proto__: null,
4258
- Facebook: Facebook,
4259
- ArrowDown: ArrowDown,
4260
- ArrowUp: ArrowUp,
4261
- ArrowLeftS: ArrowLeftS,
4262
- ArrowRightS: ArrowRightS,
4263
- ArrowDownS: ArrowDownS,
4264
- ArrowUpS: ArrowUpS,
4265
- Alipay: Alipay,
4266
- Amazon: Amazon,
4267
- Android: Android,
4268
- AppStore: AppStore,
4269
- Apple: Apple,
4270
- Check: Check,
4271
- Baidu: Baidu,
4272
- Bard: Bard,
4273
- Behance: Behance,
4274
- Blender: Blender,
4275
- Chrome: Chrome,
4276
- Discord: Discord,
4277
- Dribbble: Dribbble,
4278
- Drive: Drive,
4279
- Dropbox: Dropbox,
4280
- Edge: Edge,
4281
- FacebookCircle: FacebookCircle,
4282
- Firefox: Firefox,
4283
- Flickr: Flickr,
4284
- Github: Github,
4285
- Gitlab: Gitlab,
4286
- Google: Google,
4287
- GooglePlay: GooglePlay,
4288
- Ie: Ie,
4289
- Instagram: Instagram,
4290
- Kick: Kick,
4291
- LinkedinBox: LinkedinBox,
4292
- Linkedin: Linkedin,
4293
- MapPin2: MapPin2,
4294
- MapPin: MapPin,
4295
- MapPinUser: MapPinUser,
4296
- Medium: Medium,
4297
- Messenger: Messenger,
4298
- Meta: Meta,
4299
- Microsoft: Microsoft,
4300
- Netflix: Netflix,
4301
- Notion: Notion,
4302
- Npmjs: Npmjs,
4303
- OpenSource: OpenSource,
4304
- Openai: Openai,
4305
- ArrowLeft: ArrowLeft,
4306
- ArrowRight: ArrowRight,
4307
- Close: Close,
4308
- Menu: Menu,
4309
- More2: More2,
4310
- Paypal: Paypal,
4311
- Pinterest: Pinterest,
4312
- ProductHunt: ProductHunt,
4313
- Reddit: Reddit,
4314
- Safari: Safari,
4315
- Skype: Skype,
4316
- Slack: Slack,
4317
- Snapchat: Snapchat,
4318
- Spotify: Spotify,
4319
- StackOverflow: StackOverflow,
4320
- Supabase: Supabase,
4321
- Telegram: Telegram,
4322
- Threads: Threads,
4323
- Tiktok: Tiktok,
4324
- Trello: Trello,
4325
- Tumblr: Tumblr,
4326
- Twitter: Twitter,
4327
- TwitterX: TwitterX,
4328
- Ubuntu: Ubuntu,
4329
- Unsplash: Unsplash,
4330
- Vimeo: Vimeo,
4331
- Visa: Visa,
4332
- Wechat2: Wechat2,
4333
- Wechat: Wechat,
4334
- Whatsapp: Whatsapp,
4335
- Windows: Windows,
4336
- Wordpress: Wordpress,
4337
- Xbox: Xbox,
4338
- Youtube: Youtube,
4339
- Zcool: Zcool
4335
+ __proto__: null,
4336
+ Facebook: Facebook,
4337
+ ArrowDown: ArrowDown,
4338
+ ArrowUp: ArrowUp,
4339
+ ArrowLeftS: ArrowLeftS,
4340
+ ArrowRightS: ArrowRightS,
4341
+ ArrowDownS: ArrowDownS,
4342
+ ArrowUpS: ArrowUpS,
4343
+ Alipay: Alipay,
4344
+ Amazon: Amazon,
4345
+ Android: Android,
4346
+ AppStore: AppStore,
4347
+ Apple: Apple,
4348
+ Check: Check,
4349
+ Baidu: Baidu,
4350
+ Bard: Bard,
4351
+ Behance: Behance,
4352
+ Blender: Blender,
4353
+ Chrome: Chrome,
4354
+ Discord: Discord,
4355
+ Dribbble: Dribbble,
4356
+ Drive: Drive,
4357
+ Dropbox: Dropbox,
4358
+ Edge: Edge,
4359
+ FacebookCircle: FacebookCircle,
4360
+ Firefox: Firefox,
4361
+ Flickr: Flickr,
4362
+ Github: Github,
4363
+ Gitlab: Gitlab,
4364
+ Google: Google,
4365
+ GooglePlay: GooglePlay,
4366
+ Ie: Ie,
4367
+ Instagram: Instagram,
4368
+ Kick: Kick,
4369
+ LinkedinBox: LinkedinBox,
4370
+ Linkedin: Linkedin,
4371
+ MapPin2: MapPin2,
4372
+ MapPin: MapPin,
4373
+ MapPinUser: MapPinUser,
4374
+ Medium: Medium,
4375
+ Messenger: Messenger,
4376
+ Meta: Meta,
4377
+ Microsoft: Microsoft,
4378
+ Netflix: Netflix,
4379
+ Notion: Notion,
4380
+ Npmjs: Npmjs,
4381
+ OpenSource: OpenSource,
4382
+ Openai: Openai,
4383
+ ArrowLeft: ArrowLeft,
4384
+ ArrowRight: ArrowRight,
4385
+ Close: Close,
4386
+ Menu: Menu,
4387
+ More2: More2,
4388
+ Paypal: Paypal,
4389
+ Pinterest: Pinterest,
4390
+ ProductHunt: ProductHunt,
4391
+ Reddit: Reddit,
4392
+ Safari: Safari,
4393
+ Skype: Skype,
4394
+ Slack: Slack,
4395
+ Snapchat: Snapchat,
4396
+ Spotify: Spotify,
4397
+ StackOverflow: StackOverflow,
4398
+ Supabase: Supabase,
4399
+ Telegram: Telegram,
4400
+ Threads: Threads,
4401
+ Tiktok: Tiktok,
4402
+ Trello: Trello,
4403
+ Tumblr: Tumblr,
4404
+ Twitter: Twitter,
4405
+ TwitterX: TwitterX,
4406
+ Ubuntu: Ubuntu,
4407
+ Unsplash: Unsplash,
4408
+ Vimeo: Vimeo,
4409
+ Visa: Visa,
4410
+ Wechat2: Wechat2,
4411
+ Wechat: Wechat,
4412
+ Whatsapp: Whatsapp,
4413
+ Windows: Windows,
4414
+ Wordpress: Wordpress,
4415
+ Xbox: Xbox,
4416
+ Youtube: Youtube,
4417
+ Zcool: Zcool
4340
4418
  });
4341
4419
 
4342
4420
  var YOUTUBE_URL_REGEXP = /^((?:https?:)?\/\/)?((?:www|m)\.)?((?:youtube\.com|youtu.be))(\/(?:[\w-]+\?v=|embed\/|v\/)?)([\w-]+)(\S+)?$/;
@@ -14057,6 +14135,14 @@ var StyledAnchor = styled.a.attrs(function (props) {
14057
14135
  return mergeAll([design, borderColorStyles, hoverStyles]);
14058
14136
  });
14059
14137
 
14138
+ var withConditionalRender = function withConditionalRender(Component, condition) {
14139
+ var ConditionalRender = function ConditionalRender(props) {
14140
+ return condition(props) && /*#__PURE__*/React__default.createElement(Component, props);
14141
+ };
14142
+ ConditionalRender.displayName = "ConditionalRender";
14143
+ return ConditionalRender;
14144
+ };
14145
+
14060
14146
  var StyledImage = styled.img(function (_ref) {
14061
14147
  var _ref$design = _ref.design,
14062
14148
  design = _ref$design === void 0 ? {} : _ref$design,
@@ -14072,6 +14158,7 @@ var StyledImage = styled.img(function (_ref) {
14072
14158
  var customizedStyles = mergeAll([baseStyles, mediaStyles]);
14073
14159
  return mergeRight(design, customizedStyles);
14074
14160
  });
14161
+ var StyledImage$1 = withConditionalRender(StyledImage, prop("src"));
14075
14162
 
14076
14163
  var _templateObject;
14077
14164
  var PaginationWrapper = styled.div.attrs(function (_ref) {
@@ -14174,6 +14261,7 @@ var Button = function Button(_ref) {
14174
14261
  isButton: true
14175
14262
  }), label);
14176
14263
  };
14264
+ var Button$1 = withConditionalRender(Button, prop("label"));
14177
14265
 
14178
14266
  var LinkElement = function LinkElement(_ref) {
14179
14267
  var to = _ref.to,
@@ -14213,6 +14301,7 @@ var LinkElement = function LinkElement(_ref) {
14213
14301
  }
14214
14302
  return /*#__PURE__*/React__default.createElement(StyledAnchor, commonProps, label, Icon && /*#__PURE__*/React__default.createElement(Icon, null));
14215
14303
  };
14304
+ var Link = withConditionalRender(LinkElement, prop("label"));
14216
14305
 
14217
14306
  var _excluded$f = ["isEmbedded", "src", "design"];
14218
14307
  var Media = function Media(_ref) {
@@ -14229,7 +14318,7 @@ var Media = function Media(_ref) {
14229
14318
  style: design
14230
14319
  });
14231
14320
  }
14232
- return /*#__PURE__*/React__default.createElement(StyledImage, _extends$2({
14321
+ return /*#__PURE__*/React__default.createElement(StyledImage$1, _extends$2({
14233
14322
  design: design,
14234
14323
  src: src
14235
14324
  }, otherProps));
@@ -14303,9 +14392,9 @@ var Toggle = function Toggle(_ref) {
14303
14392
  });
14304
14393
  };
14305
14394
  return /*#__PURE__*/React__default.createElement("div", {
14306
- className: classnames("relative flex justify-center p-4", className)
14395
+ className: classnames("flex justify-center p-4", className)
14307
14396
  }, /*#__PURE__*/React__default.createElement("div", {
14308
- className: "neeto-site-toggle-button relative flex overflow-hidden rounded-full bg-white"
14397
+ className: "neeto-site-toggle-button flex rounded-full bg-white"
14309
14398
  }, options.map(function (option) {
14310
14399
  return /*#__PURE__*/React__default.createElement("button", {
14311
14400
  className: buttonClasses(option === activeOption),
@@ -15446,6 +15535,7 @@ var Typography = function Typography(_ref) {
15446
15535
  }));
15447
15536
  };
15448
15537
  Typography.displayName = "Typography";
15538
+ var Typography$1 = withConditionalRender(Typography, prop("children"));
15449
15539
 
15450
15540
  var CardsClassic = function CardsClassic(_ref) {
15451
15541
  var configurations = _ref.configurations,
@@ -15464,21 +15554,21 @@ var CardsClassic = function CardsClassic(_ref) {
15464
15554
  src = properties.backgroundImage.src;
15465
15555
  var baseClasses = "grid grid-cols-12 sm:gap-x-4 gap-y-4 items-center ns-card";
15466
15556
  return /*#__PURE__*/React__default.createElement(BlockWrapper, {
15557
+ className: className,
15558
+ enableAnimation: enableAnimation,
15559
+ id: id,
15467
15560
  backgroundImage: mergeLeft({
15468
15561
  src: src
15469
15562
  }, design.backgroundImage),
15470
- className: className,
15471
15563
  design: design.body,
15472
15564
  duration: 0.01,
15473
- enableAnimation: enableAnimation,
15474
- id: id,
15475
15565
  nestedClassName: baseClasses
15476
- }, /*#__PURE__*/React__default.createElement(Typography, {
15566
+ }, /*#__PURE__*/React__default.createElement(Typography$1, {
15477
15567
  isTitle: true,
15478
15568
  className: "col-span-12",
15479
15569
  component: "h1",
15480
15570
  style: design.title
15481
- }, title), description && /*#__PURE__*/React__default.createElement(Typography, {
15571
+ }, title), /*#__PURE__*/React__default.createElement(Typography$1, {
15482
15572
  className: "col-span-12",
15483
15573
  component: "p",
15484
15574
  style: design.description
@@ -15493,17 +15583,17 @@ var CardsClassic = function CardsClassic(_ref) {
15493
15583
  onClick: function onClick() {
15494
15584
  return href && window.open(href, "_blank");
15495
15585
  }
15496
- }, /*#__PURE__*/React__default.createElement(Typography, {
15586
+ }, /*#__PURE__*/React__default.createElement(Typography$1, {
15497
15587
  isTitle: true,
15498
15588
  className: "ns-card-truncation ns-card-line-clamp-2",
15499
15589
  component: "h1",
15500
15590
  style: design.cardTitle
15501
- }, title), /*#__PURE__*/React__default.createElement(Typography, {
15591
+ }, title), /*#__PURE__*/React__default.createElement(Typography$1, {
15502
15592
  className: "ns-card-truncation ns-card-line-clamp-3",
15503
15593
  component: "p",
15504
15594
  style: design.cardDescription
15505
15595
  }, description));
15506
- }), isButtonRequired && /*#__PURE__*/React__default.createElement(Button, _extends$2({
15596
+ }), isButtonRequired && /*#__PURE__*/React__default.createElement(Button$1, _extends$2({
15507
15597
  className: "col-span-12 flex justify-center sm:col-span-6 sm:col-start-4 lg:col-span-4 lg:col-start-5",
15508
15598
  style: design.button
15509
15599
  }, button)));
@@ -20301,26 +20391,26 @@ var CardsInGridView = function CardsInGridView(_ref) {
20301
20391
  imageUrl = _ref2.imageUrl,
20302
20392
  href = _ref2.href;
20303
20393
  return /*#__PURE__*/React__default.createElement(MotionWrapper, {
20304
- className: "ns-card-animation ns-card-in-grid-view col-span-12 cursor-pointer space-y-8 space-y-8 sm:col-span-6 lg:col-span-4",
20394
+ className: "ns-card-in-grid-view col-span-12 cursor-pointer space-y-8 space-y-8 sm:col-span-6 lg:col-span-4",
20305
20395
  design: design.card,
20306
20396
  duration: 0.01,
20307
20397
  enableAnimation: enableAnimation,
20308
20398
  onClick: function onClick() {
20309
20399
  return href && window.open(href, "_blank");
20310
20400
  }
20311
- }, /*#__PURE__*/React__default.createElement(StyledImage, {
20312
- className: "mx-auto h-52 object-cover",
20401
+ }, /*#__PURE__*/React__default.createElement(StyledImage$1, {
20402
+ className: "mx-auto max-h-40 object-cover",
20313
20403
  design: design.cardImage,
20314
20404
  src: imageUrl
20315
20405
  }), /*#__PURE__*/React__default.createElement("div", {
20316
20406
  className: "gap-x-2 sm:gap-y-4"
20317
- }, /*#__PURE__*/React__default.createElement(Typography, {
20407
+ }, /*#__PURE__*/React__default.createElement(Typography$1, {
20318
20408
  isTitle: true,
20319
20409
  className: "ns-card-truncation ns-card-line-clamp-2",
20320
20410
  component: "h1",
20321
20411
  style: design.cardTitle
20322
- }, title), /*#__PURE__*/React__default.createElement(Typography, {
20323
- className: "ns-card-truncation ns-card-line-clamp-3",
20412
+ }, title), /*#__PURE__*/React__default.createElement(Typography$1, {
20413
+ className: "ns-card-truncation ns-card-line-clamp-2",
20324
20414
  component: "p",
20325
20415
  style: design.cardDescription
20326
20416
  }, description)));
@@ -20336,7 +20426,7 @@ var CardsInGridView = function CardsInGridView(_ref) {
20336
20426
  id: id,
20337
20427
  nestedClassName: baseClasses,
20338
20428
  nestedComponent: MotionWrapper
20339
- }, /*#__PURE__*/React__default.createElement(Typography, {
20429
+ }, /*#__PURE__*/React__default.createElement(Typography$1, {
20340
20430
  isTitle: true,
20341
20431
  className: "col-span-12",
20342
20432
  component: "h1",
@@ -20388,22 +20478,24 @@ var CardsInGridView = function CardsInGridView(_ref) {
20388
20478
  id: id,
20389
20479
  nestedClassName: baseClasses,
20390
20480
  nestedComponent: StyledWrapper
20391
- }, /*#__PURE__*/React__default.createElement(Typography, {
20481
+ }, title && /*#__PURE__*/React__default.createElement(Typography$1, {
20392
20482
  isTitle: true,
20393
20483
  className: "col-span-12",
20394
20484
  component: "h1",
20395
20485
  style: design.title
20396
- }, title), description && /*#__PURE__*/React__default.createElement(Typography, {
20486
+ }, title), description && /*#__PURE__*/React__default.createElement(Typography$1, {
20397
20487
  className: "col-span-12",
20398
20488
  component: "p",
20399
20489
  style: design.description
20400
- }, description), cards.map(function (card, index) {
20490
+ }, description), /*#__PURE__*/React__default.createElement("div", {
20491
+ className: "col-span-12 grid grid-cols-12 gap-6"
20492
+ }, cards.map(function (card, index) {
20401
20493
  return /*#__PURE__*/React__default.createElement(React__default.Fragment, {
20402
20494
  key: getUniqueKey(card.title, card.description, index)
20403
20495
  }, renderCard(card));
20404
- }), isButtonRequired && /*#__PURE__*/React__default.createElement("div", {
20496
+ })), isButtonRequired && /*#__PURE__*/React__default.createElement("div", {
20405
20497
  className: "col-span-12 grid grid-cols-12"
20406
- }, /*#__PURE__*/React__default.createElement(Button, _extends$2({
20498
+ }, /*#__PURE__*/React__default.createElement(Button$1, _extends$2({
20407
20499
  className: "col-span-12 flex justify-center sm:col-span-6 sm:col-start-4 lg:col-span-4 lg:col-start-5",
20408
20500
  style: design.button
20409
20501
  }, button))));
@@ -20433,20 +20525,20 @@ var CardsWithCustomizableGrid = function CardsWithCustomizableGrid(_ref) {
20433
20525
  "lg:col-span-3 sm:col-span-6": gridCount === 4
20434
20526
  });
20435
20527
  return /*#__PURE__*/React__default.createElement(BlockWrapper, {
20528
+ className: className,
20529
+ enableAnimation: enableAnimation,
20530
+ id: id,
20436
20531
  backgroundImage: mergeLeft({
20437
20532
  src: src
20438
20533
  }, design.backgroundImage),
20439
- className: className,
20440
20534
  design: design.body,
20441
- enableAnimation: enableAnimation,
20442
- id: id,
20443
20535
  nestedClassName: baseClasses
20444
- }, /*#__PURE__*/React__default.createElement(Typography, {
20536
+ }, /*#__PURE__*/React__default.createElement(Typography$1, {
20445
20537
  isTitle: true,
20446
20538
  className: "col-span-12",
20447
20539
  component: "h1",
20448
20540
  style: design.title
20449
- }, title), description && /*#__PURE__*/React__default.createElement(Typography, {
20541
+ }, title), /*#__PURE__*/React__default.createElement(Typography$1, {
20450
20542
  className: "col-span-12",
20451
20543
  component: "p",
20452
20544
  style: design.description
@@ -20459,26 +20551,26 @@ var CardsWithCustomizableGrid = function CardsWithCustomizableGrid(_ref) {
20459
20551
  description = _ref2.description,
20460
20552
  href = _ref2.href;
20461
20553
  return /*#__PURE__*/React__default.createElement(MotionWrapper, {
20554
+ enableAnimation: enableAnimation,
20462
20555
  className: gridBaseClasses,
20463
20556
  design: design.card,
20464
20557
  duration: 0.01,
20465
- enableAnimation: enableAnimation,
20466
20558
  key: getUniqueKey(title, description, index),
20467
20559
  onClick: function onClick() {
20468
20560
  return href && window.open(href, "_blank");
20469
20561
  }
20470
- }, /*#__PURE__*/React__default.createElement(Typography, {
20562
+ }, /*#__PURE__*/React__default.createElement(Typography$1, {
20471
20563
  isTitle: true,
20472
20564
  className: "ns-card-truncation ns-card-line-clamp-4",
20473
20565
  component: "h1",
20474
20566
  style: design.cardTitle
20475
- }, title), /*#__PURE__*/React__default.createElement(Typography, {
20567
+ }, title), /*#__PURE__*/React__default.createElement(Typography$1, {
20476
20568
  component: "p",
20477
20569
  style: design.cardDescription
20478
20570
  }, description));
20479
20571
  }), isButtonRequired && /*#__PURE__*/React__default.createElement("div", {
20480
20572
  className: "col-span-12 grid grid-cols-12"
20481
- }, /*#__PURE__*/React__default.createElement(Button, _extends$2({
20573
+ }, /*#__PURE__*/React__default.createElement(Button$1, _extends$2({
20482
20574
  className: "col-span-12 flex justify-center sm:col-span-6 sm:col-start-4 lg:col-span-4 lg:col-start-5",
20483
20575
  style: design.button
20484
20576
  }, button)))));
@@ -20514,12 +20606,12 @@ var CardsWithImage = function CardsWithImage(_ref) {
20514
20606
  enableAnimation: enableAnimation,
20515
20607
  id: id,
20516
20608
  nestedClassName: baseClasses
20517
- }, /*#__PURE__*/React__default.createElement(Typography, {
20609
+ }, /*#__PURE__*/React__default.createElement(Typography$1, {
20518
20610
  isTitle: true,
20519
20611
  className: "col-span-12",
20520
20612
  component: "h1",
20521
20613
  style: design.title
20522
- }, title), /*#__PURE__*/React__default.createElement(Typography, {
20614
+ }, title), /*#__PURE__*/React__default.createElement(Typography$1, {
20523
20615
  className: "col-span-12 sm:col-span-8 sm:col-start-3",
20524
20616
  component: "h1",
20525
20617
  style: design.description
@@ -20548,14 +20640,14 @@ var CardsWithImage = function CardsWithImage(_ref) {
20548
20640
  paddingHorizontal: design.card.paddingHorizontal,
20549
20641
  paddingVertical: design.card.paddingVertical
20550
20642
  }
20551
- }, /*#__PURE__*/React__default.createElement(Typography, {
20643
+ }, /*#__PURE__*/React__default.createElement(Typography$1, {
20552
20644
  isTitle: true,
20553
20645
  className: "ns-card-truncation ns-card-line-clamp-4",
20554
20646
  component: "h1",
20555
20647
  style: design.cardTitle
20556
20648
  }, title)), /*#__PURE__*/React__default.createElement("div", {
20557
20649
  className: "absolute right-0 bottom-0 flex items-end justify-end"
20558
- }, /*#__PURE__*/React__default.createElement(StyledImage, {
20650
+ }, /*#__PURE__*/React__default.createElement(StyledImage$1, {
20559
20651
  design: design.cardImage,
20560
20652
  src: imageUrl
20561
20653
  })));
@@ -20567,7 +20659,7 @@ var CardsWithImage = function CardsWithImage(_ref) {
20567
20659
  paddingVertical: 0,
20568
20660
  backgroundColor: "transparent"
20569
20661
  })
20570
- }, /*#__PURE__*/React__default.createElement(LinkElement, _extends$2({
20662
+ }, /*#__PURE__*/React__default.createElement(Link, _extends$2({
20571
20663
  className: "col-span-12 flex items-center justify-center gap-x-2",
20572
20664
  style: design.cardLink
20573
20665
  }, addMore, {
@@ -20603,19 +20695,19 @@ var CtaClassic = function CtaClassic(_ref) {
20603
20695
  nestedClassName: baseClasses
20604
20696
  }, /*#__PURE__*/React__default.createElement("div", {
20605
20697
  className: "col-span-12 sm:col-span-8 sm:col-start-3 lg:col-span-6 lg:col-start-4"
20606
- }, /*#__PURE__*/React__default.createElement(Typography, {
20698
+ }, /*#__PURE__*/React__default.createElement(Typography$1, {
20607
20699
  isTitle: true,
20608
20700
  component: "h1",
20609
20701
  style: design.title
20610
- }, title), /*#__PURE__*/React__default.createElement(Typography, {
20702
+ }, title), /*#__PURE__*/React__default.createElement(Typography$1, {
20611
20703
  component: "p",
20612
20704
  style: design.description
20613
20705
  }, description)), /*#__PURE__*/React__default.createElement("div", {
20614
20706
  className: "col-span-10 col-start-2 flex flex-col justify-center gap-y-2 space-x-2 sm:col-span-6 sm:col-start-4 sm:flex-row lg:col-span-4 lg:col-start-5"
20615
- }, /*#__PURE__*/React__default.createElement(Button, _extends$2({
20707
+ }, /*#__PURE__*/React__default.createElement(Button$1, _extends$2({
20616
20708
  className: "justify-center sm:w-auto",
20617
20709
  style: design.primaryButton
20618
- }, primaryButton, otherProps)), /*#__PURE__*/React__default.createElement(Button, _extends$2({
20710
+ }, primaryButton, otherProps)), /*#__PURE__*/React__default.createElement(Button$1, _extends$2({
20619
20711
  className: "justify-center sm:w-auto",
20620
20712
  style: design.secondaryButton
20621
20713
  }, secondaryButton, otherProps))));
@@ -37532,11 +37624,11 @@ var CtaWithEmailAction = function CtaWithEmailAction(_ref) {
37532
37624
  nestedClassName: baseClasses
37533
37625
  }, /*#__PURE__*/React__default.createElement("div", {
37534
37626
  className: "col-span-12 sm:col-span-8 sm:col-start-3 lg:col-span-6 lg:col-start-4"
37535
- }, /*#__PURE__*/React__default.createElement(Typography, {
37627
+ }, /*#__PURE__*/React__default.createElement(Typography$1, {
37536
37628
  isTitle: true,
37537
37629
  component: "h1",
37538
37630
  style: design.title
37539
- }, title), /*#__PURE__*/React__default.createElement(Typography, {
37631
+ }, title), /*#__PURE__*/React__default.createElement(Typography$1, {
37540
37632
  component: "p",
37541
37633
  style: design.description
37542
37634
  }, description)), /*#__PURE__*/React__default.createElement("div", {
@@ -37565,9 +37657,9 @@ var CtaWithEmailAction = function CtaWithEmailAction(_ref) {
37565
37657
  className: "rounded-full bg-green-600 p-1",
37566
37658
  color: "#ffffff",
37567
37659
  size: 20
37568
- }), /*#__PURE__*/React__default.createElement(Typography, {
37660
+ }), /*#__PURE__*/React__default.createElement(Typography$1, {
37569
37661
  style: design.successMessage
37570
- }, response.message)), /*#__PURE__*/React__default.createElement(Typography, {
37662
+ }, response.message)), /*#__PURE__*/React__default.createElement(Typography$1, {
37571
37663
  className: "col-span-10 col-start-2 sm:col-span-4 sm:col-start-5",
37572
37664
  component: "p",
37573
37665
  style: design.promotionText
@@ -37600,23 +37692,23 @@ var CtaWithLogo = function CtaWithLogo(_ref) {
37600
37692
  enableAnimation: enableAnimation,
37601
37693
  id: id,
37602
37694
  nestedClassName: baseClasses
37603
- }, /*#__PURE__*/React__default.createElement(StyledImage, {
37695
+ }, /*#__PURE__*/React__default.createElement(StyledImage$1, {
37604
37696
  alt: "logo",
37605
37697
  className: "col-span-10 col-start-2 mx-auto sm:col-span-2 sm:col-start-1",
37606
37698
  design: design.logo,
37607
37699
  src: logoUrl
37608
37700
  }), /*#__PURE__*/React__default.createElement("div", {
37609
37701
  className: "col-span-12 sm:col-span-6 sm:col-start-3 lg:col-span-7"
37610
- }, /*#__PURE__*/React__default.createElement(Typography, {
37702
+ }, /*#__PURE__*/React__default.createElement(Typography$1, {
37611
37703
  isTitle: true,
37612
37704
  component: "h1",
37613
37705
  style: design.title
37614
- }, title), /*#__PURE__*/React__default.createElement(Typography, {
37706
+ }, title), /*#__PURE__*/React__default.createElement(Typography$1, {
37615
37707
  component: "p",
37616
37708
  style: design.description
37617
37709
  }, description)), /*#__PURE__*/React__default.createElement("div", {
37618
37710
  className: "col-span-12 mx-auto w-full sm:col-span-3 sm:col-start-10 lg:col-span-3 lg:col-start-10"
37619
- }, /*#__PURE__*/React__default.createElement(Button, _extends$2({
37711
+ }, /*#__PURE__*/React__default.createElement(Button$1, _extends$2({
37620
37712
  className: "flex w-full justify-center sm:w-auto",
37621
37713
  style: design.button
37622
37714
  }, button, otherProps))));
@@ -37663,7 +37755,7 @@ var FaqWithHamburgerView = function FaqWithHamburgerView(_ref) {
37663
37755
  nestedClassName: baseClasses
37664
37756
  }, /*#__PURE__*/React__default.createElement("div", {
37665
37757
  className: "col-span-12 sm:col-span-6 sm:col-start-4"
37666
- }, /*#__PURE__*/React__default.createElement(Typography, {
37758
+ }, /*#__PURE__*/React__default.createElement(Typography$1, {
37667
37759
  isTitle: true,
37668
37760
  component: "h1",
37669
37761
  style: design.title
@@ -37701,7 +37793,7 @@ var FAQItem = function FAQItem(_ref3) {
37701
37793
  }
37702
37794
  }, /*#__PURE__*/React__default.createElement("div", {
37703
37795
  className: "flex items-start justify-between gap-4"
37704
- }, /*#__PURE__*/React__default.createElement(Typography, {
37796
+ }, /*#__PURE__*/React__default.createElement(Typography$1, {
37705
37797
  isTitle: true,
37706
37798
  component: "h5",
37707
37799
  style: design.question
@@ -37747,7 +37839,7 @@ var FAQItem = function FAQItem(_ref3) {
37747
37839
  transition: {
37748
37840
  duration: 0.3
37749
37841
  }
37750
- }, /*#__PURE__*/React__default.createElement(Typography, {
37842
+ }, /*#__PURE__*/React__default.createElement(Typography$1, {
37751
37843
  component: "p",
37752
37844
  style: design.answer
37753
37845
  }, answer)))));
@@ -37794,11 +37886,11 @@ var FeatureWithDetails = function FeatureWithDetails(_ref) {
37794
37886
  nestedClassName: baseClasses
37795
37887
  }, /*#__PURE__*/React__default.createElement("div", {
37796
37888
  className: contentBaseClasses
37797
- }, /*#__PURE__*/React__default.createElement(Typography, {
37889
+ }, /*#__PURE__*/React__default.createElement(Typography$1, {
37798
37890
  isTitle: true,
37799
37891
  component: "h1",
37800
37892
  style: design.title
37801
- }, title), /*#__PURE__*/React__default.createElement(Typography, {
37893
+ }, title), /*#__PURE__*/React__default.createElement(Typography$1, {
37802
37894
  component: "p",
37803
37895
  style: design.description
37804
37896
  }, description), /*#__PURE__*/React__default.createElement("div", {
@@ -37818,11 +37910,11 @@ var FeatureWithDetails = function FeatureWithDetails(_ref) {
37818
37910
  }, renderIcon(_objectSpread$5({
37819
37911
  name: icon,
37820
37912
  type: icon.type
37821
- }, design.icon))), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(Typography, {
37913
+ }, design.icon))), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(Typography$1, {
37822
37914
  isTitle: true,
37823
37915
  component: "h4",
37824
37916
  style: design.featureTitle
37825
- }, featureTitle), /*#__PURE__*/React__default.createElement(Typography, {
37917
+ }, featureTitle), /*#__PURE__*/React__default.createElement(Typography$1, {
37826
37918
  component: "p",
37827
37919
  style: design.featureDescription
37828
37920
  }, featureDescription)));
@@ -37872,11 +37964,11 @@ var FeatureWithGrid = function FeatureWithGrid(_ref) {
37872
37964
  nestedClassName: baseClasses
37873
37965
  }, /*#__PURE__*/React__default.createElement("div", {
37874
37966
  className: "col-span-12 sm:col-span-8 sm:col-start-3 lg:col-span-6 lg:col-start-4"
37875
- }, /*#__PURE__*/React__default.createElement(Typography, {
37967
+ }, /*#__PURE__*/React__default.createElement(Typography$1, {
37876
37968
  isTitle: true,
37877
37969
  component: "h1",
37878
37970
  style: design.title
37879
- }, title), /*#__PURE__*/React__default.createElement(Typography, {
37971
+ }, title), /*#__PURE__*/React__default.createElement(Typography$1, {
37880
37972
  component: "p",
37881
37973
  style: design.description
37882
37974
  }, description), /*#__PURE__*/React__default.createElement(Media, {
@@ -37895,16 +37987,16 @@ var FeatureWithGrid = function FeatureWithGrid(_ref) {
37895
37987
  className: gridClasses(index),
37896
37988
  enableAnimation: enableAnimation,
37897
37989
  key: getUniqueKey(featureTitle, featureDescription, index)
37898
- }, /*#__PURE__*/React__default.createElement(StyledImage, {
37990
+ }, /*#__PURE__*/React__default.createElement(StyledImage$1, {
37899
37991
  alt: featureImageAlt,
37900
37992
  design: design.featureImage,
37901
37993
  src: featureImageUrl,
37902
37994
  title: featureImageTitle
37903
- }), /*#__PURE__*/React__default.createElement(Typography, {
37995
+ }), /*#__PURE__*/React__default.createElement(Typography$1, {
37904
37996
  isTitle: true,
37905
37997
  component: "h4",
37906
37998
  style: design.featureTitle
37907
- }, featureTitle), /*#__PURE__*/React__default.createElement(Typography, {
37999
+ }, featureTitle), /*#__PURE__*/React__default.createElement(Typography$1, {
37908
38000
  component: "p",
37909
38001
  style: design.featureDescription
37910
38002
  }, featureDescription));
@@ -37948,11 +38040,11 @@ var FeatureWithImage = function FeatureWithImage(_ref) {
37948
38040
  nestedClassName: baseClasses
37949
38041
  }, /*#__PURE__*/React__default.createElement("div", {
37950
38042
  className: featureClasses
37951
- }, /*#__PURE__*/React__default.createElement(Typography, {
38043
+ }, /*#__PURE__*/React__default.createElement(Typography$1, {
37952
38044
  isTitle: true,
37953
38045
  component: "h1",
37954
38046
  style: design.title
37955
- }, title), /*#__PURE__*/React__default.createElement(Typography, {
38047
+ }, title), /*#__PURE__*/React__default.createElement(Typography$1, {
37956
38048
  component: "p",
37957
38049
  style: design.description
37958
38050
  }, description)), /*#__PURE__*/React__default.createElement("div", {
@@ -37997,16 +38089,16 @@ var FeatureWithJumboText = function FeatureWithJumboText(_ref) {
37997
38089
  enableAnimation: enableAnimation,
37998
38090
  id: id,
37999
38091
  nestedClassName: baseClasses
38000
- }, /*#__PURE__*/React__default.createElement(Typography, {
38092
+ }, /*#__PURE__*/React__default.createElement(Typography$1, {
38001
38093
  isTitle: true,
38002
38094
  className: titleBaseClasses,
38003
38095
  style: design.mainTitle
38004
38096
  }, mainTitle), /*#__PURE__*/React__default.createElement("div", {
38005
38097
  className: subTitleBaseClasses
38006
- }, /*#__PURE__*/React__default.createElement(Typography, {
38098
+ }, /*#__PURE__*/React__default.createElement(Typography$1, {
38007
38099
  isTitle: true,
38008
38100
  style: design.subTitle
38009
- }, subTitle), /*#__PURE__*/React__default.createElement(Typography, {
38101
+ }, subTitle), /*#__PURE__*/React__default.createElement(Typography$1, {
38010
38102
  style: design.description
38011
38103
  }, description)));
38012
38104
  };
@@ -38051,12 +38143,12 @@ var FeatureWithList = function FeatureWithList(_ref) {
38051
38143
  nestedClassName: baseClasses
38052
38144
  }, /*#__PURE__*/React__default.createElement("div", {
38053
38145
  className: linkBaseClasses
38054
- }, /*#__PURE__*/React__default.createElement(Typography, {
38146
+ }, /*#__PURE__*/React__default.createElement(Typography$1, {
38055
38147
  isTitle: true,
38056
38148
  className: "col-span-12",
38057
38149
  component: "h1",
38058
38150
  style: design.title
38059
- }, title), /*#__PURE__*/React__default.createElement(Typography, {
38151
+ }, title), /*#__PURE__*/React__default.createElement(Typography$1, {
38060
38152
  className: "col-span-12",
38061
38153
  component: "p",
38062
38154
  style: design.description
@@ -38073,7 +38165,7 @@ var FeatureWithList = function FeatureWithList(_ref) {
38073
38165
  className: "col-span-1"
38074
38166
  }, /*#__PURE__*/React__default.createElement(CheckDouble, _extends$2({
38075
38167
  fill: design.featureIcon.color
38076
- }, design.featureIcon))), /*#__PURE__*/React__default.createElement(Typography, {
38168
+ }, design.featureIcon))), /*#__PURE__*/React__default.createElement(Typography$1, {
38077
38169
  isTitle: true,
38078
38170
  className: "col-span-11 col-start-2 flex justify-start",
38079
38171
  component: "p",
@@ -38161,11 +38253,11 @@ var FeatureWithProgressBar = function FeatureWithProgressBar(_ref) {
38161
38253
  nestedClassName: baseClasses
38162
38254
  }, /*#__PURE__*/React__default.createElement("div", {
38163
38255
  className: progressBarBaseClasses
38164
- }, /*#__PURE__*/React__default.createElement(Typography, {
38256
+ }, /*#__PURE__*/React__default.createElement(Typography$1, {
38165
38257
  isTitle: true,
38166
38258
  component: "h1",
38167
38259
  style: design.title
38168
- }, title), /*#__PURE__*/React__default.createElement(Typography, {
38260
+ }, title), /*#__PURE__*/React__default.createElement(Typography$1, {
38169
38261
  component: "p",
38170
38262
  style: design.description
38171
38263
  }, description), features.map(function (_ref2, index) {
@@ -38178,7 +38270,7 @@ var FeatureWithProgressBar = function FeatureWithProgressBar(_ref) {
38178
38270
  onClick: function onClick() {
38179
38271
  return handleTabClick(id);
38180
38272
  }
38181
- }, /*#__PURE__*/React__default.createElement(Typography, {
38273
+ }, /*#__PURE__*/React__default.createElement(Typography$1, {
38182
38274
  isTitle: true,
38183
38275
  component: "h4",
38184
38276
  style: design.featureTitle
@@ -38244,12 +38336,12 @@ var FooterClassic = function FooterClassic(_ref) {
38244
38336
  }
38245
38337
  }), /*#__PURE__*/React__default.createElement("div", {
38246
38338
  className: "col-span-12 grid grid-cols-4 sm:col-span-8 sm:col-start-3 sm:flex sm:justify-between sm:gap-y-0"
38247
- }, /*#__PURE__*/React__default.createElement(StyledImage, {
38339
+ }, /*#__PURE__*/React__default.createElement(StyledImage$1, {
38248
38340
  className: "col-span-4 mb-4 sm:mb-0",
38249
38341
  design: design.logo,
38250
38342
  src: logo.src
38251
38343
  }), links.map(function (link, index) {
38252
- return /*#__PURE__*/React__default.createElement(LinkElement, _extends$2({
38344
+ return /*#__PURE__*/React__default.createElement(Link, _extends$2({
38253
38345
  className: "col-span-1 mt-2 hover:text-gray-700 sm:mt-0",
38254
38346
  key: getUniqueKey(link.label, index)
38255
38347
  }, link, {
@@ -38258,7 +38350,7 @@ var FooterClassic = function FooterClassic(_ref) {
38258
38350
  })), /*#__PURE__*/React__default.createElement("div", {
38259
38351
  className: "col-span-12 flex justify-center gap-x-4 sm:col-span-8 sm:col-start-3"
38260
38352
  }, socialIcons.map(function (_icon, index) {
38261
- return /*#__PURE__*/React__default.createElement(LinkElement, _extends$2({
38353
+ return /*#__PURE__*/React__default.createElement(Link, _extends$2({
38262
38354
  key: getUniqueKey(_icon.name, index),
38263
38355
  icon: function icon() {
38264
38356
  return renderIcon(_objectSpread$4({
@@ -38268,7 +38360,7 @@ var FooterClassic = function FooterClassic(_ref) {
38268
38360
  }, design.socialIcon));
38269
38361
  }
38270
38362
  }, _icon, otherProps));
38271
- })), /*#__PURE__*/React__default.createElement(Typography, {
38363
+ })), /*#__PURE__*/React__default.createElement(Typography$1, {
38272
38364
  className: "col-span-12 flex justify-center sm:col-span-8 sm:col-start-3",
38273
38365
  style: design.copyrightText
38274
38366
  }, copyrightText));
@@ -38283,14 +38375,14 @@ var FooterClassic = function FooterClassic(_ref) {
38283
38375
  enableAnimation: enableAnimation,
38284
38376
  id: id,
38285
38377
  nestedClassName: baseClasses
38286
- }, /*#__PURE__*/React__default.createElement(StyledImage, {
38378
+ }, /*#__PURE__*/React__default.createElement(StyledImage$1, {
38287
38379
  className: "col-span-12 sm:col-span-2",
38288
38380
  design: design.logo,
38289
38381
  src: logo.src
38290
38382
  }), /*#__PURE__*/React__default.createElement("div", {
38291
38383
  className: "col-span-12 grid grid-cols-4 gap-x-10 gap-y-4 sm:col-span-10 sm:col-start-4 sm:flex sm:justify-end"
38292
38384
  }, links.map(function (link, index) {
38293
- return /*#__PURE__*/React__default.createElement(LinkElement, _extends$2({
38385
+ return /*#__PURE__*/React__default.createElement(Link, _extends$2({
38294
38386
  className: "col-span-1 hover:text-gray-700",
38295
38387
  key: getUniqueKey(link.label, index)
38296
38388
  }, link, {
@@ -38305,7 +38397,7 @@ var FooterClassic = function FooterClassic(_ref) {
38305
38397
  }), /*#__PURE__*/React__default.createElement("div", {
38306
38398
  className: "col-span-12 flex justify-center gap-x-4 sm:col-span-4 sm:col-start-9 sm:justify-end"
38307
38399
  }, socialIcons.map(function (_icon2, index) {
38308
- return /*#__PURE__*/React__default.createElement(LinkElement, _extends$2({
38400
+ return /*#__PURE__*/React__default.createElement(Link, _extends$2({
38309
38401
  key: getUniqueKey(_icon2.name, index),
38310
38402
  icon: function icon() {
38311
38403
  return renderIcon(_objectSpread$4({
@@ -38315,7 +38407,7 @@ var FooterClassic = function FooterClassic(_ref) {
38315
38407
  }, design.socialIcon));
38316
38408
  }
38317
38409
  }, _icon2, otherProps));
38318
- })), /*#__PURE__*/React__default.createElement(Typography, {
38410
+ })), /*#__PURE__*/React__default.createElement(Typography$1, {
38319
38411
  className: "col-span-12 flex justify-center sm:col-span-6 sm:col-start-1 sm:justify-start",
38320
38412
  style: design.copyrightText
38321
38413
  }, copyrightText));
@@ -38340,34 +38432,34 @@ var FooterWithIcons = function FooterWithIcons(_ref) {
38340
38432
  src = properties.backgroundImage.src;
38341
38433
  var baseClasses = "grid grid-cols-12 sm:gap-x-4 items-center gap-y-8";
38342
38434
  return /*#__PURE__*/React__default.createElement(BlockWrapper, {
38435
+ className: className,
38436
+ enableAnimation: enableAnimation,
38437
+ id: id,
38343
38438
  as: "footer",
38344
38439
  backgroundImage: mergeLeft({
38345
38440
  src: src
38346
38441
  }, design.backgroundImage),
38347
- className: className,
38348
38442
  design: design.body,
38349
- enableAnimation: enableAnimation,
38350
- id: id,
38351
38443
  nestedClassName: baseClasses
38352
38444
  }, /*#__PURE__*/React__default.createElement("div", {
38353
38445
  className: "col-span-12 grid grid-cols-4 gap-y-4 sm:col-span-6 sm:flex sm:gap-x-4 lg:col-span-5"
38354
- }, /*#__PURE__*/React__default.createElement(StyledImage, {
38446
+ }, /*#__PURE__*/React__default.createElement(StyledImage$1, {
38355
38447
  className: "col-span-4",
38356
38448
  design: design.logo,
38357
38449
  src: logo.src
38358
- }), /*#__PURE__*/React__default.createElement(StyledWrapper, {
38450
+ }), logo.src && /*#__PURE__*/React__default.createElement(StyledWrapper, {
38359
38451
  className: "hidden sm:block",
38360
38452
  design: {
38361
38453
  borderRightWidth: "1px",
38362
38454
  borderColor: "#C2C8CC"
38363
38455
  }
38364
- }), /*#__PURE__*/React__default.createElement(Typography, {
38456
+ }), /*#__PURE__*/React__default.createElement(Typography$1, {
38365
38457
  className: "hidden sm:col-span-4 sm:flex",
38366
38458
  style: design.copyrightText
38367
38459
  }, copyrightText)), /*#__PURE__*/React__default.createElement("div", {
38368
38460
  className: "col-span-12 flex justify-center gap-x-4 sm:col-span-4 sm:col-start-9 sm:justify-end"
38369
38461
  }, socialIcons.map(function (_icon, index) {
38370
- return /*#__PURE__*/React__default.createElement(LinkElement, _extends$2({
38462
+ return /*#__PURE__*/React__default.createElement(Link, _extends$2({
38371
38463
  key: getUniqueKey(_icon.name, index),
38372
38464
  icon: function icon() {
38373
38465
  return renderIcon(_objectSpread$3({
@@ -38377,7 +38469,7 @@ var FooterWithIcons = function FooterWithIcons(_ref) {
38377
38469
  }, design.socialIcon));
38378
38470
  }
38379
38471
  }, _icon, otherProps));
38380
- })), /*#__PURE__*/React__default.createElement(Typography, {
38472
+ })), /*#__PURE__*/React__default.createElement(Typography$1, {
38381
38473
  className: "col-span-12 -mt-2 flex justify-start sm:hidden",
38382
38474
  style: design.copyrightText
38383
38475
  }, copyrightText));
@@ -38417,13 +38509,13 @@ var FooterWithLinks = function FooterWithLinks(_ref) {
38417
38509
  className: "col-span-12 sm:col-span-5"
38418
38510
  }, /*#__PURE__*/React__default.createElement("div", {
38419
38511
  className: "flex items-center gap-x-2"
38420
- }, /*#__PURE__*/React__default.createElement(StyledImage, {
38512
+ }, /*#__PURE__*/React__default.createElement(StyledImage$1, {
38421
38513
  design: design.logo,
38422
38514
  src: logo.src
38423
- }), /*#__PURE__*/React__default.createElement(Typography, {
38515
+ }), /*#__PURE__*/React__default.createElement(Typography$1, {
38424
38516
  component: "p",
38425
38517
  design: design.logoTitle
38426
- }, logo.title)), /*#__PURE__*/React__default.createElement(Typography, {
38518
+ }, logo.title)), /*#__PURE__*/React__default.createElement(Typography$1, {
38427
38519
  component: "p",
38428
38520
  style: design.description
38429
38521
  }, description)), /*#__PURE__*/React__default.createElement("div", {
@@ -38434,7 +38526,7 @@ var FooterWithLinks = function FooterWithLinks(_ref) {
38434
38526
  return /*#__PURE__*/React__default.createElement("div", {
38435
38527
  className: "col-span-2",
38436
38528
  key: title
38437
- }, /*#__PURE__*/React__default.createElement(Typography, {
38529
+ }, /*#__PURE__*/React__default.createElement(Typography$1, {
38438
38530
  isTitle: true,
38439
38531
  component: "h3",
38440
38532
  style: design.columnTitle
@@ -38447,7 +38539,7 @@ var FooterWithLinks = function FooterWithLinks(_ref) {
38447
38539
  href = _ref3.href;
38448
38540
  return /*#__PURE__*/React__default.createElement("li", {
38449
38541
  key: getUniqueKey(name, index)
38450
- }, /*#__PURE__*/React__default.createElement(LinkElement, _extends$2({
38542
+ }, /*#__PURE__*/React__default.createElement(Link, _extends$2({
38451
38543
  action: action,
38452
38544
  label: name,
38453
38545
  style: design.columnLinks,
@@ -38456,14 +38548,14 @@ var FooterWithLinks = function FooterWithLinks(_ref) {
38456
38548
  })));
38457
38549
  })), /*#__PURE__*/React__default.createElement("div", {
38458
38550
  className: "col-span-12 space-y-2 sm:col-span-2"
38459
- }, /*#__PURE__*/React__default.createElement(Typography, {
38551
+ }, /*#__PURE__*/React__default.createElement(Typography$1, {
38460
38552
  isTitle: true,
38461
38553
  component: "h3",
38462
38554
  style: design.columnTitle
38463
38555
  }, contact.title), /*#__PURE__*/React__default.createElement("div", {
38464
38556
  className: "flex gap-x-1"
38465
38557
  }, contact.socialLinks.map(function (_icon, index) {
38466
- return /*#__PURE__*/React__default.createElement(LinkElement, _extends$2({
38558
+ return /*#__PURE__*/React__default.createElement(Link, _extends$2({
38467
38559
  key: getUniqueKey(_icon.name, index),
38468
38560
  icon: function icon() {
38469
38561
  return renderIcon(_objectSpread$2({
@@ -38481,13 +38573,13 @@ var FooterWithLinks = function FooterWithLinks(_ref) {
38481
38573
  type = _ref4.type;
38482
38574
  return /*#__PURE__*/React__default.createElement("li", {
38483
38575
  key: getUniqueKey(value, index)
38484
- }, /*#__PURE__*/React__default.createElement(LinkElement, _extends$2({
38576
+ }, /*#__PURE__*/React__default.createElement(Link, _extends$2({
38485
38577
  action: action,
38486
38578
  label: value,
38487
38579
  style: design.columnLinks,
38488
38580
  to: type === "Email" ? "mailto:".concat(value) : "tel:".concat(value)
38489
38581
  }, otherProps)));
38490
- }))), /*#__PURE__*/React__default.createElement(Typography, {
38582
+ }))), /*#__PURE__*/React__default.createElement(Typography$1, {
38491
38583
  className: "col-span-12 mt-8 sm:mt-0",
38492
38584
  style: design.copyrightText
38493
38585
  }, copyrightText));
@@ -39870,11 +39962,11 @@ var GalleryClassic = function GalleryClassic(_ref) {
39870
39962
  nestedClassName: baseClasses
39871
39963
  }, /*#__PURE__*/React__default.createElement("div", {
39872
39964
  className: "col-span-12 col-start-1 sm:col-span-6 sm:col-start-4"
39873
- }, /*#__PURE__*/React__default.createElement(Typography, {
39965
+ }, /*#__PURE__*/React__default.createElement(Typography$1, {
39874
39966
  isTitle: true,
39875
39967
  component: "h1",
39876
39968
  style: design.title
39877
- }, title), /*#__PURE__*/React__default.createElement(Typography, {
39969
+ }, title), /*#__PURE__*/React__default.createElement(Typography$1, {
39878
39970
  component: "p",
39879
39971
  style: design.description
39880
39972
  }, description)), /*#__PURE__*/React__default.createElement(ArrowButton, {
@@ -39913,7 +40005,7 @@ var GalleryClassic = function GalleryClassic(_ref) {
39913
40005
  title = _ref2.title;
39914
40006
  return /*#__PURE__*/React__default.createElement(SwiperSlide, {
39915
40007
  key: getUniqueKey(src, title, index)
39916
- }, /*#__PURE__*/React__default.createElement(StyledImage, {
40008
+ }, /*#__PURE__*/React__default.createElement(StyledImage$1, {
39917
40009
  alt: alt,
39918
40010
  className: "sliding-image",
39919
40011
  src: src,
@@ -39962,11 +40054,11 @@ var GalleryWithAutoplay = function GalleryWithAutoplay(_ref) {
39962
40054
  nestedClassName: baseClasses
39963
40055
  }, /*#__PURE__*/React__default.createElement("div", {
39964
40056
  className: "col-span-12 col-start-1 sm:col-span-6 sm:col-start-4"
39965
- }, /*#__PURE__*/React__default.createElement(Typography, {
40057
+ }, /*#__PURE__*/React__default.createElement(Typography$1, {
39966
40058
  isTitle: true,
39967
40059
  component: "h1",
39968
40060
  style: design.title
39969
- }, title), /*#__PURE__*/React__default.createElement(Typography, {
40061
+ }, title), /*#__PURE__*/React__default.createElement(Typography$1, {
39970
40062
  component: "p",
39971
40063
  style: design.description
39972
40064
  }, description)), /*#__PURE__*/React__default.createElement("div", {
@@ -39995,7 +40087,7 @@ var GalleryWithAutoplay = function GalleryWithAutoplay(_ref) {
39995
40087
  title = _ref2.title;
39996
40088
  return /*#__PURE__*/React__default.createElement(SwiperSlide, {
39997
40089
  key: getUniqueKey(src, title, index)
39998
- }, /*#__PURE__*/React__default.createElement(StyledImage, {
40090
+ }, /*#__PURE__*/React__default.createElement(StyledImage$1, {
39999
40091
  alt: alt,
40000
40092
  className: "sliding-image",
40001
40093
  src: src,
@@ -40024,7 +40116,7 @@ var GalleryWithAutoplay = function GalleryWithAutoplay(_ref) {
40024
40116
  return /*#__PURE__*/React__default.createElement(SwiperSlide, {
40025
40117
  className: "cursor-pointer",
40026
40118
  key: getUniqueKey(src, title, index)
40027
- }, /*#__PURE__*/React__default.createElement(StyledImage, {
40119
+ }, /*#__PURE__*/React__default.createElement(StyledImage$1, {
40028
40120
  alt: alt,
40029
40121
  className: "clickable-image",
40030
40122
  src: src,
@@ -40082,7 +40174,7 @@ var HeaderWithButtons = function HeaderWithButtons(_ref) {
40082
40174
  "neeto-site-sticky-header": position === "sticky",
40083
40175
  "neeto-site-sticky-header--scroll": !isHeadingWrapperVisible
40084
40176
  }, className)
40085
- }, /*#__PURE__*/React__default.createElement(StyledImage, {
40177
+ }, /*#__PURE__*/React__default.createElement(StyledImage$1, {
40086
40178
  design: design.logo,
40087
40179
  src: properties.logo.src,
40088
40180
  className: classnames("col-start-2 ml-3 flex max-h-8 justify-start sm:ml-0 sm:max-h-10 lg:col-span-3 lg:col-start-1 lg:max-h-12", {
@@ -40094,14 +40186,14 @@ var HeaderWithButtons = function HeaderWithButtons(_ref) {
40094
40186
  "col-span-9 sm:justify-end": isEmpty(buttons)
40095
40187
  })
40096
40188
  }, properties.links.map(function (link, index) {
40097
- return /*#__PURE__*/React__default.createElement(LinkElement, _extends$2({
40189
+ return /*#__PURE__*/React__default.createElement(Link, _extends$2({
40098
40190
  key: getUniqueKey(link.label, index),
40099
40191
  style: design.links
40100
40192
  }, link, otherProps));
40101
40193
  })), /*#__PURE__*/React__default.createElement("div", {
40102
40194
  className: "col-span-8 col-start-5 flex justify-end gap-x-2 sm:col-span-4 sm:col-start-9"
40103
40195
  }, buttons.map(function (button, index) {
40104
- return /*#__PURE__*/React__default.createElement(Button, _extends$2({
40196
+ return /*#__PURE__*/React__default.createElement(Button$1, _extends$2({
40105
40197
  key: getUniqueKey(button.label, index),
40106
40198
  style: button.type === "primary" ? design.primaryButtons : design.secondaryButtons
40107
40199
  }, button, otherProps));
@@ -40117,7 +40209,7 @@ var HeaderWithButtons = function HeaderWithButtons(_ref) {
40117
40209
  })), isMenuOpen && /*#__PURE__*/React__default.createElement("div", {
40118
40210
  className: "fadeIn col-span-2 col-start-1 ml-2 mt-3 block space-y-2 lg:hidden"
40119
40211
  }, properties.links.map(function (button, index) {
40120
- return /*#__PURE__*/React__default.createElement(LinkElement, _extends$2({
40212
+ return /*#__PURE__*/React__default.createElement(Link, _extends$2({
40121
40213
  key: getUniqueKey(button.url, button.label, index),
40122
40214
  style: design.links
40123
40215
  }, button, otherProps));
@@ -40161,18 +40253,18 @@ var HeaderWithIcons = function HeaderWithIcons(_ref) {
40161
40253
  }, /*#__PURE__*/React__default.createElement("div", {
40162
40254
  className: "col-span-4 col-start-1 hidden items-center gap-6 lg:flex"
40163
40255
  }, properties.links.map(function (link, index) {
40164
- return /*#__PURE__*/React__default.createElement(LinkElement, _extends$2({
40256
+ return /*#__PURE__*/React__default.createElement(Link, _extends$2({
40165
40257
  key: getUniqueKey(link.label, index),
40166
40258
  style: design.links
40167
40259
  }, link, otherProps));
40168
- })), /*#__PURE__*/React__default.createElement(StyledImage, {
40260
+ })), /*#__PURE__*/React__default.createElement(StyledImage$1, {
40169
40261
  className: "col-span-6 col-start-4 m-auto flex max-h-8 justify-center sm:col-span-4 sm:col-start-5 sm:max-h-10 lg:col-span-3 lg:col-start-6 lg:max-h-12",
40170
40262
  design: design.logo,
40171
40263
  src: properties.logo.src
40172
40264
  }), /*#__PURE__*/React__default.createElement("div", {
40173
40265
  className: "col-span-5 col-start-8 hidden justify-end sm:col-span-3 sm:col-start-10 sm:flex"
40174
40266
  }, properties.icons.map(function (_icon, index) {
40175
- return /*#__PURE__*/React__default.createElement(LinkElement, _extends$2({
40267
+ return /*#__PURE__*/React__default.createElement(Link, _extends$2({
40176
40268
  key: getUniqueKey(_icon.to, index),
40177
40269
  style: design.icons,
40178
40270
  icon: function icon() {
@@ -40203,7 +40295,7 @@ var HeaderWithIcons = function HeaderWithIcons(_ref) {
40203
40295
  })), isLinksOpen && /*#__PURE__*/React__default.createElement("div", {
40204
40296
  className: "fadeIn col-span-4 col-start-1 ml-2 mt-3 space-y-1 lg:hidden"
40205
40297
  }, properties.links.map(function (icon, index) {
40206
- return /*#__PURE__*/React__default.createElement(LinkElement, _extends$2({
40298
+ return /*#__PURE__*/React__default.createElement(Link, _extends$2({
40207
40299
  className: "w-full",
40208
40300
  key: getUniqueKey(icon.url, icon.label, index),
40209
40301
  style: design.links
@@ -40211,7 +40303,7 @@ var HeaderWithIcons = function HeaderWithIcons(_ref) {
40211
40303
  })), isIconsOpen && /*#__PURE__*/React__default.createElement("div", {
40212
40304
  className: "fadeIn col-span-2 col-start-11 mt-3 flex flex-col justify-end space-y-1 lg:hidden"
40213
40305
  }, properties.icons.map(function (_icon2, index) {
40214
- return /*#__PURE__*/React__default.createElement(LinkElement, _extends$2({
40306
+ return /*#__PURE__*/React__default.createElement(Link, _extends$2({
40215
40307
  className: "w-full",
40216
40308
  key: getUniqueKey(_icon2.to, index),
40217
40309
  style: design.icons,
@@ -40259,11 +40351,11 @@ var HeaderWithLogoTitle = function HeaderWithLogoTitle(_ref) {
40259
40351
  "col-span-10": isEmpty(buttons),
40260
40352
  "col-span-4": isNotEmpty$1(buttons)
40261
40353
  })
40262
- }, /*#__PURE__*/React__default.createElement(StyledImage, {
40354
+ }, /*#__PURE__*/React__default.createElement(StyledImage$1, {
40263
40355
  className: "max-h-8 sm:max-h-10 lg:max-h-12",
40264
40356
  design: design.logo,
40265
40357
  src: properties.logo.src
40266
- }), /*#__PURE__*/React__default.createElement(Typography, {
40358
+ }), /*#__PURE__*/React__default.createElement(Typography$1, {
40267
40359
  isTitle: true,
40268
40360
  component: "p",
40269
40361
  style: design.logoTitle,
@@ -40273,13 +40365,13 @@ var HeaderWithLogoTitle = function HeaderWithLogoTitle(_ref) {
40273
40365
  }, properties.logo.title)), /*#__PURE__*/React__default.createElement("div", {
40274
40366
  className: "col-span-6 col-start-7 flex items-center justify-end gap-x-6 sm:col-span-5 sm:col-start-8 lg:col-span-7 lg:col-start-6"
40275
40367
  }, properties.links.map(function (link, index) {
40276
- return /*#__PURE__*/React__default.createElement(LinkElement, _extends$2({
40368
+ return /*#__PURE__*/React__default.createElement(Link, _extends$2({
40277
40369
  className: "hidden lg:inline",
40278
40370
  key: getUniqueKey(link.label, link.url, index),
40279
40371
  style: design.links
40280
40372
  }, link, otherProps));
40281
40373
  }), buttons.map(function (button, index) {
40282
- return /*#__PURE__*/React__default.createElement(Button, _extends$2({
40374
+ return /*#__PURE__*/React__default.createElement(Button$1, _extends$2({
40283
40375
  key: getUniqueKey(button.label, button.url, index),
40284
40376
  style: design.buttons
40285
40377
  }, button, otherProps));
@@ -40298,7 +40390,7 @@ var HeaderWithLogoTitle = function HeaderWithLogoTitle(_ref) {
40298
40390
  var label = _ref2.label,
40299
40391
  url = _ref2.url,
40300
40392
  action = _ref2.action;
40301
- return /*#__PURE__*/React__default.createElement(LinkElement, _extends$2({
40393
+ return /*#__PURE__*/React__default.createElement(Link, _extends$2({
40302
40394
  action: action,
40303
40395
  label: label,
40304
40396
  key: getUniqueKey(url, label, index),
@@ -40356,15 +40448,15 @@ var HeroWithCallToAction = function HeroWithCallToAction(_ref) {
40356
40448
  nestedClassName: baseClasses
40357
40449
  }, /*#__PURE__*/React__default.createElement("div", {
40358
40450
  className: textBaseClasses
40359
- }, /*#__PURE__*/React__default.createElement(Typography, {
40451
+ }, /*#__PURE__*/React__default.createElement(Typography$1, {
40360
40452
  isTitle: true,
40361
40453
  component: "h3",
40362
40454
  style: design.prefixTitle
40363
- }, prefixTitle), /*#__PURE__*/React__default.createElement(Typography, {
40455
+ }, prefixTitle), /*#__PURE__*/React__default.createElement(Typography$1, {
40364
40456
  isTitle: true,
40365
40457
  component: "h1",
40366
40458
  style: design.title
40367
- }, title), /*#__PURE__*/React__default.createElement(Typography, {
40459
+ }, title), /*#__PURE__*/React__default.createElement(Typography$1, {
40368
40460
  component: "p",
40369
40461
  style: design.description
40370
40462
  }, description), /*#__PURE__*/React__default.createElement("div", {
@@ -40374,7 +40466,7 @@ var HeroWithCallToAction = function HeroWithCallToAction(_ref) {
40374
40466
  url = _ref2.url,
40375
40467
  action = _ref2.action,
40376
40468
  type = _ref2.type;
40377
- return /*#__PURE__*/React__default.createElement(Button, _extends$2({
40469
+ return /*#__PURE__*/React__default.createElement(Button$1, _extends$2({
40378
40470
  action: action,
40379
40471
  className: "w-full justify-center sm:w-auto sm:justify-start",
40380
40472
  key: getUniqueKey(label, type, index),
@@ -40489,23 +40581,23 @@ var HeroWithMultipleLayouts = function HeroWithMultipleLayouts(_ref) {
40489
40581
  }
40490
40582
  }, /*#__PURE__*/React__default.createElement("div", {
40491
40583
  className: contentBaseClasses(_objectSpread({}, media))
40492
- }, /*#__PURE__*/React__default.createElement(Typography, {
40584
+ }, /*#__PURE__*/React__default.createElement(Typography$1, {
40493
40585
  isTitle: true,
40494
40586
  component: "h3",
40495
40587
  style: design.prefixTitle
40496
- }, content.prefixTitle), /*#__PURE__*/React__default.createElement(Typography, {
40588
+ }, content.prefixTitle), /*#__PURE__*/React__default.createElement(Typography$1, {
40497
40589
  isTitle: true,
40498
40590
  className: textClasses(_objectSpread({}, media)),
40499
40591
  component: "h1",
40500
40592
  style: design.title
40501
- }, content.title), /*#__PURE__*/React__default.createElement(Typography, {
40593
+ }, content.title), /*#__PURE__*/React__default.createElement(Typography$1, {
40502
40594
  className: textClasses(_objectSpread({}, media)),
40503
40595
  component: "p",
40504
40596
  style: design.description
40505
40597
  }, content.description), /*#__PURE__*/React__default.createElement("div", {
40506
40598
  className: buttonBaseClasses(_objectSpread({}, media))
40507
40599
  }, buttons.map(function (button, index) {
40508
- return /*#__PURE__*/React__default.createElement(Button, _extends$2({
40600
+ return /*#__PURE__*/React__default.createElement(Button$1, _extends$2({
40509
40601
  className: "flex w-full justify-center sm:w-auto",
40510
40602
  key: getUniqueKey(button.label, button.url, index),
40511
40603
  style: button.type === "primary" ? design.primaryButtons : design.secondaryButtons
@@ -40561,7 +40653,7 @@ var LogoClouds = function LogoClouds(_ref) {
40561
40653
  enableAnimation: enableAnimation,
40562
40654
  id: id,
40563
40655
  nestedClassName: baseClasses
40564
- }, /*#__PURE__*/React__default.createElement(Typography, {
40656
+ }, /*#__PURE__*/React__default.createElement(Typography$1, {
40565
40657
  className: "col-span-12",
40566
40658
  style: design.title
40567
40659
  }, title), logos.map(function (_ref2, index) {
@@ -40573,7 +40665,7 @@ var LogoClouds = function LogoClouds(_ref) {
40573
40665
  className: logoBaseClasses(index),
40574
40666
  href: url,
40575
40667
  key: getUniqueKey(title, index)
40576
- }, /*#__PURE__*/React__default.createElement(StyledImage, {
40668
+ }, /*#__PURE__*/React__default.createElement(StyledImage$1, {
40577
40669
  alt: alt,
40578
40670
  className: "logo-image",
40579
40671
  design: design.logo,
@@ -40611,11 +40703,11 @@ var Paragraph = function Paragraph(_ref) {
40611
40703
  nestedClassName: baseClasses
40612
40704
  }, /*#__PURE__*/React__default.createElement("div", {
40613
40705
  className: "col-span-12"
40614
- }, /*#__PURE__*/React__default.createElement(Typography, {
40706
+ }, /*#__PURE__*/React__default.createElement(Typography$1, {
40615
40707
  isTitle: true,
40616
40708
  component: "h1",
40617
40709
  style: design.title
40618
- }, title), /*#__PURE__*/React__default.createElement(Typography, {
40710
+ }, title), /*#__PURE__*/React__default.createElement(Typography$1, {
40619
40711
  component: "p",
40620
40712
  style: design.description
40621
40713
  }, description), /*#__PURE__*/React__default.createElement(ListComponent, {
@@ -40665,21 +40757,21 @@ var PricingInCardView = function PricingInCardView(_ref) {
40665
40757
  return (_PRICING_PLANS$yearly = {}, _defineProperty$1(_PRICING_PLANS$yearly, PRICING_PLANS.yearly, yearlyPricing), _defineProperty$1(_PRICING_PLANS$yearly, PRICING_PLANS.monthly, monthlyPricing), _defineProperty$1(_PRICING_PLANS$yearly, PRICING_PLANS.monthly_and_yearly, isCurrentPricingPlanYearly ? yearlyPricing : monthlyPricing), _PRICING_PLANS$yearly)[pricingPlan];
40666
40758
  };
40667
40759
  return /*#__PURE__*/React__default.createElement(BlockWrapper, {
40760
+ className: className,
40761
+ enableAnimation: enableAnimation,
40762
+ id: id,
40668
40763
  backgroundImage: mergeLeft({
40669
40764
  src: src
40670
40765
  }, design.backgroundImage),
40671
- className: className,
40672
40766
  design: design.body,
40673
- enableAnimation: enableAnimation,
40674
- id: id,
40675
40767
  nestedClassName: baseClasses
40676
40768
  }, /*#__PURE__*/React__default.createElement("div", {
40677
40769
  className: "col-span-12 sm:col-span-8 sm:col-start-3 lg:col-span-6 lg:col-start-4"
40678
- }, /*#__PURE__*/React__default.createElement(Typography, {
40770
+ }, /*#__PURE__*/React__default.createElement(Typography$1, {
40679
40771
  isTitle: true,
40680
40772
  component: "h1",
40681
40773
  style: design.title
40682
- }, title), /*#__PURE__*/React__default.createElement(Typography, {
40774
+ }, title), /*#__PURE__*/React__default.createElement(Typography$1, {
40683
40775
  component: "p",
40684
40776
  style: design.description
40685
40777
  }, description)), /*#__PURE__*/React__default.createElement(Toggle, {
@@ -40702,23 +40794,23 @@ var PricingInCardView = function PricingInCardView(_ref) {
40702
40794
  return /*#__PURE__*/React__default.createElement(StyledWrapper, {
40703
40795
  design: design.tierBlock,
40704
40796
  key: getUniqueKey(tierTitle, tierDescription, index),
40705
- className: classnames("col-span-12 inline-flex flex-col sm:col-span-6 lg:col-span-4", {
40797
+ className: classnames("col-span-12 inline-flex flex-col justify-between sm:col-span-6 lg:col-span-4", {
40706
40798
  "sm:col-span-6": tiers.length <= 2
40707
40799
  })
40708
- }, /*#__PURE__*/React__default.createElement(Typography, {
40800
+ }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(Typography$1, {
40709
40801
  isTitle: true,
40710
40802
  component: "h4",
40711
40803
  style: design.tierTitle
40712
- }, tierTitle), /*#__PURE__*/React__default.createElement(Typography, {
40804
+ }, tierTitle), /*#__PURE__*/React__default.createElement(Typography$1, {
40713
40805
  component: "p",
40714
40806
  style: design.tierDescription
40715
40807
  }, tierDescription), /*#__PURE__*/React__default.createElement("div", {
40716
40808
  className: "flex items-center gap-x-2"
40717
- }, /*#__PURE__*/React__default.createElement(Typography, {
40809
+ }, /*#__PURE__*/React__default.createElement(Typography$1, {
40718
40810
  isTitle: true,
40719
40811
  component: "h3",
40720
40812
  style: design.tierPrice
40721
- }, pricing.price), /*#__PURE__*/React__default.createElement(Typography, {
40813
+ }, pricing.price), /*#__PURE__*/React__default.createElement(Typography$1, {
40722
40814
  isTitle: true,
40723
40815
  component: "h3",
40724
40816
  style: design.tierLabel
@@ -40727,15 +40819,15 @@ var PricingInCardView = function PricingInCardView(_ref) {
40727
40819
  className: "flex items-start gap-4",
40728
40820
  key: getUniqueKey(feature, index)
40729
40821
  }, /*#__PURE__*/React__default.createElement(Check, {
40730
- className: "rounded-full bg-gray-200 p-0.5",
40822
+ className: "neeto-ui-rounded-full neeto-ui-bg-gray-200 p-0.5",
40731
40823
  color: "#1F2433",
40732
40824
  size: 16
40733
- }), /*#__PURE__*/React__default.createElement(Typography, {
40825
+ }), /*#__PURE__*/React__default.createElement(Typography$1, {
40734
40826
  isTitle: true,
40735
40827
  component: "p",
40736
40828
  style: design.tierFeature
40737
40829
  }, feature));
40738
- }), /*#__PURE__*/React__default.createElement(Button, _extends$2({
40830
+ })), /*#__PURE__*/React__default.createElement(Button$1, _extends$2({
40739
40831
  className: "mt-8 w-full justify-center",
40740
40832
  style: design.tierButton
40741
40833
  }, button, otherProps)));
@@ -40778,21 +40870,21 @@ var TestimonialWithSlider = function TestimonialWithSlider(_ref) {
40778
40870
  });
40779
40871
  };
40780
40872
  return /*#__PURE__*/React__default.createElement(BlockWrapper, {
40873
+ className: className,
40874
+ enableAnimation: enableAnimation,
40875
+ id: id,
40781
40876
  backgroundImage: mergeLeft({
40782
40877
  src: src
40783
40878
  }, design.backgroundImage),
40784
- className: className,
40785
40879
  design: design.body,
40786
- enableAnimation: enableAnimation,
40787
- id: id,
40788
40880
  nestedClassName: baseClasses
40789
40881
  }, /*#__PURE__*/React__default.createElement("div", {
40790
40882
  className: "col-span-12 sm:col-span-6 sm:col-start-4"
40791
- }, /*#__PURE__*/React__default.createElement(Typography, {
40883
+ }, /*#__PURE__*/React__default.createElement(Typography$1, {
40792
40884
  isTitle: true,
40793
40885
  component: "h1",
40794
40886
  style: design.title
40795
- }, title), /*#__PURE__*/React__default.createElement(Typography, {
40887
+ }, title), /*#__PURE__*/React__default.createElement(Typography$1, {
40796
40888
  component: "p",
40797
40889
  style: design.description
40798
40890
  }, description)), /*#__PURE__*/React__default.createElement("div", {
@@ -40814,32 +40906,32 @@ var TestimonialWithSlider = function TestimonialWithSlider(_ref) {
40814
40906
  design: design.testimonialContainer
40815
40907
  }, /*#__PURE__*/React__default.createElement("div", {
40816
40908
  className: imageClasses(imagePosition)
40817
- }, /*#__PURE__*/React__default.createElement(StyledImage, {
40909
+ }, /*#__PURE__*/React__default.createElement(StyledImage$1, {
40910
+ src: src,
40818
40911
  className: "ns-testimonial-image-aspect-ratio",
40819
- design: design.testimonialImage,
40820
- src: src
40821
- }), /*#__PURE__*/React__default.createElement(Typography, {
40912
+ design: design.testimonialImage
40913
+ }), /*#__PURE__*/React__default.createElement(Typography$1, {
40822
40914
  isTitle: true,
40823
40915
  component: "h4",
40824
40916
  style: design.testimonialName
40825
- }, name), /*#__PURE__*/React__default.createElement(Typography, {
40917
+ }, name), /*#__PURE__*/React__default.createElement(Typography$1, {
40826
40918
  isTitle: true,
40827
40919
  component: "h4",
40828
40920
  style: design.testimonialPosition
40829
40921
  }, position)), /*#__PURE__*/React__default.createElement("div", {
40830
40922
  className: contentClasses(imagePosition)
40831
- }, logoUrl && /*#__PURE__*/React__default.createElement(StyledImage, {
40923
+ }, /*#__PURE__*/React__default.createElement(StyledImage$1, {
40832
40924
  className: "mx-auto sm:ml-0",
40833
40925
  design: design.testimonialLogo,
40834
40926
  src: logoUrl
40835
- }), /*#__PURE__*/React__default.createElement(Typography, {
40927
+ }), /*#__PURE__*/React__default.createElement(Typography$1, {
40836
40928
  component: "p",
40837
40929
  style: design.testimonialDescription
40838
40930
  }, testimonialDescription))));
40839
40931
  }), /*#__PURE__*/React__default.createElement(Pagination$1, {
40840
- design: design.buttons,
40841
- swiper: swiper
40842
- }))), isButtonRequired && /*#__PURE__*/React__default.createElement(Button, _extends$2({
40932
+ swiper: swiper,
40933
+ design: design.buttons
40934
+ }))), isButtonRequired && /*#__PURE__*/React__default.createElement(Button$1, _extends$2({
40843
40935
  className: "col-span-12 flex justify-center sm:col-span-6 sm:col-start-4 lg:col-span-4 lg:col-start-5",
40844
40936
  style: design.button
40845
40937
  }, button, otherProps)));
@@ -40874,21 +40966,21 @@ var TestimonialWithVerticalView = function TestimonialWithVerticalView(_ref) {
40874
40966
  "sm:col-start-2": POSITIONS.RIGHT.label === imagePosition
40875
40967
  });
40876
40968
  return /*#__PURE__*/React__default.createElement(BlockWrapper, {
40969
+ className: className,
40970
+ enableAnimation: enableAnimation,
40971
+ id: id,
40877
40972
  backgroundImage: mergeLeft({
40878
40973
  src: src
40879
40974
  }, design.backgroundImage),
40880
- className: className,
40881
40975
  design: design.body,
40882
- enableAnimation: enableAnimation,
40883
- id: id,
40884
40976
  nestedClassName: baseClasses
40885
40977
  }, /*#__PURE__*/React__default.createElement("div", {
40886
40978
  className: "col-span-12 space-y-4 sm:col-span-6 sm:col-start-4"
40887
- }, /*#__PURE__*/React__default.createElement(Typography, {
40979
+ }, /*#__PURE__*/React__default.createElement(Typography$1, {
40888
40980
  isTitle: true,
40889
40981
  component: "h1",
40890
40982
  style: design.title
40891
- }, title), /*#__PURE__*/React__default.createElement(Typography, {
40983
+ }, title), /*#__PURE__*/React__default.createElement(Typography$1, {
40892
40984
  component: "p",
40893
40985
  style: design.description
40894
40986
  }, description)), /*#__PURE__*/React__default.createElement("div", {
@@ -40900,44 +40992,44 @@ var TestimonialWithVerticalView = function TestimonialWithVerticalView(_ref) {
40900
40992
  position = _ref2.position,
40901
40993
  logoUrl = _ref2.logoUrl;
40902
40994
  return /*#__PURE__*/React__default.createElement(MotionWrapper, {
40995
+ enableAnimation: enableAnimation,
40903
40996
  className: "grid grid-flow-row-dense grid-cols-12 items-center py-6",
40904
40997
  design: design.testimonialContainer,
40905
- enableAnimation: enableAnimation,
40906
40998
  key: getUniqueKey(testimonialDescription, index)
40907
40999
  }, /*#__PURE__*/React__default.createElement("div", {
40908
41000
  className: imageClasses
40909
- }, /*#__PURE__*/React__default.createElement(StyledImage, {
41001
+ }, /*#__PURE__*/React__default.createElement(StyledImage$1, {
41002
+ src: src,
40910
41003
  className: "ns-testimonial-image-aspect-ratio",
40911
- design: design.testimonialImage,
40912
- src: src
40913
- }), /*#__PURE__*/React__default.createElement(Typography, {
41004
+ design: design.testimonialImage
41005
+ }), /*#__PURE__*/React__default.createElement(Typography$1, {
40914
41006
  isTitle: true,
40915
41007
  component: "h4",
40916
41008
  style: design.testimonialName
40917
- }, name), /*#__PURE__*/React__default.createElement(Typography, {
41009
+ }, name), /*#__PURE__*/React__default.createElement(Typography$1, {
40918
41010
  isTitle: true,
40919
41011
  component: "h4",
40920
41012
  style: design.testimonialPosition
40921
41013
  }, position)), /*#__PURE__*/React__default.createElement("div", {
40922
41014
  className: contentClasses
40923
- }, logoUrl && /*#__PURE__*/React__default.createElement(StyledImage, {
41015
+ }, /*#__PURE__*/React__default.createElement(StyledImage$1, {
40924
41016
  className: "mx-auto sm:ml-0",
40925
41017
  design: design.testimonialLogo,
40926
41018
  src: logoUrl
40927
- }), /*#__PURE__*/React__default.createElement(Typography, {
41019
+ }), /*#__PURE__*/React__default.createElement(Typography$1, {
40928
41020
  component: "p",
40929
41021
  style: design.testimonialDescription
40930
41022
  }, testimonialDescription)));
40931
- })), isButtonRequired && /*#__PURE__*/React__default.createElement(Button, _extends$2({
41023
+ })), isButtonRequired && /*#__PURE__*/React__default.createElement(Button$1, _extends$2({
40932
41024
  className: "col-span-12 flex justify-center sm:col-span-6 sm:col-start-4 lg:col-span-4 lg:col-start-5",
40933
41025
  style: design.button
40934
41026
  }, button, otherProps)));
40935
41027
  };
40936
41028
 
40937
41029
  var index = /*#__PURE__*/Object.freeze({
40938
- __proto__: null,
40939
- Filled: FilledIcons,
40940
- Outlined: OutlineIcons
41030
+ __proto__: null,
41031
+ Filled: FilledIcons,
41032
+ Outlined: OutlineIcons
40941
41033
  });
40942
41034
 
40943
41035
  export { CardsClassic, CardsInGridView, CardsWithCustomizableGrid, CardsWithImage, CtaClassic, CtaWithEmailAction, CtaWithLogo, index$1 as DESIGN_OPTIONS, Embed, FaqWithHamburgerView as FaqWithAccordion, FeatureWithDetails, FeatureWithGrid, FeatureWithImage, FeatureWithJumboText, FeatureWithList, FeatureWithProgressBar, FooterClassic, FooterWithIcons, FooterWithLinks, GalleryClassic, GalleryWithAutoplay, HeaderWithButtons, HeaderWithIcons, HeaderWithLogoTitle, HeroWithCallToAction, HeroWithMultipleLayouts, index as Icons, LogoClouds, Paragraph, PricingInCardView, TestimonialWithSlider, TestimonialWithVerticalView };