dune-react 0.0.42 → 0.0.44

package/dist/components/puck-block/contact-sections/split-info-form/split-info-form.js

@@ -1,7 +1,6 @@
 "use client";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useState } from "react";
-import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from "../../../shadcn/select.js";
 import { Input } from "../../../shadcn/input.js";
 import { Label } from "../../../shadcn/label.js";
 import { Textarea } from "../../../shadcn/textarea.js";
@@ -11,11 +10,25 @@ import { BiEnvelope, BiPhone, BiMap } from "../../../../node_modules/.pnpm/react
 import { cn } from "../../../../utils/css-utils.js";
 import { SectionWrapper } from "../../../puck-core/section-wrapper.js";
 const SplitInfoForm = (props) => {
-  const { tagline, heading, description, email, phone, address, button, styles } = {
+  const {
+    tagline,
+    heading,
+    description,
+    email,
+    phone,
+    address,
+    button,
+    styles
+  } = {
     ...SplitInfoFormDefaults,
     ...props
   };
-  const { className: sectionClassName, style: sectionStyle, css, formType = "simple" } = styles ?? {};
+  const {
+    className: sectionClassName,
+    style: sectionStyle,
+    css,
+    formType = "simple"
+  } = styles ?? {};
   const { createSubmitHandler, submitting } = useContactForm();
   const [nameInput, setNameInput] = useState("");
   const [firstName, setFirstName] = useState("");
@@ -23,13 +36,12 @@ const SplitInfoForm = (props) => {
   const [emailInput, setEmailInput] = useState("");
   const [phoneInput, setPhoneInput] = useState("");
   const [messageInput, setMessageInput] = useState("");
-  const [topic, setTopic] = useState("");
   const handleSubmit = createSubmitHandler(
     () => ({
       name: nameInput || `${firstName} ${lastName}`.trim() || "",
       email: emailInput || "",
       phone: phoneInput || "",
-      message: [topic, messageInput].filter(Boolean).join("\n\n") || ""
+      message: messageInput || ""
     }),
     () => {
       setNameInput("");
@@ -38,21 +50,44 @@ const SplitInfoForm = (props) => {
       setEmailInput("");
       setPhoneInput("");
       setMessageInput("");
-      setTopic("");
     }
   );
   const renderSimpleFields = () => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs("div", { className: "grid w-full items-center", children: [
       /* @__PURE__ */ jsx(Label, { htmlFor: "name", className: "mb-2", children: "Name" }),
-      /* @__PURE__ */ jsx(Input, { type: "text", id: "name", value: nameInput, onChange: (e) => setNameInput(e.target.value) })
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          type: "text",
+          id: "name",
+          value: nameInput,
+          onChange: (e) => setNameInput(e.target.value)
+        }
+      )
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "grid w-full items-center", children: [
       /* @__PURE__ */ jsx(Label, { htmlFor: "email", className: "mb-2", children: "Email" }),
-      /* @__PURE__ */ jsx(Input, { type: "email", id: "email", value: emailInput, onChange: (e) => setEmailInput(e.target.value) })
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          type: "email",
+          id: "email",
+          value: emailInput,
+          onChange: (e) => setEmailInput(e.target.value)
+        }
+      )
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "grid w-full items-center", children: [
       /* @__PURE__ */ jsx(Label, { htmlFor: "phone", className: "mb-2", children: "Phone" }),
-      /* @__PURE__ */ jsx(Input, { type: "tel", id: "phone", value: phoneInput, onChange: (e) => setPhoneInput(e.target.value) })
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          type: "tel",
+          id: "phone",
+          value: phoneInput,
+          onChange: (e) => setPhoneInput(e.target.value)
+        }
+      )
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "grid w-full items-center", children: [
       /* @__PURE__ */ jsx(Label, { htmlFor: "message", className: "mb-2", children: "Message" }),
@@ -72,30 +107,52 @@ const SplitInfoForm = (props) => {
     /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-6", children: [
       /* @__PURE__ */ jsxs("div", { className: "grid w-full items-center", children: [
         /* @__PURE__ */ jsx(Label, { htmlFor: "firstName", className: "mb-2", children: "First name" }),
-        /* @__PURE__ */ jsx(Input, { type: "text", id: "firstName", value: firstName, onChange: (e) => setFirstName(e.target.value) })
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            type: "text",
+            id: "firstName",
+            value: firstName,
+            onChange: (e) => setFirstName(e.target.value)
+          }
+        )
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "grid w-full items-center", children: [
         /* @__PURE__ */ jsx(Label, { htmlFor: "lastName", className: "mb-2", children: "Last name" }),
-        /* @__PURE__ */ jsx(Input, { type: "text", id: "lastName", value: lastName, onChange: (e) => setLastName(e.target.value) })
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            type: "text",
+            id: "lastName",
+            value: lastName,
+            onChange: (e) => setLastName(e.target.value)
+          }
+        )
       ] })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "grid w-full items-center", children: [
       /* @__PURE__ */ jsx(Label, { htmlFor: "email", className: "mb-2", children: "Email" }),
-      /* @__PURE__ */ jsx(Input, { type: "email", id: "email", value: emailInput, onChange: (e) => setEmailInput(e.target.value) })
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          type: "email",
+          id: "email",
+          value: emailInput,
+          onChange: (e) => setEmailInput(e.target.value)
+        }
+      )
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "grid w-full items-center", children: [
       /* @__PURE__ */ jsx(Label, { htmlFor: "phone", className: "mb-2", children: "Phone number" }),
-      /* @__PURE__ */ jsx(Input, { type: "tel", id: "phone", value: phoneInput, onChange: (e) => setPhoneInput(e.target.value) })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "grid w-full items-center", children: [
-      /* @__PURE__ */ jsx(Label, { htmlFor: "topic", className: "mb-2", children: "Choose a topic" }),
-      /* @__PURE__ */ jsxs(Select, { value: topic, onValueChange: setTopic, children: [
-        /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select one..." }) }),
-        /* @__PURE__ */ jsxs(SelectContent, { children: [
-          /* @__PURE__ */ jsx(SelectItem, { value: "topic-1", children: "Topic one" }),
-          /* @__PURE__ */ jsx(SelectItem, { value: "topic-2", children: "Topic two" })
-        ] })
-      ] })
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          type: "tel",
+          id: "phone",
+          value: phoneInput,
+          onChange: (e) => setPhoneInput(e.target.value)
+        }
+      )
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "grid w-full items-center", children: [
       /* @__PURE__ */ jsx(Label, { htmlFor: "message", className: "mb-2", children: "Message" }),
@@ -111,33 +168,58 @@ const SplitInfoForm = (props) => {
       )
     ] })
   ] });
