@bigbinary/neeto-site-blocks 1.0.3 → 1.0.5

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 +566 -474
  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 +551 -459
  6. package/dist/index.js.map +1 -1
  7. package/package.json +5 -2
package/dist/index.cjs.js CHANGED
@@ -29,21 +29,21 @@ var neetoCist = require('@bigbinary/neeto-cist');
29
29
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
30
30
 
31
31
  function _interopNamespace(e) {
32
- if (e && e.__esModule) return e;
33
- var n = Object.create(null);
34
- if (e) {
35
- Object.keys(e).forEach(function (k) {
36
- if (k !== 'default') {
37
- var d = Object.getOwnPropertyDescriptor(e, k);
38
- Object.defineProperty(n, k, d.get ? d : {
39
- enumerable: true,
40
- get: function () { return e[k]; }
41
- });
42
- }
43
- });
44
- }
45
- n["default"] = e;
46
- return Object.freeze(n);
32
+ if (e && e.__esModule) return e;
33
+ var n = Object.create(null);
34
+ if (e) {
35
+ Object.keys(e).forEach(function (k) {
36
+ if (k !== 'default') {
37
+ var d = Object.getOwnPropertyDescriptor(e, k);
38
+ Object.defineProperty(n, k, d.get ? d : {
39
+ enumerable: true,
40
+ get: function () { return e[k]; }
41
+ });
42
+ }
43
+ });
44
+ }
45
+ n["default"] = e;
46
+ return Object.freeze(n);
47
47
  }
48
48
 
49
49
  var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends$2);
@@ -69,6 +69,97 @@ var require$$8__default = /*#__PURE__*/_interopDefaultLegacy(require$$8);
69
69
  var require$$1__default$2 = /*#__PURE__*/_interopDefaultLegacy(require$$1$2);
70
70
  var require$$6__default = /*#__PURE__*/_interopDefaultLegacy(require$$6);
71
71
 
72
+ function getDefaultExportFromCjs (x) {
73
+ return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
74
+ }
75
+
76
+ var classnames$1 = {exports: {}};
77
+
78
+ /*!
79
+ Copyright (c) 2018 Jed Watson.
80
+ Licensed under the MIT License (MIT), see
81
+ http://jedwatson.github.io/classnames
82
+ */
83
+
84
+ (function (module) {
85
+ /* global define */
86
+
87
+ (function () {
88
+
89
+ var hasOwn = {}.hasOwnProperty;
90
+
91
+ function classNames() {
92
+ var classes = [];
93
+
94
+ for (var i = 0; i < arguments.length; i++) {
95
+ var arg = arguments[i];
96
+ if (!arg) continue;
97
+
98
+ var argType = typeof arg;
99
+
100
+ if (argType === 'string' || argType === 'number') {
101
+ classes.push(arg);
102
+ } else if (Array.isArray(arg)) {
103
+ if (arg.length) {
104
+ var inner = classNames.apply(null, arg);
105
+ if (inner) {
106
+ classes.push(inner);
107
+ }
108
+ }
109
+ } else if (argType === 'object') {
110
+ if (arg.toString === Object.prototype.toString) {
111
+ for (var key in arg) {
112
+ if (hasOwn.call(arg, key) && arg[key]) {
113
+ classes.push(key);
114
+ }
115
+ }
116
+ } else {
117
+ classes.push(arg.toString());
118
+ }
119
+ }
120
+ }
121
+
122
+ return classes.join(' ');
123
+ }
124
+
125
+ if (module.exports) {
126
+ classNames.default = classNames;
127
+ module.exports = classNames;
128
+ } else {
129
+ window.classNames = classNames;
130
+ }
131
+ }());
132
+ } (classnames$1));
133
+
134
+ var classnames = classnames$1.exports;
135
+
136
+ var ArrowButton = function ArrowButton(_ref) {
137
+ var _classnames;
138
+ var Icon = _ref.Icon,
139
+ isStart = _ref.isStart,
140
+ onClick = _ref.onClick,
141
+ isActive = _ref.isActive,
142
+ design = _ref.design;
143
+ var borderColor = isActive ? (design === null || design === void 0 ? void 0 : design.navigationActiveColor) || "#1F2433" : (design === null || design === void 0 ? void 0 : design.navigationInactiveColor) || "#ccc";
144
+ var StyledIcon = styled__default["default"](Icon)(function () {
145
+ return {
146
+ borderColor: borderColor
147
+ };
148
+ });
149
+ return /*#__PURE__*/React__default["default"].createElement("button", {
150
+ className: classnames("col-span-1", {
151
+ "col-start-1": isStart,
152
+ "col-start-12 flex justify-end": !isStart,
153
+ "cursor-default": !isActive
154
+ }),
155
+ onClick: onClick
156
+ }, /*#__PURE__*/React__default["default"].createElement(StyledIcon, {
157
+ className: "rounded-full border p-1",
158
+ size: 27,
159
+ fill: classnames((_classnames = {}, _defineProperty__default["default"](_classnames, (design === null || design === void 0 ? void 0 : design.navigationActiveColor) || "#1F2433", isActive), _defineProperty__default["default"](_classnames, (design === null || design === void 0 ? void 0 : design.navigationInactiveColor) || "#ccc", !isActive), _classnames))
160
+ }));
161
+ };
162
+
72
163
  /**
73
164
  * A special placeholder value used to specify "gaps" within curried functions,
74
165
  * allowing partial application of any combination of arguments, regardless of
@@ -542,10 +633,88 @@ function _isObject(x) {
542
633
  return Object.prototype.toString.call(x) === '[object Object]';
543
634
  }
544
635
 
636
+ /**
637
+ * Determine if the passed argument is an integer.
638
+ *
639
+ * @private
640
+ * @param {*} n
641
+ * @category Type
642
+ * @return {Boolean}
643
+ */
644
+ var _isInteger = Number.isInteger || function _isInteger(n) {
645
+ return n << 0 === n;
646
+ };
647
+
545
648
  function _isString(x) {
546
649
  return Object.prototype.toString.call(x) === '[object String]';
547
650
  }
548
651
 
652
+ /**
653
+ * Returns the nth element of the given list or string. If n is negative the
654
+ * element at index length + n is returned.
655
+ *
656
+ * @func
657
+ * @memberOf R
658
+ * @since v0.1.0
659
+ * @category List
660
+ * @sig Number -> [a] -> a | Undefined
661
+ * @sig Number -> String -> String
662
+ * @param {Number} offset
663
+ * @param {*} list
664
+ * @return {*}
665
+ * @example
666
+ *
667
+ * const list = ['foo', 'bar', 'baz', 'quux'];
668
+ * R.nth(1, list); //=> 'bar'
669
+ * R.nth(-1, list); //=> 'quux'
670
+ * R.nth(-99, list); //=> undefined
671
+ *
672
+ * R.nth(2, 'abc'); //=> 'c'
673
+ * R.nth(3, 'abc'); //=> ''
674
+ * @symb R.nth(-1, [a, b, c]) = c
675
+ * @symb R.nth(0, [a, b, c]) = a
676
+ * @symb R.nth(1, [a, b, c]) = b
677
+ */
678
+
679
+ var nth =
680
+ /*#__PURE__*/
681
+ _curry2(function nth(offset, list) {
682
+ var idx = offset < 0 ? list.length + offset : offset;
683
+ return _isString(list) ? list.charAt(idx) : list[idx];
684
+ });
685
+
686
+ /**
687
+ * Returns a function that when supplied an object returns the indicated
688
+ * property of that object, if it exists.
689
+ *
690
+ * @func
691
+ * @memberOf R
692
+ * @since v0.1.0
693
+ * @category Object
694
+ * @typedefn Idx = String | Int | Symbol
695
+ * @sig Idx -> {s: a} -> a | Undefined
696
+ * @param {String|Number} p The property name or array index
697
+ * @param {Object} obj The object to query
698
+ * @return {*} The value at `obj.p`.
699
+ * @see R.path, R.props, R.pluck, R.project, R.nth
700
+ * @example
701
+ *
702
+ * R.prop('x', {x: 100}); //=> 100
703
+ * R.prop('x', {}); //=> undefined
704
+ * R.prop(0, [100]); //=> 100
705
+ * R.compose(R.inc, R.prop('x'))({ x: 3 }) //=> 4
706
+ */
707
+
708
+ var prop =
709
+ /*#__PURE__*/
710
+ _curry2(function prop(p, obj) {
711
+ if (obj == null) {
712
+ return;
713
+ }
714
+
715
+ return _isInteger(p) ? nth(p, obj) : obj[p];
716
+ });
717
+
549
718
  /**
550
719
  * Checks if the input value is `null` or `undefined`.
551
720
  *
@@ -905,97 +1074,6 @@ _curry2(function pickBy(test, obj) {
905
1074
  return result;
906
1075
  });
907
1076
 
908
- function getDefaultExportFromCjs (x) {
909
- return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
910
- }
911
-
912
- var classnames$1 = {exports: {}};
913
-
914
- /*!
915
- Copyright (c) 2018 Jed Watson.
916
- Licensed under the MIT License (MIT), see
917
- http://jedwatson.github.io/classnames
918
- */
919
-
920
- (function (module) {
921
- /* global define */
922
-
923
- (function () {
924
-
925
- var hasOwn = {}.hasOwnProperty;
926
-
927
- function classNames() {
928
- var classes = [];
929
-
930
- for (var i = 0; i < arguments.length; i++) {
931
- var arg = arguments[i];
932
- if (!arg) continue;
933
-
934
- var argType = typeof arg;
935
-
936
- if (argType === 'string' || argType === 'number') {
937
- classes.push(arg);
938
- } else if (Array.isArray(arg)) {
939
- if (arg.length) {
940
- var inner = classNames.apply(null, arg);
941
- if (inner) {
942
- classes.push(inner);
943
- }
944
- }
945
- } else if (argType === 'object') {
946
- if (arg.toString === Object.prototype.toString) {
947
- for (var key in arg) {
948
- if (hasOwn.call(arg, key) && arg[key]) {
949
- classes.push(key);
950
- }
951
- }
952
- } else {
953
- classes.push(arg.toString());
954
- }
955
- }
956
- }
957
-
958
- return classes.join(' ');
959
- }
960
-
961
- if (module.exports) {
962
- classNames.default = classNames;
963
- module.exports = classNames;
964
- } else {
965
- window.classNames = classNames;
966
- }
967
- }());
968
- } (classnames$1));
969
-
970
- var classnames = classnames$1.exports;
971
-
972
- var ArrowButton = function ArrowButton(_ref) {
973
- var _classnames;
974
- var Icon = _ref.Icon,
975
- isStart = _ref.isStart,
976
- onClick = _ref.onClick,
977
- isActive = _ref.isActive,
978
- design = _ref.design;
979
- var borderColor = isActive ? (design === null || design === void 0 ? void 0 : design.navigationActiveColor) || "#1F2433" : (design === null || design === void 0 ? void 0 : design.navigationInactiveColor) || "#ccc";
980
- var StyledIcon = styled__default["default"](Icon)(function () {
981
- return {
982
- borderColor: borderColor
983
- };
984
- });
985
- return /*#__PURE__*/React__default["default"].createElement("button", {
986
- className: classnames("col-span-1", {
987
- "col-start-1": isStart,
988
- "col-start-12 flex justify-end": !isStart,
989
- "cursor-default": !isActive
990
- }),
991
- onClick: onClick
992
- }, /*#__PURE__*/React__default["default"].createElement(StyledIcon, {
993
- className: "rounded-full border p-1",
994
- size: 27,
995
- fill: classnames((_classnames = {}, _defineProperty__default["default"](_classnames, (design === null || design === void 0 ? void 0 : design.navigationActiveColor) || "#1F2433", isActive), _defineProperty__default["default"](_classnames, (design === null || design === void 0 ? void 0 : design.navigationInactiveColor) || "#ccc", !isActive), _classnames))
996
- }));
997
- };
998
-
999
1077
  var _excluded$2T = ["size"];
