@withwiz/cms-kit 0.1.0

package/dist/chunk-ZULSFSDG.mjs

@@ -0,0 +1,309 @@
+import {
+  useAdminForm,
+  useAdminList
+} from "./chunk-FCCCG5Z7.mjs";
+import {
+  adminFetch,
+  getAuthHeaders
+} from "./chunk-T7EVFD4G.mjs";
+
+// src/components/AdminManagerBase.tsx
+import { useCallback, useEffect, useImperativeHandle, useMemo, useRef } from "react";
+import { useVirtualizer } from "@tanstack/react-virtual";
+import { toast } from "sonner";
+import { jsx, jsxs } from "react/jsx-runtime";
+function AdminManagerBaseInner({
+  initialItems,
+  config,
+  initialSelectedId,
+  startWithNew,
+  defaultFilterValue,
+  innerRef
+}) {
+  const list = useAdminList({
+    initialItems,
+    apiPath: config.apiPath,
+    defaultSortKey: config.defaultSortKey,
+    normalizeItem: config.normalizeListItem,
+    defaultFilterValue
+  });
+  const {
+    items,
+    setItems,
+    searchQuery,
+    setSearchQuery,
+    sortKey,
+    setSortKey,
+    filterValue,
+    setFilterValue
+  } = list;
+  const adminForm = useAdminForm(config.emptyForm);
+  const {
+    tab,
+    setTab,
+    form,
+    setForm,
+    updateField,
+    selectedId,
+    setSelectedId,
+    isNew,
+    setIsNew,
+    saving,
+    setSaving,
+    loading,
+    setLoading,
+    mobilePv,
+    setMobilePv,
+    addNew,
+    startEdit
+  } = adminForm;
+  useEffect(() => {
+    if (startWithNew) {
+      handleAdd();
+      return;
+    }
+    if (initialSelectedId) {
+      selectItem(initialSelectedId);
+    }
+  }, []);
+  const filteredItems = useMemo(
+    () => config.filterItems(items, filterValue, searchQuery),
+    [items, filterValue, searchQuery, config]
+  );
+  const publishedItems = useMemo(
+    () => items.filter(config.meta.getItemPublished),
+    [items, config]
+  );
+  const selectItem = useCallback(async (id) => {
+    startEdit(id, config.emptyForm);
+    try {
+      const res = await adminFetch(`${config.apiPath}/${id}`);
+      const json = await res.json();
+      if (json.success) {
+        setForm(config.loadItem(json.data));
+      } else {
+        toast.error(json.error?.message || "\uB370\uC774\uD130 \uB85C\uB4DC \uC2E4\uD328");
+      }
+    } catch {
+      toast.error("\uB370\uC774\uD130 \uB85C\uB4DC \uC2E4\uD328");
+    } finally {
+      setLoading(false);
+    }
+  }, [config.apiPath, config.loadItem, config.emptyForm]);
+  useImperativeHandle(innerRef, () => ({ selectItem }), [selectItem]);
+  const handleAdd = useCallback(() => {
+    addNew(config.emptyForm);
+  }, [config.emptyForm]);
+  async function handleSave() {
+    const err = config.validate(form);
+    if (err) {
+      toast.error(err);
+      return;
+    }
+    const payload = config.buildSavePayload(form, { isNew, selectedId, items });
+    const url = isNew ? config.apiPath : `${config.apiPath}/${selectedId}`;
+    const method = isNew ? "POST" : "PUT";
+    setSaving(true);
+    try {
+      const res = await adminFetch(url, {
+        method,
+        headers: { ...getAuthHeaders(), "Content-Type": "application/json" },
+        body: JSON.stringify(payload)
+      });
+      const json = await res.json();
+      if (json.success) {
+        const listRes = await adminFetch(`${config.apiPath}?limit=100&sortBy=${sortKey}`);
+        const listJson = await listRes.json();
+        if (listJson.success) {
+          setItems(listJson.data.items.map(config.normalizeListItem));
+        }
+        setTab("list");
+        setSelectedId(null);
+        toast.success("\uC800\uC7A5 \uC644\uB8CC");
+        config.onAfterSave?.();
+        config.onNavigateToList?.();
+      } else {
+        toast.error(json.error?.message || "\uC800\uC7A5 \uC2E4\uD328");
+      }
+    } catch {
+      toast.error("\uC800\uC7A5 \uC911 \uC624\uB958 \uBC1C\uC0DD");
+    } finally {
+      setSaving(false);
+    }
+  }
+  const handleDelete = useCallback(async (id) => {
+    const item = items.find((i) => i.id === id);
+    const label = item ? config.meta.getItemLabel(item) : id;
+    if (!confirm(`"${label}"\uC744(\uB97C) \uC0AD\uC81C\uD558\uC2DC\uACA0\uC2B5\uB2C8\uAE4C?`)) return;
+    try {
+      const res = await adminFetch(`${config.apiPath}/${id}`, {
+        method: "DELETE"
+      });
+      if (res.ok) {
+        setItems((prev) => prev.filter((i) => i.id !== id));
+        if (selectedId === id) {
+          setSelectedId(null);
+          setTab("list");
+        }
+      } else {
+        toast.error("\uC0AD\uC81C\uC5D0 \uC2E4\uD328\uD588\uC2B5\uB2C8\uB2E4.");
+      }
+    } catch {
+      toast.error("\uC0AD\uC81C \uC911 \uC624\uB958\uAC00 \uBC1C\uC0DD\uD588\uC2B5\uB2C8\uB2E4.");
+    }
+  }, [items, selectedId, config.apiPath, config.meta]);
+  const listScrollRef = useRef(null);
+  const virtualizer = useVirtualizer({
+    count: filteredItems.length,
+    getScrollElement: () => listScrollRef.current,
+    estimateSize: () => 58,
+    overscan: 5
+  });
+  return /* @__PURE__ */ jsxs("div", { className: `pm${mobilePv ? " mobile-pv-on" : ""}`, children: [
+    /* @__PURE__ */ jsx("div", { className: "pm-topbar", children: /* @__PURE__ */ jsxs("div", { className: "pm-tb-l", children: [
+      /* @__PURE__ */ jsx("span", { className: "pm-tb-logo", children: config.meta.appTitle }),
+      /* @__PURE__ */ jsx("span", { className: "pm-tb-sep" }),
+      /* @__PURE__ */ jsx("span", { className: "pm-tb-pg", children: config.meta.pageTitle })
+    ] }) }),
+    /* @__PURE__ */ jsxs("div", { className: "pm-tabs", children: [
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: `pm-tab ${tab === "list" ? "on" : ""}`,
+          onClick: () => {
+            setTab("list");
+            config.onNavigateToList?.();
+          },
+          children: config.meta.listTabLabel
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: `pm-tab ${tab === "edit" ? "on" : ""}`,
+          onClick: () => setTab("edit"),
+          children: "\uD3B8\uC9D1 + \uBBF8\uB9AC\uBCF4\uAE30"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "mobile-pv-bar", children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: `mobile-pv-btn${!mobilePv ? " on" : ""}`,
+          onClick: () => setMobilePv(false),
+          children: "\uD3B8\uC9D1"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: `mobile-pv-btn${mobilePv ? " on" : ""}`,
+          onClick: () => setMobilePv(true),
+          children: "\uBBF8\uB9AC\uBCF4\uAE30"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "pm-body", children: [
+      /* @__PURE__ */ jsxs("div", { className: `pm-panel pm-panel-list ${tab === "list" ? "on" : ""}`, children: [
+        /* @__PURE__ */ jsxs("div", { className: "pm-list-left", children: [
+          /* @__PURE__ */ jsx("div", { className: "pm-list-header", children: config.renderFilterControls({
+            filterValue,
+            setFilterValue,
+            sortKey,
+            setSortKey,
+            sortOptions: config.sortOptions,
+            searchQuery,
+            setSearchQuery,
+            filteredCount: filteredItems.length,
+            filteredItems,
+            onAdd: handleAdd,
+            addButtonLabel: config.meta.addButtonLabel,
+            allItems: items
+          }) }),
+          /* @__PURE__ */ jsx("div", { className: "pm-perf-list", ref: listScrollRef, children: /* @__PURE__ */ jsx(
+            "div",
+            {
+              style: {
+                height: `${virtualizer.getTotalSize()}px`,
+                width: "100%",
+                position: "relative"
+              },
+              children: virtualizer.getVirtualItems().map((virtualRow) => {
+                const item = filteredItems[virtualRow.index];
+                return /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    "data-index": virtualRow.index,
+                    ref: virtualizer.measureElement,
+                    style: {
+                      position: "absolute",
+                      top: 0,
+                      left: 0,
+                      width: "100%",
+                      transform: `translateY(${virtualRow.start}px)`
+                    },
+                    children: config.renderListItem(item, {
+                      isSelected: selectedId === item.id,
+                      onSelect: selectItem,
+                      onDelete: handleDelete
+                    })
+                  },
+                  item.id
+                );
+              })
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "pm-list-right", children: [
+          /* @__PURE__ */ jsx("div", { className: "pm-pv-label", children: "\uD648\uD398\uC774\uC9C0 \uBBF8\uB9AC\uBCF4\uAE30" }),
+          config.renderListPreview({
+            publishedItems,
+            onSelectItem: selectItem
+          })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: `pm-panel pm-panel-edit ${tab === "edit" ? "on" : ""}`,
+          children: [
+            /* @__PURE__ */ jsx("div", { className: "pm-edit-left", children: config.renderEditForm({
+              form,
+              setForm,
+              updateField,
+              isNew,
+              selectedId,
+              saving,
+              loading,
+              onSave: handleSave,
+              onCancel: () => {
+                setTab("list");
+                config.onNavigateToList?.();
+              },
+              onDelete: () => {
+                if (selectedId) handleDelete(selectedId);
+              }
+            }) }),
+            /* @__PURE__ */ jsxs("div", { className: "pm-edit-right", children: [
+              /* @__PURE__ */ jsx("div", { className: "pm-pv-label", children: "\uC2E4\uC2DC\uAC04 \uBBF8\uB9AC\uBCF4\uAE30" }),
+              config.renderDetailPreview({ form, isNew, selectedId })
+            ] })
+          ]
+        }
+      )
+    ] }),
+    config.renderModal?.()
+  ] });
+}
+function AdminManagerBase(props) {
+  const { ref, ...rest } = props;
+  return /* @__PURE__ */ jsx(AdminManagerBaseInner, { ...rest, innerRef: ref });
+}
+
+export {
+  AdminManagerBase
+};
+//# sourceMappingURL=chunk-ZULSFSDG.mjs.map

package/dist/chunk-ZULSFSDG.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/AdminManagerBase.tsx"],"sourcesContent":["\"use client\";\n\nimport { useCallback, useEffect, useImperativeHandle, useMemo, useRef, forwardRef } from \"react\";\nimport { useVirtualizer } from \"@tanstack/react-virtual\";\nimport { toast } from \"sonner\";\nimport { adminFetch, getAuthHeaders } from \"../utils/admin-fetch\";\nimport { useAdminList } from \"../hooks/useAdminList\";\nimport { useAdminForm } from \"../hooks/useAdminForm\";\nimport type { AdminManagerConfig } from \"./AdminManagerConfig\";\n\ninterface Props<TItem extends { id: string }, TForm extends object> {\n  initialItems: TItem[];\n  config: AdminManagerConfig<TItem, TForm>;\n  /** 초기에 선택할 항목 ID (예: detail 라우트의 [id] 세그먼트) */\n  initialSelectedId?: string | null;\n  /** 최초 진입 시 새 항목 편집 모드로 시작할지 여부 (예: 새 항목 라우트) */\n  startWithNew?: boolean;\n  /** 초기 필터 값 (예: 카테고리 필터링) */\n  defaultFilterValue?: string;\n}\n\nexport interface AdminManagerBaseHandle {\n  selectItem: (id: string) => void;\n}\n\nfunction AdminManagerBaseInner<\n  TItem extends { id: string },\n  TForm extends object\n>({\n  initialItems,\n  config,\n  initialSelectedId,\n  startWithNew,\n  defaultFilterValue,\n  innerRef,\n}: Props<TItem, TForm> & { innerRef?: React.Ref<AdminManagerBaseHandle> }) {\n  const list = useAdminList<TItem>({\n    initialItems,\n    apiPath: config.apiPath,\n    defaultSortKey: config.defaultSortKey,\n    normalizeItem: config.normalizeListItem,\n    defaultFilterValue,\n  });\n  const {\n    items,\n    setItems,\n    searchQuery,\n    setSearchQuery,\n    sortKey,\n    setSortKey,\n    filterValue,\n    setFilterValue,\n  } = list;\n\n  const adminForm = useAdminForm<TForm>(config.emptyForm);\n  const {\n    tab,\n    setTab,\n    form,\n    setForm,\n    updateField,\n    selectedId,\n    setSelectedId,\n    isNew,\n    setIsNew,\n    saving,\n    setSaving,\n    loading,\n    setLoading,\n    mobilePv,\n    setMobilePv,\n    addNew,\n    startEdit,\n  } = adminForm;\n\n  useEffect(() => {\n    if (startWithNew) {\n      handleAdd();\n      return;\n    }\n    if (initialSelectedId) {\n      selectItem(initialSelectedId);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const filteredItems = useMemo(\n    () => config.filterItems(items, filterValue, searchQuery),\n    [items, filterValue, searchQuery, config]\n  );\n\n  const publishedItems = useMemo(\n    () => items.filter(config.meta.getItemPublished),\n    [items, config]\n  );\n\n  const selectItem = useCallback(async (id: string) => {\n    startEdit(id, config.emptyForm);\n    try {\n      const res = await adminFetch(`${config.apiPath}/${id}`);\n      const json = await res.json();\n      if (json.success) {\n        setForm(config.loadItem(json.data));\n      } else {\n        toast.error(json.error?.message || \"데이터 로드 실패\");\n      }\n    } catch {\n      toast.error(\"데이터 로드 실패\");\n    } finally {\n      setLoading(false);\n    }\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [config.apiPath, config.loadItem, config.emptyForm]);\n\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  useImperativeHandle(innerRef, () => ({ selectItem }), [selectItem]);\n\n  const handleAdd = useCallback(() => {\n    addNew(config.emptyForm);\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [config.emptyForm]);\n\n  async function handleSave() {\n    const err = config.validate(form);\n    if (err) {\n      toast.error(err);\n      return;\n    }\n    const payload = config.buildSavePayload(form, { isNew, selectedId, items });\n    const url = isNew ? config.apiPath : `${config.apiPath}/${selectedId}`;\n    const method = isNew ? \"POST\" : \"PUT\";\n\n    setSaving(true);\n    try {\n      const res = await adminFetch(url, {\n        method,\n        headers: { ...getAuthHeaders(), \"Content-Type\": \"application/json\" },\n        body: JSON.stringify(payload),\n      });\n      const json = await res.json();\n      if (json.success) {\n        const listRes = await adminFetch(`${config.apiPath}?limit=100&sortBy=${sortKey}`);\n        const listJson = await listRes.json();\n        if (listJson.success) {\n          setItems(listJson.data.items.map(config.normalizeListItem));\n        }\n        setTab(\"list\");\n        setSelectedId(null);\n        toast.success(\"저장 완료\");\n        config.onAfterSave?.();\n        config.onNavigateToList?.();\n      } else {\n        toast.error(json.error?.message || \"저장 실패\");\n      }\n    } catch {\n      toast.error(\"저장 중 오류 발생\");\n    } finally {\n      setSaving(false);\n    }\n  }\n\n  const handleDelete = useCallback(async (id: string) => {\n    const item = items.find((i) => i.id === id);\n    const label = item ? config.meta.getItemLabel(item) : id;\n    if (!confirm(`\"${label}\"을(를) 삭제하시겠습니까?`)) return;\n    try {\n      const res = await adminFetch(`${config.apiPath}/${id}`, {\n        method: \"DELETE\",\n      });\n      if (res.ok) {\n        setItems((prev) => prev.filter((i) => i.id !== id));\n        if (selectedId === id) {\n          setSelectedId(null);\n          setTab(\"list\");\n        }\n      } else {\n        toast.error(\"삭제에 실패했습니다.\");\n      }\n    } catch {\n      toast.error(\"삭제 중 오류가 발생했습니다.\");\n    }\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [items, selectedId, config.apiPath, config.meta]);\n\n  const listScrollRef = useRef<HTMLDivElement>(null);\n\n  const virtualizer = useVirtualizer({\n    count: filteredItems.length,\n    getScrollElement: () => listScrollRef.current,\n    estimateSize: () => 58,\n    overscan: 5,\n  });\n\n  return (\n    <div className={`pm${mobilePv ? \" mobile-pv-on\" : \"\"}`}>\n      {/* Topbar */}\n      <div className=\"pm-topbar\">\n        <div className=\"pm-tb-l\">\n          <span className=\"pm-tb-logo\">{config.meta.appTitle}</span>\n          <span className=\"pm-tb-sep\" />\n          <span className=\"pm-tb-pg\">{config.meta.pageTitle}</span>\n        </div>\n      </div>\n\n      {/* Tabs */}\n      <div className=\"pm-tabs\">\n        <div\n          className={`pm-tab ${tab === \"list\" ? \"on\" : \"\"}`}\n          onClick={() => { setTab(\"list\"); config.onNavigateToList?.(); }}\n        >\n          {config.meta.listTabLabel}\n        </div>\n        <div\n          className={`pm-tab ${tab === \"edit\" ? \"on\" : \"\"}`}\n          onClick={() => setTab(\"edit\")}\n        >\n          편집 + 미리보기\n        </div>\n      </div>\n\n      {/* Mobile Preview Toggle */}\n      <div className=\"mobile-pv-bar\">\n        <button\n          type=\"button\"\n          className={`mobile-pv-btn${!mobilePv ? \" on\" : \"\"}`}\n          onClick={() => setMobilePv(false)}\n        >\n          편집\n        </button>\n        <button\n          type=\"button\"\n          className={`mobile-pv-btn${mobilePv ? \" on\" : \"\"}`}\n          onClick={() => setMobilePv(true)}\n        >\n          미리보기\n        </button>\n      </div>\n\n      {/* Body */}\n      <div className=\"pm-body\">\n        {/* List Panel */}\n        <div className={`pm-panel pm-panel-list ${tab === \"list\" ? \"on\" : \"\"}`}>\n          <div className=\"pm-list-left\">\n            <div className=\"pm-list-header\">\n              {config.renderFilterControls({\n                filterValue,\n                setFilterValue,\n                sortKey,\n                setSortKey,\n                sortOptions: config.sortOptions,\n                searchQuery,\n                setSearchQuery,\n                filteredCount: filteredItems.length,\n                filteredItems,\n                onAdd: handleAdd,\n                addButtonLabel: config.meta.addButtonLabel,\n                allItems: items,\n              })}\n            </div>\n            <div className=\"pm-perf-list\" ref={listScrollRef}>\n              <div\n                style={{\n                  height: `${virtualizer.getTotalSize()}px`,\n                  width: \"100%\",\n                  position: \"relative\",\n                }}\n              >\n                {virtualizer.getVirtualItems().map((virtualRow) => {\n                  const item = filteredItems[virtualRow.index];\n                  return (\n                    <div\n                      key={item.id}\n                      data-index={virtualRow.index}\n                      ref={virtualizer.measureElement}\n                      style={{\n                        position: \"absolute\",\n                        top: 0,\n                        left: 0,\n                        width: \"100%\",\n                        transform: `translateY(${virtualRow.start}px)`,\n                      }}\n                    >\n                      {config.renderListItem(item, {\n                        isSelected: selectedId === item.id,\n                        onSelect: selectItem,\n                        onDelete: handleDelete,\n                      })}\n                    </div>\n                  );\n                })}\n              </div>\n            </div>\n          </div>\n          <div className=\"pm-list-right\">\n            <div className=\"pm-pv-label\">홈페이지 미리보기</div>\n            {config.renderListPreview({\n              publishedItems,\n              onSelectItem: selectItem,\n            })}\n          </div>\n        </div>\n\n        {/* Edit Panel */}\n        <div\n          className={`pm-panel pm-panel-edit ${tab === \"edit\" ? \"on\" : \"\"}`}\n        >\n          <div className=\"pm-edit-left\">\n            {config.renderEditForm({\n              form,\n              setForm,\n              updateField,\n              isNew,\n              selectedId,\n              saving,\n              loading,\n              onSave: handleSave,\n              onCancel: () => { setTab(\"list\"); config.onNavigateToList?.(); },\n              onDelete: () => { if (selectedId) handleDelete(selectedId); },\n            })}\n          </div>\n          <div className=\"pm-edit-right\">\n            <div className=\"pm-pv-label\">실시간 미리보기</div>\n            {config.renderDetailPreview({ form, isNew, selectedId })}\n          </div>\n        </div>\n      </div>\n\n      {/* Domain Modal */}\n      {config.renderModal?.()}\n    </div>\n  );\n}\n\nexport default function AdminManagerBase<\n  TItem extends { id: string },\n  TForm extends object\n>(props: Props<TItem, TForm> & { ref?: React.Ref<AdminManagerBaseHandle> }) {\n  const { ref, ...rest } = props;\n  return <AdminManagerBaseInner {...rest} innerRef={ref} />;\n}\n"],"mappings":"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","names":[]}

package/dist/components/AdminManagerBase.d.mts

@@ -0,0 +1,26 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { AdminManagerConfig } from './AdminManagerConfig.mjs';
+import 'react';
+
+interface Props<TItem extends {
+    id: string;
+}, TForm extends object> {
+    initialItems: TItem[];
+    config: AdminManagerConfig<TItem, TForm>;
+    /** 초기에 선택할 항목 ID (예: detail 라우트의 [id] 세그먼트) */
+    initialSelectedId?: string | null;
+    /** 최초 진입 시 새 항목 편집 모드로 시작할지 여부 (예: 새 항목 라우트) */
+    startWithNew?: boolean;
+    /** 초기 필터 값 (예: 카테고리 필터링) */
+    defaultFilterValue?: string;
+}
+interface AdminManagerBaseHandle {
+    selectItem: (id: string) => void;
+}
+declare function AdminManagerBase<TItem extends {
+    id: string;
+}, TForm extends object>(props: Props<TItem, TForm> & {
+    ref?: React.Ref<AdminManagerBaseHandle>;
+}): react_jsx_runtime.JSX.Element;
+
+export { type AdminManagerBaseHandle, AdminManagerBase as default };

package/dist/components/AdminManagerBase.d.ts

@@ -0,0 +1,26 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { AdminManagerConfig } from './AdminManagerConfig.js';
+import 'react';
+
+interface Props<TItem extends {
+    id: string;
+}, TForm extends object> {
+    initialItems: TItem[];
+    config: AdminManagerConfig<TItem, TForm>;
+    /** 초기에 선택할 항목 ID (예: detail 라우트의 [id] 세그먼트) */
+    initialSelectedId?: string | null;
+    /** 최초 진입 시 새 항목 편집 모드로 시작할지 여부 (예: 새 항목 라우트) */
+    startWithNew?: boolean;
+    /** 초기 필터 값 (예: 카테고리 필터링) */
+    defaultFilterValue?: string;
+}
+interface AdminManagerBaseHandle {
+    selectItem: (id: string) => void;
+}
+declare function AdminManagerBase<TItem extends {
+    id: string;
+}, TForm extends object>(props: Props<TItem, TForm> & {
+    ref?: React.Ref<AdminManagerBaseHandle>;
+}): react_jsx_runtime.JSX.Element;
+
+export { type AdminManagerBaseHandle, AdminManagerBase as default };

package/dist/components/AdminManagerBase.js

@@ -0,0 +1,13 @@
+"use client";
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _chunkDCIF4XJLjs = require('../chunk-DCIF4XJL.js');
+require('../chunk-5JUIMXNF.js');
+require('../chunk-KWKV2GAH.js');
+require('../chunk-EG6NVPP2.js');
+require('../chunk-DGUM43GV.js');
+
+
+exports.default = _chunkDCIF4XJLjs.AdminManagerBase;
+//# sourceMappingURL=AdminManagerBase.js.map

package/dist/components/AdminManagerBase.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/uni4love/project/workspace/211-withwiz/node-packages/withwiz-cms-kit/dist/components/AdminManagerBase.js"],"names":[],"mappings":"AAAA,qFAAY;AACZ;AACE;AACF,uDAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACF,oDAAC","file":"/Users/uni4love/project/workspace/211-withwiz/node-packages/withwiz-cms-kit/dist/components/AdminManagerBase.js"}

package/dist/components/AdminManagerBase.mjs

@@ -0,0 +1,12 @@
+"use client";
+import {
+  AdminManagerBase
+} from "../chunk-ZULSFSDG.mjs";
+import "../chunk-FCCCG5Z7.mjs";
+import "../chunk-T7EVFD4G.mjs";
+import "../chunk-BWKKHCDG.mjs";
+import "../chunk-BJTO5JO5.mjs";
+export {
+  AdminManagerBase as default
+};
+//# sourceMappingURL=AdminManagerBase.mjs.map

package/dist/components/AdminManagerBase.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/components/AdminManagerConfig.d.mts

@@ -0,0 +1,83 @@
+import { ReactNode, Dispatch, SetStateAction } from 'react';
+
+interface FilterSlotProps<TItem = unknown> {
+    filterValue: string;
+    setFilterValue: (v: string) => void;
+    sortKey: string;
+    setSortKey: (v: string) => void;
+    sortOptions: {
+        value: string;
+        label: string;
+    }[];
+    searchQuery: string;
+    setSearchQuery: (v: string) => void;
+    filteredCount: number;
+    filteredItems: TItem[];
+    onAdd: () => void;
+    addButtonLabel: string;
+    allItems: TItem[];
+}
+interface ListItemSlotProps<TItem> {
+    isSelected: boolean;
+    onSelect: (id: string) => void;
+    onDelete: (id: string) => void;
+}
+interface EditFormSlotProps<TForm> {
+    form: TForm;
+    setForm: Dispatch<SetStateAction<TForm>>;
+    updateField: <K extends keyof TForm>(key: K, value: TForm[K]) => void;
+    isNew: boolean;
+    selectedId: string | null;
+    saving: boolean;
+    loading: boolean;
+    onSave: () => void;
+    onCancel: () => void;
+    onDelete: () => void;
+}
+interface DetailPreviewSlotProps<TForm> {
+    form: TForm;
+    isNew: boolean;
+    selectedId: string | null;
+}
+interface ListPreviewSlotProps<TItem> {
+    publishedItems: TItem[];
+    onSelectItem: (id: string) => void;
+}
+interface AdminManagerConfig<TItem extends {
+    id: string;
+}, TForm extends object> {
+    meta: {
+        appTitle: string;
+        pageTitle: string;
+        listTabLabel: string;
+        addButtonLabel: string;
+        getItemLabel: (item: TItem) => string;
+        getItemPublished: (item: TItem) => boolean;
+    };
+    apiPath: string;
+    defaultSortKey: string;
+    sortOptions: {
+        value: string;
+        label: string;
+    }[];
+    emptyForm: TForm;
+    loadItem: (apiData: unknown) => TForm;
+    buildSavePayload: (form: TForm, ctx: {
+        isNew: boolean;
+        selectedId: string | null;
+        items: TItem[];
+    }) => Record<string, unknown>;
+    validate: (form: TForm) => string | null;
+    normalizeListItem: (raw: unknown) => TItem;
+    filterItems: (items: TItem[], filter: string, search: string) => TItem[];
+    renderFilterControls: (props: FilterSlotProps<TItem>) => ReactNode;
+    renderListItem: (item: TItem, props: ListItemSlotProps<TItem>) => ReactNode;
+    renderEditForm: (props: EditFormSlotProps<TForm>) => ReactNode;
+    renderDetailPreview: (props: DetailPreviewSlotProps<TForm>) => ReactNode;
+    renderListPreview: (props: ListPreviewSlotProps<TItem>) => ReactNode;
+    renderModal?: () => ReactNode;
+    onAfterSave?: () => void;
+    onNavigateToList?: () => void;
+}
+
+export type { AdminManagerConfig, DetailPreviewSlotProps, EditFormSlotProps, FilterSlotProps, ListItemSlotProps, ListPreviewSlotProps };

package/dist/components/AdminManagerConfig.d.ts

@@ -0,0 +1,83 @@
+import { ReactNode, Dispatch, SetStateAction } from 'react';
+
+interface FilterSlotProps<TItem = unknown> {
+    filterValue: string;
+    setFilterValue: (v: string) => void;
+    sortKey: string;
+    setSortKey: (v: string) => void;
+    sortOptions: {
+        value: string;
+        label: string;
+    }[];
+    searchQuery: string;
+    setSearchQuery: (v: string) => void;
+    filteredCount: number;
+    filteredItems: TItem[];
+    onAdd: () => void;
+    addButtonLabel: string;
+    allItems: TItem[];
+}
+interface ListItemSlotProps<TItem> {
+    isSelected: boolean;
+    onSelect: (id: string) => void;
+    onDelete: (id: string) => void;
+}
+interface EditFormSlotProps<TForm> {
+    form: TForm;
+    setForm: Dispatch<SetStateAction<TForm>>;
+    updateField: <K extends keyof TForm>(key: K, value: TForm[K]) => void;
+    isNew: boolean;
+    selectedId: string | null;
+    saving: boolean;
+    loading: boolean;
+    onSave: () => void;
+    onCancel: () => void;
+    onDelete: () => void;
+}
+interface DetailPreviewSlotProps<TForm> {
+    form: TForm;
+    isNew: boolean;
+    selectedId: string | null;
+}
+interface ListPreviewSlotProps<TItem> {
+    publishedItems: TItem[];
+    onSelectItem: (id: string) => void;
+}
+interface AdminManagerConfig<TItem extends {
+    id: string;
+}, TForm extends object> {
+    meta: {
+        appTitle: string;
+        pageTitle: string;
+        listTabLabel: string;
+        addButtonLabel: string;
+        getItemLabel: (item: TItem) => string;
+        getItemPublished: (item: TItem) => boolean;
+    };
+    apiPath: string;
+    defaultSortKey: string;
+    sortOptions: {
+        value: string;
+        label: string;
+    }[];
+    emptyForm: TForm;
+    loadItem: (apiData: unknown) => TForm;
+    buildSavePayload: (form: TForm, ctx: {
+        isNew: boolean;
+        selectedId: string | null;
+        items: TItem[];
+    }) => Record<string, unknown>;
+    validate: (form: TForm) => string | null;
+    normalizeListItem: (raw: unknown) => TItem;
+    filterItems: (items: TItem[], filter: string, search: string) => TItem[];
+    renderFilterControls: (props: FilterSlotProps<TItem>) => ReactNode;
+    renderListItem: (item: TItem, props: ListItemSlotProps<TItem>) => ReactNode;
+    renderEditForm: (props: EditFormSlotProps<TForm>) => ReactNode;
+    renderDetailPreview: (props: DetailPreviewSlotProps<TForm>) => ReactNode;
+    renderListPreview: (props: ListPreviewSlotProps<TItem>) => ReactNode;
+    renderModal?: () => ReactNode;
+    onAfterSave?: () => void;
+    onNavigateToList?: () => void;
+}
+
+export type { AdminManagerConfig, DetailPreviewSlotProps, EditFormSlotProps, FilterSlotProps, ListItemSlotProps, ListPreviewSlotProps };

package/dist/components/AdminManagerConfig.js

@@ -0,0 +1,2 @@
+"use strict";require('../chunk-D2VDTRXO.js');
+//# sourceMappingURL=AdminManagerConfig.js.map

package/dist/components/AdminManagerConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/uni4love/project/workspace/211-withwiz/node-packages/withwiz-cms-kit/dist/components/AdminManagerConfig.js"],"names":[],"mappings":"AAAA,6CAA6B","file":"/Users/uni4love/project/workspace/211-withwiz/node-packages/withwiz-cms-kit/dist/components/AdminManagerConfig.js"}

package/dist/components/AdminManagerConfig.mjs

@@ -0,0 +1,2 @@
+import "../chunk-6ES4W2DL.mjs";
+//# sourceMappingURL=AdminManagerConfig.mjs.map

package/dist/components/AdminManagerConfig.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/components/AdminShell.d.mts

@@ -0,0 +1,30 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { d as CmsNavItem } from '../index-00a40-FQ.mjs';
+
+/**
+ * AdminShell props (spec.md §4.1 / Sprint 1 C1/C2).
+ *
+ * brand/nav/route 는 더 이상 하드코딩되지 않는다. 우선순위:
+ * props > §5 config boundary (`setCmsConfig`) > 안전 중립 기본값
+ * (빈 nav + 1회 `@withwiz/cms-kit:` warn, route 는 레거시 기본 경로).
+ */
+interface AdminShellProps {
+    children: React.ReactNode;
+    /** 브랜드 라벨 (사이드바 홈 링크 텍스트). 미지정 시 §5 config. */
+    brandLabel?: string;
+    /** 브랜드 홈 링크 href. */
+    brandHref?: string;
+    /** admin 링크 href. */
+    adminHref?: string;
+    /** 순서 있는 nav 항목 목록 (label/href/glyph). */
+    navItems?: CmsNavItem[];
+    /** 로그인 페이지 경로 (라우트 가드/리다이렉트). */
+    loginPath?: string;
+    /** "현재 사용자" 엔드포인트. */
+    meEndpoint?: string;
+    /** 로그아웃 엔드포인트. */
+    logoutEndpoint?: string;
+}
+declare function AdminShell({ children, brandLabel, brandHref, adminHref, navItems, loginPath, meEndpoint, logoutEndpoint, }: AdminShellProps): react_jsx_runtime.JSX.Element;
+
+export { type AdminShellProps, AdminShell as default };