dune-react 0.0.6 → 0.0.8

package/dist/components/puck-base/action-field.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { Input } from "../shadcn/input.js";
 import { Label } from "../shadcn/label.js";

package/dist/components/puck-base/button.d.ts

@@ -8,6 +8,7 @@ export interface CompoundButtonProps {
     size?: ButtonProps["size"];
     icon?: IconName;
     type?: "button" | "submit" | "reset";
+    disabled?: boolean;
     className?: string;
 }
 export declare const CompoundButton: (props: CompoundButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/puck-base/button.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useState, useCallback } from "react";
 import { Button, buttonVariants } from "../shadcn/button.js";
@@ -71,6 +72,7 @@ function CompoundButtonBase(props) {
       size: props.size,
       className: cn("gap-4", props.className),
       type: props.type ?? "button",
+      disabled: props.disabled,
       children: content
     }
   );

package/dist/components/puck-base/core/with-editable.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useRef, useEffect, useMemo, useCallback } from "react";
 import { registerOverlayPortal } from "@puckeditor/core";

package/dist/components/puck-base/editor-context.d.ts

@@ -5,6 +5,10 @@ type EditorContextValue = {
     isEditor: boolean;
     toolbarPortalRef: RefObject<HTMLDivElement | null> | null;
     fetchLibraryImages?: () => Promise<string[]>;
+    /** 站点 ID，用于表单提交等业务接口 */
+    siteId?: string;
+    /** 后台 API 域名，如 https://api.example.com */
+    domain?: string;
 };
 export declare const EditorContextProvider: import("react").Provider<EditorContextValue>;
 export declare const useEditorContext: () => EditorContextValue;

package/dist/components/puck-base/editor-context.js

@@ -1,3 +1,4 @@
+"use client";
 import { createContext, useContext } from "react";
 const EditorContext = createContext({
   openFieldsPanel: () => {

package/dist/components/puck-base/error-boundary.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ErrorBoundary as m } from "../../node_modules/.pnpm/react-error-boundary@6.1.1_react@19.2.4/node_modules/react-error-boundary/dist/react-error-boundary.js";
 import { Button } from "../shadcn/button.js";

package/dist/components/puck-base/image-upload-field.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useCallback } from "react";
 import { X, Loader2, UploadCloud, ImageIcon } from "lucide-react";

package/dist/components/puck-base/image.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useState, useEffect, useRef, useCallback } from "react";
 import Cropper from "react-easy-crop";

package/dist/components/puck-base/inline-editable.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 import { createElement, useRef, useEffect, useCallback } from "react";
 import { registerOverlayPortal } from "@puckeditor/core";

package/dist/components/puck-block/contact-sections/contact-us-1/contact-us.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { toast } from "sonner";
@@ -16,17 +17,42 @@ const DEFAULT_FIELDS = [
   { label: "Message", name: "message", type: "textarea", required: true }
 ];
 const ContactUs = (props) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h;
-  const { isEditor: isEditorMode } = useEditorContext();
+  var _a, _b, _c, _d, _e, _f;
+  const { isEditor: isEditorMode, siteId, domain } = useEditorContext();
   const formFields = ((_b = (_a = props.form) == null ? void 0 : _a.fields) == null ? void 0 : _b.length) ? props.form.fields : DEFAULT_FIELDS;
   const [values, setValues] = useState({});
+  const [submitting, setSubmitting] = useState(false);
   const setValue = (name, value) => setValues((prev) => ({ ...prev, [name]: value }));
-  const handleSubmit = (e) => {
+  const handleSubmit = async (e) => {
     e.preventDefault();
     if (isEditorMode) return;
-    console.log({ ...values });
-    toast.success("Message sent successfully!");
-    setValues({});
+    setSubmitting(true);
+    try {
+      const baseUrl = (domain || "").replace(/\/$/, "");
+      const res = await fetch(`${baseUrl}/api/form-leads`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          site_id: siteId,
+          name: values.name || "",
+          email: values.email || "",
+          phone: values.phone || "",
+          message: values.message || "",
+          source_page: typeof window !== "undefined" ? window.location.pathname : ""
+        })
+      });
+      const data = await res.json().catch(() => null);
+      if (!res.ok || !(data == null ? void 0 : data.success)) {
+        throw new Error((data == null ? void 0 : data.errMsg) || `HTTP ${res.status}`);
+      }
+      toast.success("Message sent successfully!");
+      setValues({});
+    } catch (err) {
+      const msg = err instanceof Error ? err.message : "Failed to send message";
+      toast.error(msg);
+    } finally {
+      setSubmitting(false);
+    }
   };
   const submitLabel = ((_d = (_c = props.form) == null ? void 0 : _c.button) == null ? void 0 : _d.label) ?? "Send Message";
   const submitIcon = ((_f = (_e = props.form) == null ? void 0 : _e.button) == null ? void 0 : _f.icon) ?? "send";
