@withwiz/cms-kit 0.1.0

package/dist/components/AdminShell.d.ts

@@ -0,0 +1,30 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { d as CmsNavItem } from '../index-00a40-FQ.js';
+
+/**
+ * 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 };

package/dist/components/AdminShell.js

@@ -0,0 +1,12 @@
+"use client";
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _chunkC5WFZJM4js = require('../chunk-C5WFZJM4.js');
+require('../chunk-KWKV2GAH.js');
+require('../chunk-EG6NVPP2.js');
+require('../chunk-DGUM43GV.js');
+
+
+exports.default = _chunkC5WFZJM4js.AdminShell;
+//# sourceMappingURL=AdminShell.js.map

package/dist/components/AdminShell.js.map

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

package/dist/components/AdminShell.mjs

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

package/dist/components/AdminShell.mjs.map

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

package/dist/components/JsonLd.d.mts

@@ -0,0 +1,32 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+/**
+ * JSON-LD 구조화 데이터 스크립트 (spec.md §4.6 / Sprint 1 S2).
+ *
+ * `JSON.stringify(data)` 를 그대로 `<script>` 에 주입하면 `data` 값에 들어 있는
+ * `</script>` / `<!--` / `<` / `&` / U+2028 / U+2029 가 스크립트 요소를
+ * 탈출(breakout)시켜 저장/반사형 XSS 가 된다. 아래 escapeJsonForScript 가
+ * 직렬화 결과를 안전하게 이스케이프한다 (codepoint 기반 — 소스에 비가시
+ * 라인 종결자 문자를 두지 않는다). 이스케이프 대상:
+ *
+ *   U+003C  (escaped to backslash-u003c) -- blocks </script>, <!--, <
+ *   U+003E  (escaped to backslash-u003e)
+ *   U+0026  (escaped to backslash-u0026)
+ *   U+2028  (escaped to backslash-u2028) -- JS string literal break guard
+ *   U+2029  (escaped to backslash-u2029)
+ *
+ * 이 치환들은 JSON 문자열 컨텍스트 안에서 유효한 \uXXXX 이스케이프이므로,
+ * 디코드된 스크립트 텍스트를 JSON.parse 하면 원본 data 와 정확히
+ * deep-equal 한다 (round-trip 보존).
+ */
+/**
+ * `<script>` 안에 안전하게 넣을 수 있도록 직렬화된 JSON 을 이스케이프한다.
+ * 결과는 여전히 유효한 `application/ld+json` 이며 `JSON.parse` 시 원본으로
+ * 복원된다.
+ */
+declare function escapeJsonForScript(data: unknown): string;
+declare function JsonLd({ data }: {
+    data: Record<string, unknown>;
+}): react_jsx_runtime.JSX.Element;
+
+export { JsonLd, escapeJsonForScript };

package/dist/components/JsonLd.d.ts

@@ -0,0 +1,32 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+/**
+ * JSON-LD 구조화 데이터 스크립트 (spec.md §4.6 / Sprint 1 S2).
+ *
+ * `JSON.stringify(data)` 를 그대로 `<script>` 에 주입하면 `data` 값에 들어 있는
+ * `</script>` / `<!--` / `<` / `&` / U+2028 / U+2029 가 스크립트 요소를
+ * 탈출(breakout)시켜 저장/반사형 XSS 가 된다. 아래 escapeJsonForScript 가
+ * 직렬화 결과를 안전하게 이스케이프한다 (codepoint 기반 — 소스에 비가시
+ * 라인 종결자 문자를 두지 않는다). 이스케이프 대상:
+ *
+ *   U+003C  (escaped to backslash-u003c) -- blocks </script>, <!--, <
+ *   U+003E  (escaped to backslash-u003e)
+ *   U+0026  (escaped to backslash-u0026)
+ *   U+2028  (escaped to backslash-u2028) -- JS string literal break guard
+ *   U+2029  (escaped to backslash-u2029)
+ *
+ * 이 치환들은 JSON 문자열 컨텍스트 안에서 유효한 \uXXXX 이스케이프이므로,
+ * 디코드된 스크립트 텍스트를 JSON.parse 하면 원본 data 와 정확히
+ * deep-equal 한다 (round-trip 보존).
+ */
+/**
+ * `<script>` 안에 안전하게 넣을 수 있도록 직렬화된 JSON 을 이스케이프한다.
+ * 결과는 여전히 유효한 `application/ld+json` 이며 `JSON.parse` 시 원본으로
+ * 복원된다.
+ */
+declare function escapeJsonForScript(data: unknown): string;
+declare function JsonLd({ data }: {
+    data: Record<string, unknown>;
+}): react_jsx_runtime.JSX.Element;
+
+export { JsonLd, escapeJsonForScript };

