@almadar/ui 2.24.0 → 2.24.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/components/index.cjs +6 -6
  2. package/dist/components/index.js +6 -6
  3. package/dist/marketing/index.cjs +7 -7
  4. package/dist/marketing/index.js +7 -7
  5. package/dist/providers/index.cjs +1 -1
  6. package/dist/providers/index.js +1 -1
  7. package/dist/runtime/index.cjs +1 -1
  8. package/dist/runtime/index.js +1 -1
  9. package/package.json +1 -1
package/dist/components/index.cjs CHANGED
@@ -3136,7 +3136,7 @@ var ContentSection = React88__namespace.default.forwardRef(
3136
3136
  paddingClasses[padding],
3137
3137
  className
3138
3138
  ),
3139
- children
3139
+ children: /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "mx-auto max-w-7xl px-4 sm:px-6 lg:px-8", children })
3140
3140
  }
3141
3141
  );
3142
3142
  }
@@ -15268,7 +15268,7 @@ var CTABanner = ({
15268
15268
  {
15269
15269
  gap: "lg",
15270
15270
  align: align === "center" ? "center" : "start",
15271
- className: "mx-auto",
15271
+ className: "max-w-7xl mx-auto",
15272
15272
  children: [
15273
15273
  /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "h2", align, children: title }),
15274
15274
  subtitle && /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "body", color: "muted", align, children: subtitle }),
@@ -15430,10 +15430,10 @@ var HeroSection = ({
15430
15430
  )
15431
15431
  }
15432
15432
  );
