@bigbinary/neeto-site-blocks 1.0.4 → 1.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/index.cjs.js +562 -470
  2. package/dist/index.cjs.js.map +1 -1
  3. package/dist/index.css +1 -1
  4. package/dist/index.css.map +1 -1
  5. package/dist/index.js +547 -455
  6. package/dist/index.js.map +1 -1
  7. package/package.json +1 -1
package/dist/index.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+)?$/;
@@ -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)));
@@ -20347,26 +20437,26 @@ var CardsInGridView = function CardsInGridView(_ref) {
20347
20437
  imageUrl = _ref2.imageUrl,
20348
20438
  href = _ref2.href;
20349
20439
  return /*#__PURE__*/React__default["default"].createElement(MotionWrapper, {
20350
- className: "ns-card-animation ns-card-in-grid-view col-span-12 cursor-pointer space-y-8 space-y-8 sm:col-span-6 lg:col-span-4",
20440
+ className: "ns-card-in-grid-view col-span-12 cursor-pointer space-y-8 space-y-8 sm:col-span-6 lg:col-span-4",
20351
20441
  design: design.card,
20352
20442
  duration: 0.01,
20353
20443
  enableAnimation: enableAnimation,
20354
20444
  onClick: function onClick() {
20355
20445
  return href && window.open(href, "_blank");
20356
20446
  }
20357
- }, /*#__PURE__*/React__default["default"].createElement(StyledImage, {
20358
- className: "mx-auto h-52 object-cover",
20447
+ }, /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
20448
+ className: "mx-auto max-h-40 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, {
20369
- className: "ns-card-truncation ns-card-line-clamp-3",
20458
+ }, title), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
20459
+ className: "ns-card-truncation ns-card-line-clamp-2",
20370
20460
  component: "p",
20371
20461
  style: design.cardDescription
20372
20462
  }, description)));
@@ -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,22 +20524,24 @@ 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
+ }, title && /*#__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
20446
- }, description), cards.map(function (card, index) {
20536
+ }, description), /*#__PURE__*/React__default["default"].createElement("div", {
20537
+ className: "col-span-12 grid grid-cols-12 gap-6"
20538
+ }, cards.map(function (card, index) {
20447
20539
  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, {
20448
20540
  key: getUniqueKey(card.title, card.description, index)
20449
20541
  }, renderCard(card));
20450
- }), isButtonRequired && /*#__PURE__*/React__default["default"].createElement("div", {
20542
+ })), isButtonRequired && /*#__PURE__*/React__default["default"].createElement("div", {
20451
20543
  className: "col-span-12 grid grid-cols-12"
20452
- }, /*#__PURE__*/React__default["default"].createElement(Button, _extends__default["default"]({
20544
+ }, /*#__PURE__*/React__default["default"].createElement(Button$1, _extends__default["default"]({
20453
20545
  className: "col-span-12 flex justify-center sm:col-span-6 sm:col-start-4 lg:col-span-4 lg:col-start-5",
20454
20546
  style: design.button
20455
20547
  }, button))));
@@ -20479,20 +20571,20 @@ var CardsWithCustomizableGrid = function CardsWithCustomizableGrid(_ref) {
20479
20571
  "lg:col-span-3 sm:col-span-6": gridCount === 4
20480
20572
  });
20481
20573
  return /*#__PURE__*/React__default["default"].createElement(BlockWrapper, {
20574
+ className: className,
20575
+ enableAnimation: enableAnimation,
20576
+ id: id,
20482
20577
  backgroundImage: mergeLeft({
20483
20578
  src: src
20484
20579
  }, design.backgroundImage),
20485
- className: className,
20486
20580
  design: design.body,
20487
- enableAnimation: enableAnimation,
20488
- id: id,
20489
20581
  nestedClassName: baseClasses
20490
- }, /*#__PURE__*/React__default["default"].createElement(Typography, {
20582
+ }, /*#__PURE__*/React__default["default"].createElement(Typography$1, {
20491
20583
  isTitle: true,
20492
20584
  className: "col-span-12",
20493
20585
  component: "h1",
20494
20586
  style: design.title
20495
- }, title), description && /*#__PURE__*/React__default["default"].createElement(Typography, {
20587
+ }, title), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
20496
20588
  className: "col-span-12",
20497
20589
  component: "p",
20498
20590
  style: design.description
@@ -20505,26 +20597,26 @@ var CardsWithCustomizableGrid = function CardsWithCustomizableGrid(_ref) {
20505
20597
  description = _ref2.description,
20506
20598
  href = _ref2.href;
20507
20599
  return /*#__PURE__*/React__default["default"].createElement(MotionWrapper, {
20600
+ enableAnimation: enableAnimation,
20508
20601
  className: gridBaseClasses,
20509
20602
  design: design.card,
20510
20603
  duration: 0.01,
20511
- enableAnimation: enableAnimation,
20512
20604
  key: getUniqueKey(title, description, index),
20513
20605
  onClick: function onClick() {
20514
20606
  return href && window.open(href, "_blank");
20515
20607
  }
20516
- }, /*#__PURE__*/React__default["default"].createElement(Typography, {
20608
+ }, /*#__PURE__*/React__default["default"].createElement(Typography$1, {
20517
20609
  isTitle: true,
20518
20610
  className: "ns-card-truncation ns-card-line-clamp-4",
20519
20611
  component: "h1",
20520
20612
  style: design.cardTitle
20521
- }, title), /*#__PURE__*/React__default["default"].createElement(Typography, {
20613
+ }, title), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
20522
20614
  component: "p",
20523
20615
  style: design.cardDescription
20524
20616
  }, description));
20525
20617
  }), isButtonRequired && /*#__PURE__*/React__default["default"].createElement("div", {
20526
20618
  className: "col-span-12 grid grid-cols-12"
20527
- }, /*#__PURE__*/React__default["default"].createElement(Button, _extends__default["default"]({
20619
+ }, /*#__PURE__*/React__default["default"].createElement(Button$1, _extends__default["default"]({
20528
20620
  className: "col-span-12 flex justify-center sm:col-span-6 sm:col-start-4 lg:col-span-4 lg:col-start-5",
20529
20621
  style: design.button
20530
20622
  }, button)))));
@@ -20560,12 +20652,12 @@ var CardsWithImage = function CardsWithImage(_ref) {
20560
20652
  enableAnimation: enableAnimation,
20561
20653
  id: id,
20562
20654
  nestedClassName: baseClasses
20563
- }, /*#__PURE__*/React__default["default"].createElement(Typography, {
20655
+ }, /*#__PURE__*/React__default["default"].createElement(Typography$1, {
20564
20656
  isTitle: true,
20565
20657
  className: "col-span-12",
20566
20658
  component: "h1",
20567
20659
  style: design.title
20568
- }, title), /*#__PURE__*/React__default["default"].createElement(Typography, {
20660
+ }, title), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
20569
20661
  className: "col-span-12 sm:col-span-8 sm:col-start-3",
20570
20662
  component: "h1",
20571
20663
  style: design.description
@@ -20594,14 +20686,14 @@ var CardsWithImage = function CardsWithImage(_ref) {
20594
20686
  paddingHorizontal: design.card.paddingHorizontal,
20595
20687
  paddingVertical: design.card.paddingVertical
20596
20688
  }
20597
- }, /*#__PURE__*/React__default["default"].createElement(Typography, {
20689
+ }, /*#__PURE__*/React__default["default"].createElement(Typography$1, {
20598
20690
  isTitle: true,
20599
20691
  className: "ns-card-truncation ns-card-line-clamp-4",
20600
20692
  component: "h1",
20601
20693
  style: design.cardTitle
20602
20694
  }, title)), /*#__PURE__*/React__default["default"].createElement("div", {
20603
20695
  className: "absolute right-0 bottom-0 flex items-end justify-end"
20604
- }, /*#__PURE__*/React__default["default"].createElement(StyledImage, {
20696
+ }, /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
20605
20697
  design: design.cardImage,
20606
20698
  src: imageUrl
20607
20699
  })));