-  return /* @__PURE__ */ jsx(SectionWrapper, { className: cn("px-[5%] py-8 md:py-12 lg:py-14", sectionClassName), style: sectionStyle, css, children: /* @__PURE__ */ jsx("div", { className: "container", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 items-start gap-y-12 md:grid-flow-row md:grid-cols-2 md:gap-x-12 lg:grid-flow-col lg:gap-x-20 lg:gap-y-16", children: [
-    /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsx("p", { className: "mb-3 font-semibold md:mb-4", children: tagline }),
-      /* @__PURE__ */ jsxs("div", { className: "mb-6 md:mb-8", children: [
-        /* @__PURE__ */ jsx("h2", { className: "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 })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-4 py-2", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
-          /* @__PURE__ */ jsx(BiEnvelope, { className: "size-6 flex-none" }),
-          /* @__PURE__ */ jsx("p", { children: email })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
-          /* @__PURE__ */ jsx(BiPhone, { className: "size-6 flex-none" }),
-          /* @__PURE__ */ jsx("p", { children: phone })
+  return /* @__PURE__ */ jsx(
+    SectionWrapper,
+    {
+      className: cn("px-[5%] py-8 md:py-12 lg:py-14", sectionClassName),
+      style: sectionStyle,
+      css,
+      children: /* @__PURE__ */ jsx("div", { className: "container", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 items-start gap-y-12 md:grid-flow-row md:grid-cols-2 md:gap-x-12 lg:grid-flow-col lg:gap-x-20 lg:gap-y-16", children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("p", { className: "mb-3 font-semibold md:mb-4", children: tagline }),
+          /* @__PURE__ */ jsxs("div", { className: "mb-6 md:mb-8", children: [
+            /* @__PURE__ */ jsx("h2", { className: "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 })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-4 py-2", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
+              /* @__PURE__ */ jsx(BiEnvelope, { className: "size-6 flex-none" }),
+              /* @__PURE__ */ jsx("p", { children: email })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
+              /* @__PURE__ */ jsx(BiPhone, { className: "size-6 flex-none" }),
+              /* @__PURE__ */ jsx("p", { children: phone })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
+              /* @__PURE__ */ jsx(BiMap, { className: "size-6 flex-none" }),
+              /* @__PURE__ */ jsx("p", { children: address })
+            ] })
+          ] })
         ] }),
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
-          /* @__PURE__ */ jsx(BiMap, { className: "size-6 flex-none" }),
-          /* @__PURE__ */ jsx("p", { children: address })
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs("form", { className: "grid grid-cols-1 grid-rows-[auto_auto] gap-6", onSubmit: handleSubmit, children: [
-      formType === "advanced" ? renderAdvancedFields() : renderSimpleFields(),
-      /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(CompoundButton, { label: submitting ? "Submitting..." : button.label, variant: button.variant, size: button.size, action: button.action, icon: button.icon, disabled: submitting }) })
-    ] })
-  ] }) }) });
+        /* @__PURE__ */ jsxs(
+          "form",
+          {
+            className: "grid grid-cols-1 grid-rows-[auto_auto] gap-6",
+            onSubmit: handleSubmit,
+            children: [
+              formType === "advanced" ? renderAdvancedFields() : renderSimpleFields(),
+              /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+                CompoundButton,
+                {
+                  type: "submit",
+                  label: submitting ? "Submitting..." : button.label,
+                  variant: button.variant,
+                  size: button.size,
+                  icon: button.icon,
+                  disabled: submitting
+                }
+              ) })
+            ]
+          }
+        )
+      ] }) })
+    }
+  );
 };
 const SplitInfoFormDefaults = {
   tagline: "Tagline",
@@ -145,7 +227,10 @@ const SplitInfoFormDefaults = {
   description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
   button: { label: "Submit" },
   buttons: [],
-  media: { src: "https://picsum.photos/seed/contact-split/800/600", alt: "Placeholder" },
+  media: {
+    src: "https://picsum.photos/seed/contact-split/800/600",
+    alt: "Placeholder"
+  },
   email: "hello@example.com",
   phone: "+1 (555) 000-0000",
   address: "123 Sample St, Sydney NSW 2000 AU",

package/dist/components/puck-block/gallery-sections/static-grid/static-grid.js

@@ -3,11 +3,11 @@ import { cn } from "../../../../utils/css-utils.js";
 import { SectionWrapper } from "../../../puck-core/section-wrapper.js";
 import { CompoundMedia } from "../../../puck-base/media.js";
 const columnsMap = {
-  "1": "grid-cols-1",
-  "2": "grid-cols-1 md:grid-cols-2",
-  "3": "grid-cols-1 md:grid-cols-2 lg:grid-cols-3",
-  "2-lg3": "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3",
-  "2-lg4": "grid-cols-1 sm:grid-cols-2 lg:grid-cols-4"
+  "1": "md:grid-cols-1",
+  "2": "md:grid-cols-2",
+  "3": "md:grid-cols-2 lg:grid-cols-3",
+  "2-lg3": "sm:grid-cols-2 lg:grid-cols-3",
+  "2-lg4": "sm:grid-cols-2 lg:grid-cols-4"
 };
 const StaticGrid = (props) => {
   const { heading, description, medias, styles } = {
@@ -25,11 +25,15 @@ const StaticGrid = (props) => {
     /* @__PURE__ */ jsx(
       "div",
       {
-        className: cn("grid auto-cols-fr", gridCols, {
-          "gap-8": hasGap,
-          "gap-0": !hasGap
-        }),
-        children: medias.map((media, index) => /* @__PURE__ */ jsx("a", { href: "#", className: "size-full", children: /* @__PURE__ */ jsx("div", { className: "w-full overflow-hidden", children: /* @__PURE__ */ jsx(
+        className: cn(
+          "flex overflow-x-auto snap-x snap-mandatory scrollbar-hide md:grid md:auto-cols-fr md:overflow-visible",
+          gridCols,
+          {
+            "gap-4 md:gap-8": hasGap,
+            "gap-0": !hasGap
+          }
+        ),
+        children: medias.map((media, index) => /* @__PURE__ */ jsx("a", { href: "#", className: "w-[75vw] flex-none snap-start md:w-auto md:flex-1", children: /* @__PURE__ */ jsx("div", { className: "w-full overflow-hidden", children: /* @__PURE__ */ jsx(
           CompoundMedia,
           {
             src: media.src,

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

@@ -35,6 +35,7 @@ const BentoTestimonial = (props) => {
           {
             className: `grid grid-cols-1 gap-6 sm:grid-rows-6 md:grid-cols-2 md:gap-8 lg:grid-cols-4 ${gridRowsClass}`,
             children: testimonialCards.map((card, index) => {
+              var _a, _b, _c, _d, _e, _f;
               if (card.component === "background" && hasBackgroundCards) {
                 backgroundImageCardCount++;
                 return /* @__PURE__ */ jsxs(
@@ -59,9 +60,9 @@ const BentoTestimonial = (props) => {
                         /* @__PURE__ */ jsx(
                           CompoundMedia,
                           {
-                            src: card.props.media.src,
+                            src: (_a = card.props.media) == null ? void 0 : _a.src,
                             className: "size-full object-cover",
-                            alt: card.props.media.alt
+                            alt: (_b = card.props.media) == null ? void 0 : _b.alt
                           }
                         ),
                         /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-black/50" })
@@ -84,8 +85,8 @@ const BentoTestimonial = (props) => {
                     children: /* @__PURE__ */ jsx(
                       CompoundMedia,
                       {
-                        src: card.props.media.src,
-                        alt: card.props.media.alt,
+                        src: (_c = card.props.media) == null ? void 0 : _c.src,
+                        alt: (_d = card.props.media) == null ? void 0 : _d.alt,
                         className: "max-h-16"
                       }
                     )
@@ -104,8 +105,8 @@ const BentoTestimonial = (props) => {
                         /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
                           CompoundMedia,
                           {
-                            src: card.props.media.src,
-                            alt: card.props.media.alt,
+                            src: (_e = card.props.media) == null ? void 0 : _e.src,
+                            alt: (_f = card.props.media) == null ? void 0 : _f.alt,
                             className: "mb-4 size-12 min-h-12 min-w-12 rounded-full object-cover md:mb-0 md:mr-4"
                           }
                         ) }),

package/dist/components/shadcn/slider.js

@@ -34,7 +34,7 @@ function Slider({
           Slider$1.Track,
           {
             "data-slot": "slider-track",
-            className: "relative grow overflow-hidden rounded-full bg-muted select-none data-horizontal:h-1 data-horizontal:w-full data-vertical:h-full data-vertical:w-1",
+            className: "relative grow overflow-hidden rounded-full bg-muted-foreground/20 select-none data-horizontal:h-1 data-horizontal:w-full data-vertical:h-full data-vertical:w-1",
             children: /* @__PURE__ */ jsx(
               Slider$1.Indicator,
               {

package/dist/node_modules/.pnpm/advanced-cropper@0.17.1/node_modules/advanced-cropper/algorithms/flipImageAlgorithm.js

@@ -0,0 +1,44 @@
+import { rotatePoint, getCenter, applyMove, diff, moveToPositionRestrictions } from "../service/utils.js";
+import { isInitializedState, getTransformedImageSize, getAreaPositionRestrictions } from "../service/helpers.js";
+import { copyState } from "../state/copyState.js";
+function flipImageAlgorithm(state, settings, horizontal, vertical) {
+  if (isInitializedState(state)) {
+    var result = copyState(state);
+    var rotate = state.transforms.rotate;
+    var imageSize = getTransformedImageSize(state);
+    var changed = {
+      horizontal,
+      vertical
+    };
+    if (changed.horizontal || changed.vertical) {
+      var imageCenter = rotatePoint({
+        left: imageSize.width / 2,
+        top: imageSize.height / 2
+      }, -rotate);
+      var oldCenter = rotatePoint(getCenter(result.coordinates), -rotate);
+      var newCenter = rotatePoint({
+        left: changed.horizontal ? imageCenter.left - (oldCenter.left - imageCenter.left) : oldCenter.left,
+        top: changed.vertical ? imageCenter.top - (oldCenter.top - imageCenter.top) : oldCenter.top
+      }, rotate);
+      result.coordinates = applyMove(result.coordinates, diff(newCenter, getCenter(result.coordinates)));
+      oldCenter = rotatePoint(getCenter(result.visibleArea), -rotate);
+      newCenter = rotatePoint({
+        left: changed.horizontal ? imageCenter.left - (oldCenter.left - imageCenter.left) : oldCenter.left,
+        top: changed.vertical ? imageCenter.top - (oldCenter.top - imageCenter.top) : oldCenter.top
+      }, rotate);
+      result.visibleArea = applyMove(result.visibleArea, diff(newCenter, getCenter(result.visibleArea)));
+      result.visibleArea = moveToPositionRestrictions(result.visibleArea, getAreaPositionRestrictions(result, settings));
+    }
+    if (changed.horizontal) {
+      result.transforms.flip.horizontal = !state.transforms.flip.horizontal;
+    }
+    if (changed.vertical) {
+      result.transforms.flip.vertical = !state.transforms.flip.vertical;
+    }
+    return result;
+  }
+  return state;
+}
+export {
+  flipImageAlgorithm
+};

package/dist/node_modules/.pnpm/advanced-cropper@0.17.1/node_modules/advanced-cropper/algorithms/moveCoordinatesAlgorithm.js

@@ -0,0 +1,8 @@
+import { applyMove, moveToPositionRestrictions } from "../service/utils.js";
+function moveCoordinatesAlgorithm(coordinates, directions, positionRestrictions) {
+  var movedCoordinates = applyMove(coordinates, directions);
+  return positionRestrictions ? moveToPositionRestrictions(movedCoordinates, positionRestrictions) : movedCoordinates;
+}
+export {
+  moveCoordinatesAlgorithm
+};