dune-react 0.0.30 → 0.0.31

package/dist/components/puck-block/faq-sections/props.d.ts

@@ -12,7 +12,7 @@ export interface FaqSectionStyles {
     style?: React.CSSProperties;
     css?: string;
     textAlign?: "left" | "center";
-    gridColumns?: 1 | 2 | 3;
+    gridColumns?: "1" | "2" | "3";
     bordered?: boolean;
     hasFooter?: boolean;
 }

package/dist/components/puck-block/faq-sections/stacked-static-faq/stacked-static-faq.js

@@ -20,18 +20,18 @@ const StackedStaticFaq = (props) => {
     style: sectionStyle,
     css,
     textAlign = "center",
-    gridColumns = 1,
+    gridColumns = "1",
     hasFooter = true
   } = styles ?? {};
   const isCenter = textAlign === "center";
-  const isInline = gridColumns === 1 && textAlign === "left";
+  const isInline = gridColumns === "1" && textAlign === "left";
   const gridClass = cn("grid gap-x-12 gap-y-10 md:gap-y-12", {
-    "grid-cols-1": gridColumns === 1 && !isInline,
-    "grid-cols-1 md:grid-cols-2": gridColumns === 2,
-    "grid-cols-1 md:grid-cols-2 lg:grid-cols-3": gridColumns === 3,
+    "grid-cols-1": gridColumns === "1" && !isInline,
+    "grid-cols-1 md:grid-cols-2": gridColumns === "2",
+    "grid-cols-1 md:grid-cols-2 lg:grid-cols-3": gridColumns === "3",
     "md:grid-cols-[0.75fr_1fr]": isInline
   });