package/dist/components/JsonLd.js

@@ -0,0 +1,11 @@
+"use client";
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+var _chunkMUHFEEYWjs = require('../chunk-MUHFEEYW.js');
+require('../chunk-DGUM43GV.js');
+
+
+
+exports.JsonLd = _chunkMUHFEEYWjs.JsonLd; exports.escapeJsonForScript = _chunkMUHFEEYWjs.escapeJsonForScript;
+//# sourceMappingURL=JsonLd.js.map

package/dist/components/JsonLd.js.map

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

package/dist/components/JsonLd.mjs

@@ -0,0 +1,11 @@
+"use client";
+import {
+  JsonLd,
+  escapeJsonForScript
+} from "../chunk-3Y2TQCHU.mjs";
+import "../chunk-BJTO5JO5.mjs";
+export {
+  JsonLd,
+  escapeJsonForScript
+};
+//# sourceMappingURL=JsonLd.mjs.map

package/dist/components/JsonLd.mjs.map

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

package/dist/components/ResizableImage.d.mts

@@ -0,0 +1,18 @@
+import { Node } from '@tiptap/core';
+
+declare module "@tiptap/core" {
+    interface Commands<ReturnType> {
+        resizableImage: {
+            setImage: (options: {
+                src: string;
+                alt?: string;
+                title?: string;
+                width?: number;
+                align?: string;
+            }) => ReturnType;
+        };
+    }
+}
+declare const ResizableImage: Node<any, any>;
+
+export { ResizableImage };

package/dist/components/ResizableImage.d.ts

@@ -0,0 +1,18 @@
+import { Node } from '@tiptap/core';
+
+declare module "@tiptap/core" {
+    interface Commands<ReturnType> {
+        resizableImage: {
+            setImage: (options: {
+                src: string;
+                alt?: string;
+                title?: string;
+                width?: number;
+                align?: string;
+            }) => ReturnType;
+        };
+    }
+}
+declare const ResizableImage: Node<any, any>;
+
+export { ResizableImage };

package/dist/components/ResizableImage.js

@@ -0,0 +1,10 @@
+"use client";
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _chunkZFORODOXjs = require('../chunk-ZFORODOX.js');
+require('../chunk-DGUM43GV.js');
+
+
+exports.ResizableImage = _chunkZFORODOXjs.ResizableImage;
+//# sourceMappingURL=ResizableImage.js.map

package/dist/components/ResizableImage.js.map

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

package/dist/components/ResizableImage.mjs

@@ -0,0 +1,9 @@
+"use client";
+import {
+  ResizableImage
+} from "../chunk-D75ADHVM.mjs";
+import "../chunk-BJTO5JO5.mjs";
+export {
+  ResizableImage
+};
+//# sourceMappingURL=ResizableImage.mjs.map

package/dist/components/ResizableImage.mjs.map

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

package/dist/components/ToggleSwitch.d.mts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface ToggleSwitchProps {
+    checked: boolean;
+    onChange: (checked: boolean) => void;
+    label?: string;
+    className?: string;
+}
+declare function ToggleSwitch({ checked, onChange, label, className, }: ToggleSwitchProps): react_jsx_runtime.JSX.Element;
+
+export { ToggleSwitch as default };

package/dist/components/ToggleSwitch.d.ts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface ToggleSwitchProps {
+    checked: boolean;
+    onChange: (checked: boolean) => void;
+    label?: string;
+    className?: string;
+}
+declare function ToggleSwitch({ checked, onChange, label, className, }: ToggleSwitchProps): react_jsx_runtime.JSX.Element;
+
+export { ToggleSwitch as default };

package/dist/components/ToggleSwitch.js

