@tecof/theme-editor 0.0.35 → 0.0.37

package/dist/index.mjs

@@ -1,7 +1,6 @@
 import * as React__default from 'react';
 import React__default__default, { createContext, forwardRef, createElement, memo, useRef, useCallback, useContext, useState, useEffect, useMemo, Component, useLayoutEffect } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { blocksPlugin, outlinePlugin, fieldsPlugin, Puck, Render, usePuck, ActionBar } from '@puckeditor/core';
 import { create } from 'zustand';
 import { immer } from 'zustand/middleware/immer';
 import { nanoid } from 'nanoid';
@@ -298,713 +297,6 @@ function useTecof() {
   return ctx;
 }
 
-// node_modules/lucide-react/dist/esm/shared/src/utils/mergeClasses.js
-var mergeClasses = (...classes) => classes.filter((className, index2, array) => {
-  return Boolean(className) && className.trim() !== "" && array.indexOf(className) === index2;
-}).join(" ").trim();
-
-// node_modules/lucide-react/dist/esm/shared/src/utils/toKebabCase.js
-var toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
-
-// node_modules/lucide-react/dist/esm/shared/src/utils/toCamelCase.js
-var toCamelCase = (string) => string.replace(
-  /^([A-Z])|[\s-_]+(\w)/g,
-  (match, p1, p2) => p2 ? p2.toUpperCase() : p1.toLowerCase()
-);
-
-// node_modules/lucide-react/dist/esm/shared/src/utils/toPascalCase.js
-var toPascalCase = (string) => {
-  const camelCase = toCamelCase(string);
-  return camelCase.charAt(0).toUpperCase() + camelCase.slice(1);
-};
-
-// node_modules/lucide-react/dist/esm/defaultAttributes.js
-var defaultAttributes = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: 24,
-  height: 24,
-  viewBox: "0 0 24 24",
-  fill: "none",
-  stroke: "currentColor",
-  strokeWidth: 2,
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-};
-
-// node_modules/lucide-react/dist/esm/shared/src/utils/hasA11yProp.js
-var hasA11yProp = (props) => {
-  for (const prop in props) {
-    if (prop.startsWith("aria-") || prop === "role" || prop === "title") {
-      return true;
-    }
-  }
-  return false;
-};
-var LucideContext = createContext({});
-var useLucideContext = () => useContext(LucideContext);
-
-// node_modules/lucide-react/dist/esm/Icon.js
-var Icon = forwardRef(
-  ({ color, size, strokeWidth, absoluteStrokeWidth, className = "", children, iconNode, ...rest }, ref) => {
-    const {
-      size: contextSize = 24,
-      strokeWidth: contextStrokeWidth = 2,
-      absoluteStrokeWidth: contextAbsoluteStrokeWidth = false,
-      color: contextColor = "currentColor",
-      className: contextClass = ""
-    } = useLucideContext() ?? {};
-    const calculatedStrokeWidth = absoluteStrokeWidth ?? contextAbsoluteStrokeWidth ? Number(strokeWidth ?? contextStrokeWidth) * 24 / Number(size ?? contextSize) : strokeWidth ?? contextStrokeWidth;
-    return createElement(
-      "svg",
-      {
-        ref,
-        ...defaultAttributes,
-        width: size ?? contextSize ?? defaultAttributes.width,
-        height: size ?? contextSize ?? defaultAttributes.height,
-        stroke: color ?? contextColor,
-        strokeWidth: calculatedStrokeWidth,
-        className: mergeClasses("lucide", contextClass, className),
-        ...!children && !hasA11yProp(rest) && { "aria-hidden": "true" },
-        ...rest
-      },
-      [
-        ...iconNode.map(([tag, attrs]) => createElement(tag, attrs)),
-        ...Array.isArray(children) ? children : [children]
-      ]
-    );
-  }
-);
-
-// node_modules/lucide-react/dist/esm/createLucideIcon.js
-var createLucideIcon = (iconName, iconNode) => {
-  const Component2 = forwardRef(
-    ({ className, ...props }, ref) => createElement(Icon, {
-      ref,
-      iconNode,
-      className: mergeClasses(
-        `lucide-${toKebabCase(toPascalCase(iconName))}`,
-        `lucide-${iconName}`,
-        className
-      ),
-      ...props
-    })
-  );
-  Component2.displayName = toPascalCase(iconName);
-  return Component2;
-};
-
-// node_modules/lucide-react/dist/esm/icons/arrow-down.js
-var __iconNode = [
-  ["path", { d: "M12 5v14", key: "s699le" }],
-  ["path", { d: "m19 12-7 7-7-7", key: "1idqje" }]
-];
-var ArrowDown = createLucideIcon("arrow-down", __iconNode);
-
-// node_modules/lucide-react/dist/esm/icons/arrow-up.js
-var __iconNode2 = [
-  ["path", { d: "m5 12 7-7 7 7", key: "hav0vg" }],
-  ["path", { d: "M12 19V5", key: "x0mq9r" }]
-];
-var ArrowUp = createLucideIcon("arrow-up", __iconNode2);
-
-// node_modules/lucide-react/dist/esm/icons/check.js
-var __iconNode3 = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
-var Check = createLucideIcon("check", __iconNode3);
-
-// node_modules/lucide-react/dist/esm/icons/chevron-down.js
-var __iconNode4 = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
-var ChevronDown = createLucideIcon("chevron-down", __iconNode4);
-
-// node_modules/lucide-react/dist/esm/icons/chevron-right.js
-var __iconNode5 = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
-var ChevronRight = createLucideIcon("chevron-right", __iconNode5);
-
-// node_modules/lucide-react/dist/esm/icons/chevron-up.js
-var __iconNode6 = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]];
-var ChevronUp = createLucideIcon("chevron-up", __iconNode6);
-
-// node_modules/lucide-react/dist/esm/icons/code.js
-var __iconNode7 = [
-  ["path", { d: "m16 18 6-6-6-6", key: "eg8j8" }],
-  ["path", { d: "m8 6-6 6 6 6", key: "ppft3o" }]
-];
-var Code = createLucideIcon("code", __iconNode7);
-
-// node_modules/lucide-react/dist/esm/icons/copy.js
-var __iconNode8 = [
-  ["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", __iconNode8);
-
-// node_modules/lucide-react/dist/esm/icons/database.js
-var __iconNode9 = [
-  ["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", __iconNode9);
-
-// node_modules/lucide-react/dist/esm/icons/external-link.js
-var __iconNode10 = [
-  ["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", __iconNode10);
-
-// node_modules/lucide-react/dist/esm/icons/file-text.js
-var __iconNode11 = [
-  [
-    "path",
-    {
-      d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",
-      key: "1oefj6"
-    }
-  ],
-  ["path", { d: "M14 2v5a1 1 0 0 0 1 1h5", key: "wfsgrz" }],
-  ["path", { d: "M10 9H8", key: "b1mrlr" }],
-  ["path", { d: "M16 13H8", key: "t4e002" }],
-  ["path", { d: "M16 17H8", key: "z1uh3a" }]
-];
-var FileText = createLucideIcon("file-text", __iconNode11);
-
-// node_modules/lucide-react/dist/esm/icons/file.js
-var __iconNode12 = [
-  [
-    "path",
-    {
-      d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",
-      key: "1oefj6"
-    }
-  ],
-  ["path", { d: "M14 2v5a1 1 0 0 0 1 1h5", key: "wfsgrz" }]
-];
-var File2 = createLucideIcon("file", __iconNode12);
-
-// node_modules/lucide-react/dist/esm/icons/folder-open.js
-var __iconNode13 = [
-  [
-    "path",
-    {
-      d: "m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2",
-      key: "usdka0"
-    }
-  ]
-];
-var FolderOpen = createLucideIcon("folder-open", __iconNode13);
-
-// node_modules/lucide-react/dist/esm/icons/globe.js
-var __iconNode14 = [
-  ["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", __iconNode14);
-
-// node_modules/lucide-react/dist/esm/icons/grip-vertical.js
-var __iconNode15 = [
-  ["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", __iconNode15);
-
-// node_modules/lucide-react/dist/esm/icons/image-plus.js
-var __iconNode16 = [
-  ["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", __iconNode16);
-
-// node_modules/lucide-react/dist/esm/icons/image.js
-var __iconNode17 = [
-  ["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", __iconNode17);
-
-// node_modules/lucide-react/dist/esm/icons/languages.js
-var __iconNode18 = [
-  ["path", { d: "m5 8 6 6", key: "1wu5hv" }],
-  ["path", { d: "m4 14 6-6 2-3", key: "1k1g8d" }],
-  ["path", { d: "M2 5h12", key: "or177f" }],
-  ["path", { d: "M7 2h1", key: "1t2jsx" }],
-  ["path", { d: "m22 22-5-10-5 10", key: "don7ne" }],
-  ["path", { d: "M14 18h6", key: "1m8k6r" }]
-];
-var Languages = createLucideIcon("languages", __iconNode18);
-
-// node_modules/lucide-react/dist/esm/icons/link-2.js
-var __iconNode19 = [
-  ["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", __iconNode19);
-
-// node_modules/lucide-react/dist/esm/icons/link.js
-var __iconNode20 = [
-  ["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", __iconNode20);
-
-// node_modules/lucide-react/dist/esm/icons/loader-circle.js
-var __iconNode21 = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
-var LoaderCircle = createLucideIcon("loader-circle", __iconNode21);
-
-// node_modules/lucide-react/dist/esm/icons/pencil.js
-var __iconNode22 = [
-  [
-    "path",
-    {
-      d: "M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z",
-      key: "1a8usu"
-    }
-  ],
-  ["path", { d: "m15 5 4 4", key: "1mk7zo" }]
-];
-var Pencil = createLucideIcon("pencil", __iconNode22);
-
-// node_modules/lucide-react/dist/esm/icons/plus.js
-var __iconNode23 = [
-  ["path", { d: "M5 12h14", key: "1ays0h" }],
-  ["path", { d: "M12 5v14", key: "s699le" }]
-];
-var Plus = createLucideIcon("plus", __iconNode23);
-
-// node_modules/lucide-react/dist/esm/icons/refresh-ccw.js
-var __iconNode24 = [
-  ["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", __iconNode24);
-
-// node_modules/lucide-react/dist/esm/icons/refresh-cw.js
-var __iconNode25 = [
-  ["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", __iconNode25);
-
-// node_modules/lucide-react/dist/esm/icons/rotate-ccw.js
-var __iconNode26 = [
-  ["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", __iconNode26);
-
-// node_modules/lucide-react/dist/esm/icons/search.js
-var __iconNode27 = [
-  ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
-  ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
-];
-var Search = createLucideIcon("search", __iconNode27);
-
-// node_modules/lucide-react/dist/esm/icons/trash-2.js
-var __iconNode28 = [
-  ["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", __iconNode28);
-
-// node_modules/lucide-react/dist/esm/icons/upload.js
-var __iconNode29 = [
-  ["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", __iconNode29);
-
-// node_modules/lucide-react/dist/esm/icons/x.js
-var __iconNode30 = [
-  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
-  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
-];
-var X = createLucideIcon("x", __iconNode30);
-var EMPTY_PAGE = { content: [], root: { props: {} }, zones: {} };
-var DrawerSearchContext = createContext(null);
-var ComponentDrawerItem = ({
-  name: name3,
-  apiClient,
-  children
-}) => {
-  const [imgSrc, setImgSrc] = useState(null);
-  const [loading, setLoading] = useState(false);
-  const [error2, setError] = useState(false);
-  const fetchedRef = useRef(false);
-  const handleMouseEnter = useCallback(async () => {
-    if (fetchedRef.current) return;
-    fetchedRef.current = true;
-    setLoading(true);
-    try {
-      const domain = typeof window !== "undefined" ? window.location.hostname : "";
-      const blobUrl = await apiClient.getComponentPreview(domain, name3);
-      if (blobUrl) {
-        setImgSrc(blobUrl);
-      } else {
-        setError(true);
-      }
-    } catch {
-      setError(true);
-    } finally {
-      setLoading(false);
-    }
-  }, [name3, apiClient]);
-  return /* @__PURE__ */ jsxs("div", { className: "tecof-drawer-item-group group", onMouseEnter: handleMouseEnter, children: [
-    children,
-    /* @__PURE__ */ jsxs("div", { className: "tecof-drawer-popover", children: [
-      /* @__PURE__ */ jsxs("div", { className: "tecof-drawer-popover-header", children: [
-        name3,
-        " \xD6nizleme"
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "tecof-drawer-popover-body", children: [
-        (loading || !imgSrc && !error2) && /* @__PURE__ */ jsx("div", { className: "tecof-drawer-skeleton" }),
-        imgSrc && /* @__PURE__ */ jsx(
-          "img",
-          {
-            src: imgSrc,
-            alt: `${name3} preview`,
-            className: "tecof-drawer-img"
-          }
-        ),
-        error2 && /* @__PURE__ */ jsx("div", { className: "tecof-drawer-preview-error", children: "\xD6nizleme y\xFCklenemedi" })
-      ] })
-    ] })
-  ] });
-};
-var CustomDrawer = ({ children }) => {
-  const context = useContext(DrawerSearchContext);
-  if (!context) return /* @__PURE__ */ jsx("div", { className: "tecof-drawer-list-layout", children });
-  const { searchQuery, setSearchQuery } = context;
-  return /* @__PURE__ */ jsxs("div", { className: "tecof-drawer-wrapper-layout", children: [
-    /* @__PURE__ */ jsx("div", { className: "tecof-drawer-search-wrapper", children: /* @__PURE__ */ jsxs("div", { className: "tecof-drawer-search-box", children: [
-      /* @__PURE__ */ jsx(Search, { size: 14, color: "#71717a" }),
-      /* @__PURE__ */ jsx(
-        "input",
-        {
-          type: "text",
-          placeholder: "Blok ara...",
-          value: searchQuery,
-          onChange: (e3) => setSearchQuery(e3.target.value),
-          className: "tecof-drawer-search-input"
-        }
-      ),
-      searchQuery && /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          onClick: () => setSearchQuery(""),
-          className: "tecof-drawer-clear-btn",
-          title: "Temizle",
-          children: /* @__PURE__ */ jsx(X, { size: 14 })
-        }
-      )
-    ] }) }),
-    /* @__PURE__ */ jsx("div", { className: "tecof-drawer-list-layout", children })
-  ] });
-};
-var CustomDrawerItem = ({ children, name: name3 }) => {
-  const context = useContext(DrawerSearchContext);
-  const { apiClient } = useTecof();
-  if (!context) {
-    return /* @__PURE__ */ jsx(ComponentDrawerItem, { name: name3, apiClient, children });
-  }
-  const { searchQuery, config: config3 } = context;
-  const componentConfig = config3.components?.[name3];
-  const label = componentConfig?.label || name3;
-  if (searchQuery.trim()) {
-    const query = searchQuery.toLowerCase();
-    const matchesName = name3.toLowerCase().includes(query);
-    const matchesLabel = label.toLowerCase().includes(query);
-    if (!matchesName && !matchesLabel) {
-      return /* @__PURE__ */ jsx(Fragment, {});
-    }
-  }
-  return /* @__PURE__ */ jsx(ComponentDrawerItem, { name: name3, apiClient, children });
-};
-var AutoFieldsOnSelect = () => {
-  const { selectedItem, dispatch } = usePuck();
-  const prevSelectedRef = useRef(null);
-  useEffect(() => {
-    const currentId = selectedItem?.props?.id || null;
-    if (currentId && currentId !== prevSelectedRef.current) {
-      dispatch({
-        type: "setUi",
-        ui: { plugin: { current: "fields" } }
-      });
-    }
-    prevSelectedRef.current = currentId;
-  }, [selectedItem, dispatch]);
-  return null;
-};
-var CustomActionBar = ({ children, label }) => {
-  const { appState, dispatch, getSelectorForId, selectedItem } = usePuck();
-  const canMoveUp = useMemo(() => {
-    if (!selectedItem || !selectedItem.props?.id) return false;
-    const selector = getSelectorForId(selectedItem.props.id);
-    if (!selector) return false;
-    return selector.index > 0;
-  }, [selectedItem, getSelectorForId]);
-  const canMoveDown = useMemo(() => {
-    if (!selectedItem || !selectedItem.props?.id) return false;
-    const selector = getSelectorForId(selectedItem.props.id);
-    if (!selector) return false;
-    const { index: index2, zone } = selector;
-    const items = zone ? appState.data.zones?.[zone] || [] : appState.data.content || [];
-    return index2 < items.length - 1;
-  }, [selectedItem, getSelectorForId, appState.data]);
-  const handleMove = useCallback((direction) => {
-    if (!selectedItem || !selectedItem.props?.id) return;
-    const selector = getSelectorForId(selectedItem.props.id);
-    if (!selector) return;
-    const { index: index2, zone } = selector;
-    let items = zone ? [...appState.data.zones?.[zone] || []] : [...appState.data.content || []];
-    const targetIndex = direction === "up" ? index2 - 1 : index2 + 1;
-    if (targetIndex < 0 || targetIndex >= items.length) return;
-    const temp = items[index2];
-    items[index2] = items[targetIndex];
-    items[targetIndex] = temp;
-    if (zone) {
-      dispatch({
-        type: "setData",
-        data: {
-          ...appState.data,
-          zones: {
-            ...appState.data.zones,
-            [zone]: items
-          }
-        }
-      });
-      dispatch({
-        type: "setUi",
-        ui: {
-          itemSelector: {
-            index: targetIndex,
-            zone
-          }
-        }
-      });
-    } else {
-      dispatch({
-        type: "setData",
-        data: {
-          ...appState.data,
-          content: items
-        }
-      });
-      dispatch({
-        type: "setUi",
-        ui: {
-          itemSelector: {
-            index: targetIndex
-          }
-        }
-      });
-    }
-  }, [selectedItem, getSelectorForId, appState.data, dispatch]);
-  return /* @__PURE__ */ jsx(ActionBar, { label, children: /* @__PURE__ */ jsxs(ActionBar.Group, { children: [
-    /* @__PURE__ */ jsx(ActionBar.Action, { onClick: () => handleMove("up"), disabled: !canMoveUp, label: "Yukar\u0131 Ta\u015F\u0131", children: /* @__PURE__ */ jsx(ArrowUp, { size: 14 }) }),
-    /* @__PURE__ */ jsx(ActionBar.Action, { onClick: () => handleMove("down"), disabled: !canMoveDown, label: "A\u015Fa\u011F\u0131 Ta\u015F\u0131", children: /* @__PURE__ */ jsx(ArrowDown, { size: 14 }) }),
-    /* @__PURE__ */ jsx(ActionBar.Separator, {}),
-    children
-  ] }) });
-};
-var TecofEditor = ({
-  pageId,
-  config: config3,
-  accessToken,
-  onSave,
-  onChange,
-  overrides,
-  plugins: extraPlugins,
-  className
-}) => {
-  const { apiClient, secretKey } = useTecof();
-  const [initialData, setInitialData] = useState(null);
-  const [loading, setLoading] = useState(true);
-  const [saving, setSaving] = useState(false);
-  const [saveStatus, setSaveStatus] = useState("idle");
-  const [searchQuery, setSearchQuery] = useState("");
-  const draftDataRef = useRef(null);
-  const isEmbedded = typeof window !== "undefined" && window.parent !== window;
-  useEffect(() => {
-    let cancelled = false;
-    const load = async () => {
-      setLoading(true);
-      const res2 = await apiClient.getPage(pageId);
-      if (cancelled) return;
-      const data3 = res2.success && res2.data?.draftData ? res2.data.draftData : EMPTY_PAGE;
-      setInitialData(data3);
-      draftDataRef.current = data3;
-      setLoading(false);
-    };
-    load();
-    return () => {
-      cancelled = true;
-    };
-  }, [pageId, apiClient]);
-  const handleSaveDraft = useCallback(
-    async (data3) => {
-      const currentData = data3 || draftDataRef.current;
-      if (!currentData) return;
-      const draftData = currentData;
-      setSaving(true);
-      setSaveStatus("idle");
-      const res2 = await apiClient.savePage(pageId, draftData, void 0, accessToken);
-      if (res2.success) {
-        setSaveStatus("success");
-        setTimeout(() => setSaveStatus("idle"), 3e3);
-        onSave?.(draftData);
-        if (isEmbedded) window.parent.postMessage({ type: "puck:saved" }, "*");
-      } else {
-        setSaveStatus("error");
-        if (isEmbedded) window.parent.postMessage({ type: "puck:saveError", message: res2.message }, "*");
-      }
-      setSaving(false);
-    },
-    [pageId, apiClient, isEmbedded, onSave, accessToken]
-  );
-  const handleChange = useCallback(
-    (data3) => {
-      draftDataRef.current = data3;
-      const draftData = data3;
-      onChange?.(draftData);
-      if (isEmbedded) window.parent.postMessage({ type: "puck:changed" }, "*");
-    },
-    [onChange, isEmbedded]
-  );
-  const handlePuckPublish = useCallback(
-    (data3) => {
-      handleSaveDraft(data3);
-    },
-    [handleSaveDraft]
-  );
-  useEffect(() => {
-    if (!isEmbedded) return;
-    const onMessage = (e3) => {
-      switch (e3.data?.type) {
-        case "puck:save": {
-          handleSaveDraft();
-          break;
-        }
-        case "puck:undo":
-          document.dispatchEvent(new KeyboardEvent("keydown", { key: "z", code: "KeyZ", ctrlKey: true, bubbles: true }));
-          break;
-        case "puck:redo":
-          document.dispatchEvent(new KeyboardEvent("keydown", { key: "z", code: "KeyZ", ctrlKey: true, shiftKey: true, bubbles: true }));
-          break;
-        case "puck:viewport": {
-          const frame = document.querySelector('[data-testid="puck-frame"]');
-          if (frame) {
-            const w = e3.data.width || "100%";
-            frame.style.maxWidth = w;
-            frame.style.margin = w === "100%" ? "0" : "0 auto";
-            frame.style.transition = "max-width 0.3s ease";
-          }
-          break;
-        }
-      }
-    };
-    window.addEventListener("message", onMessage);
-    return () => window.removeEventListener("message", onMessage);
-  }, [isEmbedded, handleSaveDraft]);
-  useEffect(() => {
-    if (!isEmbedded) return;
-    const handleClick = (e3) => {
-      const target = e3.target;
-      const puckComponent = target.closest("[data-puck-component]");
-      if (puckComponent) {
-        const componentType = puckComponent.getAttribute("data-puck-component");
-        const draggableId = puckComponent.closest("[data-rfd-draggable-id]")?.getAttribute("data-rfd-draggable-id");
-        window.parent.postMessage({
-          type: "puck:itemSelected",
-          item: {
-            type: componentType,
-            id: draggableId || null
-          }
-        }, "*");
-      }
-    };
-    const handleDeselect = (e3) => {
-      const target = e3.target;
-      if (!target.closest("[data-puck-component]")) {
-        window.parent.postMessage({ type: "puck:itemDeselected" }, "*");
-      }
-    };
-    document.addEventListener("click", handleClick, true);
-    document.addEventListener("click", handleDeselect, false);
-    return () => {
-      document.removeEventListener("click", handleClick, true);
-      document.removeEventListener("click", handleDeselect, false);
-    };
-  }, [isEmbedded]);
-  const searchContextValue = useMemo(() => ({
-    searchQuery,
-    setSearchQuery,
-    config: config3
-  }), [searchQuery, config3]);
-  const plugins = useMemo(() => [
-    { ...blocksPlugin(), label: "Bloklar" },
-    { ...outlinePlugin(), label: "Anahat" },
-    { ...fieldsPlugin({ desktopSideBar: "right" }), label: "Alanlar" },
-    ...extraPlugins || []
-  ], [extraPlugins]);
-  const mergedOverrides = useMemo(() => {
-    return {
-      header: () => /* @__PURE__ */ jsx(Fragment, {}),
-      drawer: CustomDrawer,
-      drawerItem: CustomDrawerItem,
-      actionBar: ({ children, label }) => {
-        return /* @__PURE__ */ jsx(CustomActionBar, { label, children });
-      },
-      puck: ({ children }) => {
-        return /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(AutoFieldsOnSelect, {}),
-          children
-        ] });
-      },
-      ...overrides || {}
-    };
-  }, [overrides]);
-  if (loading || !initialData) {
-    return /* @__PURE__ */ jsx("div", { className: `tecof-editor-loading ${className || ""}`.trim(), children: /* @__PURE__ */ jsxs("div", { className: "tecof-editor-loading-inner", children: [
-      /* @__PURE__ */ jsx("div", { className: "tecof-editor-spinner" }),
-      /* @__PURE__ */ jsx("p", { className: "tecof-editor-loading-text", children: "Loading editor..." })
-    ] }) });
-  }
-  return /* @__PURE__ */ jsx(DrawerSearchContext.Provider, { value: searchContextValue, children: /* @__PURE__ */ jsxs("div", { className: `tecof-editor-wrapper ${className || ""}`.trim(), children: [
-    /* @__PURE__ */ jsx(
-      Puck,
-      {
-        plugins,
-        config: config3,
-        data: initialData,
-        onPublish: handlePuckPublish,
-        onChange: handleChange,
-        overrides: mergedOverrides,
-        metadata: { editMode: true }
-      }
-    ),
-    saving && /* @__PURE__ */ jsx("div", { className: "tecof-editor-save-indicator", children: saveStatus === "error" ? "Save failed" : "Saving..." })
-  ] }) });
-};
-
 // src/engine/document.ts
 var EMPTY_DOCUMENT = {
   root: { props: {} },
@@ -1432,66 +724,406 @@ var Frame = ({ children, title = "Canvas Frame", ...props }) => {
         doc.body.removeEventListener("click", handleBodyClick);
       };
     }
-  }, [contentRef]);
-  return /* @__PURE__ */ jsx(
-    "iframe",
+  }, [contentRef]);
+  return /* @__PURE__ */ jsx(
+    "iframe",
+    {
+      title,
+      ref: setContentRef,
+      style: {
+        width: "100%",
+        height: "100%",
+        border: "none",
+        background: "#ffffff",
+        ...props.style
+      },
+      ...props,
+      children: mountNode && createPortal(children, mountNode)
+    }
+  );
+};
+var Canvas = () => {
+  const content = useEditorStore((state3) => state3.document.content);
+  const viewport = useEditorStore((state3) => state3.viewport);
+  const getWidth2 = () => {
+    switch (viewport) {
+      case "tablet":
+        return "768px";
+      case "mobile":
+        return "375px";
+      case "desktop":
+      default:
+        return "100%";
+    }
+  };
+  return /* @__PURE__ */ jsx("div", { className: "tecof-canvas-container", style: {
+    flex: 1,
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    background: "#f4f4f5",
+    padding: "24px",
+    overflow: "auto",
+    height: "100%",
+    boxSizing: "border-box"
+  }, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "tecof-canvas-viewport-wrapper",
+      style: {
+        width: getWidth2(),
+        height: "100%",
+        maxWidth: "100%",
+        transition: "width 0.3s cubic-bezier(0.4, 0, 0.2, 1)",
+        boxShadow: "0 10px 25px -5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.05)",
+        borderRadius: viewport === "desktop" ? "0" : "12px",
+        overflow: "hidden",
+        backgroundColor: "#ffffff"
+      },
+      children: /* @__PURE__ */ jsx(Frame, { children: /* @__PURE__ */ jsx("div", { className: "tecof-canvas-root", style: { minHeight: "100%" }, children: content.map((item2, index2) => /* @__PURE__ */ jsx(NodeRenderer, { node: item2, index: index2 }, item2.props.id)) }) })
+    }
+  ) });
+};
+
+// node_modules/lucide-react/dist/esm/shared/src/utils/mergeClasses.js
+var mergeClasses = (...classes) => classes.filter((className, index2, array) => {
+  return Boolean(className) && className.trim() !== "" && array.indexOf(className) === index2;
+}).join(" ").trim();
+
+// node_modules/lucide-react/dist/esm/shared/src/utils/toKebabCase.js
+var toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+
+// node_modules/lucide-react/dist/esm/shared/src/utils/toCamelCase.js
+var toCamelCase = (string) => string.replace(
+  /^([A-Z])|[\s-_]+(\w)/g,
+  (match, p1, p2) => p2 ? p2.toUpperCase() : p1.toLowerCase()
+);
+
+// node_modules/lucide-react/dist/esm/shared/src/utils/toPascalCase.js
+var toPascalCase = (string) => {
+  const camelCase = toCamelCase(string);
+  return camelCase.charAt(0).toUpperCase() + camelCase.slice(1);
+};
+
+// node_modules/lucide-react/dist/esm/defaultAttributes.js
+var defaultAttributes = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+};
+
+// node_modules/lucide-react/dist/esm/shared/src/utils/hasA11yProp.js
+var hasA11yProp = (props) => {
+  for (const prop in props) {
+    if (prop.startsWith("aria-") || prop === "role" || prop === "title") {
+      return true;
+    }
+  }
+  return false;
+};
+var LucideContext = createContext({});
+var useLucideContext = () => useContext(LucideContext);
+
+// node_modules/lucide-react/dist/esm/Icon.js
+var Icon = forwardRef(
+  ({ color, size, strokeWidth, absoluteStrokeWidth, className = "", children, iconNode, ...rest }, ref) => {
+    const {
+      size: contextSize = 24,
+      strokeWidth: contextStrokeWidth = 2,
+      absoluteStrokeWidth: contextAbsoluteStrokeWidth = false,
+      color: contextColor = "currentColor",
+      className: contextClass = ""
+    } = useLucideContext() ?? {};
+    const calculatedStrokeWidth = absoluteStrokeWidth ?? contextAbsoluteStrokeWidth ? Number(strokeWidth ?? contextStrokeWidth) * 24 / Number(size ?? contextSize) : strokeWidth ?? contextStrokeWidth;
+    return createElement(
+      "svg",
+      {
+        ref,
+        ...defaultAttributes,
+        width: size ?? contextSize ?? defaultAttributes.width,
+        height: size ?? contextSize ?? defaultAttributes.height,
+        stroke: color ?? contextColor,
+        strokeWidth: calculatedStrokeWidth,
+        className: mergeClasses("lucide", contextClass, className),
+        ...!children && !hasA11yProp(rest) && { "aria-hidden": "true" },
+        ...rest
+      },
+      [
+        ...iconNode.map(([tag, attrs]) => createElement(tag, attrs)),
+        ...Array.isArray(children) ? children : [children]
+      ]
+    );
+  }
+);
+
+// node_modules/lucide-react/dist/esm/createLucideIcon.js
+var createLucideIcon = (iconName, iconNode) => {
+  const Component2 = forwardRef(
+    ({ className, ...props }, ref) => createElement(Icon, {
+      ref,
+      iconNode,
+      className: mergeClasses(
+        `lucide-${toKebabCase(toPascalCase(iconName))}`,
+        `lucide-${iconName}`,
+        className
+      ),
+      ...props
+    })
+  );
+  Component2.displayName = toPascalCase(iconName);
+  return Component2;
+};
+
+// node_modules/lucide-react/dist/esm/icons/arrow-down.js
+var __iconNode = [
+  ["path", { d: "M12 5v14", key: "s699le" }],
+  ["path", { d: "m19 12-7 7-7-7", key: "1idqje" }]
+];
+var ArrowDown = createLucideIcon("arrow-down", __iconNode);
+
+// node_modules/lucide-react/dist/esm/icons/arrow-up.js
+var __iconNode2 = [
+  ["path", { d: "m5 12 7-7 7 7", key: "hav0vg" }],
+  ["path", { d: "M12 19V5", key: "x0mq9r" }]
+];
+var ArrowUp = createLucideIcon("arrow-up", __iconNode2);
+
+// node_modules/lucide-react/dist/esm/icons/check.js
+var __iconNode3 = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
+var Check = createLucideIcon("check", __iconNode3);
+
+// node_modules/lucide-react/dist/esm/icons/chevron-down.js
+var __iconNode4 = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
+var ChevronDown = createLucideIcon("chevron-down", __iconNode4);
+
+// node_modules/lucide-react/dist/esm/icons/chevron-right.js
+var __iconNode5 = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
+var ChevronRight = createLucideIcon("chevron-right", __iconNode5);
+
+// node_modules/lucide-react/dist/esm/icons/chevron-up.js
+var __iconNode6 = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]];
+var ChevronUp = createLucideIcon("chevron-up", __iconNode6);
+
+// node_modules/lucide-react/dist/esm/icons/code.js
+var __iconNode7 = [
+  ["path", { d: "m16 18 6-6-6-6", key: "eg8j8" }],
+  ["path", { d: "m8 6-6 6 6 6", key: "ppft3o" }]
+];
+var Code = createLucideIcon("code", __iconNode7);
+
+// node_modules/lucide-react/dist/esm/icons/copy.js
+var __iconNode8 = [
+  ["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", __iconNode8);
+
+// node_modules/lucide-react/dist/esm/icons/database.js
+var __iconNode9 = [
+  ["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", __iconNode9);
+
+// node_modules/lucide-react/dist/esm/icons/external-link.js
+var __iconNode10 = [
+  ["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", __iconNode10);
+
+// node_modules/lucide-react/dist/esm/icons/file-text.js
+var __iconNode11 = [
+  [
+    "path",
+    {
+      d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",
+      key: "1oefj6"
+    }
+  ],
+  ["path", { d: "M14 2v5a1 1 0 0 0 1 1h5", key: "wfsgrz" }],
+  ["path", { d: "M10 9H8", key: "b1mrlr" }],
+  ["path", { d: "M16 13H8", key: "t4e002" }],
+  ["path", { d: "M16 17H8", key: "z1uh3a" }]
+];
+var FileText = createLucideIcon("file-text", __iconNode11);
+
+// node_modules/lucide-react/dist/esm/icons/file.js
+var __iconNode12 = [
+  [
+    "path",
     {
-      title,
-      ref: setContentRef,
-      style: {
-        width: "100%",
-        height: "100%",
-        border: "none",
-        background: "#ffffff",
-        ...props.style
-      },
-      ...props,
-      children: mountNode && createPortal(children, mountNode)
+      d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",
+      key: "1oefj6"
     }
-  );
-};
-var Canvas = () => {
-  const content = useEditorStore((state3) => state3.document.content);
-  const viewport = useEditorStore((state3) => state3.viewport);
-  const getWidth2 = () => {
-    switch (viewport) {
-      case "tablet":
-        return "768px";
-      case "mobile":
-        return "375px";
-      case "desktop":
-      default:
-        return "100%";
+  ],
+  ["path", { d: "M14 2v5a1 1 0 0 0 1 1h5", key: "wfsgrz" }]
+];
+var File2 = createLucideIcon("file", __iconNode12);
+
+// node_modules/lucide-react/dist/esm/icons/folder-open.js
+var __iconNode13 = [
+  [
+    "path",
+    {
+      d: "m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2",
+      key: "usdka0"
     }
-  };
-  return /* @__PURE__ */ jsx("div", { className: "tecof-canvas-container", style: {
-    flex: 1,
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    background: "#f4f4f5",
-    padding: "24px",
-    overflow: "auto",
-    height: "100%",
-    boxSizing: "border-box"
-  }, children: /* @__PURE__ */ jsx(
-    "div",
+  ]
+];
+var FolderOpen = createLucideIcon("folder-open", __iconNode13);
+
+// node_modules/lucide-react/dist/esm/icons/globe.js
+var __iconNode14 = [
+  ["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", __iconNode14);
+
+// node_modules/lucide-react/dist/esm/icons/grip-vertical.js
+var __iconNode15 = [
+  ["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", __iconNode15);
+
+// node_modules/lucide-react/dist/esm/icons/image-plus.js
+var __iconNode16 = [
+  ["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", __iconNode16);
+
+// node_modules/lucide-react/dist/esm/icons/image.js
+var __iconNode17 = [
+  ["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", __iconNode17);
+
+// node_modules/lucide-react/dist/esm/icons/languages.js
+var __iconNode18 = [
+  ["path", { d: "m5 8 6 6", key: "1wu5hv" }],
+  ["path", { d: "m4 14 6-6 2-3", key: "1k1g8d" }],
+  ["path", { d: "M2 5h12", key: "or177f" }],
+  ["path", { d: "M7 2h1", key: "1t2jsx" }],
+  ["path", { d: "m22 22-5-10-5 10", key: "don7ne" }],
+  ["path", { d: "M14 18h6", key: "1m8k6r" }]
+];
+var Languages = createLucideIcon("languages", __iconNode18);
+
+// node_modules/lucide-react/dist/esm/icons/link-2.js
+var __iconNode19 = [
+  ["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", __iconNode19);
+
+// node_modules/lucide-react/dist/esm/icons/link.js
+var __iconNode20 = [
+  ["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", __iconNode20);
+
+// node_modules/lucide-react/dist/esm/icons/loader-circle.js
+var __iconNode21 = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
+var LoaderCircle = createLucideIcon("loader-circle", __iconNode21);
+
+// node_modules/lucide-react/dist/esm/icons/pencil.js
+var __iconNode22 = [
+  [
+    "path",
     {
-      className: "tecof-canvas-viewport-wrapper",
-      style: {
-        width: getWidth2(),
-        height: "100%",
-        maxWidth: "100%",
-        transition: "width 0.3s cubic-bezier(0.4, 0, 0.2, 1)",
-        boxShadow: "0 10px 25px -5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.05)",
-        borderRadius: viewport === "desktop" ? "0" : "12px",
-        overflow: "hidden",
-        backgroundColor: "#ffffff"
-      },
-      children: /* @__PURE__ */ jsx(Frame, { children: /* @__PURE__ */ jsx("div", { className: "tecof-canvas-root", style: { minHeight: "100%" }, children: content.map((item2, index2) => /* @__PURE__ */ jsx(NodeRenderer, { node: item2, index: index2 }, item2.props.id)) }) })
+      d: "M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z",
+      key: "1a8usu"
     }
-  ) });
-};
+  ],
+  ["path", { d: "m15 5 4 4", key: "1mk7zo" }]
+];
+var Pencil = createLucideIcon("pencil", __iconNode22);
+
+// node_modules/lucide-react/dist/esm/icons/plus.js
+var __iconNode23 = [
+  ["path", { d: "M5 12h14", key: "1ays0h" }],
+  ["path", { d: "M12 5v14", key: "s699le" }]
+];
+var Plus = createLucideIcon("plus", __iconNode23);
+
+// node_modules/lucide-react/dist/esm/icons/refresh-ccw.js
+var __iconNode24 = [
+  ["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", __iconNode24);
+
+// node_modules/lucide-react/dist/esm/icons/refresh-cw.js
+var __iconNode25 = [
+  ["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", __iconNode25);
+
+// node_modules/lucide-react/dist/esm/icons/rotate-ccw.js
+var __iconNode26 = [
+  ["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", __iconNode26);
+
+// node_modules/lucide-react/dist/esm/icons/search.js
+var __iconNode27 = [
+  ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
+  ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
+];
+var Search = createLucideIcon("search", __iconNode27);
+
+// node_modules/lucide-react/dist/esm/icons/trash-2.js
+var __iconNode28 = [
+  ["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", __iconNode28);
+
+// node_modules/lucide-react/dist/esm/icons/upload.js
+var __iconNode29 = [
+  ["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", __iconNode29);
+
+// node_modules/lucide-react/dist/esm/icons/x.js
+var __iconNode30 = [
+  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
+  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
+];
+var X = createLucideIcon("x", __iconNode30);
 var useOverlayCoords = (id, iframeEl, containerEl, documentState) => {
   const [coords, setCoords] = useState(null);
   useEffect(() => {
@@ -2411,16 +2043,46 @@ var TecofStudio = ({
     }, children: saveStatus === "error" ? "Kaydedilemedi" : "Kaydediliyor..." })
   ] }) });
 };
+
+// src/components/TecofEditor.tsx
+var TecofEditor = TecofStudio;
+var RenderContext = createContext(null);
+var ParentNodeContext2 = createContext(null);
+var RenderDropZone = ({ zone, className, style }) => {
+  const parentId = useContext(ParentNodeContext2);
+  const zoneKey = parentId ? `${parentId}:${zone}` : zone;
+  const context = useContext(RenderContext);
+  if (!context) return null;
+  const items = context.zones[zoneKey] || [];
+  return /* @__PURE__ */ jsx("div", { className, style, children: items.map((item2, index2) => /* @__PURE__ */ jsx(RenderNode, { node: item2, index: index2 }, item2.props.id || index2)) });
+};
+var RenderNode = ({ node, index: index2 }) => {
+  const context = useContext(RenderContext);
+  if (!context) return null;
+  const componentConfig = context.config.components[node.type];
+  if (!componentConfig) return null;
+  const componentProps = {
+    ...node.props,
+    puck: {
+      renderDropZone: RenderDropZone,
+      isEditing: false,
+      metadata: {
+        cmsData: context.cmsData || null,
+        ...componentConfig.metadata || {}
+      }
+    },
+    editMode: false
+  };
+  return /* @__PURE__ */ jsx(ParentNodeContext2.Provider, { value: node.props.id || null, children: componentConfig.render(componentProps) });
+};
 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,
-      metadata: { cmsData: cmsData || null }
-    }
-  ) });
+  const contextValue = {
+    zones: data3.zones || {},
+    config: config3,
+    cmsData: cmsData || null
+  };
+  return /* @__PURE__ */ jsx(RenderContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx("div", { className, children: data3.content.map((item2, index2) => /* @__PURE__ */ jsx(RenderNode, { node: item2, index: index2 }, item2.props.id || index2)) }) });
 };
 var IMAGE_EXTENSIONS = ["png", "jpg", "jpeg", "webp", "gif", "svg", "avif", "bmp", "tiff", "heic"];
 var VIDEO_EXTENSIONS = ["mp4", "webm", "ogg", "avi", "mov", "quicktime"];