@tecof/theme-editor 0.0.33 → 0.0.34

package/dist/index.js

@@ -333,952 +333,1101 @@ function useTecof() {
   }
   return ctx;
 }
-var EMPTY_PAGE = { content: [], root: { props: {} }, zones: {} };
-var ComponentDrawerItem = ({
-  name: name3,
-  apiClient,
-  children
-}) => {
-  const [imgSrc, setImgSrc] = React__default.useState(null);
-  const [loading, setLoading] = React__default.useState(false);
-  const [error2, setError] = React__default.useState(false);
-  const fetchedRef = React__default.useRef(false);
-  const handleMouseEnter = React__default.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__ */ jsxRuntime.jsxs("div", { className: "tecof-drawer-item-group group", onMouseEnter: handleMouseEnter, children: [
-    children,
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "tecof-drawer-popover", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "tecof-drawer-popover-header", children: [
-        name3,
-        " \xD6nizleme"
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "tecof-drawer-popover-body", children: [
-        (loading || !imgSrc && !error2) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tecof-drawer-skeleton" }),
-        imgSrc && /* @__PURE__ */ jsxRuntime.jsx(
-          "img",
-          {
-            src: imgSrc,
-            alt: `${name3} preview`,
-            className: "tecof-drawer-img"
-          }
-        ),
-        error2 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tecof-drawer-preview-error", children: "\xD6nizleme y\xFCklenemedi" })
-      ] })
-    ] })
-  ] });
+
+// 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);
 };
-var TecofEditor = ({
-  pageId,
-  config: config3,
-  accessToken,
-  onSave,
-  onChange,
-  overrides,
-  plugins: extraPlugins,
-  className
-}) => {
-  const { apiClient, secretKey } = useTecof();
-  const [initialData, setInitialData] = React__default.useState(null);
-  const [loading, setLoading] = React__default.useState(true);
-  const [saving, setSaving] = React__default.useState(false);
-  const [saveStatus, setSaveStatus] = React__default.useState("idle");
-  const draftDataRef = React__default.useRef(null);
-  const isEmbedded = typeof window !== "undefined" && window.parent !== window;
-  React__default.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 = React__default.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 = React__default.useCallback(
-    (data3) => {
-      draftDataRef.current = data3;
-      const draftData = data3;
-      onChange?.(draftData);
-      if (isEmbedded) window.parent.postMessage({ type: "puck:changed" }, "*");
-    },
-    [onChange, isEmbedded]
-  );
-  const handlePuckPublish = React__default.useCallback(
-    (data3) => {
-      handleSaveDraft(data3);
-    },
-    [handleSaveDraft]
-  );
-  React__default.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]);
-  React__default.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]);
-  if (loading || !initialData) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `tecof-editor-loading ${className || ""}`.trim(), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "tecof-editor-loading-inner", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tecof-editor-spinner" }),
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "tecof-editor-loading-text", children: "Loading editor..." })
-    ] }) });
-  }
-  const plugins = [
-    { ...core.blocksPlugin(), label: "Bloklar" },
-    { ...core.outlinePlugin(), label: "Anahat" },
-    { ...core.fieldsPlugin({ desktopSideBar: "right" }), label: "Alanlar" },
-    ...extraPlugins || []
-  ];
-  const mergedOverrides = {
-    header: () => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {}),
-    drawerItem: ({ children, name: name3 }) => {
-      return /* @__PURE__ */ jsxRuntime.jsx(ComponentDrawerItem, { name: name3, apiClient, children });
-    },
-    ...overrides || {}
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `tecof-editor-wrapper ${className || ""}`.trim(), children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      core.Puck,
-      {
-        plugins,
-        config: config3,
-        data: initialData,
-        onPublish: handlePuckPublish,
-        onChange: handleChange,
-        overrides: mergedOverrides,
-        metadata: { editMode: true }
-      }
-    ),
-    saving && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tecof-editor-save-indicator", children: saveStatus === "error" ? "Save failed" : "Saving..." })
-  ] });
+
+// 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"
 };
-var TecofRender = ({ data: data3, config: config3, className, cmsData }) => {
-  if (!data3) return null;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className, children: /* @__PURE__ */ jsxRuntime.jsx(
-    core.Render,
-    {
-      config: config3,
-      data: data3,
-      metadata: { cmsData: cmsData || null }
+
+// 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;
     }
-  ) });
-};
-var IMAGE_EXTENSIONS = ["png", "jpg", "jpeg", "webp", "gif", "svg", "avif", "bmp", "tiff", "heic"];
-var VIDEO_EXTENSIONS = ["mp4", "webm", "ogg", "avi", "mov", "quicktime"];
-var isImage = (type) => {
-  if (!type) return false;
-  const t2 = type.toLowerCase();
-  return IMAGE_EXTENSIONS.some((ext) => t2.includes(ext)) || t2.startsWith("image/");
-};
-var isVideo = (type) => {
-  if (!type) return false;
-  const t2 = type.toLowerCase();
-  return VIDEO_EXTENSIONS.some((ext) => t2.includes(ext)) || t2.startsWith("video/");
-};
-var getSizes = (size) => {
-  switch (size) {
-    case "thumbnail":
-      return "(max-width: 360px) 100vw, 360px";
-    case "medium":
-      return "(max-width: 540px) 100vw, 540px";
-    case "large":
-      return "(max-width: 720px) 100vw, 720px";
-    default:
-      return "100vw";
   }
+  return false;
 };
-var DEFAULT_BLUR_DATA_URL = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9IiNmM2Y0ZjYiLz48L3N2Zz4=";
-var TecofPicture = React__default.memo(({
-  data: data3,
-  alt = null,
-  size = "full",
-  loading = "lazy",
-  fill = false,
-  style,
-  imgStyle,
-  className,
-  imgClassName,
-  width,
-  height,
-  usePlaceholder = true,
-  blurDataURL = DEFAULT_BLUR_DATA_URL,
-  fancybox = false,
-  fancyboxName = "gallery",
-  ImageComponent,
-  imageProps = {}
-}) => {
-  const { apiClient } = useTecof();
-  const cdnUrl = apiClient.cdnUrl;
-  if (!data3) return null;
-  const buildPath = (fileName) => data3?.folder && data3.folder !== "/" ? `${data3.folder.replace(/^\//, "")}/${fileName}` : fileName;
-  const isExternal = data3?.type === "external" || data3?.provider === "external";
-  const fileURL = isExternal ? data3?.url || "" : `${cdnUrl}/${buildPath(data3?.name)}`;
-  const isImageType3 = isExternal ? true : isImage(data3?.type);
-  const isVideoType = isExternal ? false : isVideo(data3?.type);
-  if (!fileURL) return null;
-  const imgWidth = width || data3?.meta?.width || 500;
-  const imgHeight = height || data3?.meta?.height || 500;
-  const sizes = getSizes(size);
-  const renderVideo = () => /* @__PURE__ */ jsxRuntime.jsx(
-    "video",
-    {
-      src: fileURL,
-      autoPlay: true,
-      loop: true,
-      muted: true,
-      playsInline: true,
-      className: `tecof-picture-video ${imgClassName || ""}`.trim(),
-      style: imgStyle
-    }
-  );
-  const renderImg = () => {
-    const baseImgClass = fill ? "tecof-picture-img-fill" : "tecof-picture-img";
-    const computedImgClass = `${baseImgClass} ${imgClassName || ""}`.trim();
-    const altText = alt || data3?.name || "Image";
-    const commonProps = {
-      src: fileURL,
-      alt: altText,
-      loading,
-      sizes,
-      className: computedImgClass,
-      style: imgStyle
-    };
-    if (ImageComponent) {
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        ImageComponent,
-        {
-          ...commonProps,
-          width: fill ? void 0 : imgWidth,
-          height: fill ? void 0 : imgHeight,
-          ...fill ? { fill: true } : {},
-          ...imageProps
-        }
-      );
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "img",
-      {
-        ...commonProps,
-        width: fill ? void 0 : imgWidth,
-        height: fill ? void 0 : imgHeight
-      }
-    );
-  };
-  const containerClassName = `tecof-picture-wrapper ${fill ? "fill" : ""} ${className || ""}`.trim();
-  if (fancybox && (isImageType3 || isVideoType)) {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "a",
+var LucideContext = React__default.createContext({});
+var useLucideContext = () => React__default.useContext(LucideContext);
+
+// node_modules/lucide-react/dist/esm/Icon.js
+var Icon = React__default.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 React__default.createElement(
+      "svg",
       {
-        "data-fancybox": fancyboxName,
-        href: fileURL,
-        style: { display: "block", textDecoration: "none" },
-        children: /* @__PURE__ */ jsxRuntime.jsx("div", { style, className: containerClassName, children: isVideoType ? renderVideo() : renderImg() })
-      }
+        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]) => React__default.createElement(tag, attrs)),
+        ...Array.isArray(children) ? children : [children]
+      ]
     );
   }