1000
1078
  var Alipay$1 = function Alipay(_ref) {
1001
1079
  var size = _ref.size,
@@ -2493,90 +2571,90 @@ Zcool$1.defaultProps = {
2493
2571
  };
2494
2572
 
2495
2573
  var OutlineIcons = /*#__PURE__*/Object.freeze({
2496
- __proto__: null,
2497
- Facebook: Facebook$1,
2498
- Alipay: Alipay$1,
2499
- Close: Close$1,
2500
- ArrowLeft: ArrowLeft$1,
2501
- ArrowRight: ArrowRight$1,
2502
- ArrowUp: ArrowUp$1,
2503
- ArrowDown: ArrowDown$1,
2504
- ArrowLeftS: ArrowLeftS$1,
2505
- ArrowRightS: ArrowRightS$1,
2506
- ArrowUpS: ArrowUpS$1,
2507
- ArrowDownS: ArrowDownS$1,
2508
- Menu: Menu$1,
2509
- More2: More2$1,
2510
- Amazon: Amazon$1,
2511
- Android: Android$1,
2512
- AppStore: AppStore$1,
2513
- Apple: Apple$1,
2514
- Baidu: Baidu$1,
2515
- Bard: Bard$1,
2516
- Behance: Behance$1,
2517
- Blender: Blender$1,
2518
- Chrome: Chrome$1,
2519
- Discord: Discord$1,
2520
- Dribbble: Dribbble$1,
2521
- Drive: Drive$1,
2522
- Dropbox: Dropbox$1,
2523
- Edge: Edge$1,
2524
- FacebookCircle: FacebookCircle$1,
2525
- Firefox: Firefox$1,
2526
- Flickr: Flickr$1,
2527
- Check: Check$1,
2528
- CheckDouble: CheckDouble,
2529
- Github: Github$1,
2530
- Gitlab: Gitlab$1,
2531
- Google: Google$1,
2532
- GooglePlay: GooglePlay$1,
2533
- Ie: Ie$1,
2534
- Instagram: Instagram$1,
2535
- Kick: Kick$1,
2536
- LinkedinBox: LinkedinBox$1,
2537
- Linkedin: Linkedin$1,
2538
- MapPin2: MapPin2$1,
2539
- MapPin: MapPin$1,
2540
- MapPinUser: MapPinUser$1,
2541
- Medium: Medium$1,
2542
- Messenger: Messenger$1,
2543
- Meta: Meta$1,
2544
- Microsoft: Microsoft$1,
2545
- Netflix: Netflix$1,
2546
- Notion: Notion$1,
2547
- Npmjs: Npmjs$1,
2548
- OpenSource: OpenSource$1,
2549
- Openai: Openai$1,
2550
- Paypal: Paypal$1,
2551
- Pinterest: Pinterest$1,
2552
- ProductHunt: ProductHunt$1,
2553
- Reddit: Reddit$1,
2554
- Safari: Safari$1,
2555
- Skype: Skype$1,
2556
- Slack: Slack$1,
2557
- Snapchat: Snapchat$1,
2558
- Spotify: Spotify$1,
2559
- StackOverflow: StackOverflow$1,
2560
- Supabase: Supabase$1,
2561
- Telegram: Telegram$1,
2562
- Threads: Threads$1,
2563
- Tiktok: Tiktok$1,
2564
- Trello: Trello$1,
2565
- Tumblr: Tumblr$1,
2566
- Twitter: Twitter$1,
2567
- TwitterX: TwitterX$1,
2568
- Ubuntu: Ubuntu$1,
2569
- Unsplash: Unsplash$1,
2570
- Vimeo: Vimeo$1,
2571
- Visa: Visa$1,
2572
- Wechat2: Wechat2$1,
2573
- Wechat: Wechat$1,
2574
- Whatsapp: Whatsapp$1,
2575
- Windows: Windows$1,
2576
- Wordpress: Wordpress$1,
2577
- Xbox: Xbox$1,
2578
- Youtube: Youtube$1,
2579
- Zcool: Zcool$1
2574
+ __proto__: null,
2575
+ Facebook: Facebook$1,
2576
+ Alipay: Alipay$1,
2577
+ Close: Close$1,
2578
+ ArrowLeft: ArrowLeft$1,
2579
+ ArrowRight: ArrowRight$1,
2580
+ ArrowUp: ArrowUp$1,
2581
+ ArrowDown: ArrowDown$1,
2582
+ ArrowLeftS: ArrowLeftS$1,
2583
+ ArrowRightS: ArrowRightS$1,
2584
+ ArrowUpS: ArrowUpS$1,
2585
+ ArrowDownS: ArrowDownS$1,
2586
+ Menu: Menu$1,
2587
+ More2: More2$1,
2588
+ Amazon: Amazon$1,
2589
+ Android: Android$1,
2590
+ AppStore: AppStore$1,
2591
+ Apple: Apple$1,
2592
+ Baidu: Baidu$1,
2593
+ Bard: Bard$1,
2594
+ Behance: Behance$1,
2595
+ Blender: Blender$1,
2596
+ Chrome: Chrome$1,
2597
+ Discord: Discord$1,
2598
+ Dribbble: Dribbble$1,
2599
+ Drive: Drive$1,
2600
+ Dropbox: Dropbox$1,
2601
+ Edge: Edge$1,
2602
+ FacebookCircle: FacebookCircle$1,
2603
+ Firefox: Firefox$1,
2604
+ Flickr: Flickr$1,
2605
+ Check: Check$1,
2606
+ CheckDouble: CheckDouble,
2607
+ Github: Github$1,
2608
+ Gitlab: Gitlab$1,
2609
+ Google: Google$1,
2610
+ GooglePlay: GooglePlay$1,
2611
+ Ie: Ie$1,
2612
+ Instagram: Instagram$1,
2613
+ Kick: Kick$1,
2614
+ LinkedinBox: LinkedinBox$1,
2615
+ Linkedin: Linkedin$1,
2616
+ MapPin2: MapPin2$1,
2617
+ MapPin: MapPin$1,
2618
+ MapPinUser: MapPinUser$1,
2619
+ Medium: Medium$1,
2620
+ Messenger: Messenger$1,
2621
+ Meta: Meta$1,
2622
+ Microsoft: Microsoft$1,
2623
+ Netflix: Netflix$1,
2624
+ Notion: Notion$1,
2625
+ Npmjs: Npmjs$1,
2626
+ OpenSource: OpenSource$1,
2627
+ Openai: Openai$1,
2628
+ Paypal: Paypal$1,
2629
+ Pinterest: Pinterest$1,
2630
+ ProductHunt: ProductHunt$1,
2631
+ Reddit: Reddit$1,
2632
+ Safari: Safari$1,
2633
+ Skype: Skype$1,
2634
+ Slack: Slack$1,
2635
+ Snapchat: Snapchat$1,
2636
+ Spotify: Spotify$1,
2637
+ StackOverflow: StackOverflow$1,
2638
+ Supabase: Supabase$1,
2639
+ Telegram: Telegram$1,
2640
+ Threads: Threads$1,
2641
+ Tiktok: Tiktok$1,
2642
+ Trello: Trello$1,
2643
+ Tumblr: Tumblr$1,
2644
+ Twitter: Twitter$1,
2645
+ TwitterX: TwitterX$1,
2646
+ Ubuntu: Ubuntu$1,
2647
+ Unsplash: Unsplash$1,
2648
+ Vimeo: Vimeo$1,
2649
+ Visa: Visa$1,
2650
+ Wechat2: Wechat2$1,
2651
+ Wechat: Wechat$1,
2652
+ Whatsapp: Whatsapp$1,
2653
+ Windows: Windows$1,
2654
+ Wordpress: Wordpress$1,
2655
+ Xbox: Xbox$1,
2656
+ Youtube: Youtube$1,
2657
+ Zcool: Zcool$1
2580
2658
  });
2581
2659
 
2582
2660
  var COMPONENTS = {
@@ -2798,28 +2876,28 @@ var DEFAULT_LINK_STYLES = {
2798
2876
  };
2799
2877
 
2800
2878
  var index$1 = /*#__PURE__*/Object.freeze({
2801
- __proto__: null,
2802
- COMPONENTS: COMPONENTS,
2803
- SPACING_VALUES: SPACING_VALUES,
2804
- BACKGROUND_IMAGE_SIZE_VALUES: BACKGROUND_IMAGE_SIZE_VALUES,
2805
- BACKGROUND_IMAGE_POSITION_VALUES: BACKGROUND_IMAGE_POSITION_VALUES,
2806
- BACKGROUND_IMAGE_REPEAT_VALUES: BACKGROUND_IMAGE_REPEAT_VALUES,
2807
- TEXT_ALIGN_VALUES: TEXT_ALIGN_VALUES,
2808
- ICON_SIZE_VALUES: ICON_SIZE_VALUES,
2809
- LOGO_WIDTH_VALUES: LOGO_WIDTH_VALUES,
2810
- IMAGE_WIDTH_VALUES: IMAGE_WIDTH_VALUES,
2811
- BORDER_STYLE_VALUES: BORDER_STYLE_VALUES,
2812
- BORDER_WIDTH_VALUES: BORDER_WIDTH_VALUES,
2813
- BORDER_RADIUS_VALUES: BORDER_RADIUS_VALUES,
2814
- FONT_SIZE_VALUES: FONT_SIZE_VALUES,
2815
- FONT_FAMILY_VALUES: FONT_FAMILY_VALUES,
2816
- FONT_WEIGHT_VALUES: FONT_WEIGHT_VALUES,
2817
- LINE_HEIGHT_VALUES: LINE_HEIGHT_VALUES,
2818
- LETTER_SPACING_VALUES: LETTER_SPACING_VALUES,
2819
- PRICING_PLANS: PRICING_PLANS,
2820
- DEFAULT_BUTTON_STYLES: DEFAULT_BUTTON_STYLES,
2821
- DEFAULT_TYPOGRAPHY_STYLES: DEFAULT_TYPOGRAPHY_STYLES,
2822
- DEFAULT_LINK_STYLES: DEFAULT_LINK_STYLES
2879
+ __proto__: null,
2880
+ COMPONENTS: COMPONENTS,
2881
+ SPACING_VALUES: SPACING_VALUES,
2882
+ BACKGROUND_IMAGE_SIZE_VALUES: BACKGROUND_IMAGE_SIZE_VALUES,
2883
+ BACKGROUND_IMAGE_POSITION_VALUES: BACKGROUND_IMAGE_POSITION_VALUES,
2884
+ BACKGROUND_IMAGE_REPEAT_VALUES: BACKGROUND_IMAGE_REPEAT_VALUES,
2885
+ TEXT_ALIGN_VALUES: TEXT_ALIGN_VALUES,
2886
+ ICON_SIZE_VALUES: ICON_SIZE_VALUES,
2887
+ LOGO_WIDTH_VALUES: LOGO_WIDTH_VALUES,
2888
+ IMAGE_WIDTH_VALUES: IMAGE_WIDTH_VALUES,
2889
+ BORDER_STYLE_VALUES: BORDER_STYLE_VALUES,
2890
+ BORDER_WIDTH_VALUES: BORDER_WIDTH_VALUES,
2891
+ BORDER_RADIUS_VALUES: BORDER_RADIUS_VALUES,
2892
+ FONT_SIZE_VALUES: FONT_SIZE_VALUES,
2893
+ FONT_FAMILY_VALUES: FONT_FAMILY_VALUES,
2894
+ FONT_WEIGHT_VALUES: FONT_WEIGHT_VALUES,
2895
+ LINE_HEIGHT_VALUES: LINE_HEIGHT_VALUES,
2896
+ LETTER_SPACING_VALUES: LETTER_SPACING_VALUES,
2897
+ PRICING_PLANS: PRICING_PLANS,
2898
+ DEFAULT_BUTTON_STYLES: DEFAULT_BUTTON_STYLES,
2899
+ DEFAULT_TYPOGRAPHY_STYLES: DEFAULT_TYPOGRAPHY_STYLES,
2900
+ DEFAULT_LINK_STYLES: DEFAULT_LINK_STYLES
2823
2901
  });
2824
2902
 
2825
2903
  var _excluded$1A = ["size"];
@@ -4300,89 +4378,89 @@ Zcool.defaultProps = {
4300
4378
  };
4301
4379
 
4302
4380
  var FilledIcons = /*#__PURE__*/Object.freeze({
4303
- __proto__: null,
4304
- Facebook: Facebook,
4305
- ArrowDown: ArrowDown,
4306
- ArrowUp: ArrowUp,
4307
- ArrowLeftS: ArrowLeftS,
4308
- ArrowRightS: ArrowRightS,
4309
- ArrowDownS: ArrowDownS,
4310
- ArrowUpS: ArrowUpS,
4311
- Alipay: Alipay,
4312
- Amazon: Amazon,
4313
- Android: Android,
4314
- AppStore: AppStore,
4315
- Apple: Apple,
4316
- Check: Check,
4317
- Baidu: Baidu,
4318
- Bard: Bard,
4319
- Behance: Behance,
4320
- Blender: Blender,
4321
- Chrome: Chrome,
4322
- Discord: Discord,
4323
- Dribbble: Dribbble,
4324
- Drive: Drive,
4325
- Dropbox: Dropbox,
4326
- Edge: Edge,
4327
- FacebookCircle: FacebookCircle,
4328
- Firefox: Firefox,
4329
- Flickr: Flickr,
4330
- Github: Github,
4331
- Gitlab: Gitlab,
4332
- Google: Google,
4333
- GooglePlay: GooglePlay,
4334
- Ie: Ie,
4335
- Instagram: Instagram,
4336
- Kick: Kick,
4337
- LinkedinBox: LinkedinBox,
4338
- Linkedin: Linkedin,
4339
- MapPin2: MapPin2,
4340
- MapPin: MapPin,
4341
- MapPinUser: MapPinUser,
4342
- Medium: Medium,
4343
- Messenger: Messenger,
4344
- Meta: Meta,
4345
- Microsoft: Microsoft,
4346
- Netflix: Netflix,
4347
- Notion: Notion,
4348
- Npmjs: Npmjs,
4349
- OpenSource: OpenSource,
4350
- Openai: Openai,
4351
- ArrowLeft: ArrowLeft,
4352
- ArrowRight: ArrowRight,
4353
- Close: Close,
4354
- Menu: Menu,
4355
- More2: More2,
4356
- Paypal: Paypal,
4357
- Pinterest: Pinterest,
4358
- ProductHunt: ProductHunt,
4359
- Reddit: Reddit,
4360
- Safari: Safari,
4361
- Skype: Skype,
4362
- Slack: Slack,
4363
- Snapchat: Snapchat,
4364
- Spotify: Spotify,
4365
- StackOverflow: StackOverflow,
4366
- Supabase: Supabase,
4367
- Telegram: Telegram,
4368
- Threads: Threads,
4369
- Tiktok: Tiktok,
4370
- Trello: Trello,
4371
- Tumblr: Tumblr,
4372
- Twitter: Twitter,
4373
- TwitterX: TwitterX,
4374
- Ubuntu: Ubuntu,
4375
- Unsplash: Unsplash,
4376
- Vimeo: Vimeo,
4377
- Visa: Visa,
4378
- Wechat2: Wechat2,
4379
- Wechat: Wechat,
4380
- Whatsapp: Whatsapp,
4381
- Windows: Windows,
4382
- Wordpress: Wordpress,
4383
- Xbox: Xbox,
4384
- Youtube: Youtube,
4385
- Zcool: Zcool
4381
+ __proto__: null,
4382
+ Facebook: Facebook,
4383
+ ArrowDown: ArrowDown,
4384
+ ArrowUp: ArrowUp,
4385
+ ArrowLeftS: ArrowLeftS,
4386
+ ArrowRightS: ArrowRightS,
4387
+ ArrowDownS: ArrowDownS,
4388
+ ArrowUpS: ArrowUpS,
4389
+ Alipay: Alipay,
4390
+ Amazon: Amazon,
4391
+ Android: Android,
4392
+ AppStore: AppStore,
4393
+ Apple: Apple,
4394
+ Check: Check,
4395
+ Baidu: Baidu,
4396
+ Bard: Bard,
4397
+ Behance: Behance,
4398
+ Blender: Blender,
4399
+ Chrome: Chrome,
4400
+ Discord: Discord,
4401
+ Dribbble: Dribbble,
4402
+ Drive: Drive,
4403
+ Dropbox: Dropbox,
4404
+ Edge: Edge,
4405
+ FacebookCircle: FacebookCircle,
4406
+ Firefox: Firefox,
4407
+ Flickr: Flickr,
4408
+ Github: Github,
4409
+ Gitlab: Gitlab,
4410
+ Google: Google,
4411
+ GooglePlay: GooglePlay,
4412
+ Ie: Ie,
4413
+ Instagram: Instagram,
4414
+ Kick: Kick,
4415
+ LinkedinBox: LinkedinBox,
4416
+ Linkedin: Linkedin,
4417
+ MapPin2: MapPin2,
4418
+ MapPin: MapPin,
4419
+ MapPinUser: MapPinUser,
4420
+ Medium: Medium,
4421
+ Messenger: Messenger,
4422
+ Meta: Meta,
4423
+ Microsoft: Microsoft,
4424
+ Netflix: Netflix,
4425
+ Notion: Notion,
4426
+ Npmjs: Npmjs,
4427
+ OpenSource: OpenSource,
4428
+ Openai: Openai,
4429
+ ArrowLeft: ArrowLeft,
4430
+ ArrowRight: ArrowRight,
4431
+ Close: Close,
4432
+ Menu: Menu,
4433
+ More2: More2,
4434
+ Paypal: Paypal,
4435
+ Pinterest: Pinterest,
4436
+ ProductHunt: ProductHunt,
4437
+ Reddit: Reddit,
4438
+ Safari: Safari,
4439
+ Skype: Skype,
4440
+ Slack: Slack,
4441
+ Snapchat: Snapchat,
4442
+ Spotify: Spotify,
4443
+ StackOverflow: StackOverflow,
4444
+ Supabase: Supabase,
4445
+ Telegram: Telegram,
4446
+ Threads: Threads,
4447
+ Tiktok: Tiktok,
4448
+ Trello: Trello,
4449
+ Tumblr: Tumblr,
4450
+ Twitter: Twitter,
4451
+ TwitterX: TwitterX,
4452
+ Ubuntu: Ubuntu,
4453
+ Unsplash: Unsplash,
4454
+ Vimeo: Vimeo,
4455
+ Visa: Visa,
4456
+ Wechat2: Wechat2,
4457
+ Wechat: Wechat,
4458
+ Whatsapp: Whatsapp,
4459
+ Windows: Windows,
4460
+ Wordpress: Wordpress,
4461
+ Xbox: Xbox,
4462
+ Youtube: Youtube,
4463
+ Zcool: Zcool
4386
4464
  });
4387
4465
 
4388
4466
  var YOUTUBE_URL_REGEXP = /^((?:https?:)?\/\/)?((?:www|m)\.)?((?:youtube\.com|youtu.be))(\/(?:[\w-]+\?v=|embed\/|v\/)?)([\w-]+)(\S+)?$/;
@@ -4572,7 +4650,7 @@ function ownKeys$7(object, enumerableOnly) { var keys = Object.keys(object); if
4572
4650
  function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$7(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
4573
4651
  var StyledWrapper = styled__default["default"].div.attrs(function (props) {
4574
4652
  return {
4575
- className: classnames(props.className, generateResponsiveStyles(props.design))
4653
+ className: generateResponsiveStyles(props.design)
4576
4654
  };
4577
4655
  })(function (_ref) {
4578
4656
  var _design$border, _design$borderTop, _design$borderTop2, _design$borderTop3, _design$borderBottom, _design$borderBottom2, _design$borderBottom3, _design$borderRight, _design$borderLeft, _design$border2;
@@ -14103,6 +14181,14 @@ var StyledAnchor = styled__default["default"].a.attrs(function (props) {
14103
14181
  return mergeAll([design, borderColorStyles, hoverStyles]);
14104
14182
  });
14105
14183
 
14184
+ var withConditionalRender = function withConditionalRender(Component, condition) {
14185
+ var ConditionalRender = function ConditionalRender(props) {
14186
+ return condition(props) && /*#__PURE__*/React__default["default"].createElement(Component, props);
14187
+ };
14188
+ ConditionalRender.displayName = "ConditionalRender";
14189
+ return ConditionalRender;
14190
+ };
14191
+
14106
14192
  var StyledImage = styled__default["default"].img(function (_ref) {
14107
14193
  var _ref$design = _ref.design,
14108
14194
  design = _ref$design === void 0 ? {} : _ref$design,
@@ -14118,6 +14204,7 @@ var StyledImage = styled__default["default"].img(function (_ref) {
14118
14204
  var customizedStyles = mergeAll([baseStyles, mediaStyles]);
14119
14205
  return mergeRight(design, customizedStyles);
14120
14206
  });
14207
+ var StyledImage$1 = withConditionalRender(StyledImage, prop("src"));
14121
14208
 
14122
14209
  var _templateObject;
14123
14210
  var PaginationWrapper = styled__default["default"].div.attrs(function (_ref) {
@@ -14220,6 +14307,7 @@ var Button = function Button(_ref) {
14220
14307
  isButton: true
14221
14308
  }), label);
14222
14309
  };
14310
+ var Button$1 = withConditionalRender(Button, prop("label"));
14223
14311
 
14224
14312
  var LinkElement = function LinkElement(_ref) {
14225
14313
  var to = _ref.to,
@@ -14259,6 +14347,7 @@ var LinkElement = function LinkElement(_ref) {
14259
14347
  }
14260
14348
  return /*#__PURE__*/React__default["default"].createElement(StyledAnchor, commonProps, label, Icon && /*#__PURE__*/React__default["default"].createElement(Icon, null));
14261
14349
  };
14350
+ var Link = withConditionalRender(LinkElement, prop("label"));
14262
14351
 
14263
14352
  var _excluded$f = ["isEmbedded", "src", "design"];
14264
14353
  var Media = function Media(_ref) {
@@ -14275,7 +14364,7 @@ var Media = function Media(_ref) {
14275
14364
  style: design
14276
14365
  });
14277
14366
  }
14278
- return /*#__PURE__*/React__default["default"].createElement(StyledImage, _extends__default["default"]({
14367
+ return /*#__PURE__*/React__default["default"].createElement(StyledImage$1, _extends__default["default"]({
14279
14368
  design: design,
14280
14369
  src: src
14281
14370
  }, otherProps));
@@ -14349,9 +14438,9 @@ var Toggle = function Toggle(_ref) {
14349
14438
  });
14350
14439
  };
14351
14440
  return /*#__PURE__*/React__default["default"].createElement("div", {
14352
- className: classnames("relative flex justify-center p-4", className)
14441
+ className: classnames("flex justify-center p-4", className)
14353
14442
  }, /*#__PURE__*/React__default["default"].createElement("div", {
14354
- className: "neeto-site-toggle-button relative flex overflow-hidden rounded-full bg-white"
14443
+ className: "neeto-site-toggle-button flex rounded-full bg-white"
14355
14444
  }, options.map(function (option) {
14356
14445
  return /*#__PURE__*/React__default["default"].createElement("button", {
14357
14446
  className: buttonClasses(option === activeOption),
@@ -15492,6 +15581,7 @@ var Typography = function Typography(_ref) {
15492
15581
  }));
15493
15582
  };
15494
15583
  Typography.displayName = "Typography";
15584
+ var Typography$1 = withConditionalRender(Typography, prop("children"));
15495
15585
 
15496
15586
  var CardsClassic = function CardsClassic(_ref) {
15497
15587
  var configurations = _ref.configurations,
@@ -15510,21 +15600,21 @@ var CardsClassic = function CardsClassic(_ref) {
15510
15600
  src = properties.backgroundImage.src;
15511
15601
  var baseClasses = "grid grid-cols-12 sm:gap-x-4 gap-y-4 items-center ns-card";
15512
15602
  return /*#__PURE__*/React__default["default"].createElement(BlockWrapper, {
15603
+ className: className,
15604
+ enableAnimation: enableAnimation,
15605
+ id: id,
15513
15606
  backgroundImage: mergeLeft({
15514
15607
  src: src
15515
15608
  }, design.backgroundImage),
15516
- className: className,
15517
15609
  design: design.body,
15518
15610
  duration: 0.01,
15519
- enableAnimation: enableAnimation,
15520
- id: id,
15521
15611
  nestedClassName: baseClasses
15522
- }, /*#__PURE__*/React__default["default"].createElement(Typography, {
15612
+ }, /*#__PURE__*/React__default["default"].createElement(Typography$1, {
15523
15613
  isTitle: true,
15524
15614
  className: "col-span-12",
15525
15615
  component: "h1",
15526
15616
  style: design.title
15527
- }, title), description && /*#__PURE__*/React__default["default"].createElement(Typography, {
15617
+ }, title), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
15528
15618
  className: "col-span-12",
15529
15619
  component: "p",
15530
15620
  style: design.description
@@ -15539,17 +15629,17 @@ var CardsClassic = function CardsClassic(_ref) {
15539
15629
  onClick: function onClick() {
15540
15630
  return href && window.open(href, "_blank");
15541
15631
  }
15542
- }, /*#__PURE__*/React__default["default"].createElement(Typography, {
15632
+ }, /*#__PURE__*/React__default["default"].createElement(Typography$1, {
15543
15633
  isTitle: true,
15544
15634
  className: "ns-card-truncation ns-card-line-clamp-2",
15545
15635
  component: "h1",
15546
15636
  style: design.cardTitle
15547
- }, title), /*#__PURE__*/React__default["default"].createElement(Typography, {
15637
+ }, title), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
15548
15638
  className: "ns-card-truncation ns-card-line-clamp-3",
15549
15639
  component: "p",
15550
15640
  style: design.cardDescription
15551
15641
  }, description));
15552
- }), isButtonRequired && /*#__PURE__*/React__default["default"].createElement(Button, _extends__default["default"]({
15642
+ }), isButtonRequired && /*#__PURE__*/React__default["default"].createElement(Button$1, _extends__default["default"]({
15553
15643
  className: "col-span-12 flex justify-center sm:col-span-6 sm:col-start-4 lg:col-span-4 lg:col-start-5",
15554
15644
  style: design.button
15555
15645
  }, button)));
@@ -20354,18 +20444,18 @@ var CardsInGridView = function CardsInGridView(_ref) {
20354
20444
  onClick: function onClick() {
20355
20445
  return href && window.open(href, "_blank");
20356
20446
  }
20357
- }, /*#__PURE__*/React__default["default"].createElement(StyledImage, {
20447
+ }, /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
20358
20448
  className: "mx-auto h-52 object-cover",
20359
20449
  design: design.cardImage,
20360
20450
  src: imageUrl
20361
20451
  }), /*#__PURE__*/React__default["default"].createElement("div", {
20362
20452
  className: "gap-x-2 sm:gap-y-4"
20363
- }, /*#__PURE__*/React__default["default"].createElement(Typography, {
20453
+ }, /*#__PURE__*/React__default["default"].createElement(Typography$1, {
20364
20454
  isTitle: true,
20365
20455
  className: "ns-card-truncation ns-card-line-clamp-2",
20366
20456
  component: "h1",
20367
20457
  style: design.cardTitle
20368
- }, title), /*#__PURE__*/React__default["default"].createElement(Typography, {
20458
+ }, title), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
20369
20459
  className: "ns-card-truncation ns-card-line-clamp-3",
20370
20460
  component: "p",
20371
20461
  style: design.cardDescription
@@ -20382,7 +20472,7 @@ var CardsInGridView = function CardsInGridView(_ref) {
20382
20472
  id: id,
20383
20473
  nestedClassName: baseClasses,
20384
20474
  nestedComponent: MotionWrapper
20385
- }, /*#__PURE__*/React__default["default"].createElement(Typography, {
20475
+ }, /*#__PURE__*/React__default["default"].createElement(Typography$1, {
20386
20476
  isTitle: true,
20387
20477
  className: "col-span-12",
20388
20478
  component: "h1",
@@ -20434,12 +20524,12 @@ var CardsInGridView = function CardsInGridView(_ref) {
20434
20524
  id: id,
20435
20525
  nestedClassName: baseClasses,
20436
20526
  nestedComponent: StyledWrapper
20437
- }, /*#__PURE__*/React__default["default"].createElement(Typography, {
20527
+ }, /*#__PURE__*/React__default["default"].createElement(Typography$1, {
20438
20528
  isTitle: true,
20439
20529
  className: "col-span-12",
20440
20530
  component: "h1",
20441
20531
  style: design.title
20442
- }, title), description && /*#__PURE__*/React__default["default"].createElement(Typography, {
20532
+ }, title), description && /*#__PURE__*/React__default["default"].createElement(Typography$1, {
20443
20533
  className: "col-span-12",
20444
20534
  component: "p",
20445
20535
  style: design.description
@@ -20449,7 +20539,7 @@ var CardsInGridView = function CardsInGridView(_ref) {
20449
20539
  }, renderCard(card));
20450
20540
  }), isButtonRequired && /*#__PURE__*/React__default["default"].createElement("div", {
20451
20541
  className: "col-span-12 grid grid-cols-12"
20452
- }, /*#__PURE__*/React__default["default"].createElement(Button, _extends__default["default"]({
20542
+ }, /*#__PURE__*/React__default["default"].createElement(Button$1, _extends__default["default"]({
20453
20543
  className: "col-span-12 flex justify-center sm:col-span-6 sm:col-start-4 lg:col-span-4 lg:col-start-5",
20454
20544
  style: design.button
20455
20545
  }, button))));
@@ -20479,20 +20569,20 @@ var CardsWithCustomizableGrid = function CardsWithCustomizableGrid(_ref) {
20479
20569
  "lg:col-span-3 sm:col-span-6": gridCount === 4
20480
20570
  });
20481
20571
  return /*#__PURE__*/React__default["default"].createElement(BlockWrapper, {
20572
+ className: className,
20573
+ enableAnimation: enableAnimation,
20574
+ id: id,
20482
20575
  backgroundImage: mergeLeft({
20483
20576
  src: src
20484
20577
  }, design.backgroundImage),
20485
- className: className,
20486
20578
  design: design.body,
20487
- enableAnimation: enableAnimation,
20488
- id: id,
20489
20579
  nestedClassName: baseClasses
20490
- }, /*#__PURE__*/React__default["default"].createElement(Typography, {
20580
+ }, /*#__PURE__*/React__default["default"].createElement(Typography$1, {
20491
20581
  isTitle: true,
20492
20582
  className: "col-span-12",
20493
20583
  component: "h1",
20494
20584
  style: design.title
20495
- }, title), description && /*#__PURE__*/React__default["default"].createElement(Typography, {
20585
+ }, title), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
20496
20586
  className: "col-span-12",
20497
20587
  component: "p",
20498
20588
  style: design.description
@@ -20505,26 +20595,26 @@ var CardsWithCustomizableGrid = function CardsWithCustomizableGrid(_ref) {
20505
20595
  description = _ref2.description,
20506
20596
  href = _ref2.href;
20507
20597
  return /*#__PURE__*/React__default["default"].createElement(MotionWrapper, {
20598
+ enableAnimation: enableAnimation,
20508
20599
  className: gridBaseClasses,
20509
20600
  design: design.card,
20510
20601
  duration: 0.01,
20511
- enableAnimation: enableAnimation,
20512
20602
  key: getUniqueKey(title, description, index),
20513
20603
  onClick: function onClick() {
20514
20604
  return href && window.open(href, "_blank");
20515
20605
  }
20516
- }, /*#__PURE__*/React__default["default"].createElement(Typography, {
20606
+ }, /*#__PURE__*/React__default["default"].createElement(Typography$1, {
20517
20607
  isTitle: true,
20518
20608
  className: "ns-card-truncation ns-card-line-clamp-4",
20519
20609
  component: "h1",
20520
20610
  style: design.cardTitle
20521
- }, title), /*#__PURE__*/React__default["default"].createElement(Typography, {
20611
+ }, title), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
20522
20612
  component: "p",
20523
20613
  style: design.cardDescription
20524
20614
  }, description));
20525
20615
  }), isButtonRequired && /*#__PURE__*/React__default["default"].createElement("div", {
20526
20616
  className: "col-span-12 grid grid-cols-12"
20527
- }, /*#__PURE__*/React__default["default"].createElement(Button, _extends__default["default"]({
20617
+ }, /*#__PURE__*/React__default["default"].createElement(Button$1, _extends__default["default"]({
20528
20618
  className: "col-span-12 flex justify-center sm:col-span-6 sm:col-start-4 lg:col-span-4 lg:col-start-5",
20529
20619
  style: design.button
20530
20620
  }, button)))));
@@ -20560,12 +20650,12 @@ var CardsWithImage = function CardsWithImage(_ref) {
20560
20650
  enableAnimation: enableAnimation,
20561
20651
  id: id,
20562
20652
  nestedClassName: baseClasses
20563
- }, /*#__PURE__*/React__default["default"].createElement(Typography, {
20653
+ }, /*#__PURE__*/React__default["default"].createElement(Typography$1, {
20564
20654
  isTitle: true,
20565
20655
  className: "col-span-12",
20566
20656
  component: "h1",
20567
20657
  style: design.title
20568
- }, title), /*#__PURE__*/React__default["default"].createElement(Typography, {
20658
+ }, title), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
20569
20659
  className: "col-span-12 sm:col-span-8 sm:col-start-3",
20570
20660
  component: "h1",
20571
20661
  style: design.description
@@ -20594,14 +20684,14 @@ var CardsWithImage = function CardsWithImage(_ref) {
20594
20684
  paddingHorizontal: design.card.paddingHorizontal,
20595
20685
  paddingVertical: design.card.paddingVertical
20596
20686
  }
20597
- }, /*#__PURE__*/React__default["default"].createElement(Typography, {
20687
+ }, /*#__PURE__*/React__default["default"].createElement(Typography$1, {
20598
20688
  isTitle: true,
20599
20689
  className: "ns-card-truncation ns-card-line-clamp-4",
20600
20690
  component: "h1",
20601
20691
  style: design.cardTitle
20602
20692
  }, title)), /*#__PURE__*/React__default["default"].createElement("div", {
20603
20693
  className: "absolute right-0 bottom-0 flex items-end justify-end"
20604
- }, /*#__PURE__*/React__default["default"].createElement(StyledImage, {
20694
+ }, /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
20605
20695
  design: design.cardImage,
20606
20696
  src: imageUrl
20607
20697
  })));
@@ -20613,7 +20703,7 @@ var CardsWithImage = function CardsWithImage(_ref) {
20613
20703
  paddingVertical: 0,
20614
20704
  backgroundColor: "transparent"
20615
20705
  })
20616
- }, /*#__PURE__*/React__default["default"].createElement(LinkElement, _extends__default["default"]({
20706
+ }, /*#__PURE__*/React__default["default"].createElement(Link, _extends__default["default"]({
20617
20707
  className: "col-span-12 flex items-center justify-center gap-x-2",
20618
20708
  style: design.cardLink
20619
20709
  }, addMore, {
@@ -20649,19 +20739,19 @@ var CtaClassic = function CtaClassic(_ref) {
20649
20739
  nestedClassName: baseClasses
20650
20740
  }, /*#__PURE__*/React__default["default"].createElement("div", {
20651
20741
  className: "col-span-12 sm:col-span-8 sm:col-start-3 lg:col-span-6 lg:col-start-4"
20652
- }, /*#__PURE__*/React__default["default"].createElement(Typography, {
20742
+ }, /*#__PURE__*/React__default["default"].createElement(Typography$1, {
20653
20743
  isTitle: true,
20654
20744
  component: "h1",
20655
20745
  style: design.title
20656
- }, title), /*#__PURE__*/React__default["default"].createElement(Typography, {
20746
+ }, title), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
20657
20747
  component: "p",
20658
20748
  style: design.description
20659
20749
  }, description)), /*#__PURE__*/React__default["default"].createElement("div", {
20660
20750
  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"
20661
- }, /*#__PURE__*/React__default["default"].createElement(Button, _extends__default["default"]({
20751
+ }, /*#__PURE__*/React__default["default"].createElement(Button$1, _extends__default["default"]({
20662
20752
  className: "justify-center sm:w-auto",
20663
20753
  style: design.primaryButton
20664
- }, primaryButton, otherProps)), /*#__PURE__*/React__default["default"].createElement(Button, _extends__default["default"]({
20754
+ }, primaryButton, otherProps)), /*#__PURE__*/React__default["default"].createElement(Button$1, _extends__default["default"]({
20665
20755
  className: "justify-center sm:w-auto",
20666
20756
  style: design.secondaryButton
20667
20757
  }, secondaryButton, otherProps))));
@@ -37578,11 +37668,11 @@ var CtaWithEmailAction = function CtaWithEmailAction(_ref) {
37578
37668
  nestedClassName: baseClasses
37579
37669
  }, /*#__PURE__*/React__default["default"].createElement("div", {
37580
37670
  className: "col-span-12 sm:col-span-8 sm:col-start-3 lg:col-span-6 lg:col-start-4"
37581
- }, /*#__PURE__*/React__default["default"].createElement(Typography, {
37671
+ }, /*#__PURE__*/React__default["default"].createElement(Typography$1, {
37582
37672
  isTitle: true,
37583
37673
  component: "h1",
37584
37674
  style: design.title
37585
- }, title), /*#__PURE__*/React__default["default"].createElement(Typography, {
37675
+ }, title), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
37586
37676
  component: "p",
37587
37677
  style: design.description
37588
37678
  }, description)), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -37611,9 +37701,9 @@ var CtaWithEmailAction = function CtaWithEmailAction(_ref) {
37611
37701
  className: "rounded-full bg-green-600 p-1",
37612
37702
  color: "#ffffff",
37613
37703
  size: 20
37614
- }), /*#__PURE__*/React__default["default"].createElement(Typography, {
37704
+ }), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
37615
37705
  style: design.successMessage
37616
- }, response.message)), /*#__PURE__*/React__default["default"].createElement(Typography, {
37706
+ }, response.message)), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
37617
37707
  className: "col-span-10 col-start-2 sm:col-span-4 sm:col-start-5",
37618
37708
  component: "p",
37619
37709
  style: design.promotionText
@@ -37646,23 +37736,23 @@ var CtaWithLogo = function CtaWithLogo(_ref) {
37646
37736
  enableAnimation: enableAnimation,
37647
37737
  id: id,
37648
37738
  nestedClassName: baseClasses
37649
- }, /*#__PURE__*/React__default["default"].createElement(StyledImage, {
37739
+ }, /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
37650
37740
  alt: "logo",
37651
37741
  className: "col-span-10 col-start-2 mx-auto sm:col-span-2 sm:col-start-1",
37652
37742
  design: design.logo,
37653
37743
  src: logoUrl
37654
37744
  }), /*#__PURE__*/React__default["default"].createElement("div", {
37655
37745
  className: "col-span-12 sm:col-span-6 sm:col-start-3 lg:col-span-7"
37656
- }, /*#__PURE__*/React__default["default"].createElement(Typography, {
37746
+ }, /*#__PURE__*/React__default["default"].createElement(Typography$1, {
37657
37747
  isTitle: true,
37658
37748
  component: "h1",
37659
37749
  style: design.title
37660
- }, title), /*#__PURE__*/React__default["default"].createElement(Typography, {
37750
+ }, title), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
37661
37751
  component: "p",
37662
37752
  style: design.description
37663
37753
  }, description)), /*#__PURE__*/React__default["default"].createElement("div", {
37664
37754
  className: "col-span-12 mx-auto w-full sm:col-span-3 sm:col-start-10 lg:col-span-3 lg:col-start-10"
37665
- }, /*#__PURE__*/React__default["default"].createElement(Button, _extends__default["default"]({
37755
+ }, /*#__PURE__*/React__default["default"].createElement(Button$1, _extends__default["default"]({
37666
37756
  className: "flex w-full justify-center sm:w-auto",
37667
37757
  style: design.button
37668
37758
  }, button, otherProps))));
@@ -37709,7 +37799,7 @@ var FaqWithHamburgerView = function FaqWithHamburgerView(_ref) {
37709
37799
  nestedClassName: baseClasses
37710
37800
  }, /*#__PURE__*/React__default["default"].createElement("div", {
37711
37801
  className: "col-span-12 sm:col-span-6 sm:col-start-4"
37712
- }, /*#__PURE__*/React__default["default"].createElement(Typography, {
37802
+ }, /*#__PURE__*/React__default["default"].createElement(Typography$1, {
37713
37803
  isTitle: true,
37714
37804
  component: "h1",
37715
37805
  style: design.title
@@ -37747,7 +37837,7 @@ var FAQItem = function FAQItem(_ref3) {
37747
37837
  }
37748
37838
  }, /*#__PURE__*/React__default["default"].createElement("div", {
37749
37839
  className: "flex items-start justify-between gap-4"
37750
- }, /*#__PURE__*/React__default["default"].createElement(Typography, {
37840
+ }, /*#__PURE__*/React__default["default"].createElement(Typography$1, {
37751
37841
  isTitle: true,
37752
37842
  component: "h5",
37753
37843
  style: design.question
@@ -37793,7 +37883,7 @@ var FAQItem = function FAQItem(_ref3) {
37793
37883
  transition: {
37794
37884
  duration: 0.3
37795
37885
  }
37796
- }, /*#__PURE__*/React__default["default"].createElement(Typography, {
37886
+ }, /*#__PURE__*/React__default["default"].createElement(Typography$1, {
37797
37887
  component: "p",
37798
37888
  style: design.answer
37799
37889
  }, answer)))));
@@ -37840,11 +37930,11 @@ var FeatureWithDetails = function FeatureWithDetails(_ref) {
37840
37930
  nestedClassName: baseClasses
37841
37931
  }, /*#__PURE__*/React__default["default"].createElement("div", {
37842
37932
  className: contentBaseClasses
37843
- }, /*#__PURE__*/React__default["default"].createElement(Typography, {
37933
+ }, /*#__PURE__*/React__default["default"].createElement(Typography$1, {
37844
37934
  isTitle: true,
37845
37935
  component: "h1",
37846
37936
  style: design.title
37847
- }, title), /*#__PURE__*/React__default["default"].createElement(Typography, {
37937
+ }, title), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
37848
37938
  component: "p",
37849
37939
  style: design.description
37850
37940
  }, description), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -37864,11 +37954,11 @@ var FeatureWithDetails = function FeatureWithDetails(_ref) {
37864
37954
  }, renderIcon(_objectSpread$5({
37865
37955
  name: icon,
37866
37956
  type: icon.type
37867
- }, design.icon))), /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(Typography, {
37957
+ }, design.icon))), /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(Typography$1, {
37868
37958
  isTitle: true,
37869
37959
  component: "h4",
37870
37960
  style: design.featureTitle
37871
- }, featureTitle), /*#__PURE__*/React__default["default"].createElement(Typography, {
37961
+ }, featureTitle), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
37872
37962
  component: "p",
37873
37963
  style: design.featureDescription
37874
37964
  }, featureDescription)));
@@ -37918,11 +38008,11 @@ var FeatureWithGrid = function FeatureWithGrid(_ref) {
37918
38008
  nestedClassName: baseClasses
37919
38009
  }, /*#__PURE__*/React__default["default"].createElement("div", {
37920
38010
  className: "col-span-12 sm:col-span-8 sm:col-start-3 lg:col-span-6 lg:col-start-4"
37921
- }, /*#__PURE__*/React__default["default"].createElement(Typography, {
38011
+ }, /*#__PURE__*/React__default["default"].createElement(Typography$1, {
37922
38012
  isTitle: true,
37923
38013
  component: "h1",
37924
38014
  style: design.title
37925
- }, title), /*#__PURE__*/React__default["default"].createElement(Typography, {
38015
+ }, title), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
37926
38016
  component: "p",
37927
38017
  style: design.description
37928
38018
  }, description), /*#__PURE__*/React__default["default"].createElement(Media, {
@@ -37941,16 +38031,16 @@ var FeatureWithGrid = function FeatureWithGrid(_ref) {
37941
38031
  className: gridClasses(index),
37942
38032
  enableAnimation: enableAnimation,
37943
38033
  key: getUniqueKey(featureTitle, featureDescription, index)
37944
- }, /*#__PURE__*/React__default["default"].createElement(StyledImage, {
38034
+ }, /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
37945
38035
  alt: featureImageAlt,
37946
38036
  design: design.featureImage,
37947
38037
  src: featureImageUrl,
37948
38038
  title: featureImageTitle
37949
- }), /*#__PURE__*/React__default["default"].createElement(Typography, {
38039
+ }), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
37950
38040
  isTitle: true,
37951
38041
  component: "h4",
37952
38042
  style: design.featureTitle
37953
- }, featureTitle), /*#__PURE__*/React__default["default"].createElement(Typography, {
38043
+ }, featureTitle), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
37954
38044
  component: "p",
37955
38045
  style: design.featureDescription
37956
38046
  }, featureDescription));
@@ -37994,11 +38084,11 @@ var FeatureWithImage = function FeatureWithImage(_ref) {
37994
38084
  nestedClassName: baseClasses
37995
38085
  }, /*#__PURE__*/React__default["default"].createElement("div", {
37996
38086
  className: featureClasses
37997
- }, /*#__PURE__*/React__default["default"].createElement(Typography, {
38087
+ }, /*#__PURE__*/React__default["default"].createElement(Typography$1, {
37998
38088
  isTitle: true,
37999
38089
  component: "h1",
38000
38090
  style: design.title
38001
- }, title), /*#__PURE__*/React__default["default"].createElement(Typography, {
38091
+ }, title), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
38002
38092
  component: "p",
38003
38093
  style: design.description
38004
38094
  }, description)), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -38043,16 +38133,16 @@ var FeatureWithJumboText = function FeatureWithJumboText(_ref) {
38043
38133
  enableAnimation: enableAnimation,
38044
38134
  id: id,
38045
38135
  nestedClassName: baseClasses
38046
- }, /*#__PURE__*/React__default["default"].createElement(Typography, {
38136
+ }, /*#__PURE__*/React__default["default"].createElement(Typography$1, {
38047
38137
  isTitle: true,
38048
38138
  className: titleBaseClasses,
38049
38139
  style: design.mainTitle
38050
38140
  }, mainTitle), /*#__PURE__*/React__default["default"].createElement("div", {
38051
38141
  className: subTitleBaseClasses
38052
- }, /*#__PURE__*/React__default["default"].createElement(Typography, {
38142
+ }, /*#__PURE__*/React__default["default"].createElement(Typography$1, {
38053
38143
  isTitle: true,
38054
38144
  style: design.subTitle
38055
- }, subTitle), /*#__PURE__*/React__default["default"].createElement(Typography, {
38145
+ }, subTitle), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
38056
38146
  style: design.description
38057
38147
  }, description)));
