dune-react 0.0.34 → 0.0.36

package/dist/components/puck-block/contact-sections/tab-locations/tab-locations.js

@@ -34,7 +34,7 @@ const TabLocations = (props) => {
             defaultValue: ((_a = locations[0]) == null ? void 0 : _a.value) ?? "loc-0",
             className: "relative grid auto-cols-fr grid-cols-1 gap-12 md:grid-cols-[.5fr_1fr] md:gap-y-16 lg:gap-x-20 lg:gap-y-16",
             children: [
-              /* @__PURE__ */ jsx(TabsList, { className: "relative grid h-full auto-cols-fr grid-cols-1 gap-x-4 gap-y-10", children: locations.map((location, index) => {
+              /* @__PURE__ */ jsx("div", { className: "relative md:min-h-[400px]", children: /* @__PURE__ */ jsx(TabsList, { className: "grid auto-cols-fr grid-cols-1 gap-x-4 gap-y-10 group-data-horizontal/tabs:h-auto md:absolute md:inset-0 md:overflow-y-auto", children: locations.map((location, index) => {
                 var _a2;
                 return /* @__PURE__ */ jsx(
                   TabsTrigger,
@@ -49,7 +49,7 @@ const TabLocations = (props) => {
                   },
                   index
                 );
-              }) }),
+              }) }) }),
               /* @__PURE__ */ jsx("div", { children: locations.map((location, index) => /* @__PURE__ */ jsx(
                 TabsContent,
                 {

package/dist/components/puck-block/pricing-sections/pricing-comparison-table/component.d.ts

@@ -1,7 +1,7 @@
 import type { PricingComponentProps, BaseButton } from "../props";
 type Feature = {
     text: string;
-    items: React.ReactNode[];
+    items: string[];
 };
 type FeatureCategory = {
     title?: string;

package/dist/components/puck-block/pricing-sections/pricing-comparison-table/component.js

@@ -1,5 +1,4 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { BiCheck } from "../../../../node_modules/.pnpm/react-icons@5.6.0_react@19.2.4/node_modules/react-icons/bi/index.js";
 import { Button } from "../../../shadcn/button.js";
 import { Tabs, TabsList, TabsTrigger, TabsContent } from "../../../shadcn/tabs.js";
 import { cn } from "../../../../utils/css-utils.js";
@@ -90,7 +89,7 @@ const PricingComparisonTable = (props) => {
                   "border-l": itemIndex > 0
                 }
               ),
-              children: /* @__PURE__ */ jsx("p", { children: item })
+              dangerouslySetInnerHTML: { __html: item }
             },
             itemIndex
           ))
@@ -176,38 +175,15 @@ const defaultPlans = [
     button: { label: "Get started" }
   }
 ];
+const checkIcon = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg>';
 const defaultFeatureCategory = {
   title: "Feature Category",
   features: [
     { text: "Feature text goes here", items: ["10", "25", "Unlimited"] },
-    {
-      text: "Feature text goes here",
-      items: [
-        /* @__PURE__ */ jsx(BiCheck, { className: "size-6" }),
-        /* @__PURE__ */ jsx(BiCheck, { className: "size-6" }),
-        /* @__PURE__ */ jsx(BiCheck, { className: "size-6" })
-      ]
-    },
-    {
-      text: "Feature text goes here",
-      items: [
-        /* @__PURE__ */ jsx(BiCheck, { className: "size-6" }),
-        /* @__PURE__ */ jsx(BiCheck, { className: "size-6" }),
-        /* @__PURE__ */ jsx(BiCheck, { className: "size-6" })
-      ]
-    },
-    {
-      text: "Feature text goes here",
-      items: [
-        "",
-        /* @__PURE__ */ jsx(BiCheck, { className: "size-6" }),
-        /* @__PURE__ */ jsx(BiCheck, { className: "size-6" })
-      ]
-    },
-    {
-      text: "Feature text goes here",
-      items: ["", "", /* @__PURE__ */ jsx(BiCheck, { className: "size-6" })]
-    }
+    { text: "Feature text goes here", items: [checkIcon, checkIcon, checkIcon] },
+    { text: "Feature text goes here", items: [checkIcon, checkIcon, checkIcon] },
+    { text: "Feature text goes here", items: ["", checkIcon, checkIcon] },
+    { text: "Feature text goes here", items: ["", "", checkIcon] }
   ]
 };
 const PricingComparisonTableDefaults = {

package/dist/components/puck-block/pricing-sections/pricing-comparison-table/index.d.ts

@@ -41,6 +41,23 @@ declare const conf: {
                 title: {
                     type: string;
                 };
+                features: {
+                    type: string;
+                    getItemSummary: (item: {
+                        text?: string;
+                    }, index?: number) => string;
+                    arrayFields: {
+                        text: {
+                            type: string;
+                        };
+                        items: {
+                            type: string;
+                            ai: {
+                                instructions: string;
+                            };
+                        };
+                    };
+                };
             };
         };
         defaultTabValue: {

package/dist/components/puck-block/pricing-sections/pricing-comparison-table/index.js

@@ -20,7 +20,20 @@ const conf = {
       type: "array",
       getItemSummary: (item, index = 0) => item.title || `Category ${index + 1}`,
       arrayFields: {
-        title: { type: "text" }
+        title: { type: "text" },
+        features: {
+          type: "array",
+          getItemSummary: (item, index = 0) => item.text || `Feature ${index + 1}`,
+          arrayFields: {
+            text: { type: "text" },
+            items: {
+              type: "array",
+              ai: {
+                instructions: "Array of HTML strings, one per pricing plan column. Use plain text like '10' or 'Unlimited', an inline SVG check icon for supported features, or empty string '' for unsupported."
+              }
+            }
+          }
+        }
       }
     },
     defaultTabValue: {

package/dist/components/puck-block/registry.generated.d.ts

@@ -10324,6 +10324,23 @@ declare const confMap: {
                     title: {
                         type: string;
                     };
+                    features: {
+                        type: string;
+                        getItemSummary: (item: {
+                            text?: string;
+                        }, index?: number) => string;
+                        arrayFields: {
+                            text: {
+                                type: string;
+                            };
+                            items: {
+                                type: string;
+                                ai: {
+                                    instructions: string;
+                                };
+                            };
+                        };
+                    };
                 };
             };
             defaultTabValue: {

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

@@ -151,7 +151,7 @@ const BentoTestimonialDefaults = {
       component: "logo",
       props: {
         logo: {
-          src: "https://cdn.jsdelivr.net/gh/gilbarbara/logos/logos/google-icon.svg",
+          src: "https://file.springbrand.ai/web_assets/template-logo.svg",
           alt: "Logo 1"
         }
       }
@@ -174,7 +174,7 @@ const BentoTestimonialDefaults = {
       component: "logo",
       props: {
         logo: {
-          src: "https://cdn.jsdelivr.net/gh/gilbarbara/logos/logos/figma.svg",
+          src: "https://file.springbrand.ai/web_assets/template-logo.svg",
           alt: "Webflow logo 1"
         }
       }
@@ -239,7 +239,7 @@ const BentoTestimonialDefaults = {
       component: "logo",
       props: {
         logo: {
-          src: "https://cdn.jsdelivr.net/gh/gilbarbara/logos/logos/figma.svg",
+          src: "https://file.springbrand.ai/web_assets/template-logo.svg",
           alt: "Webflow logo 2"
         }
       }

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

@@ -90,7 +90,7 @@ const testimonial = {
   name: "Name Surname",
   position: "Position",
   companyName: "Company name",
-  logo: { src: "https://cdn.jsdelivr.net/gh/gilbarbara/logos/logos/netflix.svg", alt: "Webflow logo" }
+  logo: { src: "https://file.springbrand.ai/web_assets/template-logo.svg", alt: "Webflow logo" }
 };
 const ImageTestimonialCarouselDefaults = {
   testimonials: [testimonial, testimonial],

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

@@ -77,7 +77,7 @@ const TabTestimonial = (props) => {
 };
 const tab = {
   value: "tab-1",
-  trigger: { src: "https://cdn.jsdelivr.net/gh/gilbarbara/logos/logos/slack.svg", alt: "Webflow logo" },
+  trigger: { src: "https://file.springbrand.ai/web_assets/template-logo.svg", alt: "Webflow logo" },
   content: {
     numberOfStars: 5,
     quote: '"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat."',

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

@@ -65,7 +65,7 @@ const TestimonialCardGridDefaults = {
   description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
   testimonials: [
     {
-      media: { src: "https://cdn.jsdelivr.net/gh/gilbarbara/logos/logos/discord.svg", alt: "Webflow logo 1" },
+      media: { src: "https://file.springbrand.ai/web_assets/template-logo.svg", alt: "Webflow logo 1" },
       quote: '"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat."',
       avatar: { src: "https://picsum.photos/seed/testimonial-1/100/100", alt: "Testimonial avatar 1" },
       name: "Name Surname",
@@ -73,7 +73,7 @@ const TestimonialCardGridDefaults = {
       numberOfStars: 5
     },
     {
-      media: { src: "https://cdn.jsdelivr.net/gh/gilbarbara/logos/logos/discord.svg", alt: "Webflow logo 2" },
+      media: { src: "https://file.springbrand.ai/web_assets/template-logo.svg", alt: "Webflow logo 2" },
       quote: '"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat."',
       avatar: { src: "https://picsum.photos/seed/testimonial-2/100/100", alt: "Testimonial avatar 2" },
       name: "Name Surname",

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

@@ -97,7 +97,7 @@ const TestimonialCarousel = (props) => {
 };
 const testimonial = {
   quote: '"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat."',
-  logo: { src: "https://cdn.jsdelivr.net/gh/gilbarbara/logos/logos/airbnb.svg", alt: "Webflow logo" },
+  logo: { src: "https://file.springbrand.ai/web_assets/template-logo.svg", alt: "Webflow logo" },
   avatar: { src: "https://picsum.photos/seed/testimonial-carousel/100/100", alt: "Testimonial avatar" },
   name: "Name Surname",
   position: "Position, Company name",

package/dist/components/puck-core/core/props/index.js

@@ -2,6 +2,7 @@ import { buttonsField, badgeField } from "./interactive.js";
 import { actionDefaults, actionField, buttonDefaults, buttonField, iconField, resolveActionUrl } from "./interactive.js";
 import { descriptionField, headingField, featuresField } from "./content.js";
 import { cardField, cardsField } from "./content.js";
+import { getPlaceholderMediaUrl, media16x9Placeholder, media1x1Placeholder, media9x16Placeholder, mediaField, mediasField } from "./media.js";
 const contentFields = {
   heading: headingField,
   description: descriptionField,
@@ -28,7 +29,13 @@ export {
   contentFieldsWithFeatures,
   descriptionField,
   featuresField,
+  getPlaceholderMediaUrl,
   headingField,
   iconField,
+  media16x9Placeholder,
+  media1x1Placeholder,
+  media9x16Placeholder,
+  mediaField,
+  mediasField,
   resolveActionUrl
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dune-react",
-  "version": "0.0.34",
+  "version": "0.0.36",
   "license": "MIT",
   "type": "module",
   "scripts": {