-  if (isVideoType) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { style, className: containerClassName, children: renderVideo() });
-  }
-  if (isImageType3) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { style, className: containerClassName, children: renderImg() });
-  }
-  return null;
-});
-TecofPicture.displayName = "TecofPicture";
-var UnderConstruction = ({
-  title,
-  description,
-  subtitle,
-  logoUrl,
-  accentColor = "#2563eb"
-  // Default elegant blue
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "tecof-uc-wrapper", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("style", { dangerouslySetInnerHTML: { __html: `
-        .tecof-uc-wrapper {
-          min-height: 100vh;
-          display: flex;
-          align-items: center;
-          justify-content: center;
-          background: radial-gradient(circle at top right, rgba(37, 99, 235, 0.08) 0%, transparent 40%),
-                      radial-gradient(circle at bottom left, rgba(37, 99, 235, 0.05) 0%, transparent 50%),
-                      #090d16;
-          color: #f8fafc;
-          font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
-          padding: 2rem 1rem;
-          box-sizing: border-box;
-          position: relative;
-          overflow: hidden;
-        }
+);
 
-        /* Ambient glowing circles */
-        .tecof-uc-glow-1 {
-          position: absolute;
-          top: 20%;
-          left: 50%;
-          transform: translate(-50%, -50%);
-          width: 500px;
-          height: 500px;
-          background: ${accentColor};
-          filter: blur(150px);
-          opacity: 0.12;
-          pointer-events: none;
-          z-index: 1;
-          border-radius: 50%;
-          animation: tecof-uc-pulse 8s infinite alternate ease-in-out;
-        }
+// node_modules/lucide-react/dist/esm/createLucideIcon.js
+var createLucideIcon = (iconName, iconNode) => {
+  const Component2 = React__default.forwardRef(
+    ({ className, ...props }, ref) => React__default.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/code.js
+var __iconNode6 = [
+  ["path", { d: "m16 18 6-6-6-6", key: "eg8j8" }],
+  ["path", { d: "m8 6-6 6 6 6", key: "ppft3o" }]
+];
+var Code = createLucideIcon("code", __iconNode6);
+
+// node_modules/lucide-react/dist/esm/icons/copy.js
+var __iconNode7 = [
+  ["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", __iconNode7);
+
+// node_modules/lucide-react/dist/esm/icons/database.js
+var __iconNode8 = [
+  ["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", __iconNode8);
+
+// node_modules/lucide-react/dist/esm/icons/external-link.js
+var __iconNode9 = [
+  ["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", __iconNode9);
+
+// node_modules/lucide-react/dist/esm/icons/file-text.js
+var __iconNode10 = [
+  [
+    "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", __iconNode10);
+
+// node_modules/lucide-react/dist/esm/icons/file.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" }]
+];
+var File2 = createLucideIcon("file", __iconNode11);
+
+// node_modules/lucide-react/dist/esm/icons/folder-open.js
+var __iconNode12 = [
+  [
+    "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", __iconNode12);
 
-        .tecof-uc-container {
-          position: relative;
-          z-index: 2;
-          max-width: 540px;
-          width: 100%;
-          background: rgba(17, 24, 39, 0.55);
-          backdrop-filter: blur(20px);
-          -webkit-backdrop-filter: blur(20px);
-          border: 1px solid rgba(255, 255, 255, 0.08);
-          border-radius: 24px;
-          padding: 3.5rem 2.5rem;
-          text-align: center;
-          box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4),
-                      inset 0 1px 0 rgba(255, 255, 255, 0.1);
-          animation: tecof-uc-fade-in 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
-        }
+// node_modules/lucide-react/dist/esm/icons/globe.js
+var __iconNode13 = [
+  ["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", __iconNode13);
 
-        .tecof-uc-logo-area {
-          margin-bottom: 2.5rem;
-          display: flex;
-          justify-content: center;
-          align-items: center;
-        }
+// node_modules/lucide-react/dist/esm/icons/grip-vertical.js
+var __iconNode14 = [
+  ["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", __iconNode14);
 
-        .tecof-uc-logo {
-          max-height: 56px;
-          max-width: 200px;
-          object-fit: contain;
-          filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.2));
-        }
+// node_modules/lucide-react/dist/esm/icons/image-plus.js
+var __iconNode15 = [
+  ["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", __iconNode15);
 
-        .tecof-uc-logo-fallback {
-          font-size: 1.5rem;
-          font-weight: 700;
-          letter-spacing: -0.025em;
-          background: linear-gradient(135deg, #ffffff 0%, rgba(255, 255, 255, 0.7) 100%);
-          -webkit-background-clip: text;
-          -webkit-text-fill-color: transparent;
-        }
+// node_modules/lucide-react/dist/esm/icons/image.js
+var __iconNode16 = [
+  ["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", __iconNode16);
 
-        .tecof-uc-icon-wrapper {
-          width: 80px;
-          height: 80px;
-          border-radius: 20px;
-          background: rgba(255, 255, 255, 0.03);
-          border: 1px solid rgba(255, 255, 255, 0.08);
-          display: flex;
-          align-items: center;
-          justify-content: center;
-          margin: 0 auto 2.2rem auto;
-          color: ${accentColor};
-          box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.3);
-          position: relative;
-        }
+// node_modules/lucide-react/dist/esm/icons/languages.js
+var __iconNode17 = [
+  ["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", __iconNode17);
 
-        .tecof-uc-icon-glow {
-          position: absolute;
-          inset: -2px;
-          border-radius: 22px;
-          background: linear-gradient(135deg, ${accentColor}, transparent);
-          opacity: 0.3;
-          z-index: -1;
-          filter: blur(4px);
-        }
+// node_modules/lucide-react/dist/esm/icons/link-2.js
+var __iconNode18 = [
+  ["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", __iconNode18);
 
-        .tecof-uc-icon-wrapper svg {
-          width: 36px;
-          height: 36px;
-          stroke-width: 1.5;
-          animation: tecof-uc-float 4s ease-in-out infinite;
-        }
+// node_modules/lucide-react/dist/esm/icons/link.js
+var __iconNode19 = [
+  ["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", __iconNode19);
 
-        .tecof-uc-subtitle {
-          font-size: 0.875rem;
-          font-weight: 600;
-          text-transform: uppercase;
-          letter-spacing: 0.15em;
-          color: ${accentColor};
-          margin-bottom: 0.75rem;
-        }
+// node_modules/lucide-react/dist/esm/icons/loader-circle.js
+var __iconNode20 = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
+var LoaderCircle = createLucideIcon("loader-circle", __iconNode20);
 
-        .tecof-uc-title {
-          font-size: 2.25rem;
-          font-weight: 800;
-          line-height: 1.2;
-          letter-spacing: -0.025em;
-          color: #ffffff;
-          margin-top: 0;
-          margin-bottom: 1.25rem;
-          background: linear-gradient(to bottom, #ffffff 0%, #cbd5e1 100%);
-          -webkit-background-clip: text;
-          -webkit-text-fill-color: transparent;
-        }
+// node_modules/lucide-react/dist/esm/icons/pencil.js
+var __iconNode21 = [
+  [
+    "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", __iconNode21);
 
-        .tecof-uc-description {
-          font-size: 1.05rem;
-          line-height: 1.6;
-          color: #94a3b8;
-          margin: 0 auto 2.5rem auto;
-          max-width: 420px;
-        }
+// node_modules/lucide-react/dist/esm/icons/plus.js
+var __iconNode22 = [
+  ["path", { d: "M5 12h14", key: "1ays0h" }],
+  ["path", { d: "M12 5v14", key: "s699le" }]
+];
+var Plus = createLucideIcon("plus", __iconNode22);
 
-        .tecof-uc-divider {
-          height: 1px;
-          background: radial-gradient(circle, rgba(255,255,255,0.08) 0%, transparent 100%);
-          margin-bottom: 2rem;
-        }
+// node_modules/lucide-react/dist/esm/icons/refresh-ccw.js
+var __iconNode23 = [
+  ["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", __iconNode23);
 
-        .tecof-uc-badge {
-          display: inline-flex;
-          align-items: center;
-          gap: 0.5rem;
-          background: rgba(255, 255, 255, 0.04);
-          border: 1px solid rgba(255, 255, 255, 0.08);
-          border-radius: 99px;
-          padding: 0.5rem 1.25rem;
-          font-size: 0.825rem;
-          font-weight: 500;
-          color: #94a3b8;
-          text-decoration: none;
-          transition: all 0.2s ease-in-out;
-        }
+// node_modules/lucide-react/dist/esm/icons/refresh-cw.js
+var __iconNode24 = [
+  ["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", __iconNode24);
 
-        .tecof-uc-badge:hover {
-          background: rgba(255, 255, 255, 0.08);
-          border-color: rgba(255, 255, 255, 0.15);
-          color: #f8fafc;
-          transform: translateY(-1px);
-        }
+// node_modules/lucide-react/dist/esm/icons/rotate-ccw.js
+var __iconNode25 = [
+  ["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", __iconNode25);
 
-        .tecof-uc-badge-dot {
-          width: 6px;
-          height: 6px;
-          background-color: ${accentColor};
-          border-radius: 50%;
-          box-shadow: 0 0 10px ${accentColor};
-          animation: tecof-uc-blink 1.5s infinite alternate;
-        }
+// node_modules/lucide-react/dist/esm/icons/search.js
+var __iconNode26 = [
+  ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
+  ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
+];
+var Search = createLucideIcon("search", __iconNode26);
 
-        /* Animations */
-        @keyframes tecof-uc-pulse {
-          0% { opacity: 0.08; transform: translate(-50%, -50%) scale(0.95); }
-          100% { opacity: 0.15; transform: translate(-50%, -50%) scale(1.05); }
-        }
+// node_modules/lucide-react/dist/esm/icons/trash-2.js
+var __iconNode27 = [
+  ["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", __iconNode27);
 
-        @keyframes tecof-uc-fade-in {
-          0% { opacity: 0; transform: translateY(20px); }
-          100% { opacity: 1; transform: translateY(0); }
+// node_modules/lucide-react/dist/esm/icons/upload.js
+var __iconNode28 = [
+  ["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", __iconNode28);
+
+// node_modules/lucide-react/dist/esm/icons/x.js
+var __iconNode29 = [
+  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
+  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
+];
+var X = createLucideIcon("x", __iconNode29);
+var EMPTY_PAGE = { content: [], root: { props: {} }, zones: {} };
+var ComponentDrawerItem = ({
+  name: name3,
+  apiClient,
+  children
+}) => {
+  const [imgSrc, setImgSrc] = React__default.useState(null);
+  const [loading, setLoading] = React__default.useState(false);
+  const [error2, setError] = React__default.useState(false);
+  const fetchedRef = React__default.useRef(false);
+  const handleMouseEnter = React__default.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__ */ jsxRuntime.jsxs("div", { className: "tecof-drawer-item-group group", onMouseEnter: handleMouseEnter, children: [
+    children,
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "tecof-drawer-popover", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "tecof-drawer-popover-header", children: [
+        name3,
+        " \xD6nizleme"
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "tecof-drawer-popover-body", children: [
+        (loading || !imgSrc && !error2) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tecof-drawer-skeleton" }),
+        imgSrc && /* @__PURE__ */ jsxRuntime.jsx(
+          "img",
+          {
+            src: imgSrc,
+            alt: `${name3} preview`,
+            className: "tecof-drawer-img"
+          }
+        ),
+        error2 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tecof-drawer-preview-error", children: "\xD6nizleme y\xFCklenemedi" })
+      ] })
+    ] })
+  ] });
+};
+var AutoFieldsOnSelect = () => {
+  const { selectedItem, dispatch } = core.usePuck();
+  const prevSelectedRef = React__default.useRef(null);
+  React__default.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 } = core.usePuck();
+  const canMoveUp = React__default.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 = React__default.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 = React__default.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
+          }
         }
-
-        @keyframes tecof-uc-float {
-          0% { transform: translateY(0px) rotate(0deg); }
-          50% { transform: translateY(-5px) rotate(3deg); }
-          100% { transform: translateY(0px) rotate(0deg); }
+      });
+      dispatch({
+        type: "setUi",
+        ui: {
+          itemSelector: {
+            index: targetIndex,
+            zone
+          }
         }
-
-        @keyframes tecof-uc-blink {
-          0% { opacity: 0.3; }
-          100% { opacity: 1; }
+      });
+    } else {
+      dispatch({
+        type: "setData",
+        data: {
+          ...appState.data,
+          content: items
         }
-
-        @media (max-width: 640px) {
-          .tecof-uc-container {
-            padding: 2.5rem 1.5rem;
-            border-radius: 20px;
-          }
-          .tecof-uc-title {
-            font-size: 1.75rem;
-          }
-          .tecof-uc-description {
-            font-size: 0.95rem;
-            margin-bottom: 2rem;
+      });
+      dispatch({
+        type: "setUi",
+        ui: {
+          itemSelector: {
+            index: targetIndex
           }
         }
-      ` } }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tecof-uc-glow-1" }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "tecof-uc-container", children: [
-      logoUrl ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tecof-uc-logo-area", children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: logoUrl, alt: "Store Logo", className: "tecof-uc-logo" }) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tecof-uc-logo-area", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tecof-uc-logo-fallback", children: "TECOF" }) }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "tecof-uc-icon-wrapper", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tecof-uc-icon-glow" }),
-        /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z", strokeLinecap: "round", strokeLinejoin: "round" }) })
-      ] }),
-      subtitle && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tecof-uc-subtitle", children: subtitle }),
-      /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "tecof-uc-title", children: title }),
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "tecof-uc-description", children: description }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tecof-uc-divider" }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "tecof-uc-badge", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "tecof-uc-badge-dot" }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Yap\u0131m A\u015Famas\u0131nda" })
-      ] })
-    ] })
-  ] });
+      });
+    }
+  }, [selectedItem, getSelectorForId, appState.data, dispatch]);
+  return /* @__PURE__ */ jsxRuntime.jsx(core.ActionBar, { label, children: /* @__PURE__ */ jsxRuntime.jsxs(core.ActionBar.Group, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(core.ActionBar.Action, { onClick: () => handleMove("up"), disabled: !canMoveUp, label: "Yukar\u0131 Ta\u015F\u0131", children: /* @__PURE__ */ jsxRuntime.jsx(ArrowUp, { size: 14 }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(core.ActionBar.Action, { onClick: () => handleMove("down"), disabled: !canMoveDown, label: "A\u015Fa\u011F\u0131 Ta\u015F\u0131", children: /* @__PURE__ */ jsxRuntime.jsx(ArrowDown, { size: 14 }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(core.ActionBar.Separator, {}),
+    children
+  ] }) });
 };
-var merchantInfoCache = /* @__PURE__ */ new Map();
-var CACHE_TTL = 5 * 60 * 1e3;
-function useLanguages() {
-  const { apiClient, secretKey, apiUrl } = useTecof();
-  const [merchantInfo, setMerchantInfo] = React__default.useState(null);
+var TecofEditor = ({
+  pageId,
+  config: config3,
+  accessToken,
+  onSave,
+  onChange,
+  overrides,
+  plugins: extraPlugins,
+  className
+}) => {
+  const { apiClient, secretKey } = useTecof();
+  const [initialData, setInitialData] = React__default.useState(null);
   const [loading, setLoading] = React__default.useState(true);
-  const [error2, setError] = React__default.useState(null);
-  const [activeTab, setActiveTab] = React__default.useState("");
-  const cacheKey = React__default.useMemo(() => `${apiUrl}::${secretKey}`, [apiUrl, secretKey]);
+  const [saving, setSaving] = React__default.useState(false);
+  const [saveStatus, setSaveStatus] = React__default.useState("idle");
+  const [searchQuery, setSearchQuery] = React__default.useState("");
+  const draftDataRef = React__default.useRef(null);
+  const isEmbedded = typeof window !== "undefined" && window.parent !== window;
   React__default.useEffect(() => {
     let cancelled = false;
-    const fetchInfo = async () => {
-      const cached = merchantInfoCache.get(cacheKey);
-      if (cached && Date.now() - cached.ts < CACHE_TTL) {
-        setMerchantInfo(cached.data);
-        if (!activeTab) setActiveTab(cached.data.defaultLanguage);
-        setLoading(false);
-        return;
+    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 = React__default.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 = React__default.useCallback(
+    (data3) => {
+      draftDataRef.current = data3;
+      const draftData = data3;
+      onChange?.(draftData);
+      if (isEmbedded) window.parent.postMessage({ type: "puck:changed" }, "*");
+    },
+    [onChange, isEmbedded]
+  );
+  const handlePuckPublish = React__default.useCallback(
+    (data3) => {
+      handleSaveDraft(data3);
+    },
+    [handleSaveDraft]
+  );
+  React__default.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]);
+  React__default.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]);
+  if (loading || !initialData) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `tecof-editor-loading ${className || ""}`.trim(), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "tecof-editor-loading-inner", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tecof-editor-spinner" }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "tecof-editor-loading-text", children: "Loading editor..." })
+    ] }) });
+  }
+  const plugins = [
+    { ...core.blocksPlugin(), label: "Bloklar" },
+    { ...core.outlinePlugin(), label: "Anahat" },
+    { ...core.fieldsPlugin({ desktopSideBar: "right" }), label: "Alanlar" },
+    ...extraPlugins || []
+  ];
+  const mergedOverrides = {
+    header: () => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {}),
+    drawer: ({ children }) => {
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "tecof-drawer-wrapper-layout", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tecof-drawer-search-wrapper", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "tecof-drawer-search-box", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Search, { size: 14, color: "#71717a" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              type: "text",
+              placeholder: "Blok ara...",
+              value: searchQuery,
+              onChange: (e3) => setSearchQuery(e3.target.value),
+              className: "tecof-drawer-search-input"
+            }
+          ),
+          searchQuery && /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => setSearchQuery(""),
+              className: "tecof-drawer-clear-btn",
+              title: "Temizle",
+              children: /* @__PURE__ */ jsxRuntime.jsx(X, { size: 14 })
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tecof-drawer-list-layout", children })
+      ] });
+    },
+    drawerItem: ({ children, name: name3 }) => {
+      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__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {});
+        }
       }
