dune-react 0.0.11 → 0.0.13

package/dist/components/puck-base/core/fields.js

@@ -1,16 +1,10 @@
 import { fieldTypes } from "../field.js";
 import { ActionField } from "../fields/action-field.js";
-import { iconNames } from "../../../node_modules/.pnpm/lucide-react@0.540.0_react@19.2.4/node_modules/lucide-react/dist/esm/DynamicIcon.js";
+import { IconPickerField } from "../icon-picker-field.js";
 const formMethods = ["get", "post", "put", "patch", "delete"];
 const icon = {
-  type: "select",
-  options: [
-    { label: "none", value: "none" },
-    ...iconNames.map((iconName) => ({
-      label: iconName,
-      value: iconName
-    }))
-  ]
+  type: "custom",
+  render: IconPickerField
 };
 const action = {
   type: "custom",
@@ -95,7 +89,7 @@ const image = {
   type: "object",
   objectFields: {
     // "image" is a custom field type registered via Puck overrides (fieldTypes.image)
-    src: { type: "image", label: "图片" },
+    src: { type: "image", label: "Image" },
     alt: { type: "text" }
   }
 };

package/dist/components/puck-base/core/icon-catalog.d.ts

@@ -0,0 +1,14 @@
+import type { LucideIcon } from "lucide-react";
+export interface IconEntry {
+    name: string;
+    component: LucideIcon;
+}
+export interface IconCategory {
+    label: string;
+    icons: IconEntry[];
+}
+export declare const ICON_CATALOG: IconCategory[];
+/** Flat map of icon name → LucideIcon component */
+export declare const ICON_MAP: Map<string, LucideIcon>;
+/** Set of all curated icon names, for membership checks */
+export declare const CURATED_ICON_SET: Set<string>;

package/dist/components/puck-base/core/icon-catalog.js

@@ -0,0 +1,193 @@
+import { ArrowRight, ArrowLeft, ArrowUp, ArrowDown, ArrowUpRight, ChevronRight, ChevronLeft, ChevronDown, ChevronUp, ChevronsRight, MoveRight, ExternalLink, CornerDownRight, Undo2, Redo2, Mail, Phone, MessageCircle, MessageSquare, Send, AtSign, Inbox, Bell, BellRing, Megaphone, PhoneCall, Voicemail, Globe, Share2, Link, ThumbsUp, Heart, Star, Users, User, UserPlus, UserCheck, HandHeart, Handshake, Briefcase, Building2, CreditCard, DollarSign, Wallet, Receipt, BarChart3, TrendingUp, PiggyBank, BadgeDollarSign, ChartPie, Landmark, Image, Video, Camera, Play, Music, FileText, BookOpen, PenTool, Newspaper, Mic, Headphones, Film, Code, Terminal, Cpu, Database, Server, Cloud, Wifi, Smartphone, Monitor, Laptop, HardDrive, GitBranch, Check, CheckCircle, CircleCheck, X, XCircle, AlertTriangle, AlertCircle, Info, Ban, Loader, CircleAlert, ShieldCheck, Search, Settings, Menu, Plus, Minus, Pencil, Trash2, Copy, Download, Upload, Filter, Eye, EyeOff, Lock, Unlock, MoreHorizontal, Grip, Sun, Moon, Zap, Flame, Droplets, Leaf, Mountain, Compass, MapPin, Clock, Calendar, Gift, TreePine, Snowflake, CloudRain, ShoppingCart, ShoppingBag, Tag, Percent, Store, Package, Truck, Box, BadgePercent, Ticket } from "lucide-react";
+function entry(name, component) {
+  return { name, component };
+}
+const ICON_CATALOG = [
+  {
+    label: "Navigation",
+    icons: [
+      entry("arrow-right", ArrowRight),
+      entry("arrow-left", ArrowLeft),
+      entry("arrow-up", ArrowUp),
+      entry("arrow-down", ArrowDown),
+      entry("arrow-up-right", ArrowUpRight),
+      entry("chevron-right", ChevronRight),
+      entry("chevron-left", ChevronLeft),
+      entry("chevron-down", ChevronDown),
+      entry("chevron-up", ChevronUp),
+      entry("chevrons-right", ChevronsRight),
+      entry("move-right", MoveRight),
+      entry("external-link", ExternalLink),
+      entry("corner-down-right", CornerDownRight),
+      entry("undo-2", Undo2),
+      entry("redo-2", Redo2)
+    ]
+  },
+  {
+    label: "Communication",
+    icons: [
+      entry("mail", Mail),
+      entry("phone", Phone),
+      entry("message-circle", MessageCircle),
+      entry("message-square", MessageSquare),
+      entry("send", Send),
+      entry("at-sign", AtSign),
+      entry("inbox", Inbox),
+      entry("bell", Bell),
+      entry("bell-ring", BellRing),
+      entry("megaphone", Megaphone),
+      entry("phone-call", PhoneCall),
+      entry("voicemail", Voicemail)
+    ]
+  },
+  {
+    label: "Social",
+    icons: [
+      entry("globe", Globe),
+      entry("share-2", Share2),
+      entry("link", Link),
+      entry("thumbs-up", ThumbsUp),
+      entry("heart", Heart),
+      entry("star", Star),
+      entry("users", Users),
+      entry("user", User),
+      entry("user-plus", UserPlus),
+      entry("user-check", UserCheck),
+      entry("hand-heart", HandHeart),
+      entry("handshake", Handshake)
+    ]
+  },
+  {
+    label: "Business",
+    icons: [
+      entry("briefcase", Briefcase),
+      entry("building-2", Building2),
+      entry("credit-card", CreditCard),
+      entry("dollar-sign", DollarSign),
+      entry("wallet", Wallet),
+      entry("receipt", Receipt),
+      entry("bar-chart-3", BarChart3),
+      entry("trending-up", TrendingUp),
+      entry("piggy-bank", PiggyBank),
+      entry("badge-dollar-sign", BadgeDollarSign),
+      entry("chart-pie", ChartPie),
+      entry("landmark", Landmark)
+    ]
+  },
+  {
+    label: "Media",
+    icons: [
+      entry("image", Image),
+      entry("video", Video),
+      entry("camera", Camera),
+      entry("play", Play),
+      entry("music", Music),
+      entry("file-text", FileText),
+      entry("book-open", BookOpen),
+      entry("pen-tool", PenTool),
+      entry("newspaper", Newspaper),
+      entry("mic", Mic),
+      entry("headphones", Headphones),
+      entry("film", Film)
+    ]
+  },
+  {
+    label: "Tech",
+    icons: [
+      entry("code", Code),
+      entry("terminal", Terminal),
+      entry("cpu", Cpu),
+      entry("database", Database),
+      entry("server", Server),
+      entry("cloud", Cloud),
+      entry("wifi", Wifi),
+      entry("smartphone", Smartphone),
+      entry("monitor", Monitor),
+      entry("laptop", Laptop),
+      entry("hard-drive", HardDrive),
+      entry("git-branch", GitBranch)
+    ]
+  },
+  {
+    label: "Status",
+    icons: [
+      entry("check", Check),
+      entry("check-circle", CheckCircle),
+      entry("circle-check", CircleCheck),
+      entry("x", X),
+      entry("x-circle", XCircle),
+      entry("alert-triangle", AlertTriangle),
+      entry("alert-circle", AlertCircle),
+      entry("info", Info),
+      entry("ban", Ban),
+      entry("loader", Loader),
+      entry("circle-alert", CircleAlert),
+      entry("shield-check", ShieldCheck)
+    ]
+  },
+  {
+    label: "UI",
+    icons: [
+      entry("search", Search),
+      entry("settings", Settings),
+      entry("menu", Menu),
+      entry("plus", Plus),
+      entry("minus", Minus),
+      entry("pencil", Pencil),
+      entry("trash-2", Trash2),
+      entry("copy", Copy),
+      entry("download", Download),
+      entry("upload", Upload),
+      entry("filter", Filter),
+      entry("eye", Eye),
+      entry("eye-off", EyeOff),
+      entry("lock", Lock),
+      entry("unlock", Unlock),
+      entry("more-horizontal", MoreHorizontal),
+      entry("grip", Grip)
+    ]
+  },
+  {
+    label: "Nature",
+    icons: [
+      entry("sun", Sun),
+      entry("moon", Moon),
+      entry("zap", Zap),
+      entry("flame", Flame),
+      entry("droplets", Droplets),
+      entry("leaf", Leaf),
+      entry("mountain", Mountain),
+      entry("compass", Compass),
+      entry("map-pin", MapPin),
+      entry("clock", Clock),
+      entry("calendar", Calendar),
+      entry("gift", Gift),
+      entry("tree-pine", TreePine),
+      entry("snowflake", Snowflake),
+      entry("cloud-rain", CloudRain)
+    ]
+  },
+  {
+    label: "Commerce",
+    icons: [
+      entry("shopping-cart", ShoppingCart),
+      entry("shopping-bag", ShoppingBag),
+      entry("tag", Tag),
+      entry("percent", Percent),
+      entry("store", Store),
+      entry("package", Package),
+      entry("truck", Truck),
+      entry("box", Box),
+      entry("badge-percent", BadgePercent),
+      entry("ticket", Ticket)
+    ]
+  }
+];
+const ICON_MAP = new Map(
+  ICON_CATALOG.flatMap((cat) => cat.icons.map((e) => [e.name, e.component]))
+);
+new Set(ICON_MAP.keys());
+export {
+  ICON_CATALOG,
+  ICON_MAP
+};

package/dist/components/puck-base/fields/action-field.d.ts

@@ -1,8 +1,30 @@
-import { Action } from "../core/types";
+import { Action, ActionType } from "../core/types";
+export interface ActionTypeFieldProps {
+    /** 表单字段名前缀，会拼到各子 input 的 name 上 */
+    name: string;
+    /** 当前完整的 Action 对象（子组件只读写与自己 type 相关的字段） */
+    value: Action;
+    /** 合并局部 patch 到 Action，由父组件负责与完整 state 合并 */
+    onChange: (patch: Partial<Action>) => void;
+}
+/** 完整 Action 编辑器（含类型切换 + 子字段） */
 interface ActionFieldProps {
     name: string;
     value: Action | undefined;
+    /** 传出合并后的完整 Action */
     onChange: (value: Action) => void;
 }
+/** 类型 Tab 的展示文案与值（可在外部自定义 UI 时复用） */
+export declare const ACTION_TYPE_OPTIONS: {
+    label: string;
+    value: ActionType;
+}[];
+export declare const PageActionFields: import("react").NamedExoticComponent<ActionTypeFieldProps>;
+export declare const ExternalActionFields: import("react").NamedExoticComponent<ActionTypeFieldProps>;
+export declare const EmailActionFields: import("react").NamedExoticComponent<ActionTypeFieldProps>;
+export declare const PhoneActionFields: import("react").NamedExoticComponent<ActionTypeFieldProps>;
+export declare const SectionActionFields: import("react").NamedExoticComponent<ActionTypeFieldProps>;
+export declare const DownloadActionFields: import("react").NamedExoticComponent<ActionTypeFieldProps>;
+export declare const ACTION_TYPE_FIELD_MAP: Partial<Record<ActionType, React.ComponentType<ActionTypeFieldProps>>>;
 export declare function ActionField({ name, value, onChange }: ActionFieldProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -16,18 +16,19 @@ const ACTION_TYPE_OPTIONS = [
   { label: "Download", value: "download" },
   { label: "None", value: "none" }
 ];
-const PageUrlField = memo(function PageUrlField2({
+const PageActionFields = memo(function PageActionFields2({
   name,
   value,
   onChange
 }) {
   const { sitePages } = useEditorContext();
   const pages = sitePages ?? [];
-  const selectedSlug = value.startsWith("/") ? value.slice(1) : null;
+  const pageUrl = value.pageUrl ?? "";
+  const selectedSlug = pageUrl.startsWith("/") ? pageUrl.slice(1) : null;
   const handlePaste = useCallback(async () => {
     try {
       const text = await navigator.clipboard.readText();
-      if (text) onChange(text.trim());
+      if (text) onChange({ pageUrl: text.trim() });
     } catch {
     }
   }, [onChange]);
@@ -42,16 +43,16 @@ const PageUrlField = memo(function PageUrlField2({
             name: `${name}.pageUrl`,
             className: "w-full bg-transparent text-sm outline-none placeholder:text-muted-foreground",
             placeholder: "/about",
-            value,
-            onChange: (e) => onChange(e.target.value)
+            value: pageUrl,
+            onChange: (e) => onChange({ pageUrl: e.target.value })
           }
         ),
-        value && /* @__PURE__ */ jsx(
+        pageUrl && /* @__PURE__ */ jsx(
           "button",
           {
             type: "button",
             className: "text-muted-foreground hover:text-foreground shrink-0",
-            onClick: () => onChange(""),
+            onClick: () => onChange({ pageUrl: "" }),
             children: /* @__PURE__ */ jsx(XIcon, { className: "size-3.5" })
           }
         )
@@ -80,7 +81,7 @@ const PageUrlField = memo(function PageUrlField2({
           {
             type: "button",
             className: `inline-flex items-center gap-1.5 rounded-full border px-3 py-1 text-xs font-medium transition-colors ${isSelected ? "border-primary bg-primary text-primary-foreground" : "border-border bg-background text-foreground hover:bg-accent"}`,
-            onClick: () => onChange(isSelected ? "" : `${page.slug}`),
+            onClick: () => onChange({ pageUrl: isSelected ? "" : `${page.slug}` }),
             children: [
               /* @__PURE__ */ jsx(GlobeIcon, { className: "size-3" }),
               page.label
@@ -92,154 +93,197 @@ const PageUrlField = memo(function PageUrlField2({
     ] })
   ] });
 });
-function ActionField({ name, value, onChange }) {
-  const current = value ?? { type: "none" };
-  const update = (patch) => {
-    onChange({ ...current, ...patch });
-  };
-  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
+const ExternalActionFields = memo(function ExternalActionFields2({
+  name,
+  value,
+  onChange
+}) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
-      /* @__PURE__ */ jsx(Label, { children: "Action Type" }),
+      /* @__PURE__ */ jsx(Label, { children: "External URL" }),
       /* @__PURE__ */ jsx(
-        Tabs,
+        Input,
         {
-          value: current.type,
-          onValueChange: (val) => update({ type: val }),
-          children: /* @__PURE__ */ jsx(TabsList, { className: "h-auto w-full flex-wrap justify-start gap-1 p-1 group-data-[orientation=horizontal]/tabs:h-auto", children: ACTION_TYPE_OPTIONS.map((opt) => /* @__PURE__ */ jsx(
-            TabsTrigger,
-            {
-              value: opt.value,
-              className: "h-7 flex-none text-xs",
-              children: opt.label
-            },
-            opt.value
-          )) })
+          name: `${name}.externalUrl`,
+          className: "h-8 text-sm",
+          value: value.externalUrl ?? "",
+          onChange: (e) => onChange({ externalUrl: e.target.value }),
+          placeholder: "https://example.com"
         }
       )
     ] }),
-    current.type === "page" && /* @__PURE__ */ jsx(
-      PageUrlField,
-      {
-        name,
-        value: current.pageUrl ?? "",
-        onChange: (val) => update({ pageUrl: val })
-      }
-    ),
-    current.type === "external" && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
-        /* @__PURE__ */ jsx(Label, { children: "External URL" }),
-        /* @__PURE__ */ jsx(
-          Input,
-          {
-            name: `${name}.externalUrl`,
-            className: "h-8 text-sm",
-            value: current.externalUrl ?? "",
-            onChange: (e) => update({ externalUrl: e.target.value }),
-            placeholder: "https://example.com"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs("fieldset", { className: "flex flex-col gap-1.5", children: [
-        /* @__PURE__ */ jsx(Label, { children: "Open in new tab" }),
-        /* @__PURE__ */ jsxs("div", { className: "flex gap-3", children: [
-          /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-1.5 text-sm", children: [
-            /* @__PURE__ */ jsx(
-              "input",
-              {
-                type: "radio",
-                name: `${name}.openInNewTab`,
-                value: "true",
-                checked: current.openInNewTab === "true",
-                onChange: () => update({ openInNewTab: "true" })
-              }
-            ),
-            "Yes"
-          ] }),
-          /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-1.5 text-sm", children: [
-            /* @__PURE__ */ jsx(
-              "input",
-              {
-                type: "radio",
-                name: `${name}.openInNewTab`,
-                value: "false",
-                checked: current.openInNewTab !== "true",
-                onChange: () => update({ openInNewTab: "false" })
-              }
-            ),
-            "No"
-          ] })
+    /* @__PURE__ */ jsxs("fieldset", { className: "flex flex-col gap-1.5", children: [
+      /* @__PURE__ */ jsx(Label, { children: "Open in new tab" }),
+      /* @__PURE__ */ jsxs("div", { className: "flex gap-3", children: [
+        /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-1.5 text-sm", children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "radio",
+              name: `${name}.openInNewTab`,
+              value: "true",
+              checked: value.openInNewTab === "true",
+              onChange: () => onChange({ openInNewTab: "true" })
+            }
+          ),
+          "Yes"
+        ] }),
+        /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-1.5 text-sm", children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "radio",
+              name: `${name}.openInNewTab`,
+              value: "false",
+              checked: value.openInNewTab !== "true",
+              onChange: () => onChange({ openInNewTab: "false" })
+            }
+          ),
+          "No"
         ] })
       ] })
-    ] }),
-    current.type === "email" && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
-        /* @__PURE__ */ jsx(Label, { children: "Email" }),
-        /* @__PURE__ */ jsx(
-          Input,
-          {
-            name: `${name}.email`,
-            className: "h-8 text-sm",
-            value: current.email ?? "",
-            onChange: (e) => update({ email: e.target.value }),
-            placeholder: "hello@example.com"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
-        /* @__PURE__ */ jsx(Label, { children: "Subject" }),
-        /* @__PURE__ */ jsx(
-          Input,
-          {
-            name: `${name}.subject`,
-            className: "h-8 text-sm",
-            value: current.subject ?? "",
-            onChange: (e) => update({ subject: e.target.value }),
-            placeholder: "Optional email subject"
-          }
-        )
-      ] })
-    ] }),
-    current.type === "phone" && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
-      /* @__PURE__ */ jsx(Label, { children: "Phone" }),
+    ] })
+  ] });
+});
+const EmailActionFields = memo(function EmailActionFields2({
+  name,
+  value,
+  onChange
+}) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
+      /* @__PURE__ */ jsx(Label, { children: "Email" }),
       /* @__PURE__ */ jsx(
         Input,
         {
-          name: `${name}.phone`,
+          name: `${name}.email`,
           className: "h-8 text-sm",
-          value: current.phone ?? "",
-          onChange: (e) => update({ phone: e.target.value }),
-          placeholder: "+1 234 567 890"
+          value: value.email ?? "",
+          onChange: (e) => onChange({ email: e.target.value }),
+          placeholder: "hello@example.com"
         }
       )
     ] }),
