@tecof/theme-editor 0.0.27 → 0.0.29

package/dist/index.mjs

@@ -16,7 +16,7 @@ import Blockquote from '@tiptap/extension-blockquote';
 import HardBreak from '@tiptap/extension-hard-break';
 import HorizontalRule from '@tiptap/extension-horizontal-rule';
 import TextAlign from '@tiptap/extension-text-align';
-import Link2 from '@tiptap/extension-link';
+import Link3 from '@tiptap/extension-link';
 import Code2 from '@tiptap/extension-code';
 import CodeBlock from '@tiptap/extension-code-block';
 import * as ReactDOM from 'react-dom';
@@ -221,6 +221,49 @@ var TecofApiClient = class {
       return null;
     }
   }
+  /**
+   * Fetch CMS collections list (for CmsCollectionField)
+   * Returns: [{ _id, name, slug, fields, ... }]
+   */
+  async getCmsCollections() {
+    try {
+      const res2 = await fetch(`${this.apiUrl}/api/store/cms/collections`, {
+        method: "POST",
+        headers: this.headers,
+        body: JSON.stringify({})
+      });
+      return await res2.json();
+    } catch (error2) {
+      return {
+        success: false,
+        message: error2 instanceof Error ? error2.message : "Failed to fetch collections"
+      };
+    }
+  }
+  /**
+   * Fetch items from a CMS collection by slug
+   * Returns: { items: [...], totalData: N }
+   */
+  async getCmsCollectionItems(collectionSlug, options) {
+    try {
+      const res2 = await fetch(`${this.apiUrl}/api/store/cms/collections/${encodeURIComponent(collectionSlug)}/items`, {
+        method: "POST",
+        headers: this.headers,
+        body: JSON.stringify({
+          page: options?.page || 1,
+          limit: options?.limit || 50,
+          sort: options?.sort || "newest",
+          locale: options?.locale
+        })
+      });
+      return await res2.json();
+    } catch (error2) {
+      return {
+        success: false,
+        message: error2 instanceof Error ? error2.message : "Failed to fetch collection items"
+      };
+    }
+  }
   /** CDN base URL (defaults to apiUrl if not set) */
   get cdnUrl() {
     return this.customCdnUrl || this.apiUrl;
@@ -459,9 +502,16 @@ var TecofEditor = ({
     saving && /* @__PURE__ */ jsx("div", { className: "tecof-editor-save-indicator", children: saveStatus === "error" ? "Save failed" : "Saving..." })
   ] });
 };