@@ -20613,7 +20705,7 @@ var CardsWithImage = function CardsWithImage(_ref) {
20613
20705
  paddingVertical: 0,
20614
20706
  backgroundColor: "transparent"
20615
20707
  })
20616
- }, /*#__PURE__*/React__default["default"].createElement(LinkElement, _extends__default["default"]({
20708
+ }, /*#__PURE__*/React__default["default"].createElement(Link, _extends__default["default"]({
20617
20709
  className: "col-span-12 flex items-center justify-center gap-x-2",
20618
20710
  style: design.cardLink
20619
20711
  }, addMore, {
@@ -20649,19 +20741,19 @@ var CtaClassic = function CtaClassic(_ref) {
20649
20741
  nestedClassName: baseClasses
20650
20742
  }, /*#__PURE__*/React__default["default"].createElement("div", {
20651
20743
  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, {
20744
+ }, /*#__PURE__*/React__default["default"].createElement(Typography$1, {
20653
20745
  isTitle: true,
20654
20746
  component: "h1",
20655
20747
  style: design.title
20656
- }, title), /*#__PURE__*/React__default["default"].createElement(Typography, {
20748
+ }, title), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
20657
20749
  component: "p",
20658
20750
  style: design.description
20659
20751
  }, description)), /*#__PURE__*/React__default["default"].createElement("div", {
20660
20752
  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"]({
20753
+ }, /*#__PURE__*/React__default["default"].createElement(Button$1, _extends__default["default"]({
20662
20754
  className: "justify-center sm:w-auto",
20663
20755
  style: design.primaryButton
20664
- }, primaryButton, otherProps)), /*#__PURE__*/React__default["default"].createElement(Button, _extends__default["default"]({
20756
+ }, primaryButton, otherProps)), /*#__PURE__*/React__default["default"].createElement(Button$1, _extends__default["default"]({
20665
20757
  className: "justify-center sm:w-auto",
20666
20758
  style: design.secondaryButton
20667
20759
  }, secondaryButton, otherProps))));
@@ -37578,11 +37670,11 @@ var CtaWithEmailAction = function CtaWithEmailAction(_ref) {
37578
37670
  nestedClassName: baseClasses
37579
37671
  }, /*#__PURE__*/React__default["default"].createElement("div", {
37580
37672
  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, {
37673
+ }, /*#__PURE__*/React__default["default"].createElement(Typography$1, {
37582
37674
  isTitle: true,
37583
37675
  component: "h1",
37584
37676
  style: design.title
37585
- }, title), /*#__PURE__*/React__default["default"].createElement(Typography, {
37677
+ }, title), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
37586
37678
  component: "p",
37587
37679
  style: design.description
37588
37680
  }, description)), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -37611,9 +37703,9 @@ var CtaWithEmailAction = function CtaWithEmailAction(_ref) {
37611
37703
  className: "rounded-full bg-green-600 p-1",
37612
37704
  color: "#ffffff",
37613
37705
  size: 20
37614
- }), /*#__PURE__*/React__default["default"].createElement(Typography, {
37706
+ }), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
37615
37707
  style: design.successMessage
37616
- }, response.message)), /*#__PURE__*/React__default["default"].createElement(Typography, {
37708
+ }, response.message)), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
37617
37709
  className: "col-span-10 col-start-2 sm:col-span-4 sm:col-start-5",
37618
37710
  component: "p",
37619
37711
  style: design.promotionText
@@ -37646,23 +37738,23 @@ var CtaWithLogo = function CtaWithLogo(_ref) {
37646
37738
  enableAnimation: enableAnimation,
37647
37739
  id: id,
37648
37740
  nestedClassName: baseClasses
37649
- }, /*#__PURE__*/React__default["default"].createElement(StyledImage, {
37741
+ }, /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
37650
37742
  alt: "logo",
37651
37743
  className: "col-span-10 col-start-2 mx-auto sm:col-span-2 sm:col-start-1",
37652
37744
  design: design.logo,
37653
37745
  src: logoUrl
37654
37746
  }), /*#__PURE__*/React__default["default"].createElement("div", {
37655
37747
  className: "col-span-12 sm:col-span-6 sm:col-start-3 lg:col-span-7"
37656
- }, /*#__PURE__*/React__default["default"].createElement(Typography, {
37748
+ }, /*#__PURE__*/React__default["default"].createElement(Typography$1, {
37657
37749
  isTitle: true,
37658
37750
  component: "h1",
37659
37751
  style: design.title
37660
- }, title), /*#__PURE__*/React__default["default"].createElement(Typography, {
37752
+ }, title), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
37661
37753
  component: "p",
37662
37754
  style: design.description
37663
37755
  }, description)), /*#__PURE__*/React__default["default"].createElement("div", {
37664
37756
  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"]({
37757
+ }, /*#__PURE__*/React__default["default"].createElement(Button$1, _extends__default["default"]({
37666
37758
  className: "flex w-full justify-center sm:w-auto",
37667
37759
  style: design.button
37668
37760
  }, button, otherProps))));
@@ -37709,7 +37801,7 @@ var FaqWithHamburgerView = function FaqWithHamburgerView(_ref) {
37709
37801
  nestedClassName: baseClasses
37710
37802
  }, /*#__PURE__*/React__default["default"].createElement("div", {
37711
37803
  className: "col-span-12 sm:col-span-6 sm:col-start-4"
37712
- }, /*#__PURE__*/React__default["default"].createElement(Typography, {
37804
+ }, /*#__PURE__*/React__default["default"].createElement(Typography$1, {
37713
37805
  isTitle: true,
37714
37806
  component: "h1",
37715
37807
  style: design.title
@@ -37747,7 +37839,7 @@ var FAQItem = function FAQItem(_ref3) {
37747
37839
  }
37748
37840
  }, /*#__PURE__*/React__default["default"].createElement("div", {
37749
37841
  className: "flex items-start justify-between gap-4"
37750
- }, /*#__PURE__*/React__default["default"].createElement(Typography, {
37842
+ }, /*#__PURE__*/React__default["default"].createElement(Typography$1, {
37751
37843
  isTitle: true,
37752
37844
  component: "h5",
37753
37845
  style: design.question
@@ -37793,7 +37885,7 @@ var FAQItem = function FAQItem(_ref3) {
37793
37885
  transition: {
37794
37886
  duration: 0.3
37795
37887
  }
37796
- }, /*#__PURE__*/React__default["default"].createElement(Typography, {
37888
+ }, /*#__PURE__*/React__default["default"].createElement(Typography$1, {
37797
37889
  component: "p",
37798
37890
  style: design.answer
37799
37891
  }, answer)))));
@@ -37840,11 +37932,11 @@ var FeatureWithDetails = function FeatureWithDetails(_ref) {
37840
37932
  nestedClassName: baseClasses
37841
37933
  }, /*#__PURE__*/React__default["default"].createElement("div", {
37842
37934
  className: contentBaseClasses
37843
- }, /*#__PURE__*/React__default["default"].createElement(Typography, {
37935
+ }, /*#__PURE__*/React__default["default"].createElement(Typography$1, {
37844
37936
  isTitle: true,
37845
37937
  component: "h1",
37846
37938
  style: design.title
37847
- }, title), /*#__PURE__*/React__default["default"].createElement(Typography, {
37939
+ }, title), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
37848
37940
  component: "p",
37849
37941
  style: design.description
37850
37942
  }, description), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -37864,11 +37956,11 @@ var FeatureWithDetails = function FeatureWithDetails(_ref) {
37864
37956
  }, renderIcon(_objectSpread$5({
37865
37957
  name: icon,
37866
37958
  type: icon.type
37867
- }, design.icon))), /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(Typography, {
37959
+ }, design.icon))), /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(Typography$1, {
37868
37960
  isTitle: true,
37869
37961
  component: "h4",
37870
37962
  style: design.featureTitle
37871
- }, featureTitle), /*#__PURE__*/React__default["default"].createElement(Typography, {
37963
+ }, featureTitle), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
37872
37964
  component: "p",
37873
37965
  style: design.featureDescription
37874
37966
  }, featureDescription)));