-      setLoading(true);
-      setError(null);
-      const res2 = await apiClient.getMerchantInfo();
-      if (cancelled) return;
-      if (res2.success && res2.data) {
-        merchantInfoCache.set(cacheKey, { data: res2.data, ts: Date.now() });
-        setMerchantInfo(res2.data);
-        if (!activeTab) setActiveTab(res2.data.defaultLanguage);
-      } else {
-        setError(res2.message || "Failed to load languages");
-        const fallback = { languages: ["tr"], defaultLanguage: "tr" };
-        setMerchantInfo(fallback);
-        if (!activeTab) setActiveTab("tr");
+      return /* @__PURE__ */ jsxRuntime.jsx(ComponentDrawerItem, { name: name3, apiClient, children });
+    },
+    actionBar: ({ children, label }) => {
+      return /* @__PURE__ */ jsxRuntime.jsx(CustomActionBar, { label, children });
+    },
+    puck: ({ children }) => {
+      return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(AutoFieldsOnSelect, {}),
+        children
+      ] });
+    },
+    ...overrides || {}
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `tecof-editor-wrapper ${className || ""}`.trim(), children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      core.Puck,
+      {
+        plugins,
+        config: config3,
+        data: initialData,
+        onPublish: handlePuckPublish,
+        onChange: handleChange,
+        overrides: mergedOverrides,
+        metadata: { editMode: true }
       }