38058
38148
  };
@@ -38097,12 +38187,12 @@ var FeatureWithList = function FeatureWithList(_ref) {
38097
38187
  nestedClassName: baseClasses
38098
38188
  }, /*#__PURE__*/React__default["default"].createElement("div", {
38099
38189
  className: linkBaseClasses
38100
- }, /*#__PURE__*/React__default["default"].createElement(Typography, {
38190
+ }, /*#__PURE__*/React__default["default"].createElement(Typography$1, {
38101
38191
  isTitle: true,
38102
38192
  className: "col-span-12",
38103
38193
  component: "h1",
38104
38194
  style: design.title
38105
- }, title), /*#__PURE__*/React__default["default"].createElement(Typography, {
38195
+ }, title), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
38106
38196
  className: "col-span-12",
38107
38197
  component: "p",
38108
38198
  style: design.description
@@ -38119,7 +38209,7 @@ var FeatureWithList = function FeatureWithList(_ref) {
38119
38209
  className: "col-span-1"
38120
38210
  }, /*#__PURE__*/React__default["default"].createElement(CheckDouble, _extends__default["default"]({
38121
38211
  fill: design.featureIcon.color
38122
- }, design.featureIcon))), /*#__PURE__*/React__default["default"].createElement(Typography, {
38212
+ }, design.featureIcon))), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
38123
38213
  isTitle: true,