@@ -37918,11 +38010,11 @@ var FeatureWithGrid = function FeatureWithGrid(_ref) {
37918
38010
  nestedClassName: baseClasses
37919
38011
  }, /*#__PURE__*/React__default["default"].createElement("div", {
37920
38012
  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, {
38013
+ }, /*#__PURE__*/React__default["default"].createElement(Typography$1, {
37922
38014
  isTitle: true,
37923
38015
  component: "h1",
37924
38016
  style: design.title
37925
- }, title), /*#__PURE__*/React__default["default"].createElement(Typography, {
38017
+ }, title), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
37926
38018
  component: "p",
37927
38019
  style: design.description
37928
38020
  }, description), /*#__PURE__*/React__default["default"].createElement(Media, {
@@ -37941,16 +38033,16 @@ var FeatureWithGrid = function FeatureWithGrid(_ref) {
37941
38033
  className: gridClasses(index),
37942
38034
  enableAnimation: enableAnimation,
37943
38035
  key: getUniqueKey(featureTitle, featureDescription, index)
37944
- }, /*#__PURE__*/React__default["default"].createElement(StyledImage, {
38036
+ }, /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
37945
38037
  alt: featureImageAlt,
37946
38038
  design: design.featureImage,
37947
38039
  src: featureImageUrl,
37948
38040
  title: featureImageTitle
37949
- }), /*#__PURE__*/React__default["default"].createElement(Typography, {
38041
+ }), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
37950
38042
  isTitle: true,
37951
38043
  component: "h4",
37952
38044
  style: design.featureTitle
37953
- }, featureTitle), /*#__PURE__*/React__default["default"].createElement(Typography, {
38045
+ }, featureTitle), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
37954
38046
  component: "p",
37955
38047
  style: design.featureDescription
37956
38048
  }, featureDescription));
@@ -37994,11 +38086,11 @@ var FeatureWithImage = function FeatureWithImage(_ref) {
37994
38086
  nestedClassName: baseClasses
37995
38087
  }, /*#__PURE__*/React__default["default"].createElement("div", {
37996
38088
  className: featureClasses
37997
- }, /*#__PURE__*/React__default["default"].createElement(Typography, {
38089
+ }, /*#__PURE__*/React__default["default"].createElement(Typography$1, {
37998
38090
  isTitle: true,
37999
38091
  component: "h1",
38000
38092
  style: design.title
38001
- }, title), /*#__PURE__*/React__default["default"].createElement(Typography, {
38093
+ }, title), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
38002
38094
  component: "p",
38003
38095
  style: design.description
38004
38096
  }, description)), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -38043,16 +38135,16 @@ var FeatureWithJumboText = function FeatureWithJumboText(_ref) {
38043
38135
  enableAnimation: enableAnimation,
38044
38136
  id: id,
38045
38137
  nestedClassName: baseClasses
38046
- }, /*#__PURE__*/React__default["default"].createElement(Typography, {
38138
+ }, /*#__PURE__*/React__default["default"].createElement(Typography$1, {
38047
38139
  isTitle: true,
38048
38140
  className: titleBaseClasses,
38049
38141
  style: design.mainTitle
38050
38142
  }, mainTitle), /*#__PURE__*/React__default["default"].createElement("div", {
38051
38143
  className: subTitleBaseClasses
38052
- }, /*#__PURE__*/React__default["default"].createElement(Typography, {
38144
+ }, /*#__PURE__*/React__default["default"].createElement(Typography$1, {
38053
38145
  isTitle: true,
38054
38146
  style: design.subTitle
38055
- }, subTitle), /*#__PURE__*/React__default["default"].createElement(Typography, {
38147
+ }, subTitle), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
38056
38148
  style: design.description
38057
38149
  }, description)));
38058
38150
  };
@@ -38097,12 +38189,12 @@ var FeatureWithList = function FeatureWithList(_ref) {
38097
38189
  nestedClassName: baseClasses
38098
38190
  }, /*#__PURE__*/React__default["default"].createElement("div", {
38099
38191
  className: linkBaseClasses
38100
- }, /*#__PURE__*/React__default["default"].createElement(Typography, {
38192
+ }, /*#__PURE__*/React__default["default"].createElement(Typography$1, {
38101
38193
  isTitle: true,
38102
38194
  className: "col-span-12",
38103
38195
  component: "h1",
38104
38196
  style: design.title
38105
- }, title), /*#__PURE__*/React__default["default"].createElement(Typography, {
38197
+ }, title), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
38106
38198
  className: "col-span-12",
38107
38199
  component: "p",
38108
38200
  style: design.description
@@ -38119,7 +38211,7 @@ var FeatureWithList = function FeatureWithList(_ref) {
38119
38211
  className: "col-span-1"
38120
38212
  }, /*#__PURE__*/React__default["default"].createElement(CheckDouble, _extends__default["default"]({
38121
38213
  fill: design.featureIcon.color
38122
- }, design.featureIcon))), /*#__PURE__*/React__default["default"].createElement(Typography, {
38214
+ }, design.featureIcon))), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
38123
38215
  isTitle: true,
38124
38216
  className: "col-span-11 col-start-2 flex justify-start",
38125
38217
  component: "p",