-      setLoading(false);
-    };
-    fetchInfo();
-    return () => {
-      cancelled = true;
-    };
-  }, [apiClient, cacheKey]);
-  return { merchantInfo, loading, error: error2, activeTab, setActiveTab };
-}
-
-// 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"
+    ),
+    saving && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tecof-editor-save-indicator", children: saveStatus === "error" ? "Save failed" : "Saving..." })
+  ] });
 };
-
-// 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;
+var TecofRender = ({ data: data3, config: config3, className, cmsData }) => {
+  if (!data3) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className, children: /* @__PURE__ */ jsxRuntime.jsx(
+    core.Render,
+    {
+      config: config3,
+      data: data3,
+      metadata: { cmsData: cmsData || null }
     }
-  }
-  return false;
+  ) });
 };
-var LucideContext = React__default.createContext({});
-var useLucideContext = () => React__default.useContext(LucideContext);
-
-// node_modules/lucide-react/dist/esm/Icon.js
-var Icon = React__default.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 React__default.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]) => React__default.createElement(tag, attrs)),
-        ...Array.isArray(children) ? children : [children]
-      ]
-    );
+var IMAGE_EXTENSIONS = ["png", "jpg", "jpeg", "webp", "gif", "svg", "avif", "bmp", "tiff", "heic"];
+var VIDEO_EXTENSIONS = ["mp4", "webm", "ogg", "avi", "mov", "quicktime"];
+var isImage = (type) => {
+  if (!type) return false;
+  const t2 = type.toLowerCase();
+  return IMAGE_EXTENSIONS.some((ext) => t2.includes(ext)) || t2.startsWith("image/");
+};
+var isVideo = (type) => {
+  if (!type) return false;
+  const t2 = type.toLowerCase();
+  return VIDEO_EXTENSIONS.some((ext) => t2.includes(ext)) || t2.startsWith("video/");
+};
+var getSizes = (size) => {
+  switch (size) {
+    case "thumbnail":
+      return "(max-width: 360px) 100vw, 360px";
+    case "medium":
+      return "(max-width: 540px) 100vw, 540px";
+    case "large":
+      return "(max-width: 720px) 100vw, 720px";
+    default:
+      return "100vw";
   }
-);
-
-// node_modules/lucide-react/dist/esm/createLucideIcon.js
-var createLucideIcon = (iconName, iconNode) => {
-  const Component2 = React__default.forwardRef(
-    ({ className, ...props }, ref) => React__default.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/check.js
-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 __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 __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", __iconNode4);
-
-// node_modules/lucide-react/dist/esm/icons/copy.js
-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", __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 __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", __iconNode7);
-
-// node_modules/lucide-react/dist/esm/icons/file-text.js
-var __iconNode8 = [
-  [
-    "path",
+var DEFAULT_BLUR_DATA_URL = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9IiNmM2Y0ZjYiLz48L3N2Zz4=";
+var TecofPicture = React__default.memo(({
+  data: data3,
+  alt = null,
+  size = "full",
+  loading = "lazy",
+  fill = false,
+  style,
+  imgStyle,
+  className,
+  imgClassName,
+  width,
+  height,
+  usePlaceholder = true,
+  blurDataURL = DEFAULT_BLUR_DATA_URL,
+  fancybox = false,
+  fancyboxName = "gallery",
+  ImageComponent,
+  imageProps = {}
+}) => {
+  const { apiClient } = useTecof();
+  const cdnUrl = apiClient.cdnUrl;
+  if (!data3) return null;
+  const buildPath = (fileName) => data3?.folder && data3.folder !== "/" ? `${data3.folder.replace(/^\//, "")}/${fileName}` : fileName;
+  const isExternal = data3?.type === "external" || data3?.provider === "external";
+  const fileURL = isExternal ? data3?.url || "" : `${cdnUrl}/${buildPath(data3?.name)}`;
+  const isImageType3 = isExternal ? true : isImage(data3?.type);
+  const isVideoType = isExternal ? false : isVideo(data3?.type);
+  if (!fileURL) return null;
+  const imgWidth = width || data3?.meta?.width || 500;
+  const imgHeight = height || data3?.meta?.height || 500;
+  const sizes = getSizes(size);
+  const renderVideo = () => /* @__PURE__ */ jsxRuntime.jsx(
+    "video",
     {
-      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"
+      src: fileURL,
+      autoPlay: true,
+      loop: true,
+      muted: true,
+      playsInline: true,
+      className: `tecof-picture-video ${imgClassName || ""}`.trim(),
+      style: imgStyle
+    }
+  );
+  const renderImg = () => {
+    const baseImgClass = fill ? "tecof-picture-img-fill" : "tecof-picture-img";
+    const computedImgClass = `${baseImgClass} ${imgClassName || ""}`.trim();
+    const altText = alt || data3?.name || "Image";
+    const commonProps = {
+      src: fileURL,
+      alt: altText,
+      loading,
+      sizes,
+      className: computedImgClass,
+      style: imgStyle
+    };
+    if (ImageComponent) {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        ImageComponent,
+        {
+          ...commonProps,
+          width: fill ? void 0 : imgWidth,
+          height: fill ? void 0 : imgHeight,
+          ...fill ? { fill: true } : {},
+          ...imageProps
+        }
+      );
     }
-  ],
-  ["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", __iconNode8);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "img",
+      {
+        ...commonProps,
+        width: fill ? void 0 : imgWidth,
+        height: fill ? void 0 : imgHeight
+      }
+    );
+  };
+  const containerClassName = `tecof-picture-wrapper ${fill ? "fill" : ""} ${className || ""}`.trim();
+  if (fancybox && (isImageType3 || isVideoType)) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "a",
+      {
+        "data-fancybox": fancyboxName,
+        href: fileURL,
+        style: { display: "block", textDecoration: "none" },
+        children: /* @__PURE__ */ jsxRuntime.jsx("div", { style, className: containerClassName, children: isVideoType ? renderVideo() : renderImg() })
+      }
+    );
+  }
+  if (isVideoType) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { style, className: containerClassName, children: renderVideo() });
+  }
+  if (isImageType3) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { style, className: containerClassName, children: renderImg() });
+  }
+  return null;
+});
+TecofPicture.displayName = "TecofPicture";
+var UnderConstruction = ({
+  title,
+  description,
+  subtitle,
+  logoUrl,
+  accentColor = "#2563eb"
+  // Default elegant blue
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "tecof-uc-wrapper", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("style", { dangerouslySetInnerHTML: { __html: `
+        .tecof-uc-wrapper {
+          min-height: 100vh;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          background: radial-gradient(circle at top right, rgba(37, 99, 235, 0.08) 0%, transparent 40%),
+                      radial-gradient(circle at bottom left, rgba(37, 99, 235, 0.05) 0%, transparent 50%),
+                      #090d16;
+          color: #f8fafc;
+          font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+          padding: 2rem 1rem;
+          box-sizing: border-box;
+          position: relative;
+          overflow: hidden;
+        }
 
-// node_modules/lucide-react/dist/esm/icons/file.js
-var __iconNode9 = [
-  [
-    "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", __iconNode9);
+        /* Ambient glowing circles */
+        .tecof-uc-glow-1 {
+          position: absolute;
+          top: 20%;
+          left: 50%;
+          transform: translate(-50%, -50%);
+          width: 500px;
+          height: 500px;
+          background: ${accentColor};
+          filter: blur(150px);
+          opacity: 0.12;
+          pointer-events: none;
+          z-index: 1;
+          border-radius: 50%;
+          animation: tecof-uc-pulse 8s infinite alternate ease-in-out;
+        }
 
-// node_modules/lucide-react/dist/esm/icons/folder-open.js
-var __iconNode10 = [
-  [
-    "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", __iconNode10);
+        .tecof-uc-container {
+          position: relative;
+          z-index: 2;
+          max-width: 540px;
+          width: 100%;
+          background: rgba(17, 24, 39, 0.55);
+          backdrop-filter: blur(20px);
+          -webkit-backdrop-filter: blur(20px);
+          border: 1px solid rgba(255, 255, 255, 0.08);
+          border-radius: 24px;
+          padding: 3.5rem 2.5rem;
+          text-align: center;
+          box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4),
+                      inset 0 1px 0 rgba(255, 255, 255, 0.1);
+          animation: tecof-uc-fade-in 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
+        }
 
-// node_modules/lucide-react/dist/esm/icons/globe.js
-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", __iconNode11);
+        .tecof-uc-logo-area {
+          margin-bottom: 2.5rem;
+          display: flex;
+          justify-content: center;
+          align-items: center;
+        }
 
-// 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);
+        .tecof-uc-logo {
+          max-height: 56px;
+          max-width: 200px;
+          object-fit: contain;
+          filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.2));
+        }
 
-// node_modules/lucide-react/dist/esm/icons/image-plus.js
-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", __iconNode13);
+        .tecof-uc-logo-fallback {
+          font-size: 1.5rem;
+          font-weight: 700;
+          letter-spacing: -0.025em;
+          background: linear-gradient(135deg, #ffffff 0%, rgba(255, 255, 255, 0.7) 100%);
+          -webkit-background-clip: text;
+          -webkit-text-fill-color: transparent;
+        }
 
-// node_modules/lucide-react/dist/esm/icons/image.js
-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", __iconNode14);
+        .tecof-uc-icon-wrapper {
+          width: 80px;
+          height: 80px;
+          border-radius: 20px;
+          background: rgba(255, 255, 255, 0.03);
+          border: 1px solid rgba(255, 255, 255, 0.08);
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          margin: 0 auto 2.2rem auto;
+          color: ${accentColor};
+          box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.3);
+          position: relative;
+        }
 
-// node_modules/lucide-react/dist/esm/icons/languages.js
-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" }],
-  ["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", __iconNode15);
+        .tecof-uc-icon-glow {
+          position: absolute;
+          inset: -2px;
+          border-radius: 22px;
+          background: linear-gradient(135deg, ${accentColor}, transparent);
+          opacity: 0.3;
+          z-index: -1;
+          filter: blur(4px);
+        }
 
-// 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);
+        .tecof-uc-icon-wrapper svg {
+          width: 36px;
+          height: 36px;
+          stroke-width: 1.5;
+          animation: tecof-uc-float 4s ease-in-out infinite;
+        }
 
-// node_modules/lucide-react/dist/esm/icons/link.js
-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", __iconNode17);
+        .tecof-uc-subtitle {
+          font-size: 0.875rem;
+          font-weight: 600;
+          text-transform: uppercase;
+          letter-spacing: 0.15em;
+          color: ${accentColor};
+          margin-bottom: 0.75rem;
+        }
 
-// node_modules/lucide-react/dist/esm/icons/loader-circle.js
-var __iconNode18 = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
-var LoaderCircle = createLucideIcon("loader-circle", __iconNode18);
+        .tecof-uc-title {
+          font-size: 2.25rem;
+          font-weight: 800;
+          line-height: 1.2;
+          letter-spacing: -0.025em;
+          color: #ffffff;
+          margin-top: 0;
+          margin-bottom: 1.25rem;
+          background: linear-gradient(to bottom, #ffffff 0%, #cbd5e1 100%);
+          -webkit-background-clip: text;
+          -webkit-text-fill-color: transparent;
+        }
+
+        .tecof-uc-description {
+          font-size: 1.05rem;
+          line-height: 1.6;
+          color: #94a3b8;
+          margin: 0 auto 2.5rem auto;
+          max-width: 420px;
+        }
 
-// node_modules/lucide-react/dist/esm/icons/pencil.js
-var __iconNode19 = [
-  [
-    "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", __iconNode19);
+        .tecof-uc-divider {
+          height: 1px;
+          background: radial-gradient(circle, rgba(255,255,255,0.08) 0%, transparent 100%);
+          margin-bottom: 2rem;
+        }
 
-// 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);
+        .tecof-uc-badge {
+          display: inline-flex;
+          align-items: center;
+          gap: 0.5rem;
+          background: rgba(255, 255, 255, 0.04);
+          border: 1px solid rgba(255, 255, 255, 0.08);
+          border-radius: 99px;
+          padding: 0.5rem 1.25rem;
+          font-size: 0.825rem;
+          font-weight: 500;
+          color: #94a3b8;
+          text-decoration: none;
+          transition: all 0.2s ease-in-out;
+        }
 
-// node_modules/lucide-react/dist/esm/icons/refresh-ccw.js
-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", __iconNode21);
+        .tecof-uc-badge:hover {
+          background: rgba(255, 255, 255, 0.08);
+          border-color: rgba(255, 255, 255, 0.15);
+          color: #f8fafc;
+          transform: translateY(-1px);
+        }
 
-// 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);
+        .tecof-uc-badge-dot {
+          width: 6px;
+          height: 6px;
+          background-color: ${accentColor};
+          border-radius: 50%;
+          box-shadow: 0 0 10px ${accentColor};
+          animation: tecof-uc-blink 1.5s infinite alternate;
+        }
 
-// node_modules/lucide-react/dist/esm/icons/rotate-ccw.js
-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", __iconNode23);
+        /* Animations */
+        @keyframes tecof-uc-pulse {
+          0% { opacity: 0.08; transform: translate(-50%, -50%) scale(0.95); }
+          100% { opacity: 0.15; transform: translate(-50%, -50%) scale(1.05); }
+        }
 
-// node_modules/lucide-react/dist/esm/icons/search.js
-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", __iconNode24);
+        @keyframes tecof-uc-fade-in {
+          0% { opacity: 0; transform: translateY(20px); }
+          100% { opacity: 1; transform: translateY(0); }
+        }
 
-// node_modules/lucide-react/dist/esm/icons/trash-2.js
-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", __iconNode25);
+        @keyframes tecof-uc-float {
+          0% { transform: translateY(0px) rotate(0deg); }
+          50% { transform: translateY(-5px) rotate(3deg); }
+          100% { transform: translateY(0px) rotate(0deg); }
+        }
 
-// node_modules/lucide-react/dist/esm/icons/upload.js
-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", __iconNode26);
+        @keyframes tecof-uc-blink {
+          0% { opacity: 0.3; }
+          100% { opacity: 1; }
+        }
 
-// node_modules/lucide-react/dist/esm/icons/x.js
-var __iconNode27 = [
-  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
-  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
-];
-var X = createLucideIcon("x", __iconNode27);
+        @media (max-width: 640px) {
+          .tecof-uc-container {
+            padding: 2.5rem 1.5rem;
+            border-radius: 20px;
+          }
+          .tecof-uc-title {
+            font-size: 1.75rem;
+          }
+          .tecof-uc-description {
+            font-size: 0.95rem;
+            margin-bottom: 2rem;
+          }
+        }
+      ` } }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tecof-uc-glow-1" }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "tecof-uc-container", children: [
+      logoUrl ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tecof-uc-logo-area", children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: logoUrl, alt: "Store Logo", className: "tecof-uc-logo" }) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tecof-uc-logo-area", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tecof-uc-logo-fallback", children: "TECOF" }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "tecof-uc-icon-wrapper", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tecof-uc-icon-glow" }),
+        /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z", strokeLinecap: "round", strokeLinejoin: "round" }) })
+      ] }),
+      subtitle && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tecof-uc-subtitle", children: subtitle }),
+      /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "tecof-uc-title", children: title }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "tecof-uc-description", children: description }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tecof-uc-divider" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "tecof-uc-badge", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "tecof-uc-badge-dot" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Yap\u0131m A\u015Famas\u0131nda" })
+      ] })
+    ] })
+  ] });
+};
+var merchantInfoCache = /* @__PURE__ */ new Map();
+var CACHE_TTL = 5 * 60 * 1e3;
+function useLanguages() {
+  const { apiClient, secretKey, apiUrl } = useTecof();
+  const [merchantInfo, setMerchantInfo] = React__default.useState(null);
+  const [loading, setLoading] = React__default.useState(true);
+  const [error2, setError] = React__default.useState(null);
+  const [activeTab, setActiveTab] = React__default.useState("");
+  const cacheKey = React__default.useMemo(() => `${apiUrl}::${secretKey}`, [apiUrl, secretKey]);
+  React__default.useEffect(() => {
+    let cancelled = false;
+    const fetchInfo = async () => {
+      const cached = merchantInfoCache.get(cacheKey);
+      if (cached && Date.now() - cached.ts < CACHE_TTL) {
+        setMerchantInfo(cached.data);
+        if (!activeTab) setActiveTab(cached.data.defaultLanguage);
+        setLoading(false);
+        return;
+      }
+      setLoading(true);
+      setError(null);
+      const res2 = await apiClient.getMerchantInfo();
+      if (cancelled) return;
+      if (res2.success && res2.data) {
+        merchantInfoCache.set(cacheKey, { data: res2.data, ts: Date.now() });
+        setMerchantInfo(res2.data);
+        if (!activeTab) setActiveTab(res2.data.defaultLanguage);
+      } else {
+        setError(res2.message || "Failed to load languages");
+        const fallback = { languages: ["tr"], defaultLanguage: "tr" };
+        setMerchantInfo(fallback);
+        if (!activeTab) setActiveTab("tr");
+      }
+      setLoading(false);
+    };
+    fetchInfo();
+    return () => {
+      cancelled = true;
+    };
+  }, [apiClient, cacheKey]);
+  return { merchantInfo, loading, error: error2, activeTab, setActiveTab };
+}
 var FieldErrorBoundary = class extends React__default.Component {
   constructor(props) {
     super(props);
@@ -5179,7 +5328,7 @@ var MediaDrawer = ({
                     alt: file2.name,
                     size: "thumbnail",
                     className: "tecof-upload-gallery-thumb",
-                    imgStyle: { width: "100%", height: "100%", objectFit: "cover", borderRadius: "6px" }
+                    imgStyle: { width: "100%", height: "100%", objectFit: "cover", borderRadius: "8px" }
                   }
                 ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tecof-upload-gallery-thumb tecof-upload-gallery-file-icon-wrap", children: /* @__PURE__ */ jsxRuntime.jsx(File2, { size: 24, color: "#a1a1aa" }) }),
                 /* @__PURE__ */ jsxRuntime.jsx("p", { className: "tecof-upload-gallery-file-name", children: file2.meta?.originalName || file2.name })
@@ -23057,16 +23206,16 @@ var FileItemRenderer = ({
   `${cdnUrl}/${file2.name}`;
   const ext = getFileExtension(file2.name);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "tecof-upload-file-item", children: [
-    file2.type === "image/reference" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tecof-upload-file-icon", style: { backgroundColor: "#eef2ff", color: "#4f46e5" }, children: /* @__PURE__ */ jsxRuntime.jsx(Code, { size: 20 }) }) : isImageType2(file2.type) ? /* @__PURE__ */ jsxRuntime.jsx(
+    file2.type === "image/reference" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tecof-upload-file-icon", style: { backgroundColor: "#f4f4f5", color: "#18181b" }, children: /* @__PURE__ */ jsxRuntime.jsx(Code, { size: 16 }) }) : isImageType2(file2.type) ? /* @__PURE__ */ jsxRuntime.jsx(
       TecofPicture,
       {
         data: file2,
         alt: file2.meta?.originalName || file2.name,
         size: "thumbnail",
         className: "tecof-upload-file-thumb",
-        imgStyle: { width: "100%", height: "100%", objectFit: "cover", borderRadius: "10px" }
+        imgStyle: { width: "100%", height: "100%", objectFit: "cover", borderRadius: "6px" }
       }
-    ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tecof-upload-file-icon", children: /* @__PURE__ */ jsxRuntime.jsx(File2, { size: 20 }) }),
+    ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tecof-upload-file-icon", children: /* @__PURE__ */ jsxRuntime.jsx(File2, { size: 16 }) }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "tecof-upload-file-info", children: [
       /* @__PURE__ */ jsxRuntime.jsx("p", { className: "tecof-upload-file-name", title: file2.meta?.originalName || file2.name, children: file2.meta?.originalName || file2.name }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "tecof-upload-file-meta", children: [
@@ -23195,10 +23344,6 @@ var UploadField = ({
   const [drawerOpen, setDrawerOpen] = React__default.useState(false);
   const [showRefInput, setShowRefInput] = React__default.useState(false);
   const [refCode, setRefCode] = React__default.useState("{{ data. }}");
-  const [galleryFiles, setGalleryFiles] = React__default.useState([]);
-  const [loading, setLoading] = React__default.useState(false);
-  const [refreshKey, setRefreshKey] = React__default.useState(0);
-  const [gallerySearch, setGallerySearch] = React__default.useState("");
   const sourceToIdRef = React__default.useRef(/* @__PURE__ */ new Map());
   const compressFile = React__default.useCallback(async (file2) => {
     if (!imageCompressionEnabled) return file2;
@@ -23255,16 +23400,6 @@ var UploadField = ({
     setShowRefInput(false);
     setRefCode("{{ data. }}");
   }, [refCode, allowMultiple, value, onChange]);
-  React__default.useEffect(() => {
-    if (!drawerOpen) return;
-    setLoading(true);
-    apiClient.getUploads(1, 100).then((res2) => {
-      if (res2.success && res2.data) {
-        setGalleryFiles(res2.data);
-      }
-      setLoading(false);
-    }).catch(() => setLoading(false));
-  }, [drawerOpen, refreshKey, apiClient]);
   const toggleGalleryFile = React__default.useCallback((file2) => {
     if (allowMultiple) {
       const exists = value.some((f2) => f2._id === file2._id);
@@ -23337,9 +23472,6 @@ var UploadField = ({
     }
   };
   const canAddMore = allowMultiple ? value.length < maxFiles : value.length === 0;
-  const filteredGallery = gallerySearch.trim() ? galleryFiles.filter(
-    (f2) => f2.name?.toLowerCase().includes(gallerySearch.toLowerCase()) || f2.meta?.originalName?.toLowerCase().includes(gallerySearch.toLowerCase())
-  ) : galleryFiles;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "tecof-upload-container", children: [
     value.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "tecof-upload-file-list", children: [
       showUploadedFiles && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "tecof-upload-uploaded-header", children: [
@@ -23357,52 +23489,50 @@ var UploadField = ({
         file2._id || idx
       ))
     ] }),
-    value.length === 0 && !readOnly && canAddMore && !showPond && /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        className: "tecof-upload-empty-state",
-        onClick: () => setDrawerOpen(true),
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tecof-upload-empty-icon", children: /* @__PURE__ */ jsxRuntime.jsx(ImagePlus, { size: 22 }) }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "tecof-upload-empty-title", children: "Dosya ekleyin" }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "tecof-upload-empty-desc", children: "Medya k\xFCt\xFCphanesinden se\xE7in veya yeni y\xFCkleyin" })
-        ]
-      }
-    ),
+    value.length === 0 && !readOnly && canAddMore && !showPond && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          className: "tecof-upload-empty-state",
+          onClick: () => setDrawerOpen(true),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tecof-upload-empty-icon", children: /* @__PURE__ */ jsxRuntime.jsx(ImagePlus, { size: 16 }) }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "tecof-upload-empty-title", children: "Dosya ekleyin" }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "tecof-upload-empty-desc", children: "Medya k\xFCt\xFCphanesinden se\xE7in veya yeni y\xFCkleyin" })
+          ]
+        }
+      ),
+      !showRefInput && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "tecof-upload-main-actions", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", className: "tecof-upload-btn-secondary", onClick: () => setShowRefInput(true), children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Code, { size: 13 }),
+          " Referans Gir"
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", className: "tecof-upload-btn-primary", onClick: () => setShowPond(true), children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Upload, { size: 13 }),
+          " Yeni Y\xFCkle"
+        ] })
+      ] })
+    ] }),
     !readOnly && canAddMore && !showPond && value.length > 0 && !showRefInput && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "tecof-upload-main-actions", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", className: "tecof-upload-btn-secondary", onClick: () => setShowRefInput(true), children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Code, { size: 15 }),