@@ -48,8 +74,6 @@ const ContactUs = (props) => {
       {
         className: "rounded-md max-w-md w-full flex flex-col border p-8 gap-4",
         onSubmit: handleSubmit,
-        action: (_g = props.form) == null ? void 0 : _g.action,
-        method: (_h = props.form) == null ? void 0 : _h.method,
         children: [
           formFields.reduce((rows, field, i) => {
             var _a2, _b2, _c2;
@@ -126,11 +150,12 @@ const ContactUs = (props) => {
           /* @__PURE__ */ jsx(
             CompoundButton,
             {
-              label: submitLabel,
+              label: submitting ? "Sending..." : submitLabel,
               variant: "default",
               size: "default",
-              icon: submitIcon,
-              type: "submit"
+              icon: submitting ? "loader" : submitIcon,
+              type: "submit",
+              disabled: submitting
             }
           )
         ]

package/dist/components/puck-block/faq-sections/accordion-1/accordion.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState } from "react";
 import { cn } from "../../../../utils/css-utils.js";

package/dist/components/puck-block/header-sections/header-1/header.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useState, Fragment as Fragment$1 } from "react";
 import { cn } from "../../../../utils/css-utils.js";

package/dist/components/puck-block/hero-sections/hero-1/hero.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useMemo, useState, useEffect } from "react";
 import { cn } from "../../../../utils/css-utils.js";

package/dist/components/puck-block/testimonial-sections/customers-1/customers.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
 import { cn } from "../../../../utils/css-utils.js";

package/dist/components/puck-block/testimonial-sections/testimonials-1/testimonials.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
 import { Carousel, CarouselContent, CarouselItem } from "../../../shadcn/carousel.js";

package/dist/components/puck-block/text-sections/tab-section-1/tab-section.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useState } from "react";
 import { cn } from "../../../../utils/css-utils.js";

package/dist/components/shadcn/accordion.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Accordion as Accordion$1 } from "@base-ui/react/accordion";
 import { cn } from "../../utils/css-utils.js";

package/dist/components/shadcn/alert-dialog.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { AlertDialog as AlertDialog$1 } from "@base-ui/react/alert-dialog";
 import { cn } from "../../utils/css-utils.js";

package/dist/components/shadcn/animated-theme-toggler.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 function AnimatedThemeToggler({ className, ...props }) {
   return /* @__PURE__ */ jsx("button", { className, ...props });

package/dist/components/shadcn/avatar.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 import { Avatar as Avatar$1 } from "@base-ui/react/avatar";
 import { cn } from "../../utils/css-utils.js";

package/dist/components/shadcn/button.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { Button as Button$1 } from "@base-ui/react/button";
 import { cva } from "class-variance-authority";

package/dist/components/shadcn/calendar.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { getDefaultClassNames, DayPicker } from "react-day-picker";

package/dist/components/shadcn/carousel.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import useEmblaCarousel from "embla-carousel-react";

package/dist/components/shadcn/chart.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import * as React from "react";
 import * as RechartsPrimitive from "recharts";

package/dist/components/shadcn/checkbox.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 import { Checkbox as Checkbox$1 } from "@base-ui/react/checkbox";
 import { cn } from "../../utils/css-utils.js";

package/dist/components/shadcn/collapsible.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 import { Collapsible as Collapsible$1 } from "@base-ui/react/collapsible";
 function Collapsible({

package/dist/components/shadcn/combobox.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs, jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { Combobox as Combobox$1 } from "@base-ui/react";

package/dist/components/shadcn/command.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Command as Command$1 } from "cmdk";
 import { cn } from "../../utils/css-utils.js";

package/dist/components/shadcn/context-menu.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ContextMenu as ContextMenu$1 } from "@base-ui/react/context-menu";
 import { cn } from "../../utils/css-utils.js";

package/dist/components/shadcn/dialog.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Dialog as Dialog$1 } from "@base-ui/react/dialog";
 import { cn } from "../../utils/css-utils.js";

package/dist/components/shadcn/drawer.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Drawer as Drawer$1 } from "vaul";
 import { cn } from "../../utils/css-utils.js";

package/dist/components/shadcn/dropdown-menu.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Menu } from "@base-ui/react/menu";
 import { cn } from "../../utils/css-utils.js";

package/dist/components/shadcn/field.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useMemo } from "react";
 import { cva } from "class-variance-authority";

package/dist/components/shadcn/form.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 const FormFieldContext = React.createContext(

package/dist/components/shadcn/hover-card.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 import { PreviewCard } from "@base-ui/react/preview-card";
 import { cn } from "../../utils/css-utils.js";

package/dist/components/shadcn/input-group.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 import { cn } from "../../utils/css-utils.js";

package/dist/components/shadcn/input-otp.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { OTPInput, OTPInputContext } from "input-otp";

package/dist/components/shadcn/label.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 import { cn } from "../../utils/css-utils.js";
 function Label({ className, ...props }) {

package/dist/components/shadcn/layout-text-flip.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 import { cn } from "../../utils/css-utils.js";
 function LayoutTextFlip({

package/dist/components/shadcn/menubar.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Menu } from "@base-ui/react/menu";
 import { Menubar as Menubar$1 } from "@base-ui/react/menubar";

package/dist/components/shadcn/popover.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 import { Popover as Popover$1 } from "@base-ui/react/popover";
 import { cn } from "../../utils/css-utils.js";

package/dist/components/shadcn/progress.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs, jsx } from "react/jsx-runtime";
 import { Progress as Progress$1 } from "@base-ui/react/progress";
 import { cn } from "../../utils/css-utils.js";

package/dist/components/shadcn/radio-group.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 import { Radio } from "@base-ui/react/radio";
 import { RadioGroup as RadioGroup$1 } from "@base-ui/react/radio-group";

package/dist/components/shadcn/resizable-navbar.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "../../utils/css-utils.js";
 import { X, Menu } from "lucide-react";

package/dist/components/shadcn/resizable.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 import { PanelResizeHandle, Panel, PanelGroup } from "react-resizable-panels";
 import { cn } from "../../utils/css-utils.js";

package/dist/components/shadcn/scroll-area.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs, jsx } from "react/jsx-runtime";
 import { ScrollArea as ScrollArea$1 } from "@base-ui/react/scroll-area";
 import { cn } from "../../utils/css-utils.js";

package/dist/components/shadcn/select.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Select as Select$1 } from "@base-ui/react/select";
 import { cn } from "../../utils/css-utils.js";

package/dist/components/shadcn/separator.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 import { Separator as Separator$1 } from "@base-ui/react/separator";
 import { cn } from "../../utils/css-utils.js";

package/dist/components/shadcn/sheet.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Dialog } from "@base-ui/react/dialog";
 import { cn } from "../../utils/css-utils.js";

package/dist/components/shadcn/sidebar.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { mergeProps } from "@base-ui/react/merge-props";

package/dist/components/shadcn/slider.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { Slider as Slider$1 } from "@base-ui/react/slider";

package/dist/components/shadcn/sonner.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 import { useTheme } from "next-themes";
 import { Toaster as Toaster$1 } from "sonner";

package/dist/components/shadcn/switch.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 import { Switch as Switch$1 } from "@base-ui/react/switch";
 import { cn } from "../../utils/css-utils.js";

package/dist/components/shadcn/table.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 import { cn } from "../../utils/css-utils.js";
 function Table({ className, ...props }) {

package/dist/components/shadcn/tabs.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 import { Tabs as Tabs$1 } from "@base-ui/react/tabs";
 import { cva } from "class-variance-authority";

package/dist/components/shadcn/toggle-group.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { ToggleGroup as ToggleGroup$1 } from "radix-ui";

package/dist/components/shadcn/toggle.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 import { Toggle as Toggle$1 } from "@base-ui/react/toggle";
 import { cva } from "class-variance-authority";

package/dist/components/shadcn/tooltip.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Tooltip as Tooltip$1 } from "@base-ui/react/tooltip";
 import { cn } from "../../utils/css-utils.js";

package/dist/components/shadcn/tweet-card-client.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 function TweetCardClient({ children, ...props }) {
   return /* @__PURE__ */ jsx("div", { ...props, children });

package/dist/components/ui-block/cover/index.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs, jsx } from "react/jsx-runtime";
 import { cn } from "../../../utils/css-utils.js";
 import { useState, useRef, useEffect, useId } from "react";

package/dist/components/ui-block/sparkles/index.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 import { cn } from "../../../utils/css-utils.js";
 import Particles, { initParticlesEngine } from "@tsparticles/react";

package/dist/node_modules/.pnpm/lucide-react@0.540.0_react@19.2.4/node_modules/lucide-react/dist/esm/DynamicIcon.js

@@ -1,3 +1,5 @@
+"use strict";
+"use client";
 import { forwardRef, useState, useEffect, createElement } from "react";
 import dynamicIconImports from "./dynamicIconImports.js";
 import Icon from "./Icon.js";

package/dist/node_modules/.pnpm/react-error-boundary@6.1.1_react@19.2.4/node_modules/react-error-boundary/dist/react-error-boundary.js

@@ -1,3 +1,4 @@
+"use client";
 import { Component, createElement, createContext } from "react";
 const h = createContext(null), c = {
   didCatch: false,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dune-react",
-  "version": "0.0.6",
+  "version": "0.0.8",
   "license": "MIT",
   "type": "module",
   "scripts": {
@@ -70,6 +70,7 @@
     "eslint-plugin-storybook": "^10.2.19",
     "motion": "12.23.12",
     "react-easy-crop": "5.5.6",
+    "rollup-plugin-preserve-directives": "0.4.0",
     "sass": "^1.90.0",
     "sass-loader": "^16.0.5",
     "storybook": "^10.2.19",