@almadar/ui 2.24.1 → 2.24.2

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 (5) 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/package.json +1 -1
package/dist/components/index.cjs CHANGED
@@ -15256,7 +15256,7 @@ var CTABanner = ({
15256
15256
  Box,
15257
15257
  {
15258
15258
  className: cn(
15259
- "py-16 px-4",
15259
+ "py-16",
15260
15260
  background === "alt" && "bg-[var(--color-surface)]",
15261
15261
  background === "dark" && "bg-[var(--color-surface)]",
15262
15262
  background === "gradient" && "bg-[var(--color-surface)]",
@@ -15268,7 +15268,7 @@ var CTABanner = ({
15268
15268
  {
15269
15269
  gap: "lg",
15270
15270
  align: align === "center" ? "center" : "start",
15271
- className: "max-w-7xl mx-auto",
15271
+ className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",
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 }),
@@ -15443,7 +15443,7 @@ var HeroSection = ({
15443
15443
  as: "header",
15444
15444
  className: cn(
15445
15445
  "w-full min-h-[60vh] flex items-center justify-center",
15446
- "px-6 py-20",
15446
+ "py-20",
15447
15447
  "relative overflow-hidden",
15448
15448
  className
15449
15449
  ),
@@ -15457,7 +15457,7 @@ var HeroSection = ({
15457
15457
  className: "absolute inset-0 w-full h-full opacity-20"
15458
15458
  }
15459
15459
  ),
15460
- /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "relative z-10 w-full flex justify-center", children: innerContent })
15460
+ /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "relative z-10 w-full flex justify-center px-4 sm:px-6 lg:px-8", children: innerContent })
15461
15461
  ]
15462
15462
  }
15463
15463
  );
