@withwiz/gallery 0.1.0

package/dist/components/index.js

@@ -0,0 +1,1215 @@
+"use client";
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+
+var _chunkWVRTM6E7js = require('../chunk-WVRTM6E7.js');
+
+
+var _chunkM7CCTDUGjs = require('../chunk-M7CCTDUG.js');
+
+
+var _chunkXLPMNJJVjs = require('../chunk-XLPMNJJV.js');
+
+// src/components/ToggleSwitch.tsx
+var _jsxruntime = require('react/jsx-runtime');
+function ToggleSwitch(props) {
+  const { checked, onChange, disabled = false, label, size = "md", className } = props;
+  const handleToggle = () => {
+    if (disabled) return;
+    onChange(!checked);
+  };
+  const handleKeyDown = (e) => {
+    if (disabled) return;
+    if (e.key === " " || e.key === "Enter") {
+      e.preventDefault();
+      onChange(!checked);
+    }
+  };
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunkXLPMNJJVjs.cn.call(void 0, "gallery-toggle", `gallery-toggle--${size}`, className), children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "button",
+      {
+        type: "button",
+        role: "switch",
+        "aria-checked": checked,
+        "aria-disabled": disabled || void 0,
+        "aria-label": label,
+        disabled,
+        onClick: handleToggle,
+        onKeyDown: handleKeyDown,
+        className: _chunkXLPMNJJVjs.cn.call(void 0, 
+          "gallery-toggle__track",
+          checked && "gallery-toggle--checked",
+          disabled && "gallery-toggle--disabled"
+        ),
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "gallery-toggle__thumb", "aria-hidden": "true" })
+      }
+    ),
+    label ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "gallery-toggle__label", children: label }) : null
+  ] });
+}
+
+// src/components/ImageDropZone.tsx
+var _react = require('react');
+
+var DEFAULT_TEXT = {
+  dropPrompt: "Drop image here or click to browse",
+  replacePrompt: "Drop a new image to replace",
+  rejected: "Some files were rejected"
+};
+function ImageDropZone(props) {
+  const {
+    onFiles,
+    accept,
+    maxSize,
+    multiple,
+    disabled = false,
+    previewUrl,
+    i18n,
+    className
+  } = props;
+  const inputRef = _react.useRef.call(void 0, null);
+  const { isDragging, dropProps, inputProps, rejectedReasons } = _chunkM7CCTDUGjs.useImageDropZone.call(void 0, {
+    onFiles,
+    accept,
+    maxSize,
+    multiple,
+    disabled
+  });
+  const text = {
+    dropPrompt: _nullishCoalesce(_optionalChain([i18n, 'optionalAccess', _2 => _2.dropPrompt]), () => ( DEFAULT_TEXT.dropPrompt)),
+    replacePrompt: _nullishCoalesce(_optionalChain([i18n, 'optionalAccess', _3 => _3.replacePrompt]), () => ( DEFAULT_TEXT.replacePrompt)),
+    rejected: _nullishCoalesce(_optionalChain([i18n, 'optionalAccess', _4 => _4.rejected]), () => ( DEFAULT_TEXT.rejected))
+  };
+  const openPicker = () => {
+    if (disabled) return;
+    _optionalChain([inputRef, 'access', _5 => _5.current, 'optionalAccess', _6 => _6.click, 'call', _7 => _7()]);
+  };
+  const containerClass = _chunkXLPMNJJVjs.cn.call(void 0, 
+    "gallery-dropzone",
+    isDragging && "gallery-dropzone--dragging",
+    disabled && "gallery-dropzone--disabled",
+    previewUrl && "gallery-dropzone--has-preview",
+    className
+  );
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "gallery-dropzone-wrap", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "input",
+      {
+        ref: inputRef,
+        ...inputProps,
+        disabled,
+        className: "gallery-dropzone__input",
+        style: { position: "absolute", width: 1, height: 1, opacity: 0, pointerEvents: "none" },
+        "aria-hidden": "true",
+        tabIndex: -1
+      }
+    ),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        className: containerClass,
+        onClick: openPicker,
+        role: "button",
+        tabIndex: disabled ? -1 : 0,
+        "aria-disabled": disabled || void 0,
+        onKeyDown: (e) => {
+          if (disabled) return;
+          if (e.key === "Enter" || e.key === " ") {
+            e.preventDefault();
+            openPicker();
+          }
+        },
+        ...dropProps,
+        children: previewUrl ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "img",
+            {
+              src: previewUrl,
+              alt: "",
+              className: "gallery-dropzone__preview"
+            }
+          ),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "gallery-dropzone__prompt gallery-dropzone__prompt--overlay", children: text.replacePrompt })
+        ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "gallery-dropzone__prompt", children: text.dropPrompt })
+      }
+    ),
+    rejectedReasons.length > 0 ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "ul", { className: "gallery-dropzone__rejected", role: "alert", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { className: "gallery-dropzone__rejected-title", children: text.rejected }),
+      rejectedReasons.map((reason, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { className: "gallery-dropzone__rejected-item", children: reason }, i))
+    ] }) : null
+  ] });
+}
+
+// src/components/GalleryManagerLayout.tsx
+
+var DEFAULT_TEXT2 = {
+  "admin.emptyState": "Select an item to edit, or create a new one."
+};
+function t(i18n, key) {
+  return _nullishCoalesce(_nullishCoalesce(_optionalChain([i18n, 'optionalAccess', _8 => _8[key]]), () => ( DEFAULT_TEXT2[key])), () => ( key));
+}
+function GalleryManagerLayout(props) {
+  const {
+    listRoot,
+    filterControls,
+    toolbar,
+    editForm,
+    emptyState,
+    homePreview,
+    className,
+    i18n,
+    ui
+  } = props;
+  const slots = _nullishCoalesce(_optionalChain([ui, 'optionalAccess', _9 => _9.slots]), () => ( {}));
+  const classes = _nullishCoalesce(_optionalChain([ui, 'optionalAccess', _10 => _10.classNames]), () => ( {}));
+  const toolbarContent = _nullishCoalesce(slots.managerToolbar, () => ( toolbar));
+  const listContent = _nullishCoalesce(slots.listRoot, () => ( listRoot));
+  const editContent = _nullishCoalesce(slots.editFormRoot, () => ( editForm));
+  const previewContent = _nullishCoalesce(slots.homePreviewRoot, () => ( homePreview));
+  const emptyContent = _nullishCoalesce(_nullishCoalesce(slots.emptyState, () => ( emptyState)), () => ( /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: t(i18n, "admin.emptyState") })));
+  const hasPreview = previewContent !== void 0 && previewContent !== null;
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "div",
+    {
+      className: _chunkXLPMNJJVjs.cn.call(void 0, 
+        "gallery-manager",
+        hasPreview ? "gallery-manager--with-preview" : "gallery-manager--no-preview",
+        classes.managerRoot,
+        className
+      ),
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "aside", { className: _chunkXLPMNJJVjs.cn.call(void 0, "gallery-manager__list", classes.listRoot), children: [
+          toolbarContent ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkXLPMNJJVjs.cn.call(void 0, "gallery-manager__toolbar", classes.managerToolbar), children: toolbarContent }) : null,
+          filterControls ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "gallery-manager__filter", children: filterControls }) : null,
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "gallery-manager__list-body", children: listContent })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "section", { className: _chunkXLPMNJJVjs.cn.call(void 0, "gallery-manager__form", classes.editFormRoot), children: editContent !== null && editContent !== void 0 ? editContent : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkXLPMNJJVjs.cn.call(void 0, "gallery-manager__empty", classes.emptyState), children: emptyContent }) }),
+        hasPreview ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "aside", { className: _chunkXLPMNJJVjs.cn.call(void 0, "gallery-manager__preview", classes.homePreviewRoot), children: previewContent }) : null
+      ]
+    }
+  );
+}
+
+// src/components/GalleryEditForm.tsx
+
+
+
+
+
+
+
+
+var DEFAULT_TEXT3 = {
+  "form.caption": "Caption",
+  "form.captionPlaceholder": "Image description (optional)",
+  "form.category": "Category",
+  "form.sortOrder": "Sort order",
+  "form.published": "Published",
+  "form.featured": "Featured",
+  "form.save": "Save",
+  "form.cancel": "Cancel",
+  "form.imageDropPrompt": "Drop image here or click to browse",
+  "form.imageReplacePrompt": "Drop a new image to replace",
+  "admin.featuredOverLimit": "Featured cap reached \u2014 uncheck others first"
+};
+function t2(i18n, key) {
+  return _nullishCoalesce(_nullishCoalesce(_optionalChain([i18n, 'optionalAccess', _11 => _11[key]]), () => ( DEFAULT_TEXT3[key])), () => ( key));
+}
+function buildInitialForm(value, categories) {
+  if (value) {
+    return {
+      imageUrl: value.imageUrl,
+      imageKey: _nullishCoalesce(value.imageKey, () => ( "")),
+      caption: _nullishCoalesce(value.caption, () => ( "")),
+      categoryId: value.categoryId,
+      sortOrder: value.sortOrder,
+      featured: value.featured,
+      published: value.published
+    };
+  }
+  return {
+    imageUrl: "",
+    imageKey: "",
+    caption: "",
+    categoryId: _nullishCoalesce(_optionalChain([categories, 'access', _12 => _12[0], 'optionalAccess', _13 => _13.id]), () => ( "")),
+    sortOrder: 0,
+    featured: false,
+    published: false
+  };
+}
+function GalleryEditForm(props) {
+  const {
+    value,
+    categories,
+    onSubmit,
+    onCancel,
+    onDelete,
+    multipleMode = false,
+    onSubmitMany,
+    canToggleFeatured = true,
+    saving = false,
+    onImageSelect,
+    i18n,
+    className
+  } = props;
+  const isNew = value === null;
+  const [form, setForm] = _react.useState.call(void 0, () => buildInitialForm(value, categories));
+  const [multiImages, setMultiImages] = _react.useState.call(void 0, []);
+  const [imageError, setImageError] = _react.useState.call(void 0, null);
+  const valueIdRef = _react.useRef.call(void 0, _nullishCoalesce(_optionalChain([value, 'optionalAccess', _14 => _14.id]), () => ( null)));
+  const dirtyRef = _react.useRef.call(void 0, false);
+  _react.useEffect.call(void 0, () => {
+    const newId = _nullishCoalesce(_optionalChain([value, 'optionalAccess', _15 => _15.id]), () => ( null));
+    if (newId !== valueIdRef.current) {
+      valueIdRef.current = newId;
+      if (!dirtyRef.current) {
+        setForm(buildInitialForm(value, categories));
+      }
+    } else if (value && !dirtyRef.current) {
+      setForm(buildInitialForm(value, categories));
+    }
+  }, [value, categories]);
+  _react.useEffect.call(void 0, () => {
+    if (!form.categoryId && categories.length > 0) {
+      setForm((f) => ({ ...f, categoryId: categories[0].id }));
+    }
+  }, [categories, form.categoryId]);
+  const isMultiActive = isNew && multipleMode && multiImages.length > 1;
+  const featuredDisabled = !canToggleFeatured && !form.featured;
+  const updateField = _react.useCallback.call(void 0, (key, val) => {
+    dirtyRef.current = true;
+    setForm((prev) => ({ ...prev, [key]: val }));
+  }, []);
+  const handleFiles = _react.useCallback.call(void 0, 
+    async (files) => {
+      if (files.length === 0) return;
+      setImageError(null);
+      if (!onImageSelect) {
+        setImageError("onImageSelect prop missing \u2014 host must provide upload handler");
+        return;
+      }
+      try {
+        if (isNew && multipleMode) {
+          const uploaded = await Promise.all(files.map((f) => onImageSelect(f)));
+          setMultiImages((prev) => {
+            const next = [...prev, ...uploaded];
+            setForm((f) => {
+              if (!f.imageUrl && next.length > 0) {
+                return { ...f, imageUrl: next[0].url, imageKey: _nullishCoalesce(next[0].key, () => ( "")) };
+              }
+              return f;
+            });
+            return next;
+          });
+        } else {
+          const r = await onImageSelect(files[0]);
+          setForm((f) => ({ ...f, imageUrl: r.url, imageKey: _nullishCoalesce(r.key, () => ( "")) }));
+        }
+      } catch (err) {
+        setImageError(err instanceof Error ? err.message : "Image upload failed");
+      }
+    },
+    [isNew, multipleMode, onImageSelect]
+  );
+  const handleSubmit = _react.useCallback.call(void 0, async () => {
+    if (isMultiActive && onSubmitMany) {
+      const items = multiImages.map((img, i) => ({
+        imageUrl: img.url,
+        imageKey: img.key || void 0,
+        caption: form.caption ? `${form.caption}_${i + 1}` : void 0,
+        categoryId: form.categoryId,
+        sortOrder: form.sortOrder + i,
+        featured: form.featured,
+        published: form.published
+      }));
+      await onSubmitMany(items);
+      return;
+    }
+    if (!form.imageUrl) {
+      setImageError("Image is required");
+      return;
+    }
+    const payload = {
+      imageUrl: form.imageUrl,
+      imageKey: form.imageKey || void 0,
+      caption: form.caption || void 0,
+      categoryId: form.categoryId,
+      sortOrder: form.sortOrder,
+      featured: form.featured,
+      published: form.published
+    };
+    await onSubmit(payload);
+  }, [form, isMultiActive, multiImages, onSubmit, onSubmitMany]);
+  const captionPreview = _react.useMemo.call(void 0, () => {
+    if (!isMultiActive || !form.caption) return null;
+    return multiImages.slice(0, 3).map((_, i) => `${form.caption}_${i + 1}`).join(", ") + (multiImages.length > 3 ? ", ..." : "");
+  }, [isMultiActive, multiImages, form.caption]);
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkXLPMNJJVjs.cn.call(void 0, "gallery-edit-form", className), children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "header", { className: "gallery-edit-form__header", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: "gallery-edit-form__title", children: isNew ? isMultiActive ? `Batch (${multiImages.length})` : "New image" : "Edit image" }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "gallery-edit-form__actions", "data-toggle-group": true, children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "data-toggle": "featured", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          ToggleSwitch,
+          {
+            checked: form.featured,
+            onChange: (v) => updateField("featured", v),
+            label: t2(i18n, "form.featured"),
+            disabled: featuredDisabled,
+            size: "sm"
+          }
+        ) }),
+        featuredDisabled ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "gallery-edit-form__note", children: t2(i18n, "admin.featuredOverLimit") }) : null,
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "data-toggle": "published", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          ToggleSwitch,
+          {
+            checked: form.published,
+            onChange: (v) => updateField("published", v),
+            label: t2(i18n, "form.published"),
+            size: "sm"
+          }
+        ) }),
+        !isNew && onDelete ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "button",
+          {
+            type: "button",
+            className: "gallery-edit-form__btn gallery-edit-form__btn--danger",
+            onClick: () => void onDelete(),
+            children: "Delete"
+          }
+        ) : null,
+        onCancel ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "button",
+          {
+            type: "button",
+            className: "gallery-edit-form__btn",
+            onClick: onCancel,
+            children: t2(i18n, "form.cancel")
+          }
+        ) : null,
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "button",
+          {
+            type: "button",
+            className: "gallery-edit-form__btn gallery-edit-form__btn--primary",
+            onClick: () => void handleSubmit(),
+            disabled: saving,
+            children: saving ? "Saving..." : isMultiActive ? `Save ${multiImages.length}` : t2(i18n, "form.save")
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "gallery-edit-form__section", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "gallery-edit-form__section-title", children: "Image" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        ImageDropZone,
+        {
+          onFiles: handleFiles,
+          previewUrl: form.imageUrl || null,
+          multiple: isNew && multipleMode,
+          i18n: {
+            dropPrompt: t2(i18n, "form.imageDropPrompt"),
+            replacePrompt: t2(i18n, "form.imageReplacePrompt")
+          }
+        }
+      ),
+      imageError ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "gallery-edit-form__error", role: "alert", children: imageError }) : null,
+      isMultiActive ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "gallery-edit-form__multi-grid", children: multiImages.map((img, i) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "gallery-edit-form__multi-tile", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "img", { src: img.url, alt: "", className: "gallery-edit-form__multi-img" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "button",
+          {
+            type: "button",
+            className: "gallery-edit-form__multi-remove",
+            onClick: () => {
+              setMultiImages((prev) => {
+                const next = prev.filter((_, idx) => idx !== i);
+                setForm((f) => {
+                  if (next.length > 0) {
+                    return { ...f, imageUrl: next[0].url, imageKey: _nullishCoalesce(next[0].key, () => ( "")) };
+                  }
+                  return { ...f, imageUrl: "", imageKey: "" };
+                });
+                return next;
+              });
+            },
+            "aria-label": "remove",
+            children: "\xD7"
+          }
+        )
+      ] }, _nullishCoalesce(img.key, () => ( `mi-${i}`)))) }) : null
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "gallery-edit-form__section", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "gallery-edit-form__section-title", children: t2(i18n, "form.caption") }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "input",
+        {
+          type: "text",
+          name: "caption",
+          className: "gallery-edit-form__input",
+          value: form.caption,
+          maxLength: 200,
+          placeholder: t2(i18n, "form.captionPlaceholder"),
+          onChange: (e) => updateField("caption", e.target.value)
+        }
+      ),
+      captionPreview ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "gallery-edit-form__hint", children: [
+        "Preview: ",
+        captionPreview
+      ] }) : null
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "gallery-edit-form__row", children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "gallery-edit-form__section", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "gallery-edit-form__section-title", children: t2(i18n, "form.category") }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "select",
+          {
+            name: "categoryId",
+            className: "gallery-edit-form__input",
+            value: form.categoryId,
+            onChange: (e) => updateField("categoryId", e.target.value),
+            children: categories.map((c) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "option", { value: c.id, children: c.labelKo }, c.id))
+          }
+        )
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "gallery-edit-form__section", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "gallery-edit-form__section-title", children: t2(i18n, "form.sortOrder") }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "input",
+          {
+            type: "number",
+            name: "sortOrder",
+            className: "gallery-edit-form__input",
+            value: form.sortOrder,
+            min: 0,
+            onChange: (e) => {
+              const n = parseInt(e.target.value, 10);
+              updateField("sortOrder", Number.isNaN(n) ? 0 : n);
+            }
+          }
+        ),
+        isMultiActive ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "gallery-edit-form__hint", children: [
+          form.sortOrder,
+          " ~ ",
+          form.sortOrder + multiImages.length - 1
+        ] }) : null
+      ] })
+    ] })
+  ] });
+}
+
+// src/components/GalleryHomePreview.tsx
+
+
+var DEFAULT_TEXT4 = {
+  "preview.title": "Home preview",
+  "preview.dragHint": "Drag tiles to reorder",
+  "preview.emptyState": "Select images to feature on the home page"
+};
+function t3(i18n, key) {
+  return _nullishCoalesce(_nullishCoalesce(_optionalChain([i18n, 'optionalAccess', _16 => _16[key]]), () => ( DEFAULT_TEXT4[key])), () => ( key));
+}
+function GalleryHomePreview(props) {
+  const { items, maxCount, onReorder, onToggleFeatured, i18n, className } = props;
+  const [dragIndex, setDragIndex] = _react.useState.call(void 0, null);
+  const [dragOverIndex, setDragOverIndex] = _react.useState.call(void 0, null);
+  const reorderedRef = _react.useRef.call(void 0, null);
+  const handleDragStart = _react.useCallback.call(void 0, 
+    (e, index) => {
+      setDragIndex(index);
+      try {
+        e.dataTransfer.effectAllowed = "move";
+      } catch (e2) {
+      }
+    },
+    []
+  );
+  const handleDragOver = _react.useCallback.call(void 0, 
+    (e, index) => {
+      e.preventDefault();
+      try {
+        e.dataTransfer.dropEffect = "move";
+      } catch (e3) {
+      }
+      setDragOverIndex(index);
+    },
+    []
+  );
+  const handleDrop = _react.useCallback.call(void 0, 
+    (e, dropIndex) => {
+      e.preventDefault();
+      if (dragIndex === null || dragIndex === dropIndex) {
+        reorderedRef.current = null;
+        return;
+      }
+      const reordered = [...items];
+      const tmp = reordered[dragIndex];
+      reordered[dragIndex] = reordered[dropIndex];
+      reordered[dropIndex] = tmp;
+      reorderedRef.current = reordered.map((it) => it.id);
+    },
+    [dragIndex, items]
+  );
+  const handleDragEnd = _react.useCallback.call(void 0, () => {
+    if (reorderedRef.current) {
+      void onReorder(reorderedRef.current);
+    }
+    reorderedRef.current = null;
+    setDragIndex(null);
+    setDragOverIndex(null);
+  }, [onReorder]);
+  const handleStarClick = _react.useCallback.call(void 0, 
+    (item) => {
+      void onToggleFeatured(item.id, !item.featured);
+    },
+    [onToggleFeatured]
+  );
+  if (items.length === 0) {
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkXLPMNJJVjs.cn.call(void 0, "gallery-home-preview", "gallery-home-preview--empty", className), children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "gallery-home-preview__header", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "gallery-home-preview__title", children: t3(i18n, "preview.title") }) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "gallery-home-preview__empty", children: t3(i18n, "preview.emptyState") })
+    ] });
+  }
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkXLPMNJJVjs.cn.call(void 0, "gallery-home-preview", className), children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "gallery-home-preview__header", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "gallery-home-preview__title", children: t3(i18n, "preview.title") }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "gallery-home-preview__count", children: [
+        items.length,
+        "/",
+        maxCount
+      ] })
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "gallery-home-preview__hint", children: t3(i18n, "preview.dragHint") }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        className: "gallery-home-preview__mosaic",
+        "data-count": maxCount,
+        children: Array.from({ length: maxCount }).map((_, slotIndex) => {
+          const item = items[slotIndex];
+          if (!item) {
+            return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "div",
+              {
+                className: "gallery-home-preview__tile gallery-home-preview__tile--empty",
+                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "gallery-home-preview__order", children: slotIndex + 1 })
+              },
+              `empty-${slotIndex}`
+            );
+          }
+          return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+            "div",
+            {
+              className: _chunkXLPMNJJVjs.cn.call(void 0, 
+                "gallery-home-preview__tile",
+                dragOverIndex === slotIndex && "gallery-home-preview__tile--drag-over",
+                dragIndex === slotIndex && "gallery-home-preview__tile--dragging"
+              ),
+              draggable: true,
+              onDragStart: (e) => handleDragStart(e, slotIndex),
+              onDragOver: (e) => handleDragOver(e, slotIndex),
+              onDrop: (e) => handleDrop(e, slotIndex),
+              onDragEnd: handleDragEnd,
+              children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  "img",
+                  {
+                    src: item.imageUrl,
+                    alt: _nullishCoalesce(item.caption, () => ( "")),
+                    className: "gallery-home-preview__img"
+                  }
+                ),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  "button",
+                  {
+                    type: "button",
+                    className: _chunkXLPMNJJVjs.cn.call(void 0, 
+                      "gallery-home-preview__star",
+                      item.featured && "gallery-home-preview__star--active"
+                    ),
+                    onClick: () => handleStarClick(item),
+                    "aria-label": item.featured ? "unfeature" : "feature",
+                    "aria-pressed": item.featured,
+                    children: item.featured ? "\u2605" : "\u2606"
+                  }
+                ),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "gallery-home-preview__order", children: slotIndex + 1 }),
+                item.caption ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "gallery-home-preview__caption", children: item.caption }) : null
+              ]
+            },
+            item.id
+          );
+        })
+      }
+    )
+  ] });
+}
+
+// src/components/GalleryAdminManager.tsx
+
+
+
+
+
+
+
+
+async function clientFetch(url, init) {
+  return fetch(url, {
+    credentials: "include",
+    headers: _optionalChain([init, 'optionalAccess', _17 => _17.body]) ? { "Content-Type": "application/json", ..._optionalChain([init, 'optionalAccess', _18 => _18.headers]) } : _optionalChain([init, 'optionalAccess', _19 => _19.headers]),
+    ...init
+  });
+}
+async function jsonOrNull(res) {
+  try {
+    return await res.json();
+  } catch (e4) {
+    return null;
+  }
+}
+var DEFAULT_TEXT5 = {
+  "admin.title": "Gallery",
+  "admin.newButton": "+ New",
+  "admin.searchPlaceholder": "Search...",
+  "admin.emptyState": "Select an item to edit"
+};
+function t4(i18n, key) {
+  return _nullishCoalesce(_nullishCoalesce(_optionalChain([i18n, 'optionalAccess', _20 => _20[key]]), () => ( DEFAULT_TEXT5[key])), () => ( key));
+}
+function GalleryAdminManager(props) {
+  const { initialMode, initialSelectedId, className } = props;
+  const config = _chunkWVRTM6E7js.getGalleryConfig.call(void 0, );
+  const i18n = _nullishCoalesce(config.i18n, () => ( {}));
+  const ui = config.ui;
+  const maxFeatured = config.limits.maxFeatured;
+  const mosaicCount = config.limits.mosaicCount;
+  const [items, setItems] = _react.useState.call(void 0, []);
+  const [categories, setCategories] = _react.useState.call(void 0, []);
+  const [selectedId, setSelectedId] = _react.useState.call(void 0, _nullishCoalesce(initialSelectedId, () => ( null)));
+  const [mode, setMode] = _react.useState.call(void 0, 
+    _nullishCoalesce(initialMode, () => ( (initialSelectedId ? "edit" : "list")))
+  );
+  const [saving, setSaving] = _react.useState.call(void 0, false);
+  const [search, setSearch] = _react.useState.call(void 0, "");
+  const [refreshKey, setRefreshKey] = _react.useState.call(void 0, 0);
+  const mountedRef = _react.useRef.call(void 0, true);
+  _react.useEffect.call(void 0, () => {
+    mountedRef.current = true;
+    return () => {
+      mountedRef.current = false;
+    };
+  }, []);
+  _react.useEffect.call(void 0, () => {
+    let cancelled = false;
+    (async () => {
+      try {
+        const res = await clientFetch("/api/admin/galleries");
+        const json = await jsonOrNull(res);
+        if (!cancelled && mountedRef.current) {
+          const data = _nullishCoalesce(_nullishCoalesce(_optionalChain([json, 'optionalAccess', _21 => _21.data]), () => ( json)), () => ( []));
+          setItems(Array.isArray(data) ? data : []);
+        }
+      } catch (e5) {
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, [refreshKey]);
+  _react.useEffect.call(void 0, () => {
+    let cancelled = false;
+    (async () => {
+      try {
+        const res = await clientFetch("/api/admin/gallery-categories");
+        const json = await jsonOrNull(res);
+        if (!cancelled && mountedRef.current) {
+          const data = _nullishCoalesce(_nullishCoalesce(_optionalChain([json, 'optionalAccess', _22 => _22.data]), () => ( json)), () => ( []));
+          setCategories(Array.isArray(data) ? data : []);
+        }
+      } catch (e6) {
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, []);
+  const selectedItem = _react.useMemo.call(void 0, () => {
+    if (!selectedId) return null;
+    return _nullishCoalesce(items.find((i) => i.id === selectedId), () => ( null));
+  }, [selectedId, items]);
+  const filteredItems = _react.useMemo.call(void 0, () => {
+    if (!search.trim()) return items;
+    const q = search.trim().toLowerCase();
+    return items.filter((g) => (_nullishCoalesce(g.caption, () => ( ""))).toLowerCase().includes(q));
+  }, [items, search]);
+  const featuredCount = _react.useMemo.call(void 0, 
+    () => items.filter((i) => i.featured && i.published).length,
+    [items]
+  );
+  const previewItems = _react.useMemo.call(void 0, 
+    () => items.filter((i) => i.featured && i.published).sort((a, b) => a.sortOrder - b.sortOrder),
+    [items]
+  );
+  const refresh = _react.useCallback.call(void 0, () => setRefreshKey((k) => k + 1), []);
+  const handleSelect = _react.useCallback.call(void 0, (id) => {
+    setSelectedId(id);
+    setMode("edit");
+  }, []);
+  const handleNewClick = _react.useCallback.call(void 0, () => {
+    setSelectedId(null);
+    setMode("new");
+  }, []);
+  const handleCancel = _react.useCallback.call(void 0, () => {
+    setSelectedId(null);
+    setMode("list");
+  }, []);
+  const handleSubmit = _react.useCallback.call(void 0, 
+    async (data) => {
+      setSaving(true);
+      try {
+        if (mode === "new") {
+          await clientFetch("/api/admin/galleries", {
+            method: "POST",
+            body: JSON.stringify(data)
+          });
+        } else if (selectedId) {
+          await clientFetch(`/api/admin/galleries/${selectedId}`, {
+            method: "PUT",
+            body: JSON.stringify(data)
+          });
+        }
+        if (mountedRef.current) {
+          refresh();
+          setMode("list");
+          setSelectedId(null);
+        }
+      } finally {
+        if (mountedRef.current) setSaving(false);
+      }
+    },
+    [mode, selectedId, refresh]
+  );
+  const handleSubmitMany = _react.useCallback.call(void 0, 
+    async (batch) => {
+      setSaving(true);
+      try {
+        await clientFetch("/api/admin/galleries/bulk", {
+          method: "POST",
+          body: JSON.stringify({ items: batch })
+        });
+        if (mountedRef.current) {
+          refresh();
+          setMode("list");
+        }
+      } finally {
+        if (mountedRef.current) setSaving(false);
+      }
+    },
+    [refresh]
+  );
+  const handleDelete = _react.useCallback.call(void 0, async () => {
+    if (!selectedId) return;
+    if (typeof window !== "undefined" && !window.confirm("Delete this item?")) return;
+    await clientFetch(`/api/admin/galleries/${selectedId}`, { method: "DELETE" });
+    if (mountedRef.current) {
+      setSelectedId(null);
+      setMode("list");
+      refresh();
+    }
+  }, [selectedId, refresh]);
+  const handleToggleFeatured = _react.useCallback.call(void 0, 
+    async (id, next) => {
+      if (next && featuredCount >= maxFeatured) {
+        if (typeof window !== "undefined") {
+          window.alert(t4(i18n, "admin.featuredOverLimit"));
+        }
+        return;
+      }
+      await clientFetch(`/api/admin/galleries/${id}`, {
+        method: "PUT",
+        body: JSON.stringify({ featured: next })
+      });
+      if (mountedRef.current) refresh();
+    },
+    [featuredCount, maxFeatured, i18n, refresh]
+  );
+  const handleReorder = _react.useCallback.call(void 0, 
+    async (orderedIds) => {
+      await Promise.all(
+        orderedIds.map(
+          (id, index) => clientFetch(`/api/admin/galleries/${id}`, {
+            method: "PUT",
+            body: JSON.stringify({ sortOrder: index + 1 })
+          })
+        )
+      );
+      if (mountedRef.current) refresh();
+    },
+    [refresh]
+  );
+  const isMultipleMode = mode === "new";
+  const editForm = mode === "list" ? null : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    GalleryEditForm,
+    {
+      value: mode === "edit" ? selectedItem : null,
+      categories,
+      saving,
+      multipleMode: isMultipleMode,
+      canToggleFeatured: featuredCount < maxFeatured || (_nullishCoalesce(_optionalChain([selectedItem, 'optionalAccess', _23 => _23.featured]), () => ( false))),
+      i18n,
+      onSubmit: handleSubmit,
+      onSubmitMany: handleSubmitMany,
+      onCancel: handleCancel,
+      onDelete: mode === "edit" ? handleDelete : void 0
+    },
+    mode === "new" ? "new" : _nullishCoalesce(selectedId, () => ( "edit"))
+  );
+  const filterControls = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "gallery-manager__filter-controls", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "input",
+      {
+        type: "search",
+        className: "gallery-manager__search",
+        placeholder: t4(i18n, "admin.searchPlaceholder"),
+        value: search,
+        onChange: (e) => setSearch(e.target.value)
+      }
+    ),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "gallery-manager__count", children: filteredItems.length })
+  ] });
+  const toolbar = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "gallery-manager__toolbar-row", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h1", { className: "gallery-manager__title", children: t4(i18n, "admin.title") }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "button",
+      {
+        type: "button",
+        className: "gallery-manager__new-btn",
+        onClick: handleNewClick,
+        children: t4(i18n, "admin.newButton")
+      }
+    )
+  ] });
+  const listRoot = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ul", { className: "gallery-manager__list-ul", children: filteredItems.map((item) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "li",
+    {
+      className: _chunkXLPMNJJVjs.cn.call(void 0, "gallery-list-item", selectedId === item.id && "gallery-list-item--active"),
+      onClick: () => handleSelect(item.id),
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "img", { src: item.imageUrl, alt: "", className: "gallery-list-item__thumb" }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "gallery-list-item__body", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "gallery-list-item__caption", children: item.caption || "(no caption)" }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "gallery-list-item__meta", children: [
+            item.featured ? "\u2605 " : "",
+            item.published ? "\uACF5\uAC1C" : "\uBE44\uACF5\uAC1C",
+            " \xB7 \uC21C\uC11C ",
+            item.sortOrder
+          ] })
+        ] })
+      ]
+    },
+    item.id
+  )) });
+  const homePreview = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    GalleryHomePreview,
+    {
+      items: previewItems,
+      maxCount: mosaicCount,
+      onReorder: handleReorder,
+      onToggleFeatured: handleToggleFeatured,
+      i18n
+    }
+  );
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    GalleryManagerLayout,
+    {
+      className,
+      listRoot,
+      filterControls,
+      toolbar,
+      editForm,
+      homePreview,
+      i18n,
+      ui
+    }
+  );
+}
+
+// src/components/CategoryAdminManager.tsx
+
+
+
+
+
+
+
+var DEFAULT_TEXT6 = {
+  "category.title": "Gallery categories",
+  "category.newButton": "+ New category",
+  "category.slug": "Slug (uppercase)",
+  "category.labelKo": "Label (Ko)",
+  "category.labelEn": "Label (En)",
+  "category.deleteConfirmInUse": "This category has galleries \u2014 remove or move them first"
+};
+function t5(i18n, key) {
+  return _nullishCoalesce(_nullishCoalesce(_optionalChain([i18n, 'optionalAccess', _24 => _24[key]]), () => ( DEFAULT_TEXT6[key])), () => ( key));
+}
+var EMPTY_FORM = {
+  id: null,
+  slug: "",
+  labelKo: "",
+  labelEn: "",
+  sortOrder: 0,
+  isActive: true
+};
+async function clientFetch2(url, init) {
+  return fetch(url, {
+    credentials: "include",
+    headers: _optionalChain([init, 'optionalAccess', _25 => _25.body]) ? { "Content-Type": "application/json", ..._optionalChain([init, 'optionalAccess', _26 => _26.headers]) } : _optionalChain([init, 'optionalAccess', _27 => _27.headers]),
+    ...init
+  });
+}
+async function jsonOrNull2(res) {
+  try {
+    return await res.json();
+  } catch (e7) {
+    return null;
+  }
+}
+function CategoryAdminManager(props) {
+  const { className } = props;
+  const config = _chunkWVRTM6E7js.getGalleryConfig.call(void 0, );
+  const i18n = _nullishCoalesce(config.i18n, () => ( {}));
+  const [items, setItems] = _react.useState.call(void 0, []);
+  const [form, setForm] = _react.useState.call(void 0, EMPTY_FORM);
+  const [error, setError] = _react.useState.call(void 0, null);
+  const [refreshKey, setRefreshKey] = _react.useState.call(void 0, 0);
+  const [saving, setSaving] = _react.useState.call(void 0, false);
+  const mountedRef = _react.useRef.call(void 0, true);
+  _react.useEffect.call(void 0, () => {
+    mountedRef.current = true;
+    return () => {
+      mountedRef.current = false;
+    };
+  }, []);
+  _react.useEffect.call(void 0, () => {
+    let cancelled = false;
+    (async () => {
+      try {
+        const res = await clientFetch2("/api/admin/gallery-categories");
+        const json = await jsonOrNull2(res);
+        if (!cancelled && mountedRef.current) {
+          const data = _nullishCoalesce(_nullishCoalesce(_optionalChain([json, 'optionalAccess', _28 => _28.data]), () => ( json)), () => ( []));
+          setItems(Array.isArray(data) ? data : []);
+        }
+      } catch (e8) {
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, [refreshKey]);
+  const refresh = _react.useCallback.call(void 0, () => setRefreshKey((k) => k + 1), []);
+  const handleEdit = _react.useCallback.call(void 0, (cat) => {
+    setError(null);
+    setForm({
+      id: cat.id,
+      slug: cat.slug,
+      labelKo: cat.labelKo,
+      labelEn: _nullishCoalesce(cat.labelEn, () => ( "")),
+      sortOrder: cat.sortOrder,
+      isActive: cat.isActive
+    });
+  }, []);
+  const handleNew = _react.useCallback.call(void 0, () => {
+    setError(null);
+    setForm(EMPTY_FORM);
+  }, []);
+  const handleSave = _react.useCallback.call(void 0, async () => {
+    setSaving(true);
+    setError(null);
+    try {
+      const body = JSON.stringify({
+        slug: form.slug,
+        labelKo: form.labelKo,
+        labelEn: form.labelEn || void 0,
+        sortOrder: form.sortOrder,
+        isActive: form.isActive
+      });
+      const url = form.id ? `/api/admin/gallery-categories/${form.id}` : "/api/admin/gallery-categories";
+      const method = form.id ? "PUT" : "POST";
+      const res = await clientFetch2(url, { method, body });
+      if (!res.ok) {
+        const json = await jsonOrNull2(res);
+        setError(_nullishCoalesce(_optionalChain([json, 'optionalAccess', _29 => _29.error, 'optionalAccess', _30 => _30.message]), () => ( `Save failed (${res.status})`)));
+        return;
+      }
+      if (mountedRef.current) {
+        setForm(EMPTY_FORM);
+        refresh();
+      }
+    } finally {
+      if (mountedRef.current) setSaving(false);
+    }
+  }, [form, refresh]);
+  const handleDelete = _react.useCallback.call(void 0, 
+    async (cat) => {
+      if (typeof window !== "undefined" && !window.confirm(`Delete "${cat.labelKo}"?`)) return;
+      setError(null);
+      const res = await clientFetch2(`/api/admin/gallery-categories/${cat.id}`, {
+        method: "DELETE"
+      });
+      if (res.status === 409) {
+        setError(t5(i18n, "category.deleteConfirmInUse"));
+        return;
+      }
+      if (!res.ok) {
+        const json = await jsonOrNull2(res);
+        setError(_nullishCoalesce(_optionalChain([json, 'optionalAccess', _31 => _31.error, 'optionalAccess', _32 => _32.message]), () => ( `Delete failed (${res.status})`)));
+        return;
+      }
+      if (mountedRef.current) refresh();
+    },
+    [i18n, refresh]
+  );
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkXLPMNJJVjs.cn.call(void 0, "gallery-category-admin", className), children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "header", { className: "gallery-category-admin__header", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: "gallery-category-admin__title", children: t5(i18n, "category.title") }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "button",
+        {
+          type: "button",
+          className: "gallery-category-admin__new",
+          onClick: handleNew,
+          children: t5(i18n, "category.newButton")
+        }
+      )
+    ] }),
+    error ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "gallery-category-admin__error", role: "alert", children: error }) : null,
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ul", { className: "gallery-category-admin__list", children: items.map((c) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "li", { className: "gallery-category-admin__item", children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+        "button",
+        {
+          type: "button",
+          className: "gallery-category-admin__item-row",
+          onClick: () => handleEdit(c),
+          children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "gallery-category-admin__slug", children: c.slug }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "gallery-category-admin__label", children: c.labelKo }),
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "gallery-category-admin__order", children: [
+              "#",
+              c.sortOrder
+            ] }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "gallery-category-admin__active", children: c.isActive ? "\u2713" : "\u2717" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "button",
+        {
+          type: "button",
+          className: "gallery-category-admin__delete",
+          onClick: () => void handleDelete(c),
+          "aria-label": "delete",
+          children: "\xD7"
+        }
+      )
+    ] }, c.id)) }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "gallery-category-admin__form", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "gallery-category-admin__form-title", children: form.id ? "Edit category" : "New category" }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "gallery-category-admin__field", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { className: "gallery-category-admin__field-label", children: t5(i18n, "category.slug") }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "input",
+          {
+            name: "slug",
+            className: "gallery-category-admin__input",
+            value: form.slug,
+            onChange: (e) => setForm((f) => ({ ...f, slug: e.target.value.toUpperCase() })),
+            placeholder: "UPPER_SNAKE"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "gallery-category-admin__field", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { className: "gallery-category-admin__field-label", children: t5(i18n, "category.labelKo") }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "input",
+          {
+            name: "labelKo",
+            className: "gallery-category-admin__input",
+            value: form.labelKo,
+            onChange: (e) => setForm((f) => ({ ...f, labelKo: e.target.value }))
+          }
+        )
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "gallery-category-admin__field", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { className: "gallery-category-admin__field-label", children: t5(i18n, "category.labelEn") }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "input",
+          {
+            name: "labelEn",
+            className: "gallery-category-admin__input",
+            value: form.labelEn,
+            onChange: (e) => setForm((f) => ({ ...f, labelEn: e.target.value }))
+          }
+        )
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "gallery-category-admin__field gallery-category-admin__field--row", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { className: "gallery-category-admin__field-label", children: "Sort order" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "input",
+          {
+            type: "number",
+            name: "sortOrder",
+            className: "gallery-category-admin__input",
+            value: form.sortOrder,
+            min: 0,
+            onChange: (e) => {
+              const n = parseInt(e.target.value, 10);
+              setForm((f) => ({ ...f, sortOrder: Number.isNaN(n) ? 0 : n }));
+            }
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          ToggleSwitch,
+          {
+            checked: form.isActive,
+            onChange: (v) => setForm((f) => ({ ...f, isActive: v })),
+            label: "Active",
+            size: "sm"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "gallery-category-admin__form-actions", children: [
+        form.id ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "button",
+          {
+            type: "button",
+            className: "gallery-category-admin__cancel",
+            onClick: () => setForm(EMPTY_FORM),
+            children: "Cancel"
+          }
+        ) : null,
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "button",
+          {
+            type: "button",
+            className: "gallery-category-admin__save",
+            onClick: () => void handleSave(),
+            disabled: saving || !form.slug || !form.labelKo,
+            children: saving ? "Saving..." : form.id ? "Update" : "Create"
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+
+
+
+
+
+
+
+
+exports.CategoryAdminManager = CategoryAdminManager; exports.GalleryAdminManager = GalleryAdminManager; exports.GalleryEditForm = GalleryEditForm; exports.GalleryHomePreview = GalleryHomePreview; exports.GalleryManagerLayout = GalleryManagerLayout; exports.ImageDropZone = ImageDropZone; exports.ToggleSwitch = ToggleSwitch;
+//# sourceMappingURL=index.js.map