-  return /* @__PURE__ */ jsx(SectionWrapper, { className: cn("px-[5%] py-8 md:py-12 lg:py-14", sectionClassName), style: sectionStyle, css, children: /* @__PURE__ */ jsxs("div", { className: cn("container", { "w-full max-w-lg": gridColumns === 1 && isCenter }), children: [
+  return /* @__PURE__ */ jsx(SectionWrapper, { className: cn("px-[5%] py-8 md:py-12 lg:py-14", sectionClassName), style: sectionStyle, css, children: /* @__PURE__ */ jsxs("div", { className: cn("container", { "w-full max-w-lg": gridColumns === "1" && isCenter }), children: [
     /* @__PURE__ */ jsxs("div", { className: cn("rb-12 mb-12 md:mb-18 lg:mb-20", { "text-center": isCenter }), children: [
       /* @__PURE__ */ jsx("h2", { className: "rb-5 mb-5 text-5xl font-bold md:mb-6 md:text-7xl lg:text-8xl", children: heading }),
       /* @__PURE__ */ jsx("p", { className: "md:text-md", children: description })
@@ -62,7 +62,7 @@ const StackedStaticFaqDefaults = {
   button: { label: "Contact", variant: "secondary" },
   styles: {
     textAlign: "center",
-    gridColumns: 1,
+    gridColumns: "1",
     hasFooter: true
   }
 };

package/dist/components/puck-block/hero-sections/overlapping-image-hero/overlapping-image-hero.js

@@ -19,7 +19,7 @@ const OverlappingImageHero = (props) => {
   const { className: sectionClassName, style: sectionStyle, css, textPosition, imageCount, overlapStyle } = rawStyles ?? {};
   const renderButtons = () => /* @__PURE__ */ jsx("div", { className: "mt-6 flex gap-x-4 md:mt-8", children: buttons.map((button, index) => /* @__PURE__ */ jsx(CompoundButton, { label: button.label, variant: button.variant, size: button.size, action: button.action, icon: button.icon }, index)) });
   const renderOverlappingImages = () => {
-    if (imageCount === 3) {
+    if (imageCount === "3") {
       if (overlapStyle === "side-by-side") {
         return /* @__PURE__ */ jsxs("div", { className: "relative flex", children: [
           /* @__PURE__ */ jsx("div", { className: "absolute bottom-0 left-0 w-[30%]", children: /* @__PURE__ */ jsx(
@@ -211,7 +211,7 @@ const OverlappingImageHeroDefaults = {
   },
   styles: {
     textPosition: "left",
-    imageCount: 2,
+    imageCount: "2",
     overlapStyle: "default"
   }
 };

package/dist/components/puck-block/hero-sections/props.d.ts

@@ -18,7 +18,7 @@ export interface HeroSectionStyles {
     mediaType?: "image" | "video" | "play";
     formType?: "none" | "email" | "search";
     bordered?: boolean;
-    imageCount?: 1 | 2 | 3;
+    imageCount?: "1" | "2" | "3";
     imageGridRatio?: string;
     overlapStyle?: "default" | "square" | "side-by-side";
     variant?: "centered" | "parallax-bg";

package/dist/components/puck-block/pricing-sections/pricing-card-grid/component.js

@@ -8,9 +8,9 @@ const PricingCardGrid = (props) => {
     ...PricingCardGridDefaults,
     ...props
   };
-  const { className: sectionClassName, style: sectionStyle, css, columns = 2 } = styles ?? {};
-  const gridColsClass = columns === 3 ? "md:grid-cols-2 lg:grid-cols-3" : "md:grid-cols-2";
-  const containerMaxW = columns === 3 ? "" : "max-w-xl";
+  const { className: sectionClassName, style: sectionStyle, css, columns = "2" } = styles ?? {};
+  const gridColsClass = columns === "3" ? "md:grid-cols-2 lg:grid-cols-3" : "md:grid-cols-2";
+  const containerMaxW = columns === "3" ? "" : "max-w-xl";
   return /* @__PURE__ */ jsx(SectionWrapper, { className: cn("px-[5%] py-8 md:py-12 lg:py-14", sectionClassName), style: sectionStyle, css, children: /* @__PURE__ */ jsxs("div", { className: `container ${containerMaxW}`, children: [
     /* @__PURE__ */ jsxs("div", { className: "mx-auto mb-12 max-w-lg text-center md:mb-18 lg:mb-20", children: [
       /* @__PURE__ */ jsx("p", { className: "mb-3 font-semibold md:mb-4", children: tagline }),
@@ -61,7 +61,7 @@ const PricingCardGridDefaults = {
     }
   ],
   styles: {
-    columns: 2,
+    columns: "2",
     cardLayout: "center-price"
   }
 };

package/dist/components/puck-block/pricing-sections/props.d.ts

@@ -12,7 +12,7 @@ export interface PricingSectionStyles {
     style?: React.CSSProperties;
     css?: string;
     cardLayout?: "center-price" | "icon-corner" | "name-desc-divider" | "icon-name-inline";
-    columns?: 2 | 3;
+    columns?: "2" | "3";
     tabSwitching?: boolean;
     tableStyle?: "border-separated" | "zebra-striped";
     bottomButtons?: boolean;

package/dist/components/puck-block/pricing-sections/tab-pricing-grid/component.js

@@ -13,10 +13,10 @@ const TabPricingGrid = (props) => {
     className: sectionClassName,
     style: sectionStyle,
     css,
-    columns = 2
+    columns = "2"
   } = styles ?? {};
-  const gridColsClass = columns === 3 ? "md:grid-cols-2 lg:grid-cols-3" : "md:grid-cols-2";
-  const containerMaxW = columns === 3 ? "" : "max-w-xl";
+  const gridColsClass = columns === "3" ? "md:grid-cols-2 lg:grid-cols-3" : "md:grid-cols-2";
+  const containerMaxW = columns === "3" ? "" : "max-w-xl";
   return /* @__PURE__ */ jsx(
     SectionWrapper,
     {
@@ -127,7 +127,7 @@ const TabPricingGridDefaults = {
     }
   ],
   styles: {
-    columns: 2,
+    columns: "2",
     cardLayout: "center-price"
   }
 };

package/dist/components/puck-block/team-sections/props.d.ts

@@ -12,11 +12,11 @@ export interface TeamSectionStyles {
     style?: React.CSSProperties;
     css?: string;
     textAlign?: "left" | "center";
-    gridColumns?: 2 | 3 | 4;
+    gridColumns?: "2" | "3" | "4";
     imageShape?: "circle" | "square";
     hasFooter?: boolean;
     cardLayout?: "vertical" | "horizontal";
-    memberGridColumns?: 1 | 2;
+    memberGridColumns?: "1" | "2";
 }
 export interface TeamSectionBaseProps {
     tagline: string;

package/dist/components/puck-block/team-sections/team-grid/component.js

@@ -14,10 +14,10 @@ const TeamGrid = (props) => {
     css,
     textAlign = "center",
     imageShape = "circle",
-    gridColumns = 4,
+    gridColumns = "4",
     hasFooter = true
   } = styles ?? {};
-  const gridColsClass = gridColumns === 2 ? "md:grid-cols-2" : gridColumns === 3 ? "md:grid-cols-2 lg:grid-cols-3" : "md:grid-cols-2 lg:grid-cols-4";
+  const gridColsClass = gridColumns === "2" ? "md:grid-cols-2" : gridColumns === "3" ? "md:grid-cols-2 lg:grid-cols-3" : "md:grid-cols-2 lg:grid-cols-4";
   const imageClass = imageShape === "circle" ? "size-20 min-h-20 min-w-20 rounded-full object-cover" : "aspect-[3/2] w-full object-cover";
   return /* @__PURE__ */ jsx(SectionWrapper, { className: cn("px-[5%] py-8 md:py-12 lg:py-14", sectionClassName), style: sectionStyle, css, children: /* @__PURE__ */ jsxs("div", { className: "container", children: [
     /* @__PURE__ */ jsxs("div", { className: `mx-auto mb-12 max-w-lg md:mb-18 lg:mb-20 ${textAlign === "center" ? "text-center" : "text-left"}`, children: [
@@ -60,7 +60,7 @@ const TeamGridDefaults = {
   styles: {
     textAlign: "center",
     imageShape: "circle",
-    gridColumns: 4,
+    gridColumns: "4",
     hasFooter: true
   }
 };

package/dist/components/puck-block/team-sections/team-two-column/component.js

@@ -14,10 +14,10 @@ const TeamTwoColumn = (props) => {
     css,
     imageShape = "circle",
     cardLayout = "horizontal",
-    memberGridColumns = 1
+    memberGridColumns = "1"
   } = styles ?? {};
   const imageClass = imageShape === "circle" ? "size-20 min-h-20 min-w-20 rounded-full object-cover" : "aspect-[3/2] w-full object-cover";
-  const memberGridClass = memberGridColumns === 2 ? "grid grid-cols-1 gap-y-12 md:grid-cols-2 md:gap-x-8 md:gap-y-16 lg:gap-x-12" : "grid grid-cols-1 gap-y-12 md:gap-x-8 md:gap-y-16 lg:gap-x-12";
+  const memberGridClass = memberGridColumns === "2" ? "grid grid-cols-1 gap-y-12 md:grid-cols-2 md:gap-x-8 md:gap-y-16 lg:gap-x-12" : "grid grid-cols-1 gap-y-12 md:gap-x-8 md:gap-y-16 lg:gap-x-12";
   return /* @__PURE__ */ jsx(SectionWrapper, { className: cn("px-[5%] py-8 md:py-12 lg:py-14", sectionClassName), style: sectionStyle, css, children: /* @__PURE__ */ jsxs("div", { className: "container grid grid-cols-1 items-start md:grid-flow-row md:grid-cols-2 md:gap-x-12 lg:gap-x-20", children: [
     /* @__PURE__ */ jsxs("div", { className: "rb-12 mb-12 max-w-lg md:mb-18 lg:mb-20", children: [
       /* @__PURE__ */ jsx("p", { className: "mb-3 font-semibold md:mb-4", children: tagline }),
@@ -28,9 +28,9 @@ const TeamTwoColumn = (props) => {
     /* @__PURE__ */ jsx("div", { className: memberGridClass, children: teamMembers.map((member, index) => /* @__PURE__ */ jsxs(
       "div",
       {
-        className: cardLayout === "horizontal" && memberGridColumns === 1 ? "grid auto-cols-fr grid-cols-1 items-start gap-5 sm:grid-cols-[max-content_1fr] sm:gap-x-8 sm:gap-y-4" : "flex flex-col",
+        className: cardLayout === "horizontal" && memberGridColumns === "1" ? "grid auto-cols-fr grid-cols-1 items-start gap-5 sm:grid-cols-[max-content_1fr] sm:gap-x-8 sm:gap-y-4" : "flex flex-col",
         children: [
-          /* @__PURE__ */ jsx("div", { className: cardLayout === "vertical" || memberGridColumns === 2 ? "mb-5 md:mb-6" : "", children: /* @__PURE__ */ jsx(CompoundImage, { src: member.image.src, alt: member.image.alt, className: imageClass }) }),
+          /* @__PURE__ */ jsx("div", { className: cardLayout === "vertical" || memberGridColumns === "2" ? "mb-5 md:mb-6" : "", children: /* @__PURE__ */ jsx(CompoundImage, { src: member.image.src, alt: member.image.alt, className: imageClass }) }),
           /* @__PURE__ */ jsxs("div", { className: "flex flex-col justify-center", children: [
             /* @__PURE__ */ jsxs("div", { className: "mb-3 md:mb-4", children: [
               /* @__PURE__ */ jsx("h5", { className: "text-md font-semibold md:text-lg", children: member.name }),
@@ -60,7 +60,7 @@ const TeamTwoColumnDefaults = {
   styles: {
     imageShape: "circle",
     cardLayout: "horizontal",
-    memberGridColumns: 1
+    memberGridColumns: "1"
   }
 };
 export {

package/dist/components/puck-block/testimonial-sections/masonry-testimonial/component.js

@@ -17,9 +17,9 @@ const MasonryTestimonial = (props) => {
     className: sectionClassName,
     style: sectionStyle,
     css,
-    masonryColumns = 3
+    masonryColumns = "3"
   } = styles ?? {};
-  const columnsClass = masonryColumns === 2 ? "md:columns-2" : "md:columns-2 lg:columns-3";
+  const columnsClass = masonryColumns === "2" ? "md:columns-2" : "md:columns-2 lg:columns-3";
   return /* @__PURE__ */ jsx(SectionWrapper, { className: cn("px-[5%] py-8 md:py-12 lg:py-14", sectionClassName), style: sectionStyle, css, children: /* @__PURE__ */ jsxs("div", { className: "container", children: [
     /* @__PURE__ */ jsxs("div", { className: "mx-auto mb-12 w-full max-w-lg text-center md:mb-18 lg:mb-20", children: [
       /* @__PURE__ */ jsx("h1", { className: "mb-5 text-5xl font-bold md:mb-6 md:text-7xl lg:text-8xl", children: heading }),
@@ -69,7 +69,7 @@ const MasonryTestimonialDefaults = {
   description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
   testimonials: [testimonial, testimonial, testimonial, testimonial, testimonial, testimonial],
   styles: {
-    masonryColumns: 3
+    masonryColumns: "3"
   }
 };
 export {

package/dist/components/puck-block/testimonial-sections/props.d.ts

@@ -14,9 +14,9 @@ export interface TestimonialSectionStyles {
     ratingType?: "logo" | "stars";
     attributionLayout?: "stacked" | "inline";
     textAlign?: "left" | "center";
-    gridColumns?: 2 | 3;
-    carouselColumns?: 1 | 2 | 3;
-    masonryColumns?: 2 | 3;
+    gridColumns?: "2" | "3";
+    carouselColumns?: "1" | "2" | "3";
+    masonryColumns?: "2" | "3";
     bordered?: boolean;
     hasHeading?: boolean;
     hasButton?: boolean;

package/dist/components/puck-block/testimonial-sections/testimonial-card-grid/component.js

@@ -19,12 +19,12 @@ const TestimonialCardGrid = (props) => {
     style: sectionStyle,
     css,
     textAlign = "center",
-    gridColumns = 2,
+    gridColumns = "2",
     ratingType = "logo",
     bordered = false,
     hasButton = false
   } = styles ?? {};
-  const gridColsClass = gridColumns === 3 ? "md:grid-cols-2 lg:grid-cols-3" : "md:grid-cols-2";
+  const gridColsClass = gridColumns === "3" ? "md:grid-cols-2 lg:grid-cols-3" : "md:grid-cols-2";
   return /* @__PURE__ */ jsx(SectionWrapper, { className: cn("px-[5%] py-8 md:py-12 lg:py-14", sectionClassName), style: sectionStyle, css, children: /* @__PURE__ */ jsxs("div", { className: "container", children: [
     /* @__PURE__ */ jsxs("div", { className: `mx-auto mb-12 w-full max-w-lg md:mb-18 lg:mb-20 ${textAlign === "center" ? "text-center" : "text-left"}`, children: [
       /* @__PURE__ */ jsx("h1", { className: "mb-5 text-5xl font-bold md:mb-6 md:text-7xl lg:text-8xl", children: heading }),
@@ -83,7 +83,7 @@ const TestimonialCardGridDefaults = {
   ],
   styles: {
     textAlign: "center",
-    gridColumns: 2,
+    gridColumns: "2",
     ratingType: "logo",
     bordered: false,
     hasButton: false

package/dist/components/puck-block/testimonial-sections/testimonial-carousel/component.js

@@ -24,7 +24,7 @@ const TestimonialCarousel = (props) => {
     ratingType = "logo",
     hasHeading = false,
     textAlign = "center",
-    carouselColumns = 1,
+    carouselColumns = "1",
     bordered = false,
     hasButton = false
   } = styles ?? {};
@@ -37,7 +37,7 @@ const TestimonialCarousel = (props) => {
       setCurrent(api.selectedScrollSnap() + 1);
     });
   }, [api]);
-  const basisClass = carouselColumns === 3 ? "md:basis-1/2 lg:basis-1/3" : carouselColumns === 2 ? "md:basis-1/2" : "md:basis-full";
+  const basisClass = carouselColumns === "3" ? "md:basis-1/2 lg:basis-1/3" : carouselColumns === "2" ? "md:basis-1/2" : "md:basis-full";
   return /* @__PURE__ */ jsx(SectionWrapper, { className: cn("overflow-hidden px-[5%] py-8 md:py-12 lg:py-14", sectionClassName), style: sectionStyle, css, children: /* @__PURE__ */ jsxs("div", { className: "container", children: [
     hasHeading && /* @__PURE__ */ jsxs("div", { className: `mb-12 w-full max-w-lg md:mb-18 lg:mb-20 ${textAlign === "center" ? "mx-auto text-center" : ""}`, children: [
       /* @__PURE__ */ jsx("h1", { className: "mb-5 text-5xl font-bold md:mb-6 md:text-7xl lg:text-8xl", children: heading }),
@@ -54,11 +54,11 @@ const TestimonialCarousel = (props) => {
             /* @__PURE__ */ jsx(CarouselContent, { className: "ml-0 md:mx-3", children: testimonials.map((testimonial2, index) => /* @__PURE__ */ jsx(
               CarouselItem,
               {
-                className: `pl-0 ${carouselColumns === 1 ? "md:px-16" : "pr-6 md:pr-8"} ${basisClass}`,
+                className: `pl-0 ${carouselColumns === "1" ? "md:px-16" : "pr-6 md:pr-8"} ${basisClass}`,
                 children: /* @__PURE__ */ jsxs("div", { className: `mx-auto flex w-full max-w-lg flex-col items-center text-center ${bordered ? "border border-border-primary p-6 md:p-8" : ""}`, children: [
                   ratingType === "logo" && testimonial2.logo && /* @__PURE__ */ jsx("div", { className: "mb-6 md:mb-8", children: /* @__PURE__ */ jsx(CompoundImage, { src: testimonial2.logo.src, alt: testimonial2.logo.alt, className: "max-h-14" }) }),
                   ratingType === "stars" && /* @__PURE__ */ jsx("div", { className: "mb-5 flex md:mb-6", children: Array(testimonial2.numberOfStars).fill(null).map((_, starIndex) => /* @__PURE__ */ jsx(BiSolidStar, { className: "mr-1 size-6" }, starIndex)) }),
-                  /* @__PURE__ */ jsx("blockquote", { className: `font-bold ${carouselColumns === 1 ? "text-xl md:text-2xl" : "text-md leading-[1.4] md:text-xl"}`, children: testimonial2.quote }),
+                  /* @__PURE__ */ jsx("blockquote", { className: `font-bold ${carouselColumns === "1" ? "text-xl md:text-2xl" : "text-md leading-[1.4] md:text-xl"}`, children: testimonial2.quote }),
                   /* @__PURE__ */ jsxs("div", { className: "mt-6 flex flex-col items-center justify-center md:mt-8", children: [
                     /* @__PURE__ */ jsx("div", { className: "mb-3 md:mb-4", children: /* @__PURE__ */ jsx(
                       CompoundImage,
@@ -111,7 +111,7 @@ const TestimonialCarouselDefaults = {
     ratingType: "logo",
     hasHeading: false,
     textAlign: "center",
-    carouselColumns: 1,
+    carouselColumns: "1",
     bordered: false,
     hasButton: false
   }

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "dune-react",
-  "version": "0.0.30",
+  "version": "0.0.31",
   "license": "MIT",
   "type": "module",
   "scripts": {
     "dev": "vite",
     "gen:meta": "node --import ./scripts/register-mocks.mjs --import tsx/esm scripts/generate-component-meta.ts",
-    "build": "pnpm gen:meta && vite build && tsc --project tsconfig.build.json && scripts/fix-dts-extensions.sh",
+    "build": "pnpm gen:meta && vite build && tsc --project tsconfig.build.json",
     "watch": "vite build --watch & tsc --project tsconfig.build.json --watch --preserveWatchOutput &",
     "build:sync": "pnpm build && cd ../magent && pnpm sync:dune && cd ../canvas-editor && pnpm sync:dune",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",