+        /* @__PURE__ */ jsxRuntime.jsx(Code, { size: 13 }),
         " Referans"
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", className: "tecof-upload-btn-secondary", onClick: () => setDrawerOpen(true), children: [
-        /* @__PURE__ */ jsxRuntime.jsx(FolderOpen, { size: 15 }),
-        " Medya Se\xE7"
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", className: "tecof-upload-btn-primary", onClick: () => setShowPond(true), children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Upload, { size: 15 }),
-        " Yeni Y\xFCkle"
-      ] })
-    ] }),
-    value.length === 0 && !readOnly && canAddMore && !showPond && !showRefInput && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "tecof-upload-main-actions", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", className: "tecof-upload-btn-secondary", onClick: () => setShowRefInput(true), children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Code, { size: 15 }),
-        " Dinamik Referans Se\xE7"
+        /* @__PURE__ */ jsxRuntime.jsx(FolderOpen, { size: 13 }),
+        " K\xFCt\xFCphane"
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", className: "tecof-upload-btn-primary", onClick: () => setShowPond(true), children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Upload, { size: 15 }),
-        " Yeni Y\xFCkle"
+        /* @__PURE__ */ jsxRuntime.jsx(Upload, { size: 13 }),
+        " Y\xFCkle"
       ] })
     ] }),