@@ -0,0 +1,10 @@
+"use client";
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _chunkVZZ3RU3Qjs = require('../chunk-VZZ3RU3Q.js');
+require('../chunk-DGUM43GV.js');
+
+
+exports.default = _chunkVZZ3RU3Qjs.ToggleSwitch;
+//# sourceMappingURL=ToggleSwitch.js.map

package/dist/components/ToggleSwitch.js.map

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

package/dist/components/ToggleSwitch.mjs

@@ -0,0 +1,9 @@
+"use client";
+import {
+  ToggleSwitch
+} from "../chunk-SMV5D5LO.mjs";
+import "../chunk-BJTO5JO5.mjs";
+export {
+  ToggleSwitch as default
+};
+//# sourceMappingURL=ToggleSwitch.mjs.map

package/dist/components/ToggleSwitch.mjs.map

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

package/dist/components/image-drop-zone.css

@@ -0,0 +1,115 @@
+/* ═══ Shared Drag-and-Drop Upload States ═══ */
+
+/* Drag-over visual feedback */
+.af-upload-zone.is-drag-over,
+.nbe-ed-img-up.is-drag-over,
+.nbe-img-upload.is-drag-over,
+.admin-cover-upload.is-drag-over,
+.pm-poster-upload.is-drag-over,
+.rm-pu.is-drag-over,
+.rm-ce-iup.is-drag-over,
+.rm-gal-grid.is-drag-over {
+  border-color: #8c7444 !important;
+  border-style: dashed !important;
+  background: rgba(201, 169, 110, 0.08) !important;
+  box-shadow: inset 0 0 0 2px rgba(201, 169, 110, 0.15);
+  transition: all 0.15s ease;
+}
+
+/* Uploading / Resizing state */
+.af-upload-zone.is-uploading,
+.nbe-ed-img-up.is-uploading,
+.nbe-img-upload.is-uploading,
+.admin-cover-upload.is-uploading,
+.pm-poster-upload.is-uploading,
+.rm-pu.is-uploading,
+.rm-ce-iup.is-uploading,
+.af-upload-zone.is-resizing,
+.nbe-ed-img-up.is-resizing,
+.nbe-img-upload.is-resizing,
+.admin-cover-upload.is-resizing,
+.pm-poster-upload.is-resizing,
+.rm-pu.is-resizing,
+.rm-ce-iup.is-resizing {
+  opacity: 0.6;
+  pointer-events: none;
+}
+
+/* Upload spinner */
+.dz-upload-spinner {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  font-size: 12px;
+  color: #8c7444;
+}
+
+.dz-upload-spinner::before {
+  content: "";
+  width: 14px;
+  height: 14px;
+  border: 2px solid #e8e0d0;
+  border-top-color: #8c7444;
+  border-radius: 50%;
+  animation: dz-spin 0.6s linear infinite;
+}
+
+@keyframes dz-spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+/* Error message */
+.dz-error {
+  font-size: 11px;
+  color: #d44;
+  margin-top: 4px;
+  padding: 4px 8px;
+  background: #fef5f5;
+  border: 1px solid #f0c0c0;
+  border-radius: 4px;
+}
+
+/* Drag hint text */
+.dz-drag-hint {
+  font-size: 12px;
+  color: #8c7444;
+  font-weight: 600;
+  pointer-events: none;
+}
+
+/* Placeholder with guide */
+.dz-placeholder {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 6px;
+  padding: 12px;
+  text-align: center;
+}
+
+.dz-placeholder-icon {
+  font-size: 24px;
+  color: #aaa;
+  line-height: 1;
+}
+
+.dz-placeholder-text {
+  font-size: 13px;
+  color: #888;
+}
+
+.dz-placeholder-guide {
+  font-size: 11px;
+  color: #bbb;
+  line-height: 1.5;
+}
+
+/* Gallery drop zone add button state */
+.rm-gal-add.dz-state {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  pointer-events: none;
+}

package/dist/components/index.d.mts