-    current.type === "section" && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
-      /* @__PURE__ */ jsx(Label, { children: "Section ID" }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
+      /* @__PURE__ */ jsx(Label, { children: "Subject" }),
       /* @__PURE__ */ jsx(
         Input,
         {
-          name: `${name}.sectionId`,
+          name: `${name}.subject`,
           className: "h-8 text-sm",
-          value: current.sectionId ?? "",
-          onChange: (e) => update({ sectionId: e.target.value }),
-          placeholder: "#section-id"
+          value: value.subject ?? "",
+          onChange: (e) => onChange({ subject: e.target.value }),
+          placeholder: "Optional email subject"
         }
       )
-    ] }),
-    current.type === "download" && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
-      /* @__PURE__ */ jsx(Label, { children: "Download URL" }),
+    ] })
+  ] });
+});
+const PhoneActionFields = memo(function PhoneActionFields2({
+  name,
+  value,
+  onChange
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
+    /* @__PURE__ */ jsx(Label, { children: "Phone" }),
+    /* @__PURE__ */ jsx(
+      Input,
+      {
+        name: `${name}.phone`,
+        className: "h-8 text-sm",
+        value: value.phone ?? "",
+        onChange: (e) => onChange({ phone: e.target.value }),
+        placeholder: "+1 234 567 890"
+      }
+    )
+  ] });
+});
+const SectionActionFields = memo(function SectionActionFields2({
+  name,
+  value,
+  onChange
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
+    /* @__PURE__ */ jsx(Label, { children: "Section ID" }),
+    /* @__PURE__ */ jsx(
+      Input,
+      {
+        name: `${name}.sectionId`,
+        className: "h-8 text-sm",
+        value: value.sectionId ?? "",
+        onChange: (e) => onChange({ sectionId: e.target.value }),
+        placeholder: "#section-id"
+      }
+    )
+  ] });
+});
+const DownloadActionFields = memo(function DownloadActionFields2({
+  name,
+  value,
+  onChange
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
+    /* @__PURE__ */ jsx(Label, { children: "Download URL" }),
+    /* @__PURE__ */ jsx(
+      Input,
+      {
+        name: `${name}.downloadUrl`,
+        className: "h-8 text-sm",
+        value: value.downloadUrl ?? "",
+        onChange: (e) => onChange({ downloadUrl: e.target.value }),
+        placeholder: "https://example.com/file.pdf"
+      }
+    )
+  ] });
+});
+const ACTION_TYPE_FIELD_MAP = {
+  page: PageActionFields,
+  external: ExternalActionFields,
+  email: EmailActionFields,
+  phone: PhoneActionFields,
+  section: SectionActionFields,
+  download: DownloadActionFields
+};
+function ActionField({ name, value, onChange }) {
+  const current = value ?? { type: "none" };
+  const update = useCallback(
+    (patch) => {
+      onChange({ ...current, ...patch });
+    },
+    [current, onChange]
+  );
+  const TypeFields = ACTION_TYPE_FIELD_MAP[current.type];
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
+      /* @__PURE__ */ jsx(Label, { children: "Action Type" }),
       /* @__PURE__ */ jsx(
-        Input,
+        Tabs,
         {
-          name: `${name}.downloadUrl`,
-          className: "h-8 text-sm",
-          value: current.downloadUrl ?? "",
-          onChange: (e) => update({ downloadUrl: e.target.value }),
-          placeholder: "https://example.com/file.pdf"
+          value: current.type,
+          onValueChange: (val) => update({ type: val }),
+          children: /* @__PURE__ */ jsx(TabsList, { className: "h-auto w-full flex-wrap justify-start gap-1 p-1 group-data-[orientation=horizontal]/tabs:h-auto", children: ACTION_TYPE_OPTIONS.map((opt) => /* @__PURE__ */ jsx(
+            TabsTrigger,
+            {
+              value: opt.value,
+              className: "h-7 flex-none text-xs",
+              children: opt.label
+            },
+            opt.value
+          )) })
         }
       )
-    ] })
+    ] }),
+    TypeFields && /* @__PURE__ */ jsx(TypeFields, { name, value: current, onChange: update })
   ] });
 }
 export {
-  ActionField
+  ACTION_TYPE_FIELD_MAP,
+  ACTION_TYPE_OPTIONS,
+  ActionField,
+  DownloadActionFields,
+  EmailActionFields,
+  ExternalActionFields,
+  PageActionFields,
+  PhoneActionFields,
+  SectionActionFields
 };

package/dist/components/puck-base/gradient-text.js

@@ -33,7 +33,7 @@ const GradientText = ({
     Tag,
     {
       className: cn(
-        "bg-clip-text text-transparent",
+        "bg-clip-text text-transparent pb-2",
         TAG_STYLES[Tag],
         className
       ),

package/dist/components/puck-base/icon-picker-field.d.ts

@@ -0,0 +1,8 @@
+export declare function IconPickerField({ value, onChange, }: {
+    field: any;
+    name: string;
+    id: string;
+    value: any;
+    onChange: (value: any) => void;
+    readOnly?: boolean;
+}): import("react/jsx-runtime").JSX.Element;