@@ -38207,11 +38299,11 @@ var FeatureWithProgressBar = function FeatureWithProgressBar(_ref) {
38207
38299
  nestedClassName: baseClasses
38208
38300
  }, /*#__PURE__*/React__default["default"].createElement("div", {
38209
38301
  className: progressBarBaseClasses
38210
- }, /*#__PURE__*/React__default["default"].createElement(Typography, {
38302
+ }, /*#__PURE__*/React__default["default"].createElement(Typography$1, {
38211
38303
  isTitle: true,
38212
38304
  component: "h1",
38213
38305
  style: design.title
38214
- }, title), /*#__PURE__*/React__default["default"].createElement(Typography, {
38306
+ }, title), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
38215
38307
  component: "p",
38216
38308
  style: design.description
38217
38309
  }, description), features.map(function (_ref2, index) {
@@ -38224,7 +38316,7 @@ var FeatureWithProgressBar = function FeatureWithProgressBar(_ref) {
38224
38316
  onClick: function onClick() {
38225
38317
  return handleTabClick(id);
38226
38318
  }
38227
- }, /*#__PURE__*/React__default["default"].createElement(Typography, {
38319
+ }, /*#__PURE__*/React__default["default"].createElement(Typography$1, {
38228
38320
  isTitle: true,
38229
38321
  component: "h4",
38230
38322
  style: design.featureTitle
@@ -38290,12 +38382,12 @@ var FooterClassic = function FooterClassic(_ref) {
38290
38382
  }
38291
38383
  }), /*#__PURE__*/React__default["default"].createElement("div", {
38292
38384
  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, {
38385
+ }, /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
38294
38386
  className: "col-span-4 mb-4 sm:mb-0",
38295
38387
  design: design.logo,
38296
38388
  src: logo.src
38297
38389
  }), links.map(function (link, index) {
38298
- return /*#__PURE__*/React__default["default"].createElement(LinkElement, _extends__default["default"]({
38390
+ return /*#__PURE__*/React__default["default"].createElement(Link, _extends__default["default"]({
38299
38391
  className: "col-span-1 mt-2 hover:text-gray-700 sm:mt-0",
38300
38392
  key: getUniqueKey(link.label, index)
38301
38393
  }, link, {
@@ -38304,7 +38396,7 @@ var FooterClassic = function FooterClassic(_ref) {
38304
38396
  })), /*#__PURE__*/React__default["default"].createElement("div", {
38305
38397
  className: "col-span-12 flex justify-center gap-x-4 sm:col-span-8 sm:col-start-3"
38306
38398
  }, socialIcons.map(function (_icon, index) {
38307
- return /*#__PURE__*/React__default["default"].createElement(LinkElement, _extends__default["default"]({
38399
+ return /*#__PURE__*/React__default["default"].createElement(Link, _extends__default["default"]({
38308
38400
  key: getUniqueKey(_icon.name, index),
38309
38401
  icon: function icon() {
38310
38402
  return renderIcon(_objectSpread$4({
@@ -38314,7 +38406,7 @@ var FooterClassic = function FooterClassic(_ref) {
38314
38406
  }, design.socialIcon));
38315
38407
  }
38316
38408
  }, _icon, otherProps));
38317
- })), /*#__PURE__*/React__default["default"].createElement(Typography, {
38409
+ })), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
38318
38410
  className: "col-span-12 flex justify-center sm:col-span-8 sm:col-start-3",
38319
38411
  style: design.copyrightText
38320
38412
  }, copyrightText));
@@ -38329,14 +38421,14 @@ var FooterClassic = function FooterClassic(_ref) {
38329
38421
  enableAnimation: enableAnimation,
38330
38422
  id: id,
38331
38423
  nestedClassName: baseClasses
38332
- }, /*#__PURE__*/React__default["default"].createElement(StyledImage, {
38424
+ }, /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
38333
38425
  className: "col-span-12 sm:col-span-2",
38334
38426
  design: design.logo,
38335
38427
  src: logo.src
38336
38428
  }), /*#__PURE__*/React__default["default"].createElement("div", {
38337
38429
  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
38430
  }, links.map(function (link, index) {
38339
- return /*#__PURE__*/React__default["default"].createElement(LinkElement, _extends__default["default"]({
38431
+ return /*#__PURE__*/React__default["default"].createElement(Link, _extends__default["default"]({
38340
38432
  className: "col-span-1 hover:text-gray-700",
38341
38433
  key: getUniqueKey(link.label, index)
38342
38434
  }, link, {
@@ -38351,7 +38443,7 @@ var FooterClassic = function FooterClassic(_ref) {
38351
38443
  }), /*#__PURE__*/React__default["default"].createElement("div", {
38352
38444
  className: "col-span-12 flex justify-center gap-x-4 sm:col-span-4 sm:col-start-9 sm:justify-end"
38353
38445
  }, socialIcons.map(function (_icon2, index) {
38354
- return /*#__PURE__*/React__default["default"].createElement(LinkElement, _extends__default["default"]({
38446
+ return /*#__PURE__*/React__default["default"].createElement(Link, _extends__default["default"]({
38355
38447
  key: getUniqueKey(_icon2.name, index),
38356
38448
  icon: function icon() {
38357
38449
  return renderIcon(_objectSpread$4({
@@ -38361,7 +38453,7 @@ var FooterClassic = function FooterClassic(_ref) {
38361
38453
  }, design.socialIcon));
38362
38454
  }
38363
38455
  }, _icon2, otherProps));
38364
- })), /*#__PURE__*/React__default["default"].createElement(Typography, {
38456
+ })), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
38365
38457
  className: "col-span-12 flex justify-center sm:col-span-6 sm:col-start-1 sm:justify-start",
38366
38458
  style: design.copyrightText
38367
38459
  }, copyrightText));
@@ -38386,34 +38478,34 @@ var FooterWithIcons = function FooterWithIcons(_ref) {
38386
38478
  src = properties.backgroundImage.src;
38387
38479
  var baseClasses = "grid grid-cols-12 sm:gap-x-4 items-center gap-y-8";
38388
38480
  return /*#__PURE__*/React__default["default"].createElement(BlockWrapper, {
38481
+ className: className,
38482
+ enableAnimation: enableAnimation,
38483
+ id: id,
38389
38484
  as: "footer",
38390
38485
  backgroundImage: mergeLeft({
38391
38486
  src: src
38392
38487
  }, design.backgroundImage),
38393
- className: className,
38394
38488
  design: design.body,
38395
- enableAnimation: enableAnimation,
38396
- id: id,
38397
38489
  nestedClassName: baseClasses
38398
38490
  }, /*#__PURE__*/React__default["default"].createElement("div", {
38399
38491
  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, {
38492
+ }, /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
38401
38493
  className: "col-span-4",
38402
38494
  design: design.logo,
38403
38495
  src: logo.src
38404
- }), /*#__PURE__*/React__default["default"].createElement(StyledWrapper, {
38496
+ }), logo.src && /*#__PURE__*/React__default["default"].createElement(StyledWrapper, {
38405
38497
  className: "hidden sm:block",
38406
38498
  design: {
38407
38499
  borderRightWidth: "1px",
38408
38500
  borderColor: "#C2C8CC"
38409
38501
  }
38410
- }), /*#__PURE__*/React__default["default"].createElement(Typography, {
38502
+ }), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
38411
38503
  className: "hidden sm:col-span-4 sm:flex",
38412
38504
  style: design.copyrightText
38413
38505
  }, copyrightText)), /*#__PURE__*/React__default["default"].createElement("div", {
38414
38506
  className: "col-span-12 flex justify-center gap-x-4 sm:col-span-4 sm:col-start-9 sm:justify-end"
38415
38507
  }, socialIcons.map(function (_icon, index) {
38416
- return /*#__PURE__*/React__default["default"].createElement(LinkElement, _extends__default["default"]({
38508
+ return /*#__PURE__*/React__default["default"].createElement(Link, _extends__default["default"]({
38417
38509
  key: getUniqueKey(_icon.name, index),
38418
38510
  icon: function icon() {
38419
38511
  return renderIcon(_objectSpread$3({
@@ -38423,7 +38515,7 @@ var FooterWithIcons = function FooterWithIcons(_ref) {
38423
38515
  }, design.socialIcon));
38424
38516
  }
38425
38517
  }, _icon, otherProps));
38426
- })), /*#__PURE__*/React__default["default"].createElement(Typography, {
38518
+ })), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
38427
38519
  className: "col-span-12 -mt-2 flex justify-start sm:hidden",
38428
38520
  style: design.copyrightText
38429
38521
  }, copyrightText));
@@ -38463,13 +38555,13 @@ var FooterWithLinks = function FooterWithLinks(_ref) {
38463
38555
  className: "col-span-12 sm:col-span-5"
38464
38556
  }, /*#__PURE__*/React__default["default"].createElement("div", {
38465
38557
  className: "flex items-center gap-x-2"
38466
- }, /*#__PURE__*/React__default["default"].createElement(StyledImage, {
38558
+ }, /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
38467
38559
  design: design.logo,
38468
38560
  src: logo.src
38469
- }), /*#__PURE__*/React__default["default"].createElement(Typography, {
38561
+ }), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
38470
38562
  component: "p",
38471
38563
  design: design.logoTitle
38472
- }, logo.title)), /*#__PURE__*/React__default["default"].createElement(Typography, {
38564
+ }, logo.title)), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
38473
38565
  component: "p",
38474
38566
  style: design.description
38475
38567
  }, description)), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -38480,7 +38572,7 @@ var FooterWithLinks = function FooterWithLinks(_ref) {
38480
38572
  return /*#__PURE__*/React__default["default"].createElement("div", {
38481
38573
  className: "col-span-2",
38482
38574
  key: title
38483
- }, /*#__PURE__*/React__default["default"].createElement(Typography, {
38575
+ }, /*#__PURE__*/React__default["default"].createElement(Typography$1, {
38484
38576
  isTitle: true,
38485
38577
  component: "h3",
38486
38578
  style: design.columnTitle
@@ -38493,7 +38585,7 @@ var FooterWithLinks = function FooterWithLinks(_ref) {
38493
38585
  href = _ref3.href;
38494
38586
  return /*#__PURE__*/React__default["default"].createElement("li", {
38495
38587
  key: getUniqueKey(name, index)
38496
- }, /*#__PURE__*/React__default["default"].createElement(LinkElement, _extends__default["default"]({
38588
+ }, /*#__PURE__*/React__default["default"].createElement(Link, _extends__default["default"]({
38497
38589
  action: action,
38498
38590
  label: name,
38499
38591
  style: design.columnLinks,
@@ -38502,14 +38594,14 @@ var FooterWithLinks = function FooterWithLinks(_ref) {
38502
38594
  })));
38503
38595
  })), /*#__PURE__*/React__default["default"].createElement("div", {
38504
38596
  className: "col-span-12 space-y-2 sm:col-span-2"
38505
- }, /*#__PURE__*/React__default["default"].createElement(Typography, {
38597
+ }, /*#__PURE__*/React__default["default"].createElement(Typography$1, {
38506
38598
  isTitle: true,
38507
38599
  component: "h3",
38508
38600
  style: design.columnTitle
38509
38601
  }, contact.title), /*#__PURE__*/React__default["default"].createElement("div", {
38510
38602
  className: "flex gap-x-1"
38511
38603
  }, contact.socialLinks.map(function (_icon, index) {
38512
- return /*#__PURE__*/React__default["default"].createElement(LinkElement, _extends__default["default"]({
38604
+ return /*#__PURE__*/React__default["default"].createElement(Link, _extends__default["default"]({
38513
38605
  key: getUniqueKey(_icon.name, index),
38514
38606
  icon: function icon() {
38515
38607
  return renderIcon(_objectSpread$2({
@@ -38527,13 +38619,13 @@ var FooterWithLinks = function FooterWithLinks(_ref) {
38527
38619
  type = _ref4.type;
38528
38620
  return /*#__PURE__*/React__default["default"].createElement("li", {
38529
38621
  key: getUniqueKey(value, index)
38530
- }, /*#__PURE__*/React__default["default"].createElement(LinkElement, _extends__default["default"]({
38622
+ }, /*#__PURE__*/React__default["default"].createElement(Link, _extends__default["default"]({
38531
38623
  action: action,
38532
38624
  label: value,
38533
38625
  style: design.columnLinks,
38534
38626
  to: type === "Email" ? "mailto:".concat(value) : "tel:".concat(value)
38535
38627
  }, otherProps)));
38536
- }))), /*#__PURE__*/React__default["default"].createElement(Typography, {
38628
+ }))), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
38537
38629
  className: "col-span-12 mt-8 sm:mt-0",
38538
38630
  style: design.copyrightText
38539
38631
  }, copyrightText));
@@ -39916,11 +40008,11 @@ var GalleryClassic = function GalleryClassic(_ref) {
39916
40008
  nestedClassName: baseClasses
39917
40009
  }, /*#__PURE__*/React__default["default"].createElement("div", {
39918
40010
  className: "col-span-12 col-start-1 sm:col-span-6 sm:col-start-4"
39919
- }, /*#__PURE__*/React__default["default"].createElement(Typography, {
40011
+ }, /*#__PURE__*/React__default["default"].createElement(Typography$1, {
39920
40012
  isTitle: true,
39921
40013
  component: "h1",
39922
40014
  style: design.title
39923
- }, title), /*#__PURE__*/React__default["default"].createElement(Typography, {
40015
+ }, title), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
39924
40016
  component: "p",
39925
40017
  style: design.description
39926
40018
  }, description)), /*#__PURE__*/React__default["default"].createElement(ArrowButton, {
@@ -39959,7 +40051,7 @@ var GalleryClassic = function GalleryClassic(_ref) {
39959
40051
  title = _ref2.title;
39960
40052
  return /*#__PURE__*/React__default["default"].createElement(SwiperSlide, {
39961
40053
  key: getUniqueKey(src, title, index)
39962
- }, /*#__PURE__*/React__default["default"].createElement(StyledImage, {
40054
+ }, /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
39963
40055
  alt: alt,
39964
40056
  className: "sliding-image",
39965
40057
  src: src,
@@ -40008,11 +40100,11 @@ var GalleryWithAutoplay = function GalleryWithAutoplay(_ref) {
40008
40100
  nestedClassName: baseClasses
40009
40101
  }, /*#__PURE__*/React__default["default"].createElement("div", {
40010
40102
  className: "col-span-12 col-start-1 sm:col-span-6 sm:col-start-4"
40011
- }, /*#__PURE__*/React__default["default"].createElement(Typography, {
40103
+ }, /*#__PURE__*/React__default["default"].createElement(Typography$1, {
40012
40104
  isTitle: true,
40013
40105
  component: "h1",
40014
40106
  style: design.title
40015
- }, title), /*#__PURE__*/React__default["default"].createElement(Typography, {
40107
+ }, title), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
40016
40108
  component: "p",
40017
40109
  style: design.description
40018
40110
  }, description)), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -40041,7 +40133,7 @@ var GalleryWithAutoplay = function GalleryWithAutoplay(_ref) {
40041
40133
  title = _ref2.title;
40042
40134
  return /*#__PURE__*/React__default["default"].createElement(SwiperSlide, {
40043
40135
  key: getUniqueKey(src, title, index)
40044
- }, /*#__PURE__*/React__default["default"].createElement(StyledImage, {
40136
+ }, /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
40045
40137
  alt: alt,
40046
40138
  className: "sliding-image",
40047
40139
  src: src,
@@ -40070,7 +40162,7 @@ var GalleryWithAutoplay = function GalleryWithAutoplay(_ref) {
40070
40162
  return /*#__PURE__*/React__default["default"].createElement(SwiperSlide, {
40071
40163
  className: "cursor-pointer",
40072
40164
  key: getUniqueKey(src, title, index)
40073
- }, /*#__PURE__*/React__default["default"].createElement(StyledImage, {
40165
+ }, /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
40074
40166
  alt: alt,
40075
40167
  className: "clickable-image",
40076
40168
  src: src,
@@ -40128,7 +40220,7 @@ var HeaderWithButtons = function HeaderWithButtons(_ref) {
40128
40220
  "neeto-site-sticky-header": position === "sticky",
40129
40221
  "neeto-site-sticky-header--scroll": !isHeadingWrapperVisible
40130
40222
  }, className)
40131
- }, /*#__PURE__*/React__default["default"].createElement(StyledImage, {
40223
+ }, /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
40132
40224
  design: design.logo,
40133
40225
  src: properties.logo.src,
40134
40226
  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 +40232,14 @@ var HeaderWithButtons = function HeaderWithButtons(_ref) {
40140
40232
  "col-span-9 sm:justify-end": isEmpty(buttons)
40141
40233
  })
40142
40234
  }, properties.links.map(function (link, index) {
40143
- return /*#__PURE__*/React__default["default"].createElement(LinkElement, _extends__default["default"]({
40235
+ return /*#__PURE__*/React__default["default"].createElement(Link, _extends__default["default"]({
40144
40236
  key: getUniqueKey(link.label, index),
40145
40237
  style: design.links
40146
40238
  }, link, otherProps));
40147
40239
  })), /*#__PURE__*/React__default["default"].createElement("div", {
40148
40240
  className: "col-span-8 col-start-5 flex justify-end gap-x-2 sm:col-span-4 sm:col-start-9"
40149
40241
  }, buttons.map(function (button, index) {
40150
- return /*#__PURE__*/React__default["default"].createElement(Button, _extends__default["default"]({
40242
+ return /*#__PURE__*/React__default["default"].createElement(Button$1, _extends__default["default"]({
40151
40243
  key: getUniqueKey(button.label, index),
40152
40244
  style: button.type === "primary" ? design.primaryButtons : design.secondaryButtons
40153
40245
  }, button, otherProps));
@@ -40163,7 +40255,7 @@ var HeaderWithButtons = function HeaderWithButtons(_ref) {
40163
40255
  })), isMenuOpen && /*#__PURE__*/React__default["default"].createElement("div", {
40164
40256
  className: "fadeIn col-span-2 col-start-1 ml-2 mt-3 block space-y-2 lg:hidden"
40165
40257
  }, properties.links.map(function (button, index) {
40166
- return /*#__PURE__*/React__default["default"].createElement(LinkElement, _extends__default["default"]({
40258
+ return /*#__PURE__*/React__default["default"].createElement(Link, _extends__default["default"]({
40167
40259
  key: getUniqueKey(button.url, button.label, index),
40168
40260
  style: design.links
40169
40261
  }, button, otherProps));
@@ -40207,18 +40299,18 @@ var HeaderWithIcons = function HeaderWithIcons(_ref) {
40207
40299
  }, /*#__PURE__*/React__default["default"].createElement("div", {
40208
40300
  className: "col-span-4 col-start-1 hidden items-center gap-6 lg:flex"
40209
40301
  }, properties.links.map(function (link, index) {
40210
- return /*#__PURE__*/React__default["default"].createElement(LinkElement, _extends__default["default"]({
40302
+ return /*#__PURE__*/React__default["default"].createElement(Link, _extends__default["default"]({
40211
40303
  key: getUniqueKey(link.label, index),
40212
40304
  style: design.links
40213
40305
  }, link, otherProps));
40214
- })), /*#__PURE__*/React__default["default"].createElement(StyledImage, {
40306
+ })), /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
40215
40307
  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
40308
  design: design.logo,
40217
40309
  src: properties.logo.src
40218
40310
  }), /*#__PURE__*/React__default["default"].createElement("div", {
40219
40311
  className: "col-span-5 col-start-8 hidden justify-end sm:col-span-3 sm:col-start-10 sm:flex"
40220
40312
  }, properties.icons.map(function (_icon, index) {
40221
- return /*#__PURE__*/React__default["default"].createElement(LinkElement, _extends__default["default"]({
40313
+ return /*#__PURE__*/React__default["default"].createElement(Link, _extends__default["default"]({
40222
40314
  key: getUniqueKey(_icon.to, index),
40223
40315
  style: design.icons,
40224
40316
  icon: function icon() {
@@ -40249,7 +40341,7 @@ var HeaderWithIcons = function HeaderWithIcons(_ref) {
40249
40341
  })), isLinksOpen && /*#__PURE__*/React__default["default"].createElement("div", {
40250
40342
  className: "fadeIn col-span-4 col-start-1 ml-2 mt-3 space-y-1 lg:hidden"
40251
40343
  }, properties.links.map(function (icon, index) {
40252
- return /*#__PURE__*/React__default["default"].createElement(LinkElement, _extends__default["default"]({
40344
+ return /*#__PURE__*/React__default["default"].createElement(Link, _extends__default["default"]({
40253
40345
  className: "w-full",
40254
40346
  key: getUniqueKey(icon.url, icon.label, index),
40255
40347
  style: design.links
@@ -40257,7 +40349,7 @@ var HeaderWithIcons = function HeaderWithIcons(_ref) {
40257
40349
  })), isIconsOpen && /*#__PURE__*/React__default["default"].createElement("div", {
40258
40350
  className: "fadeIn col-span-2 col-start-11 mt-3 flex flex-col justify-end space-y-1 lg:hidden"
40259
40351
  }, properties.icons.map(function (_icon2, index) {
40260
- return /*#__PURE__*/React__default["default"].createElement(LinkElement, _extends__default["default"]({
40352
+ return /*#__PURE__*/React__default["default"].createElement(Link, _extends__default["default"]({
40261
40353
  className: "w-full",
40262
40354
  key: getUniqueKey(_icon2.to, index),
40263
40355
  style: design.icons,
@@ -40305,11 +40397,11 @@ var HeaderWithLogoTitle = function HeaderWithLogoTitle(_ref) {
40305
40397
  "col-span-10": isEmpty(buttons),
40306
40398
  "col-span-4": neetoCist.isNotEmpty(buttons)
40307
40399
  })
40308
- }, /*#__PURE__*/React__default["default"].createElement(StyledImage, {
40400
+ }, /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
40309
40401
  className: "max-h-8 sm:max-h-10 lg:max-h-12",
40310
40402
  design: design.logo,
40311
40403
  src: properties.logo.src
40312
- }), /*#__PURE__*/React__default["default"].createElement(Typography, {
40404
+ }), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
40313
40405
  isTitle: true,
40314
40406
  component: "p",
40315
40407
  style: design.logoTitle,
@@ -40319,13 +40411,13 @@ var HeaderWithLogoTitle = function HeaderWithLogoTitle(_ref) {
40319
40411
  }, properties.logo.title)), /*#__PURE__*/React__default["default"].createElement("div", {
40320
40412
  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"
40321
40413
  }, properties.links.map(function (link, index) {
40322
- return /*#__PURE__*/React__default["default"].createElement(LinkElement, _extends__default["default"]({
40414
+ return /*#__PURE__*/React__default["default"].createElement(Link, _extends__default["default"]({
40323
40415
  className: "hidden lg:inline",
40324
40416
  key: getUniqueKey(link.label, link.url, index),
40325
40417
  style: design.links
40326
40418
  }, link, otherProps));
40327
40419
  }), buttons.map(function (button, index) {
40328
- return /*#__PURE__*/React__default["default"].createElement(Button, _extends__default["default"]({
40420
+ return /*#__PURE__*/React__default["default"].createElement(Button$1, _extends__default["default"]({
40329
40421
  key: getUniqueKey(button.label, button.url, index),
40330
40422
  style: design.buttons
40331
40423
  }, button, otherProps));
@@ -40344,7 +40436,7 @@ var HeaderWithLogoTitle = function HeaderWithLogoTitle(_ref) {
40344
40436
  var label = _ref2.label,
40345
40437
  url = _ref2.url,
40346
40438
  action = _ref2.action;
40347
- return /*#__PURE__*/React__default["default"].createElement(LinkElement, _extends__default["default"]({
40439
+ return /*#__PURE__*/React__default["default"].createElement(Link, _extends__default["default"]({
40348
40440
  action: action,
40349
40441
  label: label,
40350
40442
  key: getUniqueKey(url, label, index),
@@ -40402,15 +40494,15 @@ var HeroWithCallToAction = function HeroWithCallToAction(_ref) {
40402
40494
  nestedClassName: baseClasses
40403
40495
  }, /*#__PURE__*/React__default["default"].createElement("div", {
40404
40496
  className: textBaseClasses
40405
- }, /*#__PURE__*/React__default["default"].createElement(Typography, {
40497
+ }, /*#__PURE__*/React__default["default"].createElement(Typography$1, {
40406
40498
  isTitle: true,
40407
40499
  component: "h3",
40408
40500
  style: design.prefixTitle
40409
- }, prefixTitle), /*#__PURE__*/React__default["default"].createElement(Typography, {
40501
+ }, prefixTitle), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
40410
40502
  isTitle: true,
40411
40503
  component: "h1",
40412
40504
  style: design.title
40413
- }, title), /*#__PURE__*/React__default["default"].createElement(Typography, {
40505
+ }, title), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
40414
40506
  component: "p",
40415
40507
  style: design.description
40416
40508
  }, description), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -40420,7 +40512,7 @@ var HeroWithCallToAction = function HeroWithCallToAction(_ref) {
40420
40512
  url = _ref2.url,
40421
40513
  action = _ref2.action,
40422
40514
  type = _ref2.type;
40423
- return /*#__PURE__*/React__default["default"].createElement(Button, _extends__default["default"]({
40515
+ return /*#__PURE__*/React__default["default"].createElement(Button$1, _extends__default["default"]({
40424
40516
  action: action,
40425
40517
  className: "w-full justify-center sm:w-auto sm:justify-start",
40426
40518
  key: getUniqueKey(label, type, index),
@@ -40535,23 +40627,23 @@ var HeroWithMultipleLayouts = function HeroWithMultipleLayouts(_ref) {
40535
40627
  }
40536
40628
  }, /*#__PURE__*/React__default["default"].createElement("div", {
40537
40629
  className: contentBaseClasses(_objectSpread({}, media))
40538
- }, /*#__PURE__*/React__default["default"].createElement(Typography, {
40630
+ }, /*#__PURE__*/React__default["default"].createElement(Typography$1, {
40539
40631
  isTitle: true,
40540
40632
  component: "h3",
40541
40633
  style: design.prefixTitle
40542
- }, content.prefixTitle), /*#__PURE__*/React__default["default"].createElement(Typography, {
40634
+ }, content.prefixTitle), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
40543
40635
  isTitle: true,
40544
40636
  className: textClasses(_objectSpread({}, media)),
40545
40637
  component: "h1",
40546
40638
  style: design.title
40547
- }, content.title), /*#__PURE__*/React__default["default"].createElement(Typography, {
40639
+ }, content.title), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
40548
40640
  className: textClasses(_objectSpread({}, media)),
40549
40641
  component: "p",
40550
40642
  style: design.description
40551
40643
  }, content.description), /*#__PURE__*/React__default["default"].createElement("div", {
40552
40644
  className: buttonBaseClasses(_objectSpread({}, media))
40553
40645
  }, buttons.map(function (button, index) {
40554
- return /*#__PURE__*/React__default["default"].createElement(Button, _extends__default["default"]({
40646
+ return /*#__PURE__*/React__default["default"].createElement(Button$1, _extends__default["default"]({
40555
40647
  className: "flex w-full justify-center sm:w-auto",
40556
40648
  key: getUniqueKey(button.label, button.url, index),
40557
40649
  style: button.type === "primary" ? design.primaryButtons : design.secondaryButtons
@@ -40607,7 +40699,7 @@ var LogoClouds = function LogoClouds(_ref) {
40607
40699
  enableAnimation: enableAnimation,
40608
40700
  id: id,
40609
40701
  nestedClassName: baseClasses
40610
- }, /*#__PURE__*/React__default["default"].createElement(Typography, {
40702
+ }, /*#__PURE__*/React__default["default"].createElement(Typography$1, {
40611
40703
  className: "col-span-12",
40612
40704
  style: design.title
40613
40705
  }, title), logos.map(function (_ref2, index) {
@@ -40619,7 +40711,7 @@ var LogoClouds = function LogoClouds(_ref) {
40619
40711
  className: logoBaseClasses(index),
40620
40712
  href: url,
40621
40713
  key: getUniqueKey(title, index)
40622
- }, /*#__PURE__*/React__default["default"].createElement(StyledImage, {
40714
+ }, /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
40623
40715
  alt: alt,
40624
40716
  className: "logo-image",
40625
40717
  design: design.logo,
@@ -40657,11 +40749,11 @@ var Paragraph = function Paragraph(_ref) {
40657
40749
  nestedClassName: baseClasses
40658
40750
  }, /*#__PURE__*/React__default["default"].createElement("div", {
40659
40751
  className: "col-span-12"
40660
- }, /*#__PURE__*/React__default["default"].createElement(Typography, {
40752
+ }, /*#__PURE__*/React__default["default"].createElement(Typography$1, {
40661
40753
  isTitle: true,
40662
40754
  component: "h1",
40663
40755
  style: design.title
40664
- }, title), /*#__PURE__*/React__default["default"].createElement(Typography, {
40756
+ }, title), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
40665
40757
  component: "p",
40666
40758
  style: design.description
40667
40759
  }, description), /*#__PURE__*/React__default["default"].createElement(ListComponent, {
@@ -40711,21 +40803,21 @@ var PricingInCardView = function PricingInCardView(_ref) {
40711
40803
  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];
40712
40804
  };
40713
40805
  return /*#__PURE__*/React__default["default"].createElement(BlockWrapper, {
40806
+ className: className,
40807
+ enableAnimation: enableAnimation,
40808
+ id: id,
40714
40809
  backgroundImage: mergeLeft({
40715
40810
  src: src
40716
40811
  }, design.backgroundImage),
40717
- className: className,
40718
40812
  design: design.body,
40719
- enableAnimation: enableAnimation,
40720
- id: id,
40721
40813
  nestedClassName: baseClasses
40722
40814
  }, /*#__PURE__*/React__default["default"].createElement("div", {
40723
40815
  className: "col-span-12 sm:col-span-8 sm:col-start-3 lg:col-span-6 lg:col-start-4"
40724
- }, /*#__PURE__*/React__default["default"].createElement(Typography, {
40816
+ }, /*#__PURE__*/React__default["default"].createElement(Typography$1, {
40725
40817
  isTitle: true,
40726
40818
  component: "h1",
40727
40819
  style: design.title
40728
- }, title), /*#__PURE__*/React__default["default"].createElement(Typography, {
40820
+ }, title), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
40729
40821
  component: "p",
40730
40822
  style: design.description
40731
40823
  }, description)), /*#__PURE__*/React__default["default"].createElement(Toggle, {
@@ -40748,23 +40840,23 @@ var PricingInCardView = function PricingInCardView(_ref) {
40748
40840
  return /*#__PURE__*/React__default["default"].createElement(StyledWrapper, {
40749
40841
  design: design.tierBlock,
40750
40842
  key: getUniqueKey(tierTitle, tierDescription, index),
40751
- className: classnames("col-span-12 inline-flex flex-col sm:col-span-6 lg:col-span-4", {
40843
+ className: classnames("col-span-12 inline-flex flex-col justify-between sm:col-span-6 lg:col-span-4", {
40752
40844
  "sm:col-span-6": tiers.length <= 2
40753
40845
  })
40754
- }, /*#__PURE__*/React__default["default"].createElement(Typography, {
40846
+ }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(Typography$1, {
40755
40847
  isTitle: true,
40756
40848
  component: "h4",
40757
40849
  style: design.tierTitle
40758
- }, tierTitle), /*#__PURE__*/React__default["default"].createElement(Typography, {
40850
+ }, tierTitle), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
40759
40851
  component: "p",
40760
40852
  style: design.tierDescription
40761
40853
  }, tierDescription), /*#__PURE__*/React__default["default"].createElement("div", {
40762
40854
  className: "flex items-center gap-x-2"
40763
- }, /*#__PURE__*/React__default["default"].createElement(Typography, {
40855
+ }, /*#__PURE__*/React__default["default"].createElement(Typography$1, {
40764
40856
  isTitle: true,
40765
40857
  component: "h3",
40766
40858
  style: design.tierPrice
40767
- }, pricing.price), /*#__PURE__*/React__default["default"].createElement(Typography, {
40859
+ }, pricing.price), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
40768
40860
  isTitle: true,
40769
40861
  component: "h3",
40770
40862
  style: design.tierLabel
@@ -40773,15 +40865,15 @@ var PricingInCardView = function PricingInCardView(_ref) {
40773
40865
  className: "flex items-start gap-4",
40774
40866
  key: getUniqueKey(feature, index)
40775
40867
  }, /*#__PURE__*/React__default["default"].createElement(Check, {
40776
- className: "rounded-full bg-gray-200 p-0.5",
40868
+ className: "neeto-ui-rounded-full neeto-ui-bg-gray-200 p-0.5",
40777
40869
  color: "#1F2433",
40778
40870
  size: 16
40779
- }), /*#__PURE__*/React__default["default"].createElement(Typography, {
40871
+ }), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
40780
40872
  isTitle: true,
40781
40873
  component: "p",
40782
40874
  style: design.tierFeature
40783
40875
  }, feature));
40784
- }), /*#__PURE__*/React__default["default"].createElement(Button, _extends__default["default"]({
40876
+ })), /*#__PURE__*/React__default["default"].createElement(Button$1, _extends__default["default"]({
40785
40877
  className: "mt-8 w-full justify-center",
40786
40878
  style: design.tierButton
40787
40879
  }, button, otherProps)));
@@ -40824,21 +40916,21 @@ var TestimonialWithSlider = function TestimonialWithSlider(_ref) {
40824
40916
  });
40825
40917
  };
40826
40918
  return /*#__PURE__*/React__default["default"].createElement(BlockWrapper, {
40919
+ className: className,
40920
+ enableAnimation: enableAnimation,
40921
+ id: id,
40827
40922
  backgroundImage: mergeLeft({
40828
40923
  src: src
40829
40924
  }, design.backgroundImage),
40830
- className: className,
40831
40925
  design: design.body,
40832
- enableAnimation: enableAnimation,
40833
- id: id,
40834
40926
  nestedClassName: baseClasses
40835
40927
  }, /*#__PURE__*/React__default["default"].createElement("div", {
40836
40928
  className: "col-span-12 sm:col-span-6 sm:col-start-4"
40837
- }, /*#__PURE__*/React__default["default"].createElement(Typography, {
40929
+ }, /*#__PURE__*/React__default["default"].createElement(Typography$1, {
40838
40930
  isTitle: true,
40839
40931
  component: "h1",
40840
40932
  style: design.title
40841
- }, title), /*#__PURE__*/React__default["default"].createElement(Typography, {
40933
+ }, title), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
40842
40934
  component: "p",
40843
40935
  style: design.description
40844
40936
  }, description)), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -40860,32 +40952,32 @@ var TestimonialWithSlider = function TestimonialWithSlider(_ref) {
40860
40952
  design: design.testimonialContainer
40861
40953
  }, /*#__PURE__*/React__default["default"].createElement("div", {
40862
40954
  className: imageClasses(imagePosition)
40863
- }, /*#__PURE__*/React__default["default"].createElement(StyledImage, {
40955
+ }, /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
40956
+ src: src,
40864
40957
  className: "ns-testimonial-image-aspect-ratio",
40865
- design: design.testimonialImage,
40866
- src: src
40867
- }), /*#__PURE__*/React__default["default"].createElement(Typography, {
40958
+ design: design.testimonialImage
40959
+ }), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
40868
40960
  isTitle: true,
40869
40961
  component: "h4",
40870
40962
  style: design.testimonialName
40871
- }, name), /*#__PURE__*/React__default["default"].createElement(Typography, {
40963
+ }, name), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
40872
40964
  isTitle: true,
40873
40965
  component: "h4",
40874
40966
  style: design.testimonialPosition
40875
40967
  }, position)), /*#__PURE__*/React__default["default"].createElement("div", {
40876
40968
  className: contentClasses(imagePosition)
40877
- }, logoUrl && /*#__PURE__*/React__default["default"].createElement(StyledImage, {
40969
+ }, /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
40878
40970
  className: "mx-auto sm:ml-0",
40879
40971
  design: design.testimonialLogo,
40880
40972
  src: logoUrl
40881
- }), /*#__PURE__*/React__default["default"].createElement(Typography, {
40973
+ }), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
40882
40974
  component: "p",
40883
40975
  style: design.testimonialDescription
40884
40976
  }, testimonialDescription))));
40885
40977
  }), /*#__PURE__*/React__default["default"].createElement(Pagination$1, {
40886
- design: design.buttons,
40887
- swiper: swiper
40888
- }))), isButtonRequired && /*#__PURE__*/React__default["default"].createElement(Button, _extends__default["default"]({
40978
+ swiper: swiper,
40979
+ design: design.buttons
40980
+ }))), isButtonRequired && /*#__PURE__*/React__default["default"].createElement(Button$1, _extends__default["default"]({
40889
40981
  className: "col-span-12 flex justify-center sm:col-span-6 sm:col-start-4 lg:col-span-4 lg:col-start-5",
40890
40982
  style: design.button
40891
40983
  }, button, otherProps)));
@@ -40920,21 +41012,21 @@ var TestimonialWithVerticalView = function TestimonialWithVerticalView(_ref) {
40920
41012
  "sm:col-start-2": POSITIONS.RIGHT.label === imagePosition
40921
41013
  });
40922
41014
  return /*#__PURE__*/React__default["default"].createElement(BlockWrapper, {
41015
+ className: className,
41016
+ enableAnimation: enableAnimation,
41017
+ id: id,
40923
41018
  backgroundImage: mergeLeft({
40924
41019
  src: src
40925
41020
  }, design.backgroundImage),
40926
- className: className,
40927
41021
  design: design.body,
40928
- enableAnimation: enableAnimation,
40929
- id: id,
40930
41022
  nestedClassName: baseClasses
40931
41023
  }, /*#__PURE__*/React__default["default"].createElement("div", {
40932
41024
  className: "col-span-12 space-y-4 sm:col-span-6 sm:col-start-4"
40933
- }, /*#__PURE__*/React__default["default"].createElement(Typography, {
41025
+ }, /*#__PURE__*/React__default["default"].createElement(Typography$1, {
40934
41026
  isTitle: true,
40935
41027
  component: "h1",
40936
41028
  style: design.title
40937
- }, title), /*#__PURE__*/React__default["default"].createElement(Typography, {
41029
+ }, title), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
40938
41030
  component: "p",
40939
41031
  style: design.description
40940
41032
  }, description)), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -40946,44 +41038,44 @@ var TestimonialWithVerticalView = function TestimonialWithVerticalView(_ref) {
40946
41038
  position = _ref2.position,
40947
41039
  logoUrl = _ref2.logoUrl;
40948
41040
  return /*#__PURE__*/React__default["default"].createElement(MotionWrapper, {
41041
+ enableAnimation: enableAnimation,
40949
41042
  className: "grid grid-flow-row-dense grid-cols-12 items-center py-6",
40950
41043
  design: design.testimonialContainer,
40951
- enableAnimation: enableAnimation,
40952
41044
  key: getUniqueKey(testimonialDescription, index)
40953
41045
  }, /*#__PURE__*/React__default["default"].createElement("div", {
40954
41046
  className: imageClasses
40955
- }, /*#__PURE__*/React__default["default"].createElement(StyledImage, {
41047
+ }, /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
41048
+ src: src,
40956
41049
  className: "ns-testimonial-image-aspect-ratio",
40957
- design: design.testimonialImage,
40958
- src: src
40959
- }), /*#__PURE__*/React__default["default"].createElement(Typography, {
41050
+ design: design.testimonialImage
41051
+ }), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
40960
41052
  isTitle: true,
40961
41053
  component: "h4",
40962
41054
  style: design.testimonialName
40963
- }, name), /*#__PURE__*/React__default["default"].createElement(Typography, {
41055
+ }, name), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
40964
41056
  isTitle: true,
40965
41057
  component: "h4",
40966
41058
  style: design.testimonialPosition
40967
41059
  }, position)), /*#__PURE__*/React__default["default"].createElement("div", {
40968
41060
  className: contentClasses
40969
- }, logoUrl && /*#__PURE__*/React__default["default"].createElement(StyledImage, {
41061
+ }, /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
40970
41062
  className: "mx-auto sm:ml-0",
40971
41063
  design: design.testimonialLogo,
40972
41064
  src: logoUrl
40973
- }), /*#__PURE__*/React__default["default"].createElement(Typography, {
41065
+ }), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
40974
41066
  component: "p",
40975
41067
  style: design.testimonialDescription
40976
41068
  }, testimonialDescription)));
40977
- })), isButtonRequired && /*#__PURE__*/React__default["default"].createElement(Button, _extends__default["default"]({
41069
+ })), isButtonRequired && /*#__PURE__*/React__default["default"].createElement(Button$1, _extends__default["default"]({
40978
41070
  className: "col-span-12 flex justify-center sm:col-span-6 sm:col-start-4 lg:col-span-4 lg:col-start-5",
40979
41071
  style: design.button
40980
41072
  }, button, otherProps)));
40981
41073
  };
40982
41074
 
40983
41075
  var index = /*#__PURE__*/Object.freeze({
40984
- __proto__: null,
40985
- Filled: FilledIcons,
40986
- Outlined: OutlineIcons
41076
+ __proto__: null,
41077
+ Filled: FilledIcons,
41078
+ Outlined: OutlineIcons
40987
41079
  });
40988
41080
 
40989
41081
  exports.CardsClassic = CardsClassic;