15433
- const innerContent = image && imagePosition === "right" ? /* @__PURE__ */ jsxRuntime.jsxs(HStack, { gap: "xl", align: "center", className: "w-full", responsive: true, children: [
15433
+ const innerContent = image && imagePosition === "right" ? /* @__PURE__ */ jsxRuntime.jsxs(HStack, { gap: "xl", align: "center", className: "w-full max-w-7xl", responsive: true, children: [
15434
15434
  textContent,
15435
15435
  imageNode
15436
- ] }) : /* @__PURE__ */ jsxRuntime.jsxs(VStack, { gap: "xl", align: isCenter ? "center" : "start", className: "w-full", children: [
15436
+ ] }) : /* @__PURE__ */ jsxRuntime.jsxs(VStack, { gap: "xl", align: isCenter ? "center" : "start", className: "w-full max-w-7xl", children: [
15437
15437
  textContent,
15438
15438
  image && imagePosition === "below" && imageNode
15439
15439
  ] });
@@ -15628,7 +15628,7 @@ var ArticleSection = ({
15628
15628
  Box,
15629
15629
  {
15630
15630
  className: cn(
15631
- "w-full",
15631
+ "max-w-7xl mx-auto",
15632
15632
  className
15633
15633
  ),
15634
15634
  padding: "md",
@@ -15869,7 +15869,7 @@ var SplitSection = ({
15869
15869
  className
15870
15870
  ),
15871
15871
  padding: "lg",
15872
- children: /* @__PURE__ */ jsxRuntime.jsxs(Box, { className: cn("w-full flex flex-col lg:flex-row gap-10 lg:gap-16 items-center", isImageLeft && "lg:flex-row-reverse"), children: [
15872
+ children: /* @__PURE__ */ jsxRuntime.jsxs(Box, { className: cn("max-w-7xl mx-auto flex flex-col lg:flex-row gap-10 lg:gap-16 items-center", isImageLeft && "lg:flex-row-reverse"), children: [
15873
15873
  /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "flex-1 min-w-0 lg:min-w-[45%]", children: textContent }),
15874
15874
  /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "flex-1 min-w-0 lg:max-w-[50%]", children: mediaContent })
15875
15875
  ] })
package/dist/components/index.js CHANGED
@@ -3106,7 +3106,7 @@ var ContentSection = React88__default.forwardRef(
3106
3106
  paddingClasses[padding],
3107
3107
  className
3108
3108
  ),
3109
- children
3109
+ children: /* @__PURE__ */ jsx(Box, { className: "mx-auto max-w-7xl px-4 sm:px-6 lg:px-8", children })
3110
3110
  }
3111
3111
  );
3112
3112
  }
@@ -15238,7 +15238,7 @@ var CTABanner = ({
15238
15238
  {
15239
15239
  gap: "lg",
15240
15240
  align: align === "center" ? "center" : "start",
15241
- className: "mx-auto",
15241
+ className: "max-w-7xl mx-auto",
15242
15242
  children: [
15243
15243
  /* @__PURE__ */ jsx(Typography, { variant: "h2", align, children: title }),
15244
15244
  subtitle && /* @__PURE__ */ jsx(Typography, { variant: "body", color: "muted", align, children: subtitle }),
@@ -15400,10 +15400,10 @@ var HeroSection = ({
15400
15400
  )
15401
15401
  }
15402
15402
  );
15403
- const innerContent = image && imagePosition === "right" ? /* @__PURE__ */ jsxs(HStack, { gap: "xl", align: "center", className: "w-full", responsive: true, children: [
15403
+ const innerContent = image && imagePosition === "right" ? /* @__PURE__ */ jsxs(HStack, { gap: "xl", align: "center", className: "w-full max-w-7xl", responsive: true, children: [
15404
15404
  textContent,
15405
15405
  imageNode
15406
- ] }) : /* @__PURE__ */ jsxs(VStack, { gap: "xl", align: isCenter ? "center" : "start", className: "w-full", children: [
15406
+ ] }) : /* @__PURE__ */ jsxs(VStack, { gap: "xl", align: isCenter ? "center" : "start", className: "w-full max-w-7xl", children: [
15407
15407
  textContent,
15408
15408
  image && imagePosition === "below" && imageNode
15409
15409
  ] });
@@ -15598,7 +15598,7 @@ var ArticleSection = ({
15598
15598
  Box,
15599
15599
  {
15600
15600
  className: cn(
15601
- "w-full",
15601
+ "max-w-7xl mx-auto",
15602
15602
  className
15603
15603
  ),
15604
15604
  padding: "md",
@@ -15839,7 +15839,7 @@ var SplitSection = ({
15839
15839
  className
15840
15840
  ),
15841
15841
  padding: "lg",
15842
- children: /* @__PURE__ */ jsxs(Box, { className: cn("w-full flex flex-col lg:flex-row gap-10 lg:gap-16 items-center", isImageLeft && "lg:flex-row-reverse"), children: [
15842
+ children: /* @__PURE__ */ jsxs(Box, { className: cn("max-w-7xl mx-auto flex flex-col lg:flex-row gap-10 lg:gap-16 items-center", isImageLeft && "lg:flex-row-reverse"), children: [
15843
15843
  /* @__PURE__ */ jsx(Box, { className: "flex-1 min-w-0 lg:min-w-[45%]", children: textContent }),
15844
15844
  /* @__PURE__ */ jsx(Box, { className: "flex-1 min-w-0 lg:max-w-[50%]", children: mediaContent })
15845
15845
  ] })
package/dist/marketing/index.cjs CHANGED
@@ -3505,7 +3505,7 @@ var ContentSection = React5__default.default.forwardRef(
3505
3505
  paddingClasses[padding],
3506
3506
  className
3507
3507
  ),
3508
- children
3508
+ children: /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "mx-auto max-w-7xl px-4 sm:px-6 lg:px-8", children })
3509
3509
  }
3510
3510
  );
3511
3511
  }
@@ -3691,10 +3691,10 @@ var HeroSection = ({
3691
3691
  )
3692
3692
  }
3693
3693
  );
3694
- const innerContent = image && imagePosition === "right" ? /* @__PURE__ */ jsxRuntime.jsxs(HStack, { gap: "xl", align: "center", className: "w-full", responsive: true, children: [
3694
+ const innerContent = image && imagePosition === "right" ? /* @__PURE__ */ jsxRuntime.jsxs(HStack, { gap: "xl", align: "center", className: "w-full max-w-7xl", responsive: true, children: [
3695
3695
  textContent,
3696
3696
  imageNode
3697
- ] }) : /* @__PURE__ */ jsxRuntime.jsxs(VStack, { gap: "xl", align: isCenter ? "center" : "start", className: "w-full", children: [
3697
+ ] }) : /* @__PURE__ */ jsxRuntime.jsxs(VStack, { gap: "xl", align: isCenter ? "center" : "start", className: "w-full max-w-7xl", children: [
3698
3698
  textContent,
3699
3699
  image && imagePosition === "below" && imageNode
3700
3700
  ] });
@@ -3752,7 +3752,7 @@ var CTABanner = ({
3752
3752
  {
3753
3753
  gap: "lg",
3754
3754
  align: align === "center" ? "center" : "start",
3755
- className: "mx-auto",
3755
+ className: "max-w-7xl mx-auto",
3756
3756
  children: [
3757
3757
  /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "h2", align, children: title }),
3758
3758
  subtitle && /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "body", color: "muted", align, children: subtitle }),
@@ -4039,7 +4039,7 @@ var SplitSection = ({
4039
4039
  className
4040
4040
  ),
4041
4041
  padding: "lg",
4042
- children: /* @__PURE__ */ jsxRuntime.jsxs(Box, { className: cn("w-full flex flex-col lg:flex-row gap-10 lg:gap-16 items-center", isImageLeft && "lg:flex-row-reverse"), children: [
4042
+ children: /* @__PURE__ */ jsxRuntime.jsxs(Box, { className: cn("max-w-7xl mx-auto flex flex-col lg:flex-row gap-10 lg:gap-16 items-center", isImageLeft && "lg:flex-row-reverse"), children: [
4043
4043
  /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "flex-1 min-w-0 lg:min-w-[45%]", children: textContent }),
4044
4044
  /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "flex-1 min-w-0 lg:max-w-[50%]", children: mediaContent })
4045
4045
  ] })
@@ -4469,7 +4469,7 @@ var ArticleSection = ({
4469
4469
  Box,
4470
4470
  {
4471
4471
  className: cn(
4472
- "w-full",
4472
+ "max-w-7xl mx-auto",
4473
4473
  className
4474
4474
  ),
4475
4475
  padding: "md",
@@ -4497,7 +4497,7 @@ var MarketingFooter = ({
4497
4497
  "pt-12 pb-8 px-4",
4498
4498
  className
4499
4499
  ),
4500
- children: /* @__PURE__ */ jsxRuntime.jsxs(VStack, { gap: "lg", className: "w-full mx-auto", children: [
4500
+ children: /* @__PURE__ */ jsxRuntime.jsxs(VStack, { gap: "lg", className: "max-w-7xl mx-auto", children: [
4501
4501
  /* @__PURE__ */ jsxRuntime.jsxs(HStack, { gap: "lg", align: "start", className: "flex-wrap w-full justify-between", children: [
4502
4502
  logo && /* @__PURE__ */ jsxRuntime.jsx(VStack, { gap: "sm", className: "min-w-[140px] mb-4", children: logo.href ? /* @__PURE__ */ jsxRuntime.jsx("a", { href: logo.href, children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: logo.src, alt: logo.alt, className: "h-8 w-auto" }) }) : /* @__PURE__ */ jsxRuntime.jsx("img", { src: logo.src, alt: logo.alt, className: "h-8 w-auto" }) }),
4503
4503
  columns.map((col) => /* @__PURE__ */ jsxRuntime.jsxs(VStack, { gap: "sm", className: "min-w-[140px] mb-4", children: [
package/dist/marketing/index.js CHANGED
@@ -3481,7 +3481,7 @@ var ContentSection = React5.forwardRef(
3481
3481
  paddingClasses[padding],
3482
3482
  className
3483
3483
  ),
3484
- children
3484
+ children: /* @__PURE__ */ jsx(Box, { className: "mx-auto max-w-7xl px-4 sm:px-6 lg:px-8", children })
3485
3485
  }
3486
3486
  );
3487
3487
  }
@@ -3667,10 +3667,10 @@ var HeroSection = ({
3667
3667
  )
3668
3668
  }
3669
3669
  );
3670
- const innerContent = image && imagePosition === "right" ? /* @__PURE__ */ jsxs(HStack, { gap: "xl", align: "center", className: "w-full", responsive: true, children: [
3670
+ const innerContent = image && imagePosition === "right" ? /* @__PURE__ */ jsxs(HStack, { gap: "xl", align: "center", className: "w-full max-w-7xl", responsive: true, children: [
3671
3671
  textContent,
3672
3672
  imageNode
3673
- ] }) : /* @__PURE__ */ jsxs(VStack, { gap: "xl", align: isCenter ? "center" : "start", className: "w-full", children: [
3673
+ ] }) : /* @__PURE__ */ jsxs(VStack, { gap: "xl", align: isCenter ? "center" : "start", className: "w-full max-w-7xl", children: [
3674
3674
  textContent,
3675
3675
  image && imagePosition === "below" && imageNode
3676
3676
  ] });
@@ -3728,7 +3728,7 @@ var CTABanner = ({
3728
3728
  {
3729
3729
  gap: "lg",
3730
3730
  align: align === "center" ? "center" : "start",
3731
- className: "mx-auto",
3731
+ className: "max-w-7xl mx-auto",
3732
3732
  children: [
3733
3733
  /* @__PURE__ */ jsx(Typography, { variant: "h2", align, children: title }),
3734
3734
  subtitle && /* @__PURE__ */ jsx(Typography, { variant: "body", color: "muted", align, children: subtitle }),
@@ -4015,7 +4015,7 @@ var SplitSection = ({
4015
4015
  className
4016
4016
  ),
4017
4017
  padding: "lg",
4018
- children: /* @__PURE__ */ jsxs(Box, { className: cn("w-full flex flex-col lg:flex-row gap-10 lg:gap-16 items-center", isImageLeft && "lg:flex-row-reverse"), children: [
4018
+ children: /* @__PURE__ */ jsxs(Box, { className: cn("max-w-7xl mx-auto flex flex-col lg:flex-row gap-10 lg:gap-16 items-center", isImageLeft && "lg:flex-row-reverse"), children: [
4019
4019
  /* @__PURE__ */ jsx(Box, { className: "flex-1 min-w-0 lg:min-w-[45%]", children: textContent }),
4020
4020
  /* @__PURE__ */ jsx(Box, { className: "flex-1 min-w-0 lg:max-w-[50%]", children: mediaContent })
4021
4021
  ] })
@@ -4445,7 +4445,7 @@ var ArticleSection = ({
4445
4445
  Box,
4446
4446
  {
4447
4447
  className: cn(
4448
- "w-full",
4448
+ "max-w-7xl mx-auto",
4449
4449
  className
4450
4450
  ),
4451
4451
  padding: "md",
@@ -4473,7 +4473,7 @@ var MarketingFooter = ({
4473
4473
  "pt-12 pb-8 px-4",
4474
4474
  className
4475
4475
  ),
4476
- children: /* @__PURE__ */ jsxs(VStack, { gap: "lg", className: "w-full mx-auto", children: [
4476
+ children: /* @__PURE__ */ jsxs(VStack, { gap: "lg", className: "max-w-7xl mx-auto", children: [
4477
4477
  /* @__PURE__ */ jsxs(HStack, { gap: "lg", align: "start", className: "flex-wrap w-full justify-between", children: [
4478
4478
  logo && /* @__PURE__ */ jsx(VStack, { gap: "sm", className: "min-w-[140px] mb-4", children: logo.href ? /* @__PURE__ */ jsx("a", { href: logo.href, children: /* @__PURE__ */ jsx("img", { src: logo.src, alt: logo.alt, className: "h-8 w-auto" }) }) : /* @__PURE__ */ jsx("img", { src: logo.src, alt: logo.alt, className: "h-8 w-auto" }) }),
4479
4479
  columns.map((col) => /* @__PURE__ */ jsxs(VStack, { gap: "sm", className: "min-w-[140px] mb-4", children: [
package/dist/providers/index.cjs CHANGED
@@ -2052,7 +2052,7 @@ var ContentSection = React110__namespace.default.forwardRef(
2052
2052
  paddingClasses[padding],
2053
2053
  className
2054
2054
  ),
2055
- children
2055
+ children: /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "mx-auto max-w-7xl px-4 sm:px-6 lg:px-8", children })
2056
2056
  }
2057
2057
  );
2058
2058
  }
package/dist/providers/index.js CHANGED
@@ -2022,7 +2022,7 @@ var ContentSection = React110__default.forwardRef(
2022
2022
  paddingClasses[padding],
2023
2023
  className
2024
2024
  ),
2025
- children
2025
+ children: /* @__PURE__ */ jsx(Box, { className: "mx-auto max-w-7xl px-4 sm:px-6 lg:px-8", children })
2026
2026
  }
2027
2027
  );
2028
2028
  }
package/dist/runtime/index.cjs CHANGED
@@ -4908,7 +4908,7 @@ var ContentSection = React114__namespace.default.forwardRef(
4908
4908
  paddingClasses[padding],
4909
4909
  className
4910
4910
  ),
4911
- children
4911
+ children: /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "mx-auto max-w-7xl px-4 sm:px-6 lg:px-8", children })
4912
4912
  }
4913
4913
  );
4914
4914
  }
package/dist/runtime/index.js CHANGED
@@ -4878,7 +4878,7 @@ var ContentSection = React114__default.forwardRef(
4878
4878
  paddingClasses[padding],
4879
4879
  className
4880
4880
  ),
4881
- children
4881
+ children: /* @__PURE__ */ jsx(Box, { className: "mx-auto max-w-7xl px-4 sm:px-6 lg:px-8", children })
4882
4882
  }
4883
4883
  );
4884
4884
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@almadar/ui",
3
- "version": "2.24.0",
3
+ "version": "2.24.1",
4
4
  "description": "React UI components, hooks, and providers for Almadar",
5
5
  "type": "module",
6
6
  "main": "./dist/components/index.js",