38124
38214
  className: "col-span-11 col-start-2 flex justify-start",
38125
38215
  component: "p",
@@ -38207,11 +38297,11 @@ var FeatureWithProgressBar = function FeatureWithProgressBar(_ref) {
38207
38297
  nestedClassName: baseClasses
38208
38298
  }, /*#__PURE__*/React__default["default"].createElement("div", {
38209
38299
  className: progressBarBaseClasses
38210
- }, /*#__PURE__*/React__default["default"].createElement(Typography, {
38300
+ }, /*#__PURE__*/React__default["default"].createElement(Typography$1, {
38211
38301
  isTitle: true,
38212
38302
  component: "h1",
38213
38303
  style: design.title
38214
- }, title), /*#__PURE__*/React__default["default"].createElement(Typography, {
38304
+ }, title), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
38215
38305
  component: "p",
38216
38306
  style: design.description
38217
38307
  }, description), features.map(function (_ref2, index) {
@@ -38224,7 +38314,7 @@ var FeatureWithProgressBar = function FeatureWithProgressBar(_ref) {
38224
38314
  onClick: function onClick() {
38225
38315
  return handleTabClick(id);
38226
38316
  }
38227
- }, /*#__PURE__*/React__default["default"].createElement(Typography, {
38317
+ }, /*#__PURE__*/React__default["default"].createElement(Typography$1, {
38228
38318
  isTitle: true,
38229
38319
  component: "h4",
38230
38320
  style: design.featureTitle
@@ -38290,12 +38380,12 @@ var FooterClassic = function FooterClassic(_ref) {
38290
38380
  }
38291
38381
  }), /*#__PURE__*/React__default["default"].createElement("div", {
38292
38382
  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"
38293
- }, /*#__PURE__*/React__default["default"].createElement(StyledImage, {
38383
+ }, /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
38294
38384
  className: "col-span-4 mb-4 sm:mb-0",
38295
38385
  design: design.logo,
38296
38386
  src: logo.src
38297
38387
  }), links.map(function (link, index) {
38298
- return /*#__PURE__*/React__default["default"].createElement(LinkElement, _extends__default["default"]({
38388
+ return /*#__PURE__*/React__default["default"].createElement(Link, _extends__default["default"]({
38299
38389
  className: "col-span-1 mt-2 hover:text-gray-700 sm:mt-0",
38300
38390
  key: getUniqueKey(link.label, index)
38301
38391
  }, link, {
@@ -38304,7 +38394,7 @@ var FooterClassic = function FooterClassic(_ref) {
38304
38394
  })), /*#__PURE__*/React__default["default"].createElement("div", {
38305
38395
  className: "col-span-12 flex justify-center gap-x-4 sm:col-span-8 sm:col-start-3"
38306
38396
  }, socialIcons.map(function (_icon, index) {
38307
- return /*#__PURE__*/React__default["default"].createElement(LinkElement, _extends__default["default"]({
38397
+ return /*#__PURE__*/React__default["default"].createElement(Link, _extends__default["default"]({
38308
38398
  key: getUniqueKey(_icon.name, index),
38309
38399
  icon: function icon() {
38310
38400
  return renderIcon(_objectSpread$4({
@@ -38314,7 +38404,7 @@ var FooterClassic = function FooterClassic(_ref) {
38314
38404
  }, design.socialIcon));
38315
38405
  }
38316
38406
  }, _icon, otherProps));
38317
- })), /*#__PURE__*/React__default["default"].createElement(Typography, {
38407
+ })), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
38318
38408
  className: "col-span-12 flex justify-center sm:col-span-8 sm:col-start-3",
38319
38409
  style: design.copyrightText
38320
38410
  }, copyrightText));
@@ -38329,14 +38419,14 @@ var FooterClassic = function FooterClassic(_ref) {
38329
38419
  enableAnimation: enableAnimation,
38330
38420
  id: id,
38331
38421
  nestedClassName: baseClasses
38332
- }, /*#__PURE__*/React__default["default"].createElement(StyledImage, {
38422
+ }, /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
38333
38423
  className: "col-span-12 sm:col-span-2",
38334
38424
  design: design.logo,
38335
38425
  src: logo.src
38336
38426
  }), /*#__PURE__*/React__default["default"].createElement("div", {
38337
38427
  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"
38338
38428
  }, links.map(function (link, index) {
38339
- return /*#__PURE__*/React__default["default"].createElement(LinkElement, _extends__default["default"]({
38429
+ return /*#__PURE__*/React__default["default"].createElement(Link, _extends__default["default"]({
38340
38430
  className: "col-span-1 hover:text-gray-700",
38341
38431
  key: getUniqueKey(link.label, index)
38342
38432
  }, link, {
@@ -38351,7 +38441,7 @@ var FooterClassic = function FooterClassic(_ref) {
38351
38441
  }), /*#__PURE__*/React__default["default"].createElement("div", {
38352
38442
  className: "col-span-12 flex justify-center gap-x-4 sm:col-span-4 sm:col-start-9 sm:justify-end"
38353
38443
  }, socialIcons.map(function (_icon2, index) {
38354
- return /*#__PURE__*/React__default["default"].createElement(LinkElement, _extends__default["default"]({
38444
+ return /*#__PURE__*/React__default["default"].createElement(Link, _extends__default["default"]({
38355
38445
  key: getUniqueKey(_icon2.name, index),
38356
38446
  icon: function icon() {
38357
38447
  return renderIcon(_objectSpread$4({
@@ -38361,7 +38451,7 @@ var FooterClassic = function FooterClassic(_ref) {
38361
38451
  }, design.socialIcon));
38362
38452
  }
38363
38453
  }, _icon2, otherProps));
38364
- })), /*#__PURE__*/React__default["default"].createElement(Typography, {
38454
+ })), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
38365
38455
  className: "col-span-12 flex justify-center sm:col-span-6 sm:col-start-1 sm:justify-start",
38366
38456
  style: design.copyrightText
38367
38457
  }, copyrightText));
@@ -38386,34 +38476,34 @@ var FooterWithIcons = function FooterWithIcons(_ref) {
38386
38476
  src = properties.backgroundImage.src;
38387
38477
  var baseClasses = "grid grid-cols-12 sm:gap-x-4 items-center gap-y-8";
38388
38478
  return /*#__PURE__*/React__default["default"].createElement(BlockWrapper, {
38479
+ className: className,
38480
+ enableAnimation: enableAnimation,
38481
+ id: id,
38389
38482
  as: "footer",
38390
38483
  backgroundImage: mergeLeft({
38391
38484
  src: src
38392
38485
  }, design.backgroundImage),
38393
- className: className,
38394
38486
  design: design.body,
38395
- enableAnimation: enableAnimation,
38396
- id: id,
38397
38487
  nestedClassName: baseClasses
38398
38488
  }, /*#__PURE__*/React__default["default"].createElement("div", {
38399
38489
  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"
38400
- }, /*#__PURE__*/React__default["default"].createElement(StyledImage, {
38490
+ }, /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
38401
38491
  className: "col-span-4",
38402
38492
  design: design.logo,
38403
38493
  src: logo.src
38404
- }), /*#__PURE__*/React__default["default"].createElement(StyledWrapper, {
38494
+ }), logo.src && /*#__PURE__*/React__default["default"].createElement(StyledWrapper, {
38405
38495
  className: "hidden sm:block",
38406
38496
  design: {
38407
38497
  borderRightWidth: "1px",
38408
38498
  borderColor: "#C2C8CC"
38409
38499
  }
38410
- }), /*#__PURE__*/React__default["default"].createElement(Typography, {
38500
+ }), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
38411
38501
  className: "hidden sm:col-span-4 sm:flex",
38412
38502
  style: design.copyrightText
38413
38503
  }, copyrightText)), /*#__PURE__*/React__default["default"].createElement("div", {
38414
38504
  className: "col-span-12 flex justify-center gap-x-4 sm:col-span-4 sm:col-start-9 sm:justify-end"
38415
38505
  }, socialIcons.map(function (_icon, index) {
38416
- return /*#__PURE__*/React__default["default"].createElement(LinkElement, _extends__default["default"]({
38506
+ return /*#__PURE__*/React__default["default"].createElement(Link, _extends__default["default"]({
38417
38507
  key: getUniqueKey(_icon.name, index),
38418
38508
  icon: function icon() {
38419
38509
  return renderIcon(_objectSpread$3({
@@ -38423,7 +38513,7 @@ var FooterWithIcons = function FooterWithIcons(_ref) {
38423
38513
  }, design.socialIcon));
38424
38514
  }
38425
38515
  }, _icon, otherProps));
38426
- })), /*#__PURE__*/React__default["default"].createElement(Typography, {
38516
+ })), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
38427
38517
  className: "col-span-12 -mt-2 flex justify-start sm:hidden",
38428
38518
  style: design.copyrightText
38429
38519
  }, copyrightText));
@@ -38463,13 +38553,13 @@ var FooterWithLinks = function FooterWithLinks(_ref) {
38463
38553
  className: "col-span-12 sm:col-span-5"
38464
38554
  }, /*#__PURE__*/React__default["default"].createElement("div", {
38465
38555
  className: "flex items-center gap-x-2"
38466
- }, /*#__PURE__*/React__default["default"].createElement(StyledImage, {
38556
+ }, /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
38467
38557
  design: design.logo,
38468
38558
  src: logo.src
38469
- }), /*#__PURE__*/React__default["default"].createElement(Typography, {
38559
+ }), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
38470
38560
  component: "p",
38471
38561
  design: design.logoTitle
38472
- }, logo.title)), /*#__PURE__*/React__default["default"].createElement(Typography, {
38562
+ }, logo.title)), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
38473
38563
  component: "p",
38474
38564
  style: design.description
38475
38565
  }, description)), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -38480,7 +38570,7 @@ var FooterWithLinks = function FooterWithLinks(_ref) {
38480
38570
  return /*#__PURE__*/React__default["default"].createElement("div", {
38481
38571
  className: "col-span-2",
38482
38572
  key: title
38483
- }, /*#__PURE__*/React__default["default"].createElement(Typography, {
38573
+ }, /*#__PURE__*/React__default["default"].createElement(Typography$1, {
38484
38574
  isTitle: true,
38485
38575
  component: "h3",
38486
38576
  style: design.columnTitle
@@ -38493,7 +38583,7 @@ var FooterWithLinks = function FooterWithLinks(_ref) {
38493
38583
  href = _ref3.href;
38494
38584
  return /*#__PURE__*/React__default["default"].createElement("li", {
38495
38585
  key: getUniqueKey(name, index)
38496
- }, /*#__PURE__*/React__default["default"].createElement(LinkElement, _extends__default["default"]({
38586
+ }, /*#__PURE__*/React__default["default"].createElement(Link, _extends__default["default"]({
38497
38587
  action: action,
38498
38588
  label: name,
38499
38589
  style: design.columnLinks,
@@ -38502,14 +38592,14 @@ var FooterWithLinks = function FooterWithLinks(_ref) {
38502
38592
  })));
38503
38593
  })), /*#__PURE__*/React__default["default"].createElement("div", {
38504
38594
  className: "col-span-12 space-y-2 sm:col-span-2"
38505
- }, /*#__PURE__*/React__default["default"].createElement(Typography, {
38595
+ }, /*#__PURE__*/React__default["default"].createElement(Typography$1, {
38506
38596
  isTitle: true,
38507
38597
  component: "h3",
38508
38598
  style: design.columnTitle
38509
38599
  }, contact.title), /*#__PURE__*/React__default["default"].createElement("div", {
38510
38600
  className: "flex gap-x-1"
38511
38601
  }, contact.socialLinks.map(function (_icon, index) {
38512
- return /*#__PURE__*/React__default["default"].createElement(LinkElement, _extends__default["default"]({
38602
+ return /*#__PURE__*/React__default["default"].createElement(Link, _extends__default["default"]({
38513
38603
  key: getUniqueKey(_icon.name, index),
38514
38604
  icon: function icon() {
38515
38605
  return renderIcon(_objectSpread$2({
@@ -38527,13 +38617,13 @@ var FooterWithLinks = function FooterWithLinks(_ref) {
38527
38617
  type = _ref4.type;
38528
38618
  return /*#__PURE__*/React__default["default"].createElement("li", {
38529
38619
  key: getUniqueKey(value, index)
38530
- }, /*#__PURE__*/React__default["default"].createElement(LinkElement, _extends__default["default"]({
38620
+ }, /*#__PURE__*/React__default["default"].createElement(Link, _extends__default["default"]({
38531
38621
  action: action,
38532
38622
  label: value,
38533
38623
  style: design.columnLinks,
38534
38624
  to: type === "Email" ? "mailto:".concat(value) : "tel:".concat(value)
38535
38625
  }, otherProps)));
38536
- }))), /*#__PURE__*/React__default["default"].createElement(Typography, {
38626
+ }))), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
38537
38627
  className: "col-span-12 mt-8 sm:mt-0",
38538
38628
  style: design.copyrightText
38539
38629
  }, copyrightText));
@@ -39916,11 +40006,11 @@ var GalleryClassic = function GalleryClassic(_ref) {
39916
40006
  nestedClassName: baseClasses
39917
40007
  }, /*#__PURE__*/React__default["default"].createElement("div", {
39918
40008
  className: "col-span-12 col-start-1 sm:col-span-6 sm:col-start-4"
39919
- }, /*#__PURE__*/React__default["default"].createElement(Typography, {
40009
+ }, /*#__PURE__*/React__default["default"].createElement(Typography$1, {
39920
40010
  isTitle: true,
39921
40011
  component: "h1",
39922
40012
  style: design.title
39923
- }, title), /*#__PURE__*/React__default["default"].createElement(Typography, {
40013
+ }, title), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
39924
40014
  component: "p",
39925
40015
  style: design.description
39926
40016
  }, description)), /*#__PURE__*/React__default["default"].createElement(ArrowButton, {
@@ -39959,7 +40049,7 @@ var GalleryClassic = function GalleryClassic(_ref) {
39959
40049
  title = _ref2.title;
39960
40050
  return /*#__PURE__*/React__default["default"].createElement(SwiperSlide, {
39961
40051
  key: getUniqueKey(src, title, index)
39962
- }, /*#__PURE__*/React__default["default"].createElement(StyledImage, {
40052
+ }, /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
39963
40053
  alt: alt,
39964
40054
  className: "sliding-image",
39965
40055
  src: src,
@@ -40008,11 +40098,11 @@ var GalleryWithAutoplay = function GalleryWithAutoplay(_ref) {
40008
40098
  nestedClassName: baseClasses
40009
40099
  }, /*#__PURE__*/React__default["default"].createElement("div", {
40010
40100
  className: "col-span-12 col-start-1 sm:col-span-6 sm:col-start-4"
40011
- }, /*#__PURE__*/React__default["default"].createElement(Typography, {
40101
+ }, /*#__PURE__*/React__default["default"].createElement(Typography$1, {
40012
40102
  isTitle: true,
40013
40103
  component: "h1",
40014
40104
  style: design.title
40015
- }, title), /*#__PURE__*/React__default["default"].createElement(Typography, {
40105
+ }, title), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
40016
40106
  component: "p",
40017
40107
  style: design.description
40018
40108
  }, description)), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -40041,7 +40131,7 @@ var GalleryWithAutoplay = function GalleryWithAutoplay(_ref) {
40041
40131
  title = _ref2.title;
40042
40132
  return /*#__PURE__*/React__default["default"].createElement(SwiperSlide, {
40043
40133
  key: getUniqueKey(src, title, index)
40044
- }, /*#__PURE__*/React__default["default"].createElement(StyledImage, {
40134
+ }, /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
40045
40135
  alt: alt,
40046
40136
  className: "sliding-image",
40047
40137
  src: src,
@@ -40070,7 +40160,7 @@ var GalleryWithAutoplay = function GalleryWithAutoplay(_ref) {
40070
40160
  return /*#__PURE__*/React__default["default"].createElement(SwiperSlide, {
40071
40161
  className: "cursor-pointer",
40072
40162
  key: getUniqueKey(src, title, index)
40073
- }, /*#__PURE__*/React__default["default"].createElement(StyledImage, {
40163
+ }, /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
40074
40164
  alt: alt,
40075
40165
  className: "clickable-image",
40076
40166
  src: src,
@@ -40128,7 +40218,7 @@ var HeaderWithButtons = function HeaderWithButtons(_ref) {
40128
40218
  "neeto-site-sticky-header": position === "sticky",
40129
40219
  "neeto-site-sticky-header--scroll": !isHeadingWrapperVisible
40130
40220
  }, className)
40131
- }, /*#__PURE__*/React__default["default"].createElement(StyledImage, {
40221
+ }, /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
40132
40222
  design: design.logo,
40133
40223
  src: properties.logo.src,
40134
40224
  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", {
@@ -40140,14 +40230,14 @@ var HeaderWithButtons = function HeaderWithButtons(_ref) {
40140
40230
  "col-span-9 sm:justify-end": isEmpty(buttons)
40141
40231
  })
40142
40232
  }, properties.links.map(function (link, index) {
40143
- return /*#__PURE__*/React__default["default"].createElement(LinkElement, _extends__default["default"]({
40233
+ return /*#__PURE__*/React__default["default"].createElement(Link, _extends__default["default"]({
40144
40234
  key: getUniqueKey(link.label, index),
40145
40235
  style: design.links
40146
40236
  }, link, otherProps));
40147
40237
  })), /*#__PURE__*/React__default["default"].createElement("div", {
40148
40238
  className: "col-span-8 col-start-5 flex justify-end gap-x-2 sm:col-span-4 sm:col-start-9"
40149
40239
  }, buttons.map(function (button, index) {
40150
- return /*#__PURE__*/React__default["default"].createElement(Button, _extends__default["default"]({
40240
+ return /*#__PURE__*/React__default["default"].createElement(Button$1, _extends__default["default"]({
40151
40241
  key: getUniqueKey(button.label, index),
40152
40242
  style: button.type === "primary" ? design.primaryButtons : design.secondaryButtons
40153
40243
  }, button, otherProps));
@@ -40159,11 +40249,11 @@ var HeaderWithButtons = function HeaderWithButtons(_ref) {
40159
40249
  });
40160
40250
  }
40161
40251
  }, /*#__PURE__*/React__default["default"].createElement(Menu, {
40162
- color: design.hamburgerMenu.color
40252
+ fill: design.hamburgerMenu.color
40163
40253
  })), isMenuOpen && /*#__PURE__*/React__default["default"].createElement("div", {
40164
40254
  className: "fadeIn col-span-2 col-start-1 ml-2 mt-3 block space-y-2 lg:hidden"
40165
40255
  }, properties.links.map(function (button, index) {
40166
- return /*#__PURE__*/React__default["default"].createElement(LinkElement, _extends__default["default"]({
40256
+ return /*#__PURE__*/React__default["default"].createElement(Link, _extends__default["default"]({
40167
40257
  key: getUniqueKey(button.url, button.label, index),
40168
40258
  style: design.links
40169
40259
  }, button, otherProps));
@@ -40207,18 +40297,18 @@ var HeaderWithIcons = function HeaderWithIcons(_ref) {
40207
40297
  }, /*#__PURE__*/React__default["default"].createElement("div", {
40208
40298
  className: "col-span-4 col-start-1 hidden items-center gap-6 lg:flex"
40209
40299
  }, properties.links.map(function (link, index) {
40210
- return /*#__PURE__*/React__default["default"].createElement(LinkElement, _extends__default["default"]({
40300
+ return /*#__PURE__*/React__default["default"].createElement(Link, _extends__default["default"]({
40211
40301
  key: getUniqueKey(link.label, index),
40212
40302
  style: design.links
40213
40303
  }, link, otherProps));
40214
- })), /*#__PURE__*/React__default["default"].createElement(StyledImage, {
40304
+ })), /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
40215
40305
  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",
40216
40306
  design: design.logo,
40217
40307
  src: properties.logo.src
40218
40308
  }), /*#__PURE__*/React__default["default"].createElement("div", {
40219
40309
  className: "col-span-5 col-start-8 hidden justify-end sm:col-span-3 sm:col-start-10 sm:flex"
40220
40310
  }, properties.icons.map(function (_icon, index) {
40221
- return /*#__PURE__*/React__default["default"].createElement(LinkElement, _extends__default["default"]({
40311
+ return /*#__PURE__*/React__default["default"].createElement(Link, _extends__default["default"]({
40222
40312
  key: getUniqueKey(_icon.to, index),
40223
40313
  style: design.icons,
40224
40314
  icon: function icon() {
@@ -40236,7 +40326,7 @@ var HeaderWithIcons = function HeaderWithIcons(_ref) {
40236
40326
  });
40237
40327
  }
40238
40328
  }, /*#__PURE__*/React__default["default"].createElement(Menu, {
40239
- color: design.hamburgerMenu.color
40329
+ fill: design.hamburgerMenu.color
40240
40330
  })), /*#__PURE__*/React__default["default"].createElement("button", {
40241
40331
  className: "col-span-2 col-start-11 flex justify-end sm:hidden",
40242
40332
  onClick: function onClick() {
@@ -40245,11 +40335,11 @@ var HeaderWithIcons = function HeaderWithIcons(_ref) {
40245
40335
  });
40246
40336
  }
40247
40337
  }, /*#__PURE__*/React__default["default"].createElement(More2, {
40248
- color: design.hamburgerMenu.color
40338
+ fill: design.hamburgerMenu.color
40249
40339
  })), isLinksOpen && /*#__PURE__*/React__default["default"].createElement("div", {
40250
40340
  className: "fadeIn col-span-4 col-start-1 ml-2 mt-3 space-y-1 lg:hidden"
40251
40341
  }, properties.links.map(function (icon, index) {
40252
- return /*#__PURE__*/React__default["default"].createElement(LinkElement, _extends__default["default"]({
40342
+ return /*#__PURE__*/React__default["default"].createElement(Link, _extends__default["default"]({
40253
40343
  className: "w-full",
40254
40344
  key: getUniqueKey(icon.url, icon.label, index),
40255
40345
  style: design.links
@@ -40257,7 +40347,7 @@ var HeaderWithIcons = function HeaderWithIcons(_ref) {
40257
40347
  })), isIconsOpen && /*#__PURE__*/React__default["default"].createElement("div", {
40258
40348
  className: "fadeIn col-span-2 col-start-11 mt-3 flex flex-col justify-end space-y-1 lg:hidden"
40259
40349
  }, properties.icons.map(function (_icon2, index) {
40260
- return /*#__PURE__*/React__default["default"].createElement(LinkElement, _extends__default["default"]({
40350
+ return /*#__PURE__*/React__default["default"].createElement(Link, _extends__default["default"]({
40261
40351
  className: "w-full",
40262
40352
  key: getUniqueKey(_icon2.to, index),
40263
40353
  style: design.icons,
@@ -40292,8 +40382,8 @@ var HeaderWithLogoTitle = function HeaderWithLogoTitle(_ref) {
40292
40382
  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
40293
40383
  ref: headerIntersectorRef
40294
40384
  }), /*#__PURE__*/React__default["default"].createElement(BlockWrapper, {
40295
- design: design.body,
40296
40385
  id: id,
40386
+ design: design.body,
40297
40387
  nestedClassName: baseClasses,
40298
40388
  nestedComponent: StyledWrapper,
40299
40389
  className: classnames({
@@ -40305,25 +40395,27 @@ var HeaderWithLogoTitle = function HeaderWithLogoTitle(_ref) {
40305
40395
  "col-span-10": isEmpty(buttons),
40306
40396
  "col-span-4": neetoCist.isNotEmpty(buttons)
40307
40397
  })
40308
- }, /*#__PURE__*/React__default["default"].createElement(StyledImage, {
40398
+ }, /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
40309
40399
  className: "max-h-8 sm:max-h-10 lg:max-h-12",
40310
40400
  design: design.logo,
40311
40401
  src: properties.logo.src
40312
- }), /*#__PURE__*/React__default["default"].createElement(Typography, {
40402
+ }), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
40313
40403
  isTitle: true,
40314
- className: "hidden sm:flex",
40315
40404
  component: "p",
40316
- style: design.logoTitle
40405
+ style: design.logoTitle,
40406
+ className: classnames({
40407
+ "hidden sm:flex": properties.logo.src
40408
+ })
40317
40409
  }, properties.logo.title)), /*#__PURE__*/React__default["default"].createElement("div", {
40318
40410
  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"
40319
40411
  }, properties.links.map(function (link, index) {
40320
- return /*#__PURE__*/React__default["default"].createElement(LinkElement, _extends__default["default"]({
40412
+ return /*#__PURE__*/React__default["default"].createElement(Link, _extends__default["default"]({
40321
40413
  className: "hidden lg:inline",
40322
40414
  key: getUniqueKey(link.label, link.url, index),
40323
40415
  style: design.links
40324
40416
  }, link, otherProps));
40325
40417
  }), buttons.map(function (button, index) {
40326
- return /*#__PURE__*/React__default["default"].createElement(Button, _extends__default["default"]({
40418
+ return /*#__PURE__*/React__default["default"].createElement(Button$1, _extends__default["default"]({
40327
40419
  key: getUniqueKey(button.label, button.url, index),
40328
40420
  style: design.buttons
40329
40421
  }, button, otherProps));
@@ -40335,17 +40427,17 @@ var HeaderWithLogoTitle = function HeaderWithLogoTitle(_ref) {
40335
40427
  });
40336
40428
  }
40337
40429
  }, /*#__PURE__*/React__default["default"].createElement(Menu, {
40338
- color: design.hamburgerMenu.color
40430
+ fill: design.hamburgerMenu.color
40339
40431
  })), isMenuOpen && /*#__PURE__*/React__default["default"].createElement("div", {
40340
40432
  className: "fadeIn col-span-2 col-start-1 space-y-2 lg:hidden"
40341
40433
  }, properties.links.map(function (_ref2, index) {
40342
40434
  var label = _ref2.label,
40343
40435
  url = _ref2.url,
40344
40436
  action = _ref2.action;
40345
- return /*#__PURE__*/React__default["default"].createElement(LinkElement, _extends__default["default"]({
40437
+ return /*#__PURE__*/React__default["default"].createElement(Link, _extends__default["default"]({
40346
40438
  action: action,
40347
- key: getUniqueKey(url, label, index),
40348
40439
  label: label,
40440
+ key: getUniqueKey(url, label, index),
40349
40441
  style: design.links,
40350
40442
  to: url
40351
40443
  }, otherProps));
@@ -40400,15 +40492,15 @@ var HeroWithCallToAction = function HeroWithCallToAction(_ref) {
40400
40492
  nestedClassName: baseClasses
40401
40493
  }, /*#__PURE__*/React__default["default"].createElement("div", {
40402
40494
  className: textBaseClasses
40403
- }, /*#__PURE__*/React__default["default"].createElement(Typography, {
40495
+ }, /*#__PURE__*/React__default["default"].createElement(Typography$1, {
40404
40496
  isTitle: true,
40405
40497
  component: "h3",
40406
40498
  style: design.prefixTitle
40407
- }, prefixTitle), /*#__PURE__*/React__default["default"].createElement(Typography, {
40499
+ }, prefixTitle), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
40408
40500
  isTitle: true,
40409
40501
  component: "h1",
40410
40502
  style: design.title
40411
- }, title), /*#__PURE__*/React__default["default"].createElement(Typography, {
40503
+ }, title), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
40412
40504
  component: "p",
40413
40505
  style: design.description
40414
40506
  }, description), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -40418,7 +40510,7 @@ var HeroWithCallToAction = function HeroWithCallToAction(_ref) {
40418
40510
  url = _ref2.url,
40419
40511
  action = _ref2.action,
40420
40512
  type = _ref2.type;
40421
- return /*#__PURE__*/React__default["default"].createElement(Button, _extends__default["default"]({
40513
+ return /*#__PURE__*/React__default["default"].createElement(Button$1, _extends__default["default"]({
40422
40514
  action: action,
40423
40515
  className: "w-full justify-center sm:w-auto sm:justify-start",
40424
40516
  key: getUniqueKey(label, type, index),
@@ -40533,23 +40625,23 @@ var HeroWithMultipleLayouts = function HeroWithMultipleLayouts(_ref) {
40533
40625
  }
40534
40626
  }, /*#__PURE__*/React__default["default"].createElement("div", {
40535
40627
  className: contentBaseClasses(_objectSpread({}, media))
40536
- }, /*#__PURE__*/React__default["default"].createElement(Typography, {
40628
+ }, /*#__PURE__*/React__default["default"].createElement(Typography$1, {
40537
40629
  isTitle: true,
40538
40630
  component: "h3",
40539
40631
  style: design.prefixTitle
40540
- }, content.prefixTitle), /*#__PURE__*/React__default["default"].createElement(Typography, {
40632
+ }, content.prefixTitle), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
40541
40633
  isTitle: true,
40542
40634
  className: textClasses(_objectSpread({}, media)),
40543
40635
  component: "h1",
40544
40636
  style: design.title
40545
- }, content.title), /*#__PURE__*/React__default["default"].createElement(Typography, {
40637
+ }, content.title), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
40546
40638
  className: textClasses(_objectSpread({}, media)),
40547
40639
  component: "p",
40548
40640
  style: design.description
40549
40641
  }, content.description), /*#__PURE__*/React__default["default"].createElement("div", {
40550
40642
  className: buttonBaseClasses(_objectSpread({}, media))
40551
40643
  }, buttons.map(function (button, index) {
40552
- return /*#__PURE__*/React__default["default"].createElement(Button, _extends__default["default"]({
40644
+ return /*#__PURE__*/React__default["default"].createElement(Button$1, _extends__default["default"]({
40553
40645
  className: "flex w-full justify-center sm:w-auto",
40554
40646
  key: getUniqueKey(button.label, button.url, index),
40555
40647
  style: button.type === "primary" ? design.primaryButtons : design.secondaryButtons
@@ -40605,7 +40697,7 @@ var LogoClouds = function LogoClouds(_ref) {
40605
40697
  enableAnimation: enableAnimation,
40606
40698
  id: id,
40607
40699
  nestedClassName: baseClasses
40608
- }, /*#__PURE__*/React__default["default"].createElement(Typography, {
40700
+ }, /*#__PURE__*/React__default["default"].createElement(Typography$1, {
40609
40701
  className: "col-span-12",
40610
40702
  style: design.title
40611
40703
  }, title), logos.map(function (_ref2, index) {
@@ -40617,7 +40709,7 @@ var LogoClouds = function LogoClouds(_ref) {
40617
40709
  className: logoBaseClasses(index),
40618
40710
  href: url,
40619
40711
  key: getUniqueKey(title, index)
40620
- }, /*#__PURE__*/React__default["default"].createElement(StyledImage, {
40712
+ }, /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
40621
40713
  alt: alt,
40622
40714
  className: "logo-image",
40623
40715
  design: design.logo,
@@ -40655,11 +40747,11 @@ var Paragraph = function Paragraph(_ref) {
40655
40747
  nestedClassName: baseClasses
40656
40748
  }, /*#__PURE__*/React__default["default"].createElement("div", {
40657
40749
  className: "col-span-12"
40658
- }, /*#__PURE__*/React__default["default"].createElement(Typography, {
40750
+ }, /*#__PURE__*/React__default["default"].createElement(Typography$1, {
40659
40751
  isTitle: true,
40660
40752
  component: "h1",
40661
40753
  style: design.title
40662
- }, title), /*#__PURE__*/React__default["default"].createElement(Typography, {
40754
+ }, title), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
40663
40755
  component: "p",
40664
40756
  style: design.description
40665
40757
  }, description), /*#__PURE__*/React__default["default"].createElement(ListComponent, {
@@ -40709,21 +40801,21 @@ var PricingInCardView = function PricingInCardView(_ref) {
40709
40801
  return (_PRICING_PLANS$yearly = {}, _defineProperty__default["default"](_PRICING_PLANS$yearly, PRICING_PLANS.yearly, yearlyPricing), _defineProperty__default["default"](_PRICING_PLANS$yearly, PRICING_PLANS.monthly, monthlyPricing), _defineProperty__default["default"](_PRICING_PLANS$yearly, PRICING_PLANS.monthly_and_yearly, isCurrentPricingPlanYearly ? yearlyPricing : monthlyPricing), _PRICING_PLANS$yearly)[pricingPlan];
40710
40802
  };
40711
40803
  return /*#__PURE__*/React__default["default"].createElement(BlockWrapper, {
40804
+ className: className,
40805
+ enableAnimation: enableAnimation,
40806
+ id: id,
40712
40807
  backgroundImage: mergeLeft({
40713
40808
  src: src
40714
40809
  }, design.backgroundImage),
40715
- className: className,
40716
40810
  design: design.body,
40717
- enableAnimation: enableAnimation,
40718
- id: id,
40719
40811
  nestedClassName: baseClasses
40720
40812
  }, /*#__PURE__*/React__default["default"].createElement("div", {
40721
40813
  className: "col-span-12 sm:col-span-8 sm:col-start-3 lg:col-span-6 lg:col-start-4"
40722
- }, /*#__PURE__*/React__default["default"].createElement(Typography, {
40814
+ }, /*#__PURE__*/React__default["default"].createElement(Typography$1, {
40723
40815
  isTitle: true,
40724
40816
  component: "h1",
40725
40817
  style: design.title
40726
- }, title), /*#__PURE__*/React__default["default"].createElement(Typography, {
40818
+ }, title), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
40727
40819
  component: "p",
40728
40820
  style: design.description
40729
40821
  }, description)), /*#__PURE__*/React__default["default"].createElement(Toggle, {
@@ -40746,23 +40838,23 @@ var PricingInCardView = function PricingInCardView(_ref) {
40746
40838
  return /*#__PURE__*/React__default["default"].createElement(StyledWrapper, {
40747
40839
  design: design.tierBlock,
40748
40840
  key: getUniqueKey(tierTitle, tierDescription, index),
40749
- className: classnames("col-span-12 inline-flex flex-col sm:col-span-6 lg:col-span-4", {
40841
+ className: classnames("col-span-12 inline-flex flex-col justify-between sm:col-span-6 lg:col-span-4", {
40750
40842
  "sm:col-span-6": tiers.length <= 2
40751
40843
  })
40752
- }, /*#__PURE__*/React__default["default"].createElement(Typography, {
40844
+ }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(Typography$1, {
40753
40845
  isTitle: true,
40754
40846
  component: "h4",
40755
40847
  style: design.tierTitle
40756
- }, tierTitle), /*#__PURE__*/React__default["default"].createElement(Typography, {
40848
+ }, tierTitle), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
40757
40849
  component: "p",
40758
40850
  style: design.tierDescription
40759
40851
  }, tierDescription), /*#__PURE__*/React__default["default"].createElement("div", {
40760
40852
  className: "flex items-center gap-x-2"
40761
- }, /*#__PURE__*/React__default["default"].createElement(Typography, {
40853
+ }, /*#__PURE__*/React__default["default"].createElement(Typography$1, {
40762
40854
  isTitle: true,
40763
40855
  component: "h3",
40764
40856
  style: design.tierPrice
40765
- }, pricing.price), /*#__PURE__*/React__default["default"].createElement(Typography, {
40857
+ }, pricing.price), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
40766
40858
  isTitle: true,
40767
40859
  component: "h3",
40768
40860
  style: design.tierLabel
@@ -40771,15 +40863,15 @@ var PricingInCardView = function PricingInCardView(_ref) {
40771
40863
  className: "flex items-start gap-4",
40772
40864
  key: getUniqueKey(feature, index)
40773
40865
  }, /*#__PURE__*/React__default["default"].createElement(Check, {
40774
- className: "rounded-full bg-gray-200 p-0.5",
40866
+ className: "neeto-ui-rounded-full neeto-ui-bg-gray-200 p-0.5",
40775
40867
  color: "#1F2433",
40776
40868
  size: 16
40777
- }), /*#__PURE__*/React__default["default"].createElement(Typography, {
40869
+ }), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
40778
40870
  isTitle: true,
40779
40871
  component: "p",
40780
40872
  style: design.tierFeature
40781
40873
  }, feature));
40782
- }), /*#__PURE__*/React__default["default"].createElement(Button, _extends__default["default"]({
40874
+ })), /*#__PURE__*/React__default["default"].createElement(Button$1, _extends__default["default"]({
40783
40875
  className: "mt-8 w-full justify-center",
40784
40876
  style: design.tierButton
40785
40877
  }, button, otherProps)));
@@ -40822,21 +40914,21 @@ var TestimonialWithSlider = function TestimonialWithSlider(_ref) {
40822
40914
  });
40823
40915
  };
40824
40916
  return /*#__PURE__*/React__default["default"].createElement(BlockWrapper, {
40917
+ className: className,
40918
+ enableAnimation: enableAnimation,
40919
+ id: id,
40825
40920
  backgroundImage: mergeLeft({
40826
40921
  src: src
40827
40922
  }, design.backgroundImage),
40828
- className: className,
40829
40923
  design: design.body,
40830
- enableAnimation: enableAnimation,
40831
- id: id,
40832
40924
  nestedClassName: baseClasses
40833
40925
  }, /*#__PURE__*/React__default["default"].createElement("div", {
40834
40926
  className: "col-span-12 sm:col-span-6 sm:col-start-4"
40835
- }, /*#__PURE__*/React__default["default"].createElement(Typography, {
40927
+ }, /*#__PURE__*/React__default["default"].createElement(Typography$1, {
40836
40928
  isTitle: true,
40837
40929
  component: "h1",
40838
40930
  style: design.title
40839
- }, title), /*#__PURE__*/React__default["default"].createElement(Typography, {
40931
+ }, title), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
40840
40932
  component: "p",
40841
40933
  style: design.description
40842
40934
  }, description)), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -40858,32 +40950,32 @@ var TestimonialWithSlider = function TestimonialWithSlider(_ref) {
40858
40950
  design: design.testimonialContainer
40859
40951
  }, /*#__PURE__*/React__default["default"].createElement("div", {
40860
40952
  className: imageClasses(imagePosition)
40861
- }, /*#__PURE__*/React__default["default"].createElement(StyledImage, {
40953
+ }, /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
40954
+ src: src,
40862
40955
  className: "ns-testimonial-image-aspect-ratio",
40863
- design: design.testimonialImage,
40864
- src: src
40865
- }), /*#__PURE__*/React__default["default"].createElement(Typography, {
40956
+ design: design.testimonialImage
40957
+ }), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
40866
40958
  isTitle: true,
40867
40959
  component: "h4",
40868
40960
  style: design.testimonialName
40869
- }, name), /*#__PURE__*/React__default["default"].createElement(Typography, {
40961
+ }, name), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
40870
40962
  isTitle: true,
40871
40963
  component: "h4",
40872
40964
  style: design.testimonialPosition
40873
40965
  }, position)), /*#__PURE__*/React__default["default"].createElement("div", {
40874
40966
  className: contentClasses(imagePosition)
40875
- }, logoUrl && /*#__PURE__*/React__default["default"].createElement(StyledImage, {
40967
+ }, /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
40876
40968
  className: "mx-auto sm:ml-0",
40877
40969
  design: design.testimonialLogo,
40878
40970
  src: logoUrl
40879
- }), /*#__PURE__*/React__default["default"].createElement(Typography, {
40971
+ }), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
40880
40972
  component: "p",
40881
40973
  style: design.testimonialDescription
40882
40974
  }, testimonialDescription))));
40883
40975
  }), /*#__PURE__*/React__default["default"].createElement(Pagination$1, {
40884
- design: design.buttons,
40885
- swiper: swiper
40886
- }))), isButtonRequired && /*#__PURE__*/React__default["default"].createElement(Button, _extends__default["default"]({
40976
+ swiper: swiper,
40977
+ design: design.buttons
40978
+ }))), isButtonRequired && /*#__PURE__*/React__default["default"].createElement(Button$1, _extends__default["default"]({
40887
40979
  className: "col-span-12 flex justify-center sm:col-span-6 sm:col-start-4 lg:col-span-4 lg:col-start-5",
40888
40980
  style: design.button
40889
40981
  }, button, otherProps)));
@@ -40918,21 +41010,21 @@ var TestimonialWithVerticalView = function TestimonialWithVerticalView(_ref) {
40918
41010
  "sm:col-start-2": POSITIONS.RIGHT.label === imagePosition
40919
41011
  });
40920
41012
  return /*#__PURE__*/React__default["default"].createElement(BlockWrapper, {
41013
+ className: className,
41014
+ enableAnimation: enableAnimation,
41015
+ id: id,
40921
41016
  backgroundImage: mergeLeft({
40922
41017
  src: src
40923
41018
  }, design.backgroundImage),
40924
- className: className,
40925
41019
  design: design.body,
40926
- enableAnimation: enableAnimation,
40927
- id: id,
40928
41020
  nestedClassName: baseClasses
40929
41021
  }, /*#__PURE__*/React__default["default"].createElement("div", {
40930
41022
  className: "col-span-12 space-y-4 sm:col-span-6 sm:col-start-4"
40931
- }, /*#__PURE__*/React__default["default"].createElement(Typography, {
41023
+ }, /*#__PURE__*/React__default["default"].createElement(Typography$1, {
40932
41024
  isTitle: true,
40933
41025
  component: "h1",
40934
41026
  style: design.title
40935
- }, title), /*#__PURE__*/React__default["default"].createElement(Typography, {
41027
+ }, title), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
40936
41028
  component: "p",
40937
41029
  style: design.description
40938
41030
  }, description)), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -40944,44 +41036,44 @@ var TestimonialWithVerticalView = function TestimonialWithVerticalView(_ref) {
40944
41036
  position = _ref2.position,
40945
41037
  logoUrl = _ref2.logoUrl;
40946
41038
  return /*#__PURE__*/React__default["default"].createElement(MotionWrapper, {
41039
+ enableAnimation: enableAnimation,
40947
41040
  className: "grid grid-flow-row-dense grid-cols-12 items-center py-6",
40948
41041
  design: design.testimonialContainer,
40949
- enableAnimation: enableAnimation,
40950
41042
  key: getUniqueKey(testimonialDescription, index)
40951
41043
  }, /*#__PURE__*/React__default["default"].createElement("div", {
40952
41044
  className: imageClasses
40953
- }, /*#__PURE__*/React__default["default"].createElement(StyledImage, {
41045
+ }, /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
41046
+ src: src,
40954
41047
  className: "ns-testimonial-image-aspect-ratio",
40955
- design: design.testimonialImage,
40956
- src: src
40957
- }), /*#__PURE__*/React__default["default"].createElement(Typography, {
41048
+ design: design.testimonialImage
41049
+ }), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
40958
41050
  isTitle: true,
40959
41051
  component: "h4",
40960
41052
  style: design.testimonialName
40961
- }, name), /*#__PURE__*/React__default["default"].createElement(Typography, {
41053
+ }, name), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
40962
41054
  isTitle: true,
40963
41055
  component: "h4",
40964
41056
  style: design.testimonialPosition
40965
41057
  }, position)), /*#__PURE__*/React__default["default"].createElement("div", {
40966
41058
  className: contentClasses
40967
- }, logoUrl && /*#__PURE__*/React__default["default"].createElement(StyledImage, {
41059
+ }, /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
40968
41060
  className: "mx-auto sm:ml-0",
40969
41061
  design: design.testimonialLogo,
40970
41062
  src: logoUrl
40971
- }), /*#__PURE__*/React__default["default"].createElement(Typography, {
41063
+ }), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
40972
41064
  component: "p",
40973
41065
  style: design.testimonialDescription
40974
41066
  }, testimonialDescription)));
40975
- })), isButtonRequired && /*#__PURE__*/React__default["default"].createElement(Button, _extends__default["default"]({
41067
+ })), isButtonRequired && /*#__PURE__*/React__default["default"].createElement(Button$1, _extends__default["default"]({
40976
41068
  className: "col-span-12 flex justify-center sm:col-span-6 sm:col-start-4 lg:col-span-4 lg:col-start-5",
40977
41069
  style: design.button
40978
41070
  }, button, otherProps)));
40979
41071
  };
40980
41072
 
40981
41073
  var index = /*#__PURE__*/Object.freeze({
40982
- __proto__: null,
40983
- Filled: FilledIcons,
40984
- Outlined: OutlineIcons
41074
+ __proto__: null,
41075
+ Filled: FilledIcons,
41076
+ Outlined: OutlineIcons
40985
41077
  });
40986
41078
 
40987
41079
  exports.CardsClassic = CardsClassic;