@@ -15628,7 +15628,7 @@ var ArticleSection = ({
15628
15628
  Box,
15629
15629
  {
15630
15630
  className: cn(
15631
- "max-w-7xl mx-auto",
15631
+ "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",
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("max-w-7xl mx-auto 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 px-4 sm:px-6 lg:px-8 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
@@ -15226,7 +15226,7 @@ var CTABanner = ({
15226
15226
  Box,
15227
15227
  {
15228
15228
  className: cn(
15229
- "py-16 px-4",
15229
+ "py-16",
15230
15230
  background === "alt" && "bg-[var(--color-surface)]",
15231
15231
  background === "dark" && "bg-[var(--color-surface)]",
15232
15232
  background === "gradient" && "bg-[var(--color-surface)]",
@@ -15238,7 +15238,7 @@ var CTABanner = ({
15238
15238
  {
15239
15239
  gap: "lg",
15240
15240
  align: align === "center" ? "center" : "start",
15241
- className: "max-w-7xl mx-auto",
15241
+ className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",
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 }),
@@ -15413,7 +15413,7 @@ var HeroSection = ({
15413
15413
  as: "header",
15414
15414
  className: cn(
15415
15415
  "w-full min-h-[60vh] flex items-center justify-center",
15416
- "px-6 py-20",
15416
+ "py-20",
15417
15417
  "relative overflow-hidden",
15418
15418
  className
15419
15419
  ),
@@ -15427,7 +15427,7 @@ var HeroSection = ({
15427
15427
  className: "absolute inset-0 w-full h-full opacity-20"
15428
15428
  }
15429
15429
  ),
15430
- /* @__PURE__ */ jsx(Box, { className: "relative z-10 w-full flex justify-center", children: innerContent })
15430
+ /* @__PURE__ */ jsx(Box, { className: "relative z-10 w-full flex justify-center px-4 sm:px-6 lg:px-8", children: innerContent })
15431
15431
  ]
15432
15432
  }
15433
15433
  );
@@ -15598,7 +15598,7 @@ var ArticleSection = ({
15598
15598
  Box,
15599
15599
  {
15600
15600
  className: cn(
15601
- "max-w-7xl mx-auto",
15601
+ "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",
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("max-w-7xl mx-auto 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 px-4 sm:px-6 lg:px-8 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
@@ -3704,7 +3704,7 @@ var HeroSection = ({
3704
3704
  as: "header",
3705
3705
  className: cn(
3706
3706
  "w-full min-h-[60vh] flex items-center justify-center",
3707
- "px-6 py-20",
3707
+ "py-20",
3708
3708
  "relative overflow-hidden",
3709
3709
  className
3710
3710
  ),
@@ -3718,7 +3718,7 @@ var HeroSection = ({
3718
3718
  className: "absolute inset-0 w-full h-full opacity-20"
3719
3719
  }
3720
3720
  ),
3721
- /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "relative z-10 w-full flex justify-center", children: innerContent })
3721
+ /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "relative z-10 w-full flex justify-center px-4 sm:px-6 lg:px-8", children: innerContent })
3722
3722
  ]
3723
3723
  }
3724
3724
  );
@@ -3740,7 +3740,7 @@ var CTABanner = ({
3740
3740
  Box,
3741
3741
  {
3742
3742
  className: cn(
3743
- "py-16 px-4",
3743
+ "py-16",
3744
3744
  background === "alt" && "bg-[var(--color-surface)]",
3745
3745
  background === "dark" && "bg-[var(--color-surface)]",
3746
3746
  background === "gradient" && "bg-[var(--color-surface)]",
@@ -3752,7 +3752,7 @@ var CTABanner = ({
3752
3752
  {
3753
3753
  gap: "lg",
3754
3754
  align: align === "center" ? "center" : "start",
3755
- className: "max-w-7xl mx-auto",
3755
+ className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",
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("max-w-7xl mx-auto 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 px-4 sm:px-6 lg:px-8 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
- "max-w-7xl mx-auto",
4472
+ "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",
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: "max-w-7xl mx-auto", children: [
4500
+ children: /* @__PURE__ */ jsxRuntime.jsxs(VStack, { gap: "lg", className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", 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
@@ -3680,7 +3680,7 @@ var HeroSection = ({
3680
3680
  as: "header",
3681
3681
  className: cn(
3682
3682
  "w-full min-h-[60vh] flex items-center justify-center",
3683
- "px-6 py-20",
3683
+ "py-20",
3684
3684
  "relative overflow-hidden",
3685
3685
  className
3686
3686
  ),
@@ -3694,7 +3694,7 @@ var HeroSection = ({
3694
3694
  className: "absolute inset-0 w-full h-full opacity-20"
3695
3695
  }
3696
3696
  ),
3697
- /* @__PURE__ */ jsx(Box, { className: "relative z-10 w-full flex justify-center", children: innerContent })
3697
+ /* @__PURE__ */ jsx(Box, { className: "relative z-10 w-full flex justify-center px-4 sm:px-6 lg:px-8", children: innerContent })
3698
3698
  ]
3699
3699
  }
3700
3700
  );
@@ -3716,7 +3716,7 @@ var CTABanner = ({
3716
3716
  Box,
3717
3717
  {
3718
3718
  className: cn(
3719
- "py-16 px-4",
3719
+ "py-16",
3720
3720
  background === "alt" && "bg-[var(--color-surface)]",
3721
3721
  background === "dark" && "bg-[var(--color-surface)]",
3722
3722
  background === "gradient" && "bg-[var(--color-surface)]",
@@ -3728,7 +3728,7 @@ var CTABanner = ({
3728
3728
  {
3729
3729
  gap: "lg",
3730
3730
  align: align === "center" ? "center" : "start",
3731
- className: "max-w-7xl mx-auto",
3731
+ className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",
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("max-w-7xl mx-auto 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 px-4 sm:px-6 lg:px-8 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
- "max-w-7xl mx-auto",
4448
+ "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",
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: "max-w-7xl mx-auto", children: [
4476
+ children: /* @__PURE__ */ jsxs(VStack, { gap: "lg", className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", 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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@almadar/ui",
3
- "version": "2.24.1",
3
+ "version": "2.24.2",
4
4
  "description": "React UI components, hooks, and providers for Almadar",
5
5
  "type": "module",
6
6
  "main": "./dist/components/index.js",