-    showRefInput && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "tecof-upload-ref-section", style: { background: "#f8fafc", padding: "12px", borderRadius: "8px", border: "1px solid #e2e8f0", marginTop: "10px" }, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: "8px" }, children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { fontSize: "12px", fontWeight: 500, color: "#475569" }, children: [
-          "Dinamik CMS De\u011Fi\u015Fkeni (\xD6rn: ",
-          `{{ data.image }}`,
-          ")"
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: () => setShowRefInput(false), style: { background: "none", border: "none", cursor: "pointer", color: "#64748b" }, children: /* @__PURE__ */ jsxRuntime.jsx(X, { size: 14 }) })
+    showRefInput && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "tecof-upload-ref-section", style: { background: "#ffffff", padding: "10px", borderRadius: "8px", border: "1px solid #e4e4e7", display: "flex", flexDirection: "column", gap: "8px", marginTop: "4px" }, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between" }, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: "11px", fontWeight: 500, color: "#71717a" }, children: "Dinamik CMS De\u011Fi\u015Fkeni" }),
+        /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: () => setShowRefInput(false), style: { background: "none", border: "none", cursor: "pointer", color: "#a1a1aa", padding: 0 }, children: /* @__PURE__ */ jsxRuntime.jsx(X, { size: 12 }) })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", gap: "8px" }, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", gap: "6px" }, children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           "input",
           {
@@ -23410,7 +23540,7 @@ var UploadField = ({
             value: refCode,
             onChange: (e3) => setRefCode(e3.target.value),
             placeholder: "{{ data. }}",
-            style: { flex: 1, padding: "8px 10px", fontSize: "13px", borderRadius: "6px", border: "1px solid #cbd5e1", outline: "none" },
+            style: { flex: 1, padding: "6px 8px", fontSize: "12px", borderRadius: "6px", border: "1px solid #cbd5e1", outline: "none" },
             autoFocus: true,
             onKeyDown: (e3) => {
               if (e3.key === "Enter") {
@@ -23425,7 +23555,7 @@ var UploadField = ({
           {
             type: "button",
             onClick: handleAddRef,
-            style: { padding: "0 12px", background: "#4f46e5", color: "#fff", fontSize: "12px", fontWeight: 500, borderRadius: "6px", border: "none", cursor: "pointer" },
+            style: { padding: "0 10px", background: "#18181b", color: "#fff", fontSize: "11px", fontWeight: 500, borderRadius: "6px", border: "none", cursor: "pointer" },
             children: "Ekle"
           }
         )
@@ -23469,97 +23599,18 @@ var UploadField = ({
         }
       ) })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(Drawer.Root, { open: drawerOpen, onOpenChange: (open) => {
-      setDrawerOpen(open);
-      if (!open) setGallerySearch("");
-    }, children: /* @__PURE__ */ jsxRuntime.jsxs(Drawer.Portal, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(Drawer.Overlay, { className: "tecof-upload-drawer-overlay" }),
-      /* @__PURE__ */ jsxRuntime.jsxs(Drawer.Content, { className: "tecof-upload-drawer-content", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Drawer.Title, { className: "tecof-sr-only", children: "Medya Y\xF6neticisi" }),
-        /* @__PURE__ */ jsxRuntime.jsx(Drawer.Description, { className: "tecof-sr-only", children: "Sunucudaki dosyalardan birini se\xE7in veya yeni dosya y\xFCkleyin" }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tecof-upload-drawer-handle" }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "tecof-upload-drawer-inner", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "tecof-upload-drawer-header", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "tecof-upload-drawer-title", children: "Medya K\xFCt\xFCphanesi" }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "tecof-upload-drawer-header-actions", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                "button",
-                {
-                  className: "tecof-upload-drawer-action-btn",
-                  onClick: () => setRefreshKey((k2) => k2 + 1),
-                  disabled: loading,
-                  title: "Yenile",
-                  children: /* @__PURE__ */ jsxRuntime.jsx(RefreshCcw, { size: 15, className: loading ? "tecof-upload-spin" : "" })
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                "button",
-                {
-                  className: "tecof-upload-drawer-action-btn",
-                  onClick: () => setDrawerOpen(false),
-                  title: "Kapat",
-                  children: /* @__PURE__ */ jsxRuntime.jsx(X, { size: 15 })
-                }
-              )
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "tecof-upload-search-box", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(Search, { size: 15, color: "#a1a1aa" }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "input",
-              {
-                type: "text",
-                placeholder: "Dosya ara...",
-                value: gallerySearch,
-                onChange: (e3) => setGallerySearch(e3.target.value),
-                className: "tecof-upload-search-input"
-              }
-            ),
-            gallerySearch && /* @__PURE__ */ jsxRuntime.jsx(
-              "button",
-              {
-                type: "button",
-                className: "tecof-upload-action-btn tecof-upload-clear-search-btn",
-                onClick: () => setGallerySearch(""),
-                children: /* @__PURE__ */ jsxRuntime.jsx(X, { size: 13 })
-              }
-            )
-          ] }),
-          loading ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "tecof-upload-gallery-empty", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tecof-upload-gallery-empty-icon", children: /* @__PURE__ */ jsxRuntime.jsx(RefreshCcw, { size: 24, color: "#a1a1aa", className: "tecof-upload-spin" }) }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "tecof-upload-loading-text", children: "Y\xFCkleniyor..." })
-          ] }) : filteredGallery.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "tecof-upload-gallery-empty", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tecof-upload-gallery-empty-icon", children: /* @__PURE__ */ jsxRuntime.jsx(Image2, { size: 24, color: "#a1a1aa" }) }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "tecof-upload-empty-heading", children: gallerySearch ? "Sonu\xE7 bulunamad\u0131" : "Hen\xFCz dosya yok" }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "tecof-upload-empty-subheading", children: gallerySearch ? "Farkl\u0131 bir arama terimi deneyin" : "Dosyalar\u0131n\u0131z burada g\xF6r\xFCnecek" })
-          ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tecof-upload-gallery-grid", children: filteredGallery.map((file2) => {
-            const selected = value.some((v2) => v2._id === file2._id);
-            return /* @__PURE__ */ jsxRuntime.jsxs(
-              "div",
-              {
-                className: `tecof-upload-gallery-item ${selected ? "selected" : ""}`,
-                onClick: () => toggleGalleryFile(file2),
-                children: [
-                  selected && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tecof-upload-gallery-check", children: /* @__PURE__ */ jsxRuntime.jsx(Check, { size: 12, strokeWidth: 3 }) }),
-                  isImageType2(file2.type) ? /* @__PURE__ */ jsxRuntime.jsx(
-                    TecofPicture,
-                    {
-                      data: file2,
-                      alt: file2.name,
-                      size: "thumbnail",
-                      className: "tecof-upload-gallery-thumb",
-                      imgStyle: { width: "100%", height: "100%", objectFit: "cover", borderRadius: "6px" }
-                    }
-                  ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tecof-upload-gallery-thumb tecof-upload-gallery-file-icon-wrap", children: /* @__PURE__ */ jsxRuntime.jsx(File2, { size: 24, color: "#a1a1aa" }) }),
-                  /* @__PURE__ */ jsxRuntime.jsx("p", { className: "tecof-upload-gallery-file-name", children: file2.meta?.originalName || file2.name })
-                ]
-              },
-              file2._id
-            );
-          }) })
-        ] })
-      ] })
-    ] }) })
+    /* @__PURE__ */ jsxRuntime.jsx(
+      MediaDrawer,
+      {
+        open: drawerOpen,
+        onOpenChange: setDrawerOpen,
+        onSelect: toggleGalleryFile,
+        selectedIds: value.map((v2) => v2._id ?? ""),
+        allowMultiple,
+        filterImages: acceptedTypes.length > 0 && acceptedTypes.every((t2) => t2.startsWith("image/")),
+        title: "Medya K\xFCt\xFCphanesi"
+      }
+    )
   ] });
 };
 UploadField.displayName = "UploadField";
@@ -25489,6 +25540,8 @@ lucide-react/dist/esm/shared/src/utils/hasA11yProp.js:
 lucide-react/dist/esm/context.js:
 lucide-react/dist/esm/Icon.js:
 lucide-react/dist/esm/createLucideIcon.js:
+lucide-react/dist/esm/icons/arrow-down.js:
+lucide-react/dist/esm/icons/arrow-up.js:
 lucide-react/dist/esm/icons/check.js:
 lucide-react/dist/esm/icons/chevron-down.js:
 lucide-react/dist/esm/icons/chevron-right.js: