dune-react 0.0.19 → 0.0.20

package/dist/components/puck-core/fields/virtualized-select-field.d.ts

@@ -0,0 +1,13 @@
+export declare const LARGE_SELECT_THRESHOLD = 200;
+type SelectOption = {
+    label: string;
+    value: any;
+};
+/** 超大下拉：选项超过阈值时使用虚拟列表 + 搜索，减轻 DOM 压力 */
+export declare const VirtualizedSelectField: import("react").NamedExoticComponent<{
+    label: string;
+    options: SelectOption[];
+    value: any;
+    onChange: (value: any) => void;
+}>;
+export {};

package/dist/components/puck-core/index.d.ts

@@ -0,0 +1,11 @@
+export { ImageUploadField } from "./fields/image-upload-field";
+export { ActionField, ACTION_TYPE_FIELD_MAP, ACTION_TYPE_OPTIONS, PageActionFields, ExternalActionFields, EmailActionFields, PhoneActionFields, SectionActionFields, DownloadActionFields, type ActionTypeFieldProps, AutoField, type FieldDef, type AutoFieldProps, type FieldsPanelProps, } from "./fields";
+export { type IconName, type Feature, type ActionType, type Action, resolveActionUrl, } from "./core/types";
+export { withEditable } from "./core/with-editable";
+export { findComponentById, getRandomAdjective } from "./core/utils";
+export { ErrorBoundary } from "./error-boundary";
+export { InlineEditable } from "./inline-editable";
+export { usePuckDispatch, usePuckAppState, usePuckHistory, usePuckConfig, usePuckGetSelectorForId, type PuckComponentInfo, } from "./core/hooks";
+export { EditorContextProvider, useEditorContext } from "./editor-context";
+export { default as useUpload, type UploadFileItem, type UploadStatus, type UseUploadOptions } from "./use-upload";
+export { icon, action, actionDefaults, button, buttons, badge, image, images, padding, paddingDefaults, paddingLevel, heading, description, features, contentFields, contentFieldsWithFeatures, card, cards, field, fieldDefaults, form, formDefaults, getPlaceholderImageUrl, image16x9Placeholder, image1x1Placeholder, image9x16Placeholder, sectionStyle, sectionOverlay, backgroundColor, backgroundImage, } from "./core/fields";

package/dist/components/puck-core/inline-editable.d.ts

@@ -0,0 +1,14 @@
+interface InlineEditableProps {
+    value: string;
+    componentId: string;
+    propPath: string;
+    className?: string;
+    tag?: string;
+}
+/**
+ * 数组项字段的行内编辑文本组件。
+ * 编辑器模式：contentEditable 元素，注册到 Puck overlay，失焦时同步到 Puck 状态。
+ * 非编辑器模式：渲染纯文本。
+ */
+export declare function InlineEditable(props: InlineEditableProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/puck-core/section-wrapper.d.ts

@@ -0,0 +1,19 @@
+import { type CSSProperties, type ReactNode } from "react";
+/**
+ * SectionWrapper - 通用 Section 样式容器
+ *
+ * 包裹任意 section 组件，提供三层样式自定义能力：
+ *
+ * 1. className - Tailwind 快捷样式
+ * 2. style - 内联样式，适用于动态值、CSS 变量、backgroundImage 等
+ * 3. css - 原生 CSS 字符串，支持选择器、伪类、嵌套规则
+ *    用 & 代表当前 section，会自动替换为 scoped ID，样式不会污染其他区块
+ */
+interface SectionWrapperProps {
+    className?: string;
+    style?: CSSProperties;
+    css?: string;
+    children: ReactNode;
+}
+export declare function SectionWrapper({ className, style, css, children, }: SectionWrapperProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/puck-core/use-upload.d.ts

@@ -0,0 +1,42 @@
+import { type DragEvent, type ChangeEvent } from "react";
+export type UploadStatus = "idle" | "uploading" | "success" | "error";
+export interface UploadFileItem {
+    id: string;
+    file: File;
+    status: UploadStatus;
+    progress: number;
+    url?: string;
+    error?: string;
+}
+export interface UseUploadOptions {
+    onSuccess?: (url: string) => void;
+    onError?: (error: string) => void;
+    prefix?: string;
+    maxSize?: number;
+    accept?: string[];
+}
+export default function useUpload(options?: UseUploadOptions): {
+    fileItem: UploadFileItem | null;
+    isDragging: boolean;
+    isUploading: boolean;
+    upload: (file: File) => Promise<string | null>;
+    abort: () => void;
+    clear: () => void;
+    open: () => void;
+    getInputProps: () => {
+        ref: import("react").MutableRefObject<HTMLInputElement | null>;
+        type: "file";
+        accept: string;
+        onChange: (e: ChangeEvent<HTMLInputElement>) => void;
+        style: {
+            readonly display: "none";
+        };
+    };
+    getDropzoneProps: () => {
+        onDragEnter: (e: DragEvent) => void;
+        onDragLeave: (e: DragEvent) => void;
+        onDragOver: (e: DragEvent) => void;
+        onDrop: (e: DragEvent) => void;
+        onClick: () => void;
+    };
+};

package/dist/components/shadcn/video-iframe.d.ts

@@ -0,0 +1,6 @@
+interface VideoIframeProps {
+    video: string;
+    className?: string;
+}
+export declare function VideoIframe({ video, className }: VideoIframeProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/shadcn/video-iframe.js

@@ -0,0 +1,33 @@
+"use client";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { cn } from "../../utils/css-utils.js";
+import { CgSpinner } from "../../node_modules/.pnpm/react-icons@5.6.0_react@19.2.4/node_modules/react-icons/cg/index.js";
+function getEmbedUrl(url) {
+  const ytMatch = url.match(
+    /(?:youtube\.com\/(?:watch\?v=|embed\/)|youtu\.be\/)([a-zA-Z0-9_-]+)/
+  );
+  if (ytMatch) return `https://www.youtube.com/embed/${ytMatch[1]}?autoplay=1`;
+  const vimeoMatch = url.match(/vimeo\.com\/(\d+)/);
+  if (vimeoMatch) return `https://player.vimeo.com/video/${vimeoMatch[1]}?autoplay=1`;
+  return url;
+}
+function VideoIframe({ video, className }) {
+  const [loaded, setLoaded] = useState(false);
+  return /* @__PURE__ */ jsxs("div", { className: cn("relative aspect-video w-full", className), children: [
+    !loaded && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx(CgSpinner, { className: "size-8 animate-spin text-muted-foreground" }) }),
+    /* @__PURE__ */ jsx(
+      "iframe",
+      {
+        className: "size-full",
+        src: getEmbedUrl(video),
+        allow: "autoplay; fullscreen",
+        allowFullScreen: true,
+        onLoad: () => setLoaded(true)
+      }
+    )
+  ] });
+}
+export {
+  VideoIframe
+};

package/dist/hooks/use-media-query.d.ts

@@ -0,0 +1 @@
+export declare function useMediaQuery(query: string): boolean;

package/dist/hooks/use-media-query.js

@@ -0,0 +1,15 @@
+import { useState, useEffect } from "react";
+function useMediaQuery(query) {
+  const [matches, setMatches] = useState(false);
+  useEffect(() => {
+    const mql = window.matchMedia(query);
+    const onChange = () => setMatches(mql.matches);
+    mql.addEventListener("change", onChange);
+    setMatches(mql.matches);
+    return () => mql.removeEventListener("change", onChange);
+  }, [query]);
+  return matches;
+}
+export {
+  useMediaQuery
+};