@@ -0,0 +1,26 @@
+export { JsonLd } from './JsonLd.mjs';
+export { default as AdminShell } from './AdminShell.mjs';
+export { default as AdminManagerBase, AdminManagerBaseHandle } from './AdminManagerBase.mjs';
+export { AdminManagerConfig, DetailPreviewSlotProps, EditFormSlotProps, FilterSlotProps, ListItemSlotProps, ListPreviewSlotProps } from './AdminManagerConfig.mjs';
+export { default as ToggleSwitch } from './ToggleSwitch.mjs';
+export { ResizableImage } from './ResizableImage.mjs';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import '../index-00a40-FQ.mjs';
+import 'react';
+import '@tiptap/core';
+
+interface Props {
+    /** Current image URL */
+    src: string;
+    /** Called with uploaded image URL and key */
+    onUpload: (url: string, key: string) => void;
+    /** Track uploaded key for orphan cleanup */
+    onKeyTracked?: (key: string) => void;
+    /** CSS class for the drop zone container */
+    className?: string;
+    /** Placeholder text when no image */
+    placeholder?: string;
+}
+declare function ImageDropUpload({ src, onUpload, onKeyTracked, className, placeholder, }: Props): react_jsx_runtime.JSX.Element;
+
+export { ImageDropUpload };

package/dist/components/index.d.ts

@@ -0,0 +1,26 @@
+export { JsonLd } from './JsonLd.js';
+export { default as AdminShell } from './AdminShell.js';
+export { default as AdminManagerBase, AdminManagerBaseHandle } from './AdminManagerBase.js';
+export { AdminManagerConfig, DetailPreviewSlotProps, EditFormSlotProps, FilterSlotProps, ListItemSlotProps, ListPreviewSlotProps } from './AdminManagerConfig.js';
+export { default as ToggleSwitch } from './ToggleSwitch.js';
+export { ResizableImage } from './ResizableImage.js';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import '../index-00a40-FQ.js';
+import 'react';
+import '@tiptap/core';
+
+interface Props {
+    /** Current image URL */
+    src: string;
+    /** Called with uploaded image URL and key */
+    onUpload: (url: string, key: string) => void;
+    /** Track uploaded key for orphan cleanup */
+    onKeyTracked?: (key: string) => void;
+    /** CSS class for the drop zone container */
+    className?: string;
+    /** Placeholder text when no image */
+    placeholder?: string;
+}
+declare function ImageDropUpload({ src, onUpload, onKeyTracked, className, placeholder, }: Props): react_jsx_runtime.JSX.Element;
+
+export { ImageDropUpload };

package/dist/components/index.js

@@ -0,0 +1,35 @@
+"use client";
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunk6EZ3QE5Njs = require('../chunk-6EZ3QE5N.js');
+
+
+var _chunkDCIF4XJLjs = require('../chunk-DCIF4XJL.js');
+require('../chunk-D2VDTRXO.js');
+
+
+var _chunkC5WFZJM4js = require('../chunk-C5WFZJM4.js');
+
+
+var _chunkMUHFEEYWjs = require('../chunk-MUHFEEYW.js');
+
+
+var _chunkZFORODOXjs = require('../chunk-ZFORODOX.js');
+
+
+var _chunkVZZ3RU3Qjs = require('../chunk-VZZ3RU3Q.js');
+require('../chunk-5JUIMXNF.js');
+require('../chunk-YY7K5CXX.js');
+require('../chunk-S7GOXCRM.js');
+require('../chunk-KWKV2GAH.js');
+require('../chunk-EG6NVPP2.js');
+require('../chunk-DGUM43GV.js');
+
+
+
+
+
+
+
+exports.AdminManagerBase = _chunkDCIF4XJLjs.AdminManagerBase; exports.AdminShell = _chunkC5WFZJM4js.AdminShell; exports.ImageDropUpload = _chunk6EZ3QE5Njs.ImageDropUpload; exports.JsonLd = _chunkMUHFEEYWjs.JsonLd; exports.ResizableImage = _chunkZFORODOXjs.ResizableImage; exports.ToggleSwitch = _chunkVZZ3RU3Qjs.ToggleSwitch;
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

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

package/dist/components/index.mjs