-var TecofRender = ({ data: data3, config: config3, className }) => {
+var TecofRender = ({ data: data3, config: config3, className, cmsData }) => {
   if (!data3) return null;
-  return /* @__PURE__ */ jsx("div", { className, children: /* @__PURE__ */ jsx(Render, { config: config3, data: data3 }) });
+  return /* @__PURE__ */ jsx("div", { className, children: /* @__PURE__ */ jsx(
+    Render,
+    {
+      config: config3,
+      data: data3,
+      metadata: { cmsData: cmsData || null }
+    }
+  ) });
 };
 var IMAGE_EXTENSIONS = ["png", "jpg", "jpeg", "webp", "gif", "svg", "avif", "bmp", "tiff", "heic"];
 var VIDEO_EXTENSIONS = ["mp4", "webm", "ogg", "avi", "mov", "quicktime"];
@@ -727,34 +777,46 @@ var createLucideIcon = (iconName, iconNode) => {
 var __iconNode = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
 var Check = createLucideIcon("check", __iconNode);
 
+// node_modules/lucide-react/dist/esm/icons/chevron-down.js
+var __iconNode2 = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
+var ChevronDown = createLucideIcon("chevron-down", __iconNode2);
+
 // node_modules/lucide-react/dist/esm/icons/chevron-right.js
-var __iconNode2 = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
-var ChevronRight = createLucideIcon("chevron-right", __iconNode2);
+var __iconNode3 = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
+var ChevronRight = createLucideIcon("chevron-right", __iconNode3);
 
 // node_modules/lucide-react/dist/esm/icons/code.js
-var __iconNode3 = [
+var __iconNode4 = [
   ["path", { d: "m16 18 6-6-6-6", key: "eg8j8" }],
   ["path", { d: "m8 6-6 6 6 6", key: "ppft3o" }]
 ];
-var Code = createLucideIcon("code", __iconNode3);
+var Code = createLucideIcon("code", __iconNode4);
 
 // node_modules/lucide-react/dist/esm/icons/copy.js
-var __iconNode4 = [
+var __iconNode5 = [
   ["rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2", key: "17jyea" }],
   ["path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2", key: "zix9uf" }]
 ];
-var Copy = createLucideIcon("copy", __iconNode4);
+var Copy = createLucideIcon("copy", __iconNode5);
+
+// node_modules/lucide-react/dist/esm/icons/database.js
+var __iconNode6 = [
+  ["ellipse", { cx: "12", cy: "5", rx: "9", ry: "3", key: "msslwz" }],
+  ["path", { d: "M3 5V19A9 3 0 0 0 21 19V5", key: "1wlel7" }],
+  ["path", { d: "M3 12A9 3 0 0 0 21 12", key: "mv7ke4" }]
+];
+var Database = createLucideIcon("database", __iconNode6);
 
 // node_modules/lucide-react/dist/esm/icons/external-link.js
-var __iconNode5 = [
+var __iconNode7 = [
   ["path", { d: "M15 3h6v6", key: "1q9fwt" }],
   ["path", { d: "M10 14 21 3", key: "gplh6r" }],
   ["path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6", key: "a6xqqp" }]
 ];
-var ExternalLink = createLucideIcon("external-link", __iconNode5);
+var ExternalLink = createLucideIcon("external-link", __iconNode7);
 
 // node_modules/lucide-react/dist/esm/icons/file-text.js
-var __iconNode6 = [
+var __iconNode8 = [
   [
     "path",
     {
@@ -767,10 +829,10 @@ var __iconNode6 = [
   ["path", { d: "M16 13H8", key: "t4e002" }],
   ["path", { d: "M16 17H8", key: "z1uh3a" }]
 ];
-var FileText = createLucideIcon("file-text", __iconNode6);
+var FileText = createLucideIcon("file-text", __iconNode8);
 
 // node_modules/lucide-react/dist/esm/icons/file.js
-var __iconNode7 = [
+var __iconNode9 = [
   [
     "path",
     {
@@ -780,10 +842,10 @@ var __iconNode7 = [
   ],
   ["path", { d: "M14 2v5a1 1 0 0 0 1 1h5", key: "wfsgrz" }]
 ];
-var File2 = createLucideIcon("file", __iconNode7);
+var File2 = createLucideIcon("file", __iconNode9);
 
 // node_modules/lucide-react/dist/esm/icons/folder-open.js
-var __iconNode8 = [
+var __iconNode10 = [
   [
     "path",
     {
@@ -792,36 +854,47 @@ var __iconNode8 = [
     }
   ]
 ];
-var FolderOpen = createLucideIcon("folder-open", __iconNode8);
+var FolderOpen = createLucideIcon("folder-open", __iconNode10);
 
 // node_modules/lucide-react/dist/esm/icons/globe.js
-var __iconNode9 = [
+var __iconNode11 = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20", key: "13o1zl" }],
   ["path", { d: "M2 12h20", key: "9i4pu4" }]
 ];
-var Globe = createLucideIcon("globe", __iconNode9);
+var Globe = createLucideIcon("globe", __iconNode11);
+
+// node_modules/lucide-react/dist/esm/icons/grip-vertical.js
+var __iconNode12 = [
+  ["circle", { cx: "9", cy: "12", r: "1", key: "1vctgf" }],
+  ["circle", { cx: "9", cy: "5", r: "1", key: "hp0tcf" }],
+  ["circle", { cx: "9", cy: "19", r: "1", key: "fkjjf6" }],
+  ["circle", { cx: "15", cy: "12", r: "1", key: "1tmaij" }],
+  ["circle", { cx: "15", cy: "5", r: "1", key: "19l28e" }],
+  ["circle", { cx: "15", cy: "19", r: "1", key: "f4zoj3" }]
+];
+var GripVertical = createLucideIcon("grip-vertical", __iconNode12);
 
 // node_modules/lucide-react/dist/esm/icons/image-plus.js
-var __iconNode10 = [
+var __iconNode13 = [
   ["path", { d: "M16 5h6", key: "1vod17" }],
   ["path", { d: "M19 2v6", key: "4bpg5p" }],
   ["path", { d: "M21 11.5V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7.5", key: "1ue2ih" }],
   ["path", { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21", key: "1xmnt7" }],
   ["circle", { cx: "9", cy: "9", r: "2", key: "af1f0g" }]
 ];
-var ImagePlus = createLucideIcon("image-plus", __iconNode10);
+var ImagePlus = createLucideIcon("image-plus", __iconNode13);
 
 // node_modules/lucide-react/dist/esm/icons/image.js
-var __iconNode11 = [
+var __iconNode14 = [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", ry: "2", key: "1m3agn" }],
   ["circle", { cx: "9", cy: "9", r: "2", key: "af1f0g" }],
   ["path", { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21", key: "1xmnt7" }]
 ];
-var Image2 = createLucideIcon("image", __iconNode11);
+var Image2 = createLucideIcon("image", __iconNode14);
 
 // node_modules/lucide-react/dist/esm/icons/languages.js
-var __iconNode12 = [
+var __iconNode15 = [
   ["path", { d: "m5 8 6 6", key: "1wu5hv" }],
   ["path", { d: "m4 14 6-6 2-3", key: "1k1g8d" }],
   ["path", { d: "M2 5h12", key: "or177f" }],
@@ -829,21 +902,29 @@ var __iconNode12 = [
   ["path", { d: "m22 22-5-10-5 10", key: "don7ne" }],
   ["path", { d: "M14 18h6", key: "1m8k6r" }]
 ];
-var Languages = createLucideIcon("languages", __iconNode12);
+var Languages = createLucideIcon("languages", __iconNode15);
+
+// node_modules/lucide-react/dist/esm/icons/link-2.js
+var __iconNode16 = [
+  ["path", { d: "M9 17H7A5 5 0 0 1 7 7h2", key: "8i5ue5" }],
+  ["path", { d: "M15 7h2a5 5 0 1 1 0 10h-2", key: "1b9ql8" }],
+  ["line", { x1: "8", x2: "16", y1: "12", y2: "12", key: "1jonct" }]
+];
+var Link2 = createLucideIcon("link-2", __iconNode16);
 
 // node_modules/lucide-react/dist/esm/icons/link.js
-var __iconNode13 = [
+var __iconNode17 = [
   ["path", { d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71", key: "1cjeqo" }],
   ["path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71", key: "19qd67" }]
 ];
-var Link = createLucideIcon("link", __iconNode13);
+var Link = createLucideIcon("link", __iconNode17);
 
 // node_modules/lucide-react/dist/esm/icons/loader-circle.js
-var __iconNode14 = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
-var LoaderCircle = createLucideIcon("loader-circle", __iconNode14);
+var __iconNode18 = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
+var LoaderCircle = createLucideIcon("loader-circle", __iconNode18);
 
 // node_modules/lucide-react/dist/esm/icons/pencil.js
-var __iconNode15 = [
+var __iconNode19 = [
   [
     "path",
     {
@@ -853,55 +934,71 @@ var __iconNode15 = [
   ],
   ["path", { d: "m15 5 4 4", key: "1mk7zo" }]
 ];
-var Pencil = createLucideIcon("pencil", __iconNode15);
+var Pencil = createLucideIcon("pencil", __iconNode19);
+
+// node_modules/lucide-react/dist/esm/icons/plus.js
+var __iconNode20 = [
+  ["path", { d: "M5 12h14", key: "1ays0h" }],
+  ["path", { d: "M12 5v14", key: "s699le" }]
+];
+var Plus = createLucideIcon("plus", __iconNode20);
 
 // node_modules/lucide-react/dist/esm/icons/refresh-ccw.js
-var __iconNode16 = [
+var __iconNode21 = [
   ["path", { d: "M21 12a9 9 0 0 0-9-9 9.75 9.75 0 0 0-6.74 2.74L3 8", key: "14sxne" }],
   ["path", { d: "M3 3v5h5", key: "1xhq8a" }],
   ["path", { d: "M3 12a9 9 0 0 0 9 9 9.75 9.75 0 0 0 6.74-2.74L21 16", key: "1hlbsb" }],
   ["path", { d: "M16 16h5v5", key: "ccwih5" }]
 ];
-var RefreshCcw = createLucideIcon("refresh-ccw", __iconNode16);
+var RefreshCcw = createLucideIcon("refresh-ccw", __iconNode21);
+
+// node_modules/lucide-react/dist/esm/icons/refresh-cw.js
+var __iconNode22 = [
+  ["path", { d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8", key: "v9h5vc" }],
+  ["path", { d: "M21 3v5h-5", key: "1q7to0" }],
+  ["path", { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16", key: "3uifl3" }],
+  ["path", { d: "M8 16H3v5", key: "1cv678" }]
+];
+var RefreshCw = createLucideIcon("refresh-cw", __iconNode22);
 
 // node_modules/lucide-react/dist/esm/icons/rotate-ccw.js
-var __iconNode17 = [
+var __iconNode23 = [
   ["path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8", key: "1357e3" }],
   ["path", { d: "M3 3v5h5", key: "1xhq8a" }]
 ];
-var RotateCcw = createLucideIcon("rotate-ccw", __iconNode17);
+var RotateCcw = createLucideIcon("rotate-ccw", __iconNode23);
 
 // node_modules/lucide-react/dist/esm/icons/search.js
-var __iconNode18 = [
+var __iconNode24 = [
   ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
 ];
-var Search = createLucideIcon("search", __iconNode18);
+var Search = createLucideIcon("search", __iconNode24);
 
 // node_modules/lucide-react/dist/esm/icons/trash-2.js
-var __iconNode19 = [
+var __iconNode25 = [
   ["path", { d: "M10 11v6", key: "nco0om" }],
   ["path", { d: "M14 11v6", key: "outv1u" }],
   ["path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6", key: "miytrc" }],
   ["path", { d: "M3 6h18", key: "d0wm0j" }],
   ["path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2", key: "e791ji" }]
 ];
-var Trash2 = createLucideIcon("trash-2", __iconNode19);
+var Trash2 = createLucideIcon("trash-2", __iconNode25);
 
 // node_modules/lucide-react/dist/esm/icons/upload.js
-var __iconNode20 = [
+var __iconNode26 = [
   ["path", { d: "M12 3v12", key: "1x0j5s" }],
   ["path", { d: "m17 8-5-5-5 5", key: "7q97r8" }],
   ["path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4", key: "ih7n3h" }]
 ];
-var Upload = createLucideIcon("upload", __iconNode20);
+var Upload = createLucideIcon("upload", __iconNode26);
 
 // node_modules/lucide-react/dist/esm/icons/x.js
-var __iconNode21 = [
+var __iconNode27 = [
   ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
 ];
-var X = createLucideIcon("x", __iconNode21);
+var X = createLucideIcon("x", __iconNode27);
 var FieldErrorBoundary = class extends Component {
   constructor(props) {
     super(props);
@@ -1236,7 +1333,7 @@ var createExtensions = () => [
   Code2,
   CodeBlock,
   TextAlign.configure({ types: ["heading", "paragraph"] }),
-  Link2.configure({ openOnClick: false, HTMLAttributes: { target: "_blank" } })
+  Link3.configure({ openOnClick: false, HTMLAttributes: { target: "_blank" } })
 ];
 var ToolbarBtn = ({
   onClick,
@@ -24177,6 +24274,599 @@ var createColorField = (options = {}) => {
     ) }) })
   };
 };
+var RepeaterRow = ({
+  row,
+  rowIndex,
+  subFields,
+  isExpanded,
+  onToggle,
+  onRemove,
+  onDuplicate,
+  onMoveUp,
+  onMoveDown,
+  onChange,
+  canRemove,
+  canMoveUp,
+  canMoveDown,
+  readOnly
+}) => {
+  const previewLabel = useMemo(() => {
+    const keys = Object.keys(subFields);
+    if (keys.length === 0) return `Sat\u0131r ${rowIndex + 1}`;
+    const firstKey = keys[0];
+    const val = row[firstKey];
+    if (!val) return `Sat\u0131r ${rowIndex + 1}`;
+    if (Array.isArray(val) && val.length > 0 && typeof val[0] === "object" && "value" in val[0]) {
+      const text2 = val[0]?.value;
+      if (typeof text2 === "string" && text2.trim()) {
+        return text2.length > 40 ? text2.substring(0, 40) + "\u2026" : text2;
+      }
+    }
+    if (typeof val === "string" && val.trim()) {
+      return val.length > 40 ? val.substring(0, 40) + "\u2026" : val;
+    }
+    return `Sat\u0131r ${rowIndex + 1}`;
+  }, [row, subFields, rowIndex]);
+  return /* @__PURE__ */ jsxs("div", { className: `tecof-repeater-row ${isExpanded ? "expanded" : ""}`, children: [
+    /* @__PURE__ */ jsxs("div", { className: "tecof-repeater-row-header", onClick: onToggle, children: [
+      /* @__PURE__ */ jsxs("div", { className: "tecof-repeater-row-left", children: [
+        /* @__PURE__ */ jsx(GripVertical, { size: 14, className: "tecof-repeater-grip" }),
+        /* @__PURE__ */ jsx("span", { className: "tecof-repeater-row-index", children: rowIndex + 1 }),
+        /* @__PURE__ */ jsx("span", { className: "tecof-repeater-row-preview", children: previewLabel })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "tecof-repeater-row-actions", children: [
+        !readOnly && /* @__PURE__ */ jsxs(Fragment, { children: [
+          canMoveUp && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "tecof-repeater-action-btn",
+              onClick: (e3) => {
+                e3.stopPropagation();
+                onMoveUp();
+              },
+              title: "Yukar\u0131 Ta\u015F\u0131",
+              children: "\u25B2"
+            }
+          ),
+          canMoveDown && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "tecof-repeater-action-btn",
+              onClick: (e3) => {
+                e3.stopPropagation();
+                onMoveDown();
+              },
+              title: "A\u015Fa\u011F\u0131 Ta\u015F\u0131",
+              children: "\u25BC"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "tecof-repeater-action-btn",
+              onClick: (e3) => {
+                e3.stopPropagation();
+                onDuplicate();
+              },
+              title: "Kopyala",
+              children: /* @__PURE__ */ jsx(Copy, { size: 13 })
+            }
+          ),
+          canRemove && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "tecof-repeater-action-btn tecof-repeater-action-btn-danger",
+              onClick: (e3) => {
+                e3.stopPropagation();
+                onRemove();
+              },
+              title: "Sil",
+              children: /* @__PURE__ */ jsx(Trash2, { size: 13 })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(
+          ChevronDown,
+          {
+            size: 16,
+            className: `tecof-repeater-chevron ${isExpanded ? "rotated" : ""}`
+          }
+        )
+      ] })
+    ] }),
+    isExpanded && /* @__PURE__ */ jsx("div", { className: "tecof-repeater-row-content", children: Object.entries(subFields).map(([key, fieldDef]) => {
+      const fieldValue = row[key];
+      const renderFn = fieldDef?.render;
+      if (typeof renderFn !== "function") return null;
+      return /* @__PURE__ */ jsx("div", { className: "tecof-repeater-subfield", children: renderFn({
+        field: fieldDef,
+        name: `${key}_${rowIndex}`,
+        id: `repeater-${rowIndex}-${key}`,
+        value: fieldValue,
+        onChange: (val) => onChange(key, val),
+        readOnly
+      }) }, key);
+    }) })
+  ] });
+};
+var RepeaterField = ({
+  value: rawValue,
+  onChange,
+  readOnly,
+  subFields = {},
+  minItems = 0,
+  maxItems,
+  defaultRow
+}) => {
+  const items = useMemo(() => Array.isArray(rawValue) ? rawValue : [], [rawValue]);
+  const [expandedRows, setExpandedRows] = useState(() => new Set(items.length > 0 ? [0] : []));
+  const onChangeRef = useRef(onChange);
+  onChangeRef.current = onChange;
+  const canAdd = maxItems == null || items.length < maxItems;
+  const canRemove = items.length > minItems;
+  const buildDefaultRow = useCallback(() => {
+    if (defaultRow) return { ...defaultRow };
+    const row = {};
+    for (const [key, fieldDef] of Object.entries(subFields)) {
+      const ft = fieldDef?._fieldType;
+      if (ft === "language" || ft === "editor") {
+        row[key] = [];
+      } else if (ft === "upload") {
+        row[key] = [];
+      } else if (ft === "link") {
+        row[key] = [];
+      } else if (ft === "color") {
+        row[key] = "#000000";
+      } else {
+        row[key] = "";
+      }
+    }
+    return row;
+  }, [subFields, defaultRow]);
+  const handleAdd = useCallback(() => {
+    if (!canAdd) return;
+    const newRow = buildDefaultRow();
+    const newItems = [...items, newRow];
+    onChangeRef.current(newItems);
+    setExpandedRows((prev) => {
+      const next = new Set(prev);
+      next.add(newItems.length - 1);
+      return next;
+    });
+  }, [canAdd, buildDefaultRow, items]);
+  const handleRemove = useCallback((index2) => {
+    if (!canRemove) return;
+    const newItems = items.filter((_2, i2) => i2 !== index2);
+    onChangeRef.current(newItems);
+    setExpandedRows((prev) => {
+      const next = /* @__PURE__ */ new Set();
+      prev.forEach((idx) => {
+        if (idx < index2) next.add(idx);
+        else if (idx > index2) next.add(idx - 1);
+      });
+      return next;
+    });
+  }, [canRemove, items]);
+  const handleDuplicate = useCallback((index2) => {
+    if (!canAdd) return;
+    const newItems = [...items];
+    const cloned = JSON.parse(JSON.stringify(items[index2]));
+    newItems.splice(index2 + 1, 0, cloned);
+    onChangeRef.current(newItems);
+    setExpandedRows((prev) => {
+      const next = /* @__PURE__ */ new Set();
+      prev.forEach((idx) => {
+        if (idx <= index2) next.add(idx);
+        else next.add(idx + 1);
+      });
+      next.add(index2 + 1);
+      return next;
+    });
+  }, [canAdd, items]);
+  const handleMove = useCallback((index2, direction) => {
+    const target = direction === "up" ? index2 - 1 : index2 + 1;
+    if (target < 0 || target >= items.length) return;
+    const newItems = [...items];
+    [newItems[index2], newItems[target]] = [newItems[target], newItems[index2]];
+    onChangeRef.current(newItems);
+    setExpandedRows((prev) => {
+      const next = /* @__PURE__ */ new Set();
+      prev.forEach((idx) => {
+        if (idx === index2) next.add(target);
+        else if (idx === target) next.add(index2);
+        else next.add(idx);
+      });
+      return next;
+    });
+  }, [items]);
+  const handleSubFieldChange = useCallback((rowIndex, key, val) => {
+    const newItems = items.map((row, i2) => {
+      if (i2 !== rowIndex) return row;
+      return { ...row, [key]: val };
+    });
+    onChangeRef.current(newItems);
+  }, [items]);
+  const toggleRow = useCallback((index2) => {
+    setExpandedRows((prev) => {
+      const next = new Set(prev);
+      if (next.has(index2)) next.delete(index2);
+      else next.add(index2);
+      return next;
+    });
+  }, []);
+  return /* @__PURE__ */ jsxs("div", { className: "tecof-repeater-container", children: [
+    /* @__PURE__ */ jsx("div", { className: "tecof-repeater-header", children: /* @__PURE__ */ jsxs("span", { className: "tecof-repeater-count", children: [
+      items.length,
+      " sat\u0131r",
+      maxItems != null && ` / ${maxItems}`
+    ] }) }),
+    items.length === 0 && !readOnly && /* @__PURE__ */ jsxs("div", { className: "tecof-repeater-empty", children: [
+      /* @__PURE__ */ jsx("p", { className: "tecof-repeater-empty-text", children: "Hen\xFCz sat\u0131r eklenmemi\u015F" }),
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          className: "tecof-repeater-add-btn",
+          onClick: handleAdd,
+          children: [
+            /* @__PURE__ */ jsx(Plus, { size: 14 }),
+            " \u0130lk Sat\u0131r\u0131 Ekle"
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "tecof-repeater-rows", children: items.map((row, idx) => /* @__PURE__ */ jsx(
+      RepeaterRow,
+      {
+        row,
+        rowIndex: idx,
+        subFields,
+        isExpanded: expandedRows.has(idx),
+        onToggle: () => toggleRow(idx),
+        onRemove: () => handleRemove(idx),
+        onDuplicate: () => handleDuplicate(idx),
+        onMoveUp: () => handleMove(idx, "up"),
+        onMoveDown: () => handleMove(idx, "down"),
+        onChange: (key, val) => handleSubFieldChange(idx, key, val),
+        canRemove,
+        canMoveUp: idx > 0,
+        canMoveDown: idx < items.length - 1,
+        readOnly
+      },
+      idx
+    )) }),
+    items.length > 0 && !readOnly && canAdd && /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        className: "tecof-repeater-add-btn-bottom",
+        onClick: handleAdd,
+        children: [
+          /* @__PURE__ */ jsx(Plus, { size: 14 }),
+          " Sat\u0131r Ekle"
+        ]
+      }
+    )
+  ] });
+};
+RepeaterField.displayName = "RepeaterField";
+var createRepeaterField = (options) => {
+  const { label, labelIcon, visible, ...fieldOptions } = options;
+  return {
+    type: "custom",
+    _fieldType: "repeater",
+    label,
+    labelIcon,
+    visible,
+    render: ({ value, onChange, readOnly, field, name: name3, id }) => /* @__PURE__ */ jsx(FieldLabel, { label: label || "", icon: labelIcon, readOnly, children: /* @__PURE__ */ jsx(FieldErrorBoundary, { fieldName: name3, children: /* @__PURE__ */ jsx(
+      RepeaterField,
+      {
+        field,
+        name: name3,
+        id,
+        value: value || [],
+        onChange,
+        readOnly,
+        ...fieldOptions
+      }
+    ) }) })
+  };
+};
+var CmsCollectionField = ({
+  value,
+  onChange,
+  readOnly,
+  defaultLimit = 10,
+  showLimit = true,
+  showSort = true,
+  slots
+}) => {
+  const { apiClient } = useTecof();
+  const [collections, setCollections] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const [error2, setError] = useState(null);
+  const [dropdownOpen, setDropdownOpen] = useState(false);
+  const [searchQuery, setSearchQuery] = useState("");
+  const dropdownRef = useRef(null);
+  const onChangeRef = useRef(onChange);
+  onChangeRef.current = onChange;
+  const fetchCollections = useCallback(async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      const res2 = await apiClient.getCmsCollections();
+      if (res2.success && Array.isArray(res2.data)) {
+        setCollections(res2.data);
+      } else {
+        setError(res2.message || "Koleksiyonlar y\xFCklenemedi");
+      }
+    } catch (err) {
+      setError(err.message || "Ba\u011Flant\u0131 hatas\u0131");
+    } finally {
+      setLoading(false);
+    }
+  }, [apiClient]);
+  useEffect(() => {
+    fetchCollections();
+  }, [fetchCollections]);
+  useEffect(() => {
+    if (!dropdownOpen) return;
+    const handleClick = (e3) => {
+      if (dropdownRef.current && !dropdownRef.current.contains(e3.target)) {
+        setDropdownOpen(false);
+      }
+    };
+    document.addEventListener("mousedown", handleClick);
+    return () => document.removeEventListener("mousedown", handleClick);
+  }, [dropdownOpen]);
+  const selectedCollection = useMemo(() => {
+    if (!value?.collectionSlug) return null;
+    return collections.find((c2) => c2.slug === value.collectionSlug) || null;
+  }, [value?.collectionSlug, collections]);
+  const collectionFields = useMemo(() => {
+    return selectedCollection?.fields || [];
+  }, [selectedCollection]);
+  const handleSelect = useCallback((col) => {
+    onChangeRef.current({
+      collectionSlug: col.slug,
+      collectionName: col.name,
+      limit: value?.limit || defaultLimit,
+      sort: value?.sort || "newest",
+      fieldMap: value?.fieldMap || {}
+    });
+    setDropdownOpen(false);
+    setSearchQuery("");
+  }, [value, defaultLimit]);
+  const handleClear = useCallback(() => {
+    onChangeRef.current(null);
+  }, []);
+  const handleLimitChange = useCallback((e3) => {
+    const num = parseInt(e3.target.value, 10);
+    if (!value) return;
+    onChangeRef.current({
+      ...value,
+      limit: isNaN(num) ? defaultLimit : Math.max(1, Math.min(100, num))
+    });
+  }, [value, defaultLimit]);
+  const handleSortChange = useCallback((sort) => {
+    if (!value) return;
+    onChangeRef.current({ ...value, sort });
+  }, [value]);
+  const handleFieldMapChange = useCallback((slotKey, fieldShortcode) => {
+    if (!value) return;
+    onChangeRef.current({
+      ...value,
+      fieldMap: {
+        ...value.fieldMap,
+        [slotKey]: fieldShortcode
+      }
+    });
+  }, [value]);
+  const filteredCollections = useMemo(() => {
+    if (!searchQuery.trim()) return collections;
+    const q = searchQuery.toLowerCase();
+    return collections.filter(
+      (c2) => c2.name.toLowerCase().includes(q) || c2.slug.toLowerCase().includes(q)
+    );
+  }, [collections, searchQuery]);
+  if (loading) {
+    return /* @__PURE__ */ jsxs("div", { className: "tecof-cms-col-loading", children: [
+      /* @__PURE__ */ jsx(LoaderCircle, { size: 16, className: "tecof-spin" }),
+      /* @__PURE__ */ jsx("span", { children: "Koleksiyonlar y\xFCkleniyor\u2026" })
+    ] });
+  }
+  if (error2) {
+    return /* @__PURE__ */ jsxs("div", { className: "tecof-cms-col-error", children: [
+      /* @__PURE__ */ jsx("span", { children: error2 }),
+      /* @__PURE__ */ jsxs("button", { type: "button", className: "tecof-cms-col-retry", onClick: fetchCollections, children: [
+        /* @__PURE__ */ jsx(RefreshCw, { size: 12 }),
+        " Tekrar Dene"
+      ] })
+    ] });
+  }
+  const hasSlots = slots && Object.keys(slots).length > 0;
+  return /* @__PURE__ */ jsxs("div", { className: "tecof-cms-col-container", children: [
+    /* @__PURE__ */ jsxs("div", { className: "tecof-cms-col-selector", ref: dropdownRef, children: [
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          className: `tecof-cms-col-trigger ${dropdownOpen ? "open" : ""}`,
+          onClick: () => !readOnly && setDropdownOpen(!dropdownOpen),
+          disabled: readOnly,
+          children: [
+            /* @__PURE__ */ jsxs("div", { className: "tecof-cms-col-trigger-left", children: [
+              /* @__PURE__ */ jsx(Database, { size: 14 }),
+              /* @__PURE__ */ jsx("span", { children: value?.collectionName || value?.collectionSlug || "Koleksiyon Se\xE7in" })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "tecof-cms-col-trigger-right", children: [
+              value && !readOnly && /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  className: "tecof-cms-col-clear",
+                  onClick: (e3) => {
+                    e3.stopPropagation();
+                    handleClear();
+                  },
+                  title: "Temizle",
+                  children: /* @__PURE__ */ jsx(X, { size: 12 })
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                ChevronDown,
+                {
+                  size: 14,
+                  className: `tecof-cms-col-chevron ${dropdownOpen ? "rotated" : ""}`
+                }
+              )
+            ] })
+          ]
+        }
+      ),
+      dropdownOpen && /* @__PURE__ */ jsxs("div", { className: "tecof-cms-col-dropdown", children: [
+        /* @__PURE__ */ jsxs("div", { className: "tecof-cms-col-search", children: [
+          /* @__PURE__ */ jsx(Search, { size: 13 }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "text",
+              value: searchQuery,
+              onChange: (e3) => setSearchQuery(e3.target.value),
+              placeholder: "Koleksiyon ara\u2026",
+              className: "tecof-cms-col-search-input",
+              autoFocus: true
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "tecof-cms-col-options", children: filteredCollections.length === 0 ? /* @__PURE__ */ jsx("div", { className: "tecof-cms-col-empty", children: "Koleksiyon bulunamad\u0131" }) : filteredCollections.map((col) => /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            className: `tecof-cms-col-option ${value?.collectionSlug === col.slug ? "selected" : ""}`,
+            onClick: () => handleSelect(col),
+            children: [
+              /* @__PURE__ */ jsx(Database, { size: 13 }),
+              /* @__PURE__ */ jsxs("div", { className: "tecof-cms-col-option-info", children: [
+                /* @__PURE__ */ jsx("span", { className: "tecof-cms-col-option-name", children: col.name }),
+                /* @__PURE__ */ jsx("span", { className: "tecof-cms-col-option-slug", children: col.slug })
+              ] })
+            ]
+          },
+          col._id
+        )) })
+      ] })
+    ] }),
+    value?.collectionSlug && /* @__PURE__ */ jsxs("div", { className: "tecof-cms-col-settings", children: [
+      showLimit && /* @__PURE__ */ jsxs("div", { className: "tecof-cms-col-setting", children: [
+        /* @__PURE__ */ jsx("label", { className: "tecof-cms-col-setting-label", children: "Limit" }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "number",
+            min: 1,
+            max: 100,
+            value: value.limit || defaultLimit,
+            onChange: handleLimitChange,
+            className: "tecof-cms-col-setting-input",
+            disabled: readOnly
+          }
+        )
+      ] }),
+      showSort && /* @__PURE__ */ jsxs("div", { className: "tecof-cms-col-setting", children: [
+        /* @__PURE__ */ jsx("label", { className: "tecof-cms-col-setting-label", children: "S\u0131ralama" }),
+        /* @__PURE__ */ jsxs("div", { className: "tecof-cms-col-sort-btns", children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: `tecof-cms-col-sort-btn ${(value.sort || "newest") === "newest" ? "active" : ""}`,
+              onClick: () => handleSortChange("newest"),
+              disabled: readOnly,
+              children: "Yeni\u2192Eski"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: `tecof-cms-col-sort-btn ${value.sort === "oldest" ? "active" : ""}`,
+              onClick: () => handleSortChange("oldest"),
+              disabled: readOnly,
+              children: "Eski\u2192Yeni"
+            }
+          )
+        ] })
+      ] })
+    ] }),
+    value?.collectionSlug && hasSlots && /* @__PURE__ */ jsxs("div", { className: "tecof-cms-col-mapping", children: [
+      /* @__PURE__ */ jsxs("div", { className: "tecof-cms-col-mapping-header", children: [
+        /* @__PURE__ */ jsx(Link2, { size: 12 }),
+        /* @__PURE__ */ jsx("span", { children: "Alan E\u015Fle\u015Ftirme" })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "tecof-cms-col-mapping-rows", children: Object.entries(slots).map(([slotKey, slotDef]) => {
+        const currentMapping = value.fieldMap?.[slotKey] || "";
+        const availableFields = slotDef.fieldTypes ? collectionFields.filter((f2) => slotDef.fieldTypes.includes(f2.type)) : collectionFields;
+        return /* @__PURE__ */ jsxs("div", { className: "tecof-cms-col-mapping-row", children: [
+          /* @__PURE__ */ jsx("label", { className: "tecof-cms-col-mapping-label", children: slotDef.label }),
+          /* @__PURE__ */ jsxs(
+            "select",
+            {
+              className: "tecof-cms-col-mapping-select",
+              value: currentMapping,
+              onChange: (e3) => handleFieldMapChange(slotKey, e3.target.value),
+              disabled: readOnly,
+              children: [
+                /* @__PURE__ */ jsx("option", { value: "", children: "\u2014 Se\xE7in \u2014" }),
+                availableFields.map((f2) => /* @__PURE__ */ jsxs("option", { value: f2.shortcode, children: [
+                  f2.name,
+                  " (",
+                  f2.shortcode,
+                  ")"
+                ] }, f2.shortcode))
+              ]
+            }
+          )
+        ] }, slotKey);
+      }) })
+    ] }),
+    selectedCollection && /* @__PURE__ */ jsxs("div", { className: "tecof-cms-col-badge", children: [
+      /* @__PURE__ */ jsx(Database, { size: 11 }),
+      /* @__PURE__ */ jsx("span", { children: selectedCollection.name }),
+      selectedCollection.fields && /* @__PURE__ */ jsxs("span", { className: "tecof-cms-col-badge-count", children: [
+        selectedCollection.fields.length,
+        " alan"
+      ] })
+    ] })
+  ] });
+};
+CmsCollectionField.displayName = "CmsCollectionField";
+var createCmsCollectionField = (options = {}) => {
+  const { label, labelIcon, visible, ...fieldOptions } = options;
+  return {
+    type: "custom",
+    _fieldType: "cmsCollection",
+    label,
+    labelIcon,
+    visible,
+    render: ({ value, onChange, readOnly, field, name: name3, id }) => /* @__PURE__ */ jsx(FieldLabel, { label: label || "", icon: labelIcon, readOnly, children: /* @__PURE__ */ jsx(FieldErrorBoundary, { fieldName: name3, children: /* @__PURE__ */ jsx(
+      CmsCollectionField,
+      {
+        field,
+        name: name3,
+        id,
+        value: value || null,
+        onChange,
+        readOnly,
+        ...fieldOptions
+      }
+    ) }) })
+  };
+};
 
 // src/utils/index.ts
 function hexToHsl(hex) {
@@ -24336,21 +25026,27 @@ lucide-react/dist/esm/context.js:
 lucide-react/dist/esm/Icon.js:
 lucide-react/dist/esm/createLucideIcon.js:
 lucide-react/dist/esm/icons/check.js:
+lucide-react/dist/esm/icons/chevron-down.js:
 lucide-react/dist/esm/icons/chevron-right.js:
 lucide-react/dist/esm/icons/code.js:
 lucide-react/dist/esm/icons/copy.js:
+lucide-react/dist/esm/icons/database.js:
 lucide-react/dist/esm/icons/external-link.js:
 lucide-react/dist/esm/icons/file-text.js:
 lucide-react/dist/esm/icons/file.js:
 lucide-react/dist/esm/icons/folder-open.js:
 lucide-react/dist/esm/icons/globe.js:
+lucide-react/dist/esm/icons/grip-vertical.js:
 lucide-react/dist/esm/icons/image-plus.js:
 lucide-react/dist/esm/icons/image.js:
 lucide-react/dist/esm/icons/languages.js:
+lucide-react/dist/esm/icons/link-2.js:
 lucide-react/dist/esm/icons/link.js:
 lucide-react/dist/esm/icons/loader-circle.js:
 lucide-react/dist/esm/icons/pencil.js:
+lucide-react/dist/esm/icons/plus.js:
 lucide-react/dist/esm/icons/refresh-ccw.js:
+lucide-react/dist/esm/icons/refresh-cw.js:
 lucide-react/dist/esm/icons/rotate-ccw.js:
 lucide-react/dist/esm/icons/search.js:
 lucide-react/dist/esm/icons/trash-2.js:
@@ -24439,6 +25135,6 @@ filepond-plugin-image-edit/dist/filepond-plugin-image-edit.esm.js:
    *)
 */
 
-export { CodeEditorField, ColorField, EditorField, FieldErrorBoundary, LanguageField, LinkField, TecofApiClient, TecofEditor, TecofPicture, TecofProvider, TecofRender, UploadField, createCodeEditorField, createColorField, createEditorField, createLanguageField, createLinkField, createUploadField, darken, generateCSSVariables, getDefaultTheme, hexToHsl, hslToHex, lighten, mergeTheme, useTecof };
+export { CmsCollectionField, CodeEditorField, ColorField, EditorField, FieldErrorBoundary, LanguageField, LinkField, RepeaterField, TecofApiClient, TecofEditor, TecofPicture, TecofProvider, TecofRender, UploadField, createCmsCollectionField, createCodeEditorField, createColorField, createEditorField, createLanguageField, createLinkField, createRepeaterField, createUploadField, darken, generateCSSVariables, getDefaultTheme, hexToHsl, hslToHex, lighten, mergeTheme, useTecof };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map