@@ -0,0 +1,35 @@
+"use client";
+import {
+  ImageDropUpload
+} from "../chunk-OBNALAMG.mjs";
+import {
+  AdminManagerBase
+} from "../chunk-ZULSFSDG.mjs";
+import "../chunk-6ES4W2DL.mjs";
+import {
+  AdminShell
+} from "../chunk-FEPGJ7WN.mjs";
+import {
+  JsonLd
+} from "../chunk-3Y2TQCHU.mjs";
+import {
+  ResizableImage
+} from "../chunk-D75ADHVM.mjs";
+import {
+  ToggleSwitch
+} from "../chunk-SMV5D5LO.mjs";
+import "../chunk-FCCCG5Z7.mjs";
+import "../chunk-LF5LOI7K.mjs";
+import "../chunk-J5N76ASB.mjs";
+import "../chunk-T7EVFD4G.mjs";
+import "../chunk-BWKKHCDG.mjs";
+import "../chunk-BJTO5JO5.mjs";
+export {
+  AdminManagerBase,
+  AdminShell,
+  ImageDropUpload,
+  JsonLd,
+  ResizableImage,
+  ToggleSwitch
+};
+//# sourceMappingURL=index.mjs.map

package/dist/components/index.mjs.map

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

package/dist/components/toggle-switch.css

@@ -0,0 +1,55 @@
+/* ─── Toggle Switch ─── */
+.admin-toggle {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  cursor: pointer;
+  user-select: none;
+}
+
+.admin-toggle-input {
+  position: absolute;
+  opacity: 0;
+  width: 0;
+  height: 0;
+  pointer-events: none;
+}
+
+/* Track */
+.admin-toggle-track {
+  position: relative;
+  width: 36px;
+  height: 20px;
+  background: #ccc;
+  border-radius: 10px;
+  transition: background 0.2s;
+  flex-shrink: 0;
+}
+
+.admin-toggle-track.on {
+  background: #8c7444;
+}
+
+/* Thumb */
+.admin-toggle-thumb {
+  position: absolute;
+  top: 2px;
+  left: 2px;
+  width: 16px;
+  height: 16px;
+  background: #fff;
+  border-radius: 50%;
+  transition: left 0.2s;
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
+}
+
+.admin-toggle-track.on .admin-toggle-thumb {
+  left: 18px;
+}
+
+/* Label */
+.admin-toggle-label {
+  font-size: 12px;
+  color: #555;
+  white-space: nowrap;
+}

package/dist/hooks/index.d.mts

@@ -0,0 +1,45 @@
+export { useScrollReveal, useScrollRevealAll } from './useScrollReveal.mjs';
+import * as react from 'react';
+export { useImageDropZone } from './useImageDropZone.mjs';
+
+interface UseAdminListOptions<T, S extends string> {
+    initialItems: T[];
+    apiPath: string;
+    defaultSortKey: S;
+    normalizeItem?: (raw: unknown) => T;
+    defaultFilterValue?: string;
+}
+declare function useAdminList<T, S extends string = string>(options: UseAdminListOptions<T, S>): {
+    items: T[];
+    setItems: react.Dispatch<react.SetStateAction<T[]>>;
+    searchQuery: string;
+    setSearchQuery: react.Dispatch<react.SetStateAction<string>>;
+    sortKey: S;
+    setSortKey: react.Dispatch<react.SetStateAction<S>>;
+    filterValue: string;
+    setFilterValue: react.Dispatch<react.SetStateAction<string>>;
+    fetchList: (sort: S) => Promise<void>;
+};
+
+declare function useAdminForm<F extends object>(initialForm: F): {
+    tab: "list" | "edit";
+    setTab: react.Dispatch<react.SetStateAction<"list" | "edit">>;
+    form: F;
+    setForm: react.Dispatch<react.SetStateAction<F>>;
+    updateField: <K extends keyof F>(key: K, value: F[K]) => void;
+    selectedId: string | null;
+    setSelectedId: react.Dispatch<react.SetStateAction<string | null>>;
+    isNew: boolean;
+    setIsNew: react.Dispatch<react.SetStateAction<boolean>>;
+    saving: boolean;
+    setSaving: react.Dispatch<react.SetStateAction<boolean>>;
+    loading: boolean;
+    setLoading: react.Dispatch<react.SetStateAction<boolean>>;
+    mobilePv: boolean;
+    setMobilePv: react.Dispatch<react.SetStateAction<boolean>>;
+    addNew: (emptyForm: F) => void;
+    startEdit: (id: string, emptyForm?: F) => void;
+    backToList: () => void;
+};
+
+export { useAdminForm, useAdminList };