dn-react-router-toolkit 0.7.7 → 0.7.9

package/dist/post/index.js

@@ -7602,7 +7602,8 @@ module.exports = __toCommonJS(post_exports);
 // src/post/thumbnail_picker.tsx
 var import_react_store_input = require("react-store-input");
 var import_utils = require("dn-react-toolkit/utils");
-var import_react = __toESM(require("react"));
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
 function PostThumbnailPicker({
   store,
   textEditorRef
@@ -7640,10 +7641,9 @@ function PostThumbnailPicker({
       unsubscribe();
     };
   }, []);
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: "grid grid-cols-6 gap-1" }, thumbnails.map((url, index2) => /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "grid grid-cols-6 gap-1", children: thumbnails.map((url, index2) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "button",
     {
-      key: index2,
       type: "button",
       className: (0, import_utils.cn)(
         "border border-neutral-200 rounded-lg overflow-hidden aspect-4/3",
@@ -7653,184 +7653,31 @@ function PostThumbnailPicker({
         store.dispatch((state) => {
           state.thumbnail = url;
         });
-      }
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "img",
+        {
+          src: url,
+          alt: `Thumbnail ${index2 + 1}`,
+          className: "w-full h-full object-cover"
+        }
+      )
     },
-    /* @__PURE__ */ import_react.default.createElement(
-      "img",
-      {
-        src: url,
-        alt: `Thumbnail ${index2 + 1}`,
-        className: "w-full h-full object-cover"
-      }
-    )
-  )));
+    index2
+  )) });
 }
 
 // src/post/editor_toolbar.tsx
 var import_utils2 = require("dn-react-toolkit/utils");
-
-// node_modules/react-icons/lib/iconBase.mjs
-var import_react3 = __toESM(require("react"), 1);
-
-// node_modules/react-icons/lib/iconContext.mjs
-var import_react2 = __toESM(require("react"), 1);
-var DefaultContext = {
-  color: void 0,
-  size: void 0,
-  className: void 0,
-  style: void 0,
-  attr: void 0
-};
-var IconContext = import_react2.default.createContext && /* @__PURE__ */ import_react2.default.createContext(DefaultContext);
-
-// node_modules/react-icons/lib/iconBase.mjs
-var _excluded = ["attr", "size", "title"];
-function _objectWithoutProperties(source, excluded) {
-  if (source == null) return {};
-  var target = _objectWithoutPropertiesLoose(source, excluded);
-  var key, i;
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-    for (i = 0; i < sourceSymbolKeys.length; i++) {
-      key = sourceSymbolKeys[i];
-      if (excluded.indexOf(key) >= 0) continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-      target[key] = source[key];
-    }
-  }
-  return target;
-}
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  for (var key in source) {
-    if (Object.prototype.hasOwnProperty.call(source, key)) {
-      if (excluded.indexOf(key) >= 0) continue;
-      target[key] = source[key];
-    }
-  }
-  return target;
-}
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-function ownKeys(e, r) {
-  var t = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    r && (o = o.filter(function(r2) {
-      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
-    })), t.push.apply(t, o);
-  }
-  return t;
-}
-function _objectSpread(e) {
-  for (var r = 1; r < arguments.length; r++) {
-    var t = null != arguments[r] ? arguments[r] : {};
-    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
-      _defineProperty(e, r2, t[r2]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
-      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
-    });
-  }
-  return e;
-}
-function _defineProperty(obj, key, value) {
-  key = _toPropertyKey(key);
-  if (key in obj) {
-    Object.defineProperty(obj, key, { value, enumerable: true, configurable: true, writable: true });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-function _toPropertyKey(t) {
-  var i = _toPrimitive(t, "string");
-  return "symbol" == typeof i ? i : i + "";
-}
-function _toPrimitive(t, r) {
-  if ("object" != typeof t || !t) return t;
-  var e = t[Symbol.toPrimitive];
-  if (void 0 !== e) {
-    var i = e.call(t, r || "default");
-    if ("object" != typeof i) return i;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return ("string" === r ? String : Number)(t);
-}
-function Tree2Element(tree) {
-  return tree && tree.map((node, i) => /* @__PURE__ */ import_react3.default.createElement(node.tag, _objectSpread({
-    key: i
-  }, node.attr), Tree2Element(node.child)));
-}
-function GenIcon(data) {
-  return (props) => /* @__PURE__ */ import_react3.default.createElement(IconBase, _extends({
-    attr: _objectSpread({}, data.attr)
-  }, props), Tree2Element(data.child));
-}
-function IconBase(props) {
-  var elem = (conf) => {
-    var {
-      attr,
-      size,
-      title
-    } = props, svgProps = _objectWithoutProperties(props, _excluded);
-    var computedSize = size || conf.size || "1em";
-    var className;
-    if (conf.className) className = conf.className;
-    if (props.className) className = (className ? className + " " : "") + props.className;
-    return /* @__PURE__ */ import_react3.default.createElement("svg", _extends({
-      stroke: "currentColor",
-      fill: "currentColor",
-      strokeWidth: "0"
-    }, conf.attr, attr, svgProps, {
-      className,
-      style: _objectSpread(_objectSpread({
-        color: props.color || conf.color
-      }, conf.style), props.style),
-      height: computedSize,
-      width: computedSize,
-      xmlns: "http://www.w3.org/2000/svg"
-    }), title && /* @__PURE__ */ import_react3.default.createElement("title", null, title), props.children);
-  };
-  return IconContext !== void 0 ? /* @__PURE__ */ import_react3.default.createElement(IconContext.Consumer, null, (conf) => elem(conf)) : elem(DefaultContext);
-}
-
-// node_modules/react-icons/go/index.mjs
-function GoFileMedia(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24" }, "child": [{ "tag": "path", "attr": { "d": "M21.75 21.5H2.25A1.75 1.75 0 0 1 .5 19.75V4.25c0-.966.784-1.75 1.75-1.75h19.5c.966 0 1.75.784 1.75 1.75v15.5a1.75 1.75 0 0 1-1.75 1.75ZM2.25 4a.25.25 0 0 0-.25.25v15.5c0 .138.112.25.25.25h3.178L14 10.977a1.749 1.749 0 0 1 2.506-.032L22 16.44V4.25a.25.25 0 0 0-.25-.25ZM22 19.75v-1.19l-6.555-6.554a.248.248 0 0 0-.18-.073.247.247 0 0 0-.178.077L7.497 20H21.75a.25.25 0 0 0 .25-.25ZM10.5 9.25a3.25 3.25 0 1 1-6.5 0 3.25 3.25 0 0 1 6.5 0Zm-1.5 0a1.75 1.75 0 1 0-3.501.001A1.75 1.75 0 0 0 9 9.25Z" }, "child": [] }] })(props);
-}
-function GoLink(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24" }, "child": [{ "tag": "path", "attr": { "d": "M14.78 3.653a3.936 3.936 0 1 1 5.567 5.567l-3.627 3.627a3.936 3.936 0 0 1-5.88-.353.75.75 0 0 0-1.18.928 5.436 5.436 0 0 0 8.12.486l3.628-3.628a5.436 5.436 0 1 0-7.688-7.688l-3 3a.75.75 0 0 0 1.06 1.061l3-3Z" }, "child": [] }, { "tag": "path", "attr": { "d": "M7.28 11.153a3.936 3.936 0 0 1 5.88.353.75.75 0 0 0 1.18-.928 5.436 5.436 0 0 0-8.12-.486L2.592 13.72a5.436 5.436 0 1 0 7.688 7.688l3-3a.75.75 0 1 0-1.06-1.06l-3 3a3.936 3.936 0 0 1-5.567-5.568l3.627-3.627Z" }, "child": [] }] })(props);
-}
-function GoListOrdered(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24" }, "child": [{ "tag": "path", "attr": { "d": "M3.604 3.089A.75.75 0 0 1 4 3.75V8.5h.75a.75.75 0 0 1 0 1.5h-3a.75.75 0 1 1 0-1.5h.75V5.151l-.334.223a.75.75 0 0 1-.832-1.248l1.5-1a.75.75 0 0 1 .77-.037ZM8.75 5.5a.75.75 0 0 0 0 1.5h11.5a.75.75 0 0 0 0-1.5H8.75Zm0 6a.75.75 0 0 0 0 1.5h11.5a.75.75 0 0 0 0-1.5H8.75Zm0 6a.75.75 0 0 0 0 1.5h11.5a.75.75 0 0 0 0-1.5H8.75ZM5.5 15.75c0-.704-.271-1.286-.72-1.686a2.302 2.302 0 0 0-1.53-.564c-.535 0-1.094.178-1.53.565-.449.399-.72.982-.72 1.685a.75.75 0 0 0 1.5 0c0-.296.104-.464.217-.564A.805.805 0 0 1 3.25 15c.215 0 .406.072.533.185.113.101.217.268.217.565 0 .332-.069.48-.21.657-.092.113-.216.24-.403.419l-.147.14c-.152.144-.33.313-.52.504l-1.5 1.5a.75.75 0 0 0-.22.53v.25c0 .414.336.75.75.75H5A.75.75 0 0 0 5 19H3.31l.47-.47c.176-.176.333-.324.48-.465l.165-.156a5.98 5.98 0 0 0 .536-.566c.358-.447.539-.925.539-1.593Z" }, "child": [] }] })(props);
-}
-function GoListUnordered(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24" }, "child": [{ "tag": "path", "attr": { "d": "M8.75 5.5h11.5a.75.75 0 0 1 0 1.5H8.75a.75.75 0 0 1 0-1.5Zm0 6h11.5a.75.75 0 0 1 0 1.5H8.75a.75.75 0 0 1 0-1.5Zm0 6h11.5a.75.75 0 0 1 0 1.5H8.75a.75.75 0 0 1 0-1.5ZM5 12a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM4 7a1 1 0 1 1 0-2 1 1 0 0 1 0 2Zm0 12a1 1 0 1 1 0-2 1 1 0 0 1 0 2Z" }, "child": [] }] })(props);
-}
-
-// src/post/editor_toolbar.tsx
-var import_react8 = __toESM(require("react"));
+var import_go = require("react-icons/go");
 
 // src/client/env_loader.tsx
-var import_react4 = __toESM(require("react"));
 var import_react_router = require("react-router");
+var import_jsx_runtime2 = require("react/jsx-runtime");
 
 // src/client/file_input.tsx
-var import_react5 = require("react");
-var import_react6 = __toESM(require("react"));
+var import_react2 = require("react");
+var import_jsx_runtime3 = require("react/jsx-runtime");
 function FileInput({
   buttonRef,
   className,
@@ -7840,35 +7687,38 @@ function FileInput({
   onChange,
   ...props
 }) {
-  const inputRef = import_react6.default.useRef(null);
-  return /* @__PURE__ */ import_react6.default.createElement(import_react6.default.Fragment, null, /* @__PURE__ */ import_react6.default.createElement(
-    "button",
-    {
-      ref: buttonRef,
-      className,
-      type: "button",
-      onClick: () => {
-        inputRef.current?.click();
+  const inputRef = (0, import_react2.useRef)(null);
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      "button",
+      {
+        ref: buttonRef,
+        className,
+        type: "button",
+        onClick: () => {
+          inputRef.current?.click();
+        },
+        children
       }
-    },
-    children
-  ), /* @__PURE__ */ import_react6.default.createElement(
-    "input",
-    {
-      ...props,
-      type: "file",
-      ref: inputRef,
-      style: {
-        display: "none"
-      },
-      onChange: async (e) => {
-        await onChange?.(e);
-        if (inputRef.current) {
-          inputRef.current.value = "";
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      "input",
+      {
+        ...props,
+        type: "file",
+        ref: inputRef,
+        style: {
+          display: "none"
+        },
+        onChange: async (e) => {
+          await onChange?.(e);
+          if (inputRef.current) {
+            inputRef.current.value = "";
+          }
         }
       }
-    }
-  ));
+    )
+  ] });
 }
 
 // src/client/use_user_agent.tsx
@@ -7877,7 +7727,8 @@ var import_react_router2 = require("react-router");
 // src/client/store_text_editor.tsx
 var import_dn_react_text_editor = require("dn-react-text-editor");
 var import_react_store_input2 = require("react-store-input");
-var import_react7 = __toESM(require("react"));
+var import_react3 = require("react");
+var import_jsx_runtime4 = require("react/jsx-runtime");
 function StoreTextEditor({
   store,
   name,
@@ -7887,8 +7738,8 @@ function StoreTextEditor({
   ref,
   ...props
 }) {
-  const controllerRef = (0, import_react7.useRef)(null);
-  (0, import_react7.useImperativeHandle)(
+  const controllerRef = (0, import_react3.useRef)(null);
+  (0, import_react3.useImperativeHandle)(
     ref,
     () => controllerRef.current,
     []
@@ -7936,7 +7787,7 @@ function StoreTextEditor({
     }
     return void 0;
   };
-  return /* @__PURE__ */ import_react7.default.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
     import_dn_react_text_editor.TextEditor,
     {
       ...props,
@@ -7954,92 +7805,95 @@ function StoreTextEditor({
 var import_client = require("dn-react-toolkit/file/client");
 
 // src/post/editor_toolbar.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
 function EditorToolbar({
   textEditorRef,
   className
 }) {
-  return /* @__PURE__ */ import_react8.default.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
     "div",
     {
-      className: (0, import_utils2.cn)("w-full h-12 flex items-center gap-0.5 px-1", className)
-    },
-    /* @__PURE__ */ import_react8.default.createElement(
-      FileInput,
-      {
-        className: "button-icon-base text-[18px]",
-        onChange: async (e) => {
-          const files = e.target.files;
-          if (!files || files.length === 0) {
-            return;
+      className: (0, import_utils2.cn)("w-full h-12 flex items-center gap-0.5 px-1", className),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          FileInput,
+          {
+            className: "button-icon-base text-[18px]",
+            onChange: async (e) => {
+              const files = e.target.files;
+              if (!files || files.length === 0) {
+                return;
+              }
+              textEditorRef.current?.commands.attachFile(Array.from(files));
+            },
+            children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_go.GoFileMedia, {})
           }
-          textEditorRef.current?.commands.attachFile(Array.from(files));
-        }
-      },
-      /* @__PURE__ */ import_react8.default.createElement(GoFileMedia, null)
-    ),
-    /* @__PURE__ */ import_react8.default.createElement(
-      "button",
-      {
-        type: "button",
-        onClick: () => {
-          const href = prompt("\uB9C1\uD06C URL\uC744 \uC785\uB825\uD558\uC138\uC694");
-          if (!href) {
-            return;
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          "button",
+          {
+            type: "button",
+            onClick: () => {
+              const href = prompt("\uB9C1\uD06C URL\uC744 \uC785\uB825\uD558\uC138\uC694");
+              if (!href) {
+                return;
+              }
+              textEditorRef.current?.commands.toggleMark("link", { href });
+            },
+            className: "button-icon-base text-[20px]",
+            children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_go.GoLink, {})
           }
-          textEditorRef.current?.commands.toggleMark("link", { href });
-        },
-        className: "button-icon-base text-[20px]"
-      },
-      /* @__PURE__ */ import_react8.default.createElement(GoLink, null)
-    ),
-    /* @__PURE__ */ import_react8.default.createElement(
-      "button",
-      {
-        type: "button",
-        onClick: () => {
-          textEditorRef.current?.commands.toggleBlockType("heading", {
-            level: 2
-          });
-        },
-        className: "button-icon-base text-[18px]"
-      },
-      /* @__PURE__ */ import_react8.default.createElement("span", null, "H2")
-    ),
-    /* @__PURE__ */ import_react8.default.createElement(
-      "button",
-      {
-        type: "button",
-        onClick: () => {
-          textEditorRef.current?.commands.toggleBlockType("heading", {
-            level: 3
-          });
-        },
-        className: "button-icon-base text-[18px]"
-      },
-      /* @__PURE__ */ import_react8.default.createElement("span", null, "H3")
-    ),
-    /* @__PURE__ */ import_react8.default.createElement(
-      "button",
-      {
-        type: "button",
-        onClick: () => {
-          textEditorRef.current?.commands.wrapInList("ordered_list");
-        },
-        className: "button-icon-base text-[20px]"
-      },
-      /* @__PURE__ */ import_react8.default.createElement(GoListOrdered, null)
-    ),
-    /* @__PURE__ */ import_react8.default.createElement(
-      "button",
-      {
-        type: "button",
-        onClick: () => {
-          textEditorRef.current?.commands.wrapInList("bullet_list");
-        },
-        className: "button-icon-base text-[20px]"
-      },
-      /* @__PURE__ */ import_react8.default.createElement(GoListUnordered, null)
-    )
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          "button",
+          {
+            type: "button",
+            onClick: () => {
+              textEditorRef.current?.commands.toggleBlockType("heading", {
+                level: 2
+              });
+            },
+            className: "button-icon-base text-[18px]",
+            children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: "H2" })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          "button",
+          {
+            type: "button",
+            onClick: () => {
+              textEditorRef.current?.commands.toggleBlockType("heading", {
+                level: 3
+              });
+            },
+            className: "button-icon-base text-[18px]",
+            children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: "H3" })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          "button",
+          {
+            type: "button",
+            onClick: () => {
+              textEditorRef.current?.commands.wrapInList("ordered_list");
+            },
+            className: "button-icon-base text-[20px]",
+            children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_go.GoListOrdered, {})
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          "button",
+          {
+            type: "button",
+            onClick: () => {
+              textEditorRef.current?.commands.wrapInList("bullet_list");
+            },
+            className: "button-icon-base text-[20px]",
+            children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_go.GoListUnordered, {})
+          }
+        )
+      ]
+    }
   );
 }
 
@@ -8047,26 +7901,24 @@ function EditorToolbar({
 var import_react_router11 = require("react-router");
 var import_utils6 = require("dn-react-toolkit/utils");
 var import_react_store_input5 = require("react-store-input");
-var import_react18 = __toESM(require("react"));
+var import_react6 = require("react");
 var import_dn_react_text_editor2 = require("dn-react-text-editor");
 
 // src/crud/crud_form_provider.tsx
 var import_react_router3 = require("react-router");
 var import_react_store_input3 = require("react-store-input");
-var import_react9 = require("react");
-var import_react10 = __toESM(require("react"));
-var FormContext = (0, import_react9.createContext)({});
-
-// src/crud/crud_form.tsx
-var import_react12 = __toESM(require("react"));
+var import_react4 = require("react");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var FormContext = (0, import_react4.createContext)({});
 
 // src/form/create_form_component.tsx
 var import_utils3 = require("dn-react-toolkit/utils");
-var import_react11 = __toESM(require("react"));
+var import_react5 = require("react");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 function createComponent(tag, options) {
   return function FormComponent({ className, ...props }) {
     const Tag = tag;
-    return /* @__PURE__ */ import_react11.default.createElement(Tag, { ...props, className: (0, import_utils3.cn)(options.className, className) });
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Tag, { ...props, className: (0, import_utils3.cn)(options.className, className) });
   };
 }
 
@@ -8083,6 +7935,7 @@ var FormLabel = createComponent("label", {
 
 // src/crud/crud_form.tsx
 var import_react_store_input4 = require("react-store-input");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 
 // src/table/loader.tsx
 var import_drizzle_orm = require("drizzle-orm");
@@ -8102,31 +7955,34 @@ var import_react_router9 = require("react-router");
 
 // src/table/page.tsx
 var import_react_router8 = require("react-router");
+var import_go3 = require("react-icons/go");
 
 // src/table/buttons.tsx
 var import_utils4 = require("dn-react-toolkit/utils");
 var import_react_router6 = require("react-router");
-var import_react13 = __toESM(require("react"));
+var import_jsx_runtime9 = require("react/jsx-runtime");
 
 // src/table/table.tsx
 var import_utils5 = require("dn-react-toolkit/utils");
+var import_go2 = require("react-icons/go");
 var import_react_router7 = require("react-router");
-var import_react14 = __toESM(require("react"));
+var import_jsx_runtime10 = require("react/jsx-runtime");
 
 // src/table/page.tsx
-var import_react15 = __toESM(require("react"));
+var import_jsx_runtime11 = require("react/jsx-runtime");
 
 // src/crud/crud_page.tsx
-var import_react16 = __toESM(require("react"));
+var import_jsx_runtime12 = require("react/jsx-runtime");
 
 // src/crud/generate_pages.tsx
 var import_react_router10 = require("react-router");
-var import_react17 = __toESM(require("react"));
+var import_jsx_runtime13 = require("react/jsx-runtime");
 
 // src/crud/generate_routes.tsx
 var Routes = __toESM(require_routes());
 
 // src/post/post_form_page.tsx
+var import_jsx_runtime14 = require("react/jsx-runtime");
 var createPostFormPage = ({
   header: AdminPageHeader,
   textEditorClassName,
@@ -8135,128 +7991,190 @@ var createPostFormPage = ({
   return function PostFormPage({ form }) {
     const { boards } = (0, import_react_router11.useLoaderData)();
     const component = (0, import_react_store_input5.useStoreComponent)(form.store);
-    const textEditorRef = (0, import_react18.useRef)(null);
-    return /* @__PURE__ */ import_react18.default.createElement(import_react18.default.Fragment, null, /* @__PURE__ */ import_react18.default.createElement(
-      AdminPageHeader,
-      {
-        title: `${form.name} \uCD94\uAC00`,
-        actions: /* @__PURE__ */ import_react18.default.createElement(import_react18.default.Fragment, null, /* @__PURE__ */ import_react18.default.createElement(
-          "button",
-          {
-            type: "button",
-            className: "button-outline",
-            onClick: () => {
-              form.delete();
+    const textEditorRef = (0, import_react6.useRef)(null);
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        AdminPageHeader,
+        {
+          title: `${form.name} \uCD94\uAC00`,
+          actions: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+              "button",
+              {
+                type: "button",
+                className: "button-outline",
+                onClick: () => {
+                  form.delete();
+                },
+                children: "\uC0AD\uC81C\uD558\uAE30"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+              "button",
+              {
+                type: "button",
+                className: "button-primary",
+                onClick: () => {
+                  form.submit();
+                },
+                children: "\uC800\uC7A5\uD558\uAE30"
+              }
+            )
+          ] })
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "px-4", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "max-w-7xl mx-auto w-full", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(FormRow, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(FormEntry, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(FormLabel, { children: "\uACF5\uAC1C\uC5EC\uBD80" }),
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+              component.select,
+              {
+                name: "isPublic",
+                className: "select-form",
+                toInputValue: (value) => value ? "true" : "false",
+                toStateValue: (value) => Boolean(value === "true"),
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("option", { value: "true", children: "\uACF5\uAC1C" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("option", { value: "false", children: "\uBE44\uACF5\uAC1C" })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(FormEntry, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(FormLabel, { children: "\uC791\uC131\uC77C\uC2DC" }),
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+              component.input,
+              {
+                name: "createdAt",
+                className: "input-form",
+                type: "datetime-local"
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(FormRow, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(FormEntry, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(FormLabel, { children: "\uAC8C\uC2DC\uD310" }),
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(component.select, { name: "boardId", className: "select-form", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("option", { value: "", children: "\uC120\uD0DD\uD558\uC138\uC694" }),
+              boards.map((board) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("option", { value: board.id, children: board.title }, board.id))
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(FormEntry, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(FormLabel, { children: "\uCE74\uD14C\uACE0\uB9AC" }),
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+              component.input,
+              {
+                name: "category",
+                className: "input-form",
+                placeholder: "\uCE74\uD14C\uACE0\uB9AC"
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(FormRow, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(FormEntry, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(FormLabel, { children: "\uC81C\uBAA9" }),
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+              component.input,
+              {
+                name: "title",
+                className: "input-form",
+                placeholder: "\uC81C\uBAA9\uC744 \uC785\uB825\uD558\uC138\uC694",
+                onChange: (e) => {
+                  const title = e.target.value;
+                  form.store.dispatch((state) => {
+                    state.slug = (0, import_utils6.toSlug)(title);
+                  });
+                }
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(FormEntry, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(FormLabel, { children: "\uBD80\uC81C\uBAA9" }),
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+              component.input,
+              {
+                name: "subtitle",
+                className: "input-form",
+                placeholder: "\uBD80\uC81C\uBAA9\uC744 \uC785\uB825\uD558\uC138\uC694"
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(FormRow, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(FormEntry, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(FormLabel, { children: "\uC2AC\uB7EC\uADF8" }),
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+              component.input,
+              {
+                name: "slug",
+                className: "input-form",
+                placeholder: "\uC81C\uBAA9"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(FormEntry, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(FormLabel, { children: "\uD0DC\uADF8" }),
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+              component.input,
+              {
+                name: "tags",
+                className: "input-form",
+                placeholder: "\uD0DC\uADF8 1, \uD0DC\uADF8 2, \uD0DC\uADF8 3"
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(FormRow, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(FormEntry, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(FormLabel, { children: "\uC124\uBA85" }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+            StoreTextEditor,
+            {
+              store: form.store,
+              mode: "text",
+              name: "description",
+              className: "text-editor min-h-[80px]",
+              placeholder: "\uC124\uBA85"
             }
-          },
-          "\uC0AD\uC81C\uD558\uAE30"
-        ), /* @__PURE__ */ import_react18.default.createElement(
-          "button",
-          {
-            type: "button",
-            className: "button-primary",
-            onClick: () => {
-              form.submit();
+          )
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(FormRow, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(FormEntry, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(FormLabel, { children: "\uC378\uB124\uC77C" }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+            PostThumbnailPicker,
+            {
+              store: form.store,
+              textEditorRef
+            }
+          )
+        ] }) })
+      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "sticky top-[160px] z-998 bg-white px-4", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        EditorToolbar,
+        {
+          textEditorRef,
+          className: "max-w-7xl mx-auto"
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "px-4", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        StoreTextEditor,
+        {
+          ref: textEditorRef,
+          store: form.store,
+          name: "html",
+          placeholder: "\uC5EC\uAE30\uC5D0 \uBCF8\uBB38\uC744 \uC791\uC131\uD558\uC138\uC694...",
+          updateDelay: 500,
+          editor: {
+            attributes: {
+              class: (0, import_utils6.cn)(textEditorClassName, "pb-[50vh]")
             }
           },
-          "\uC800\uC7A5\uD558\uAE30"
-        ))
-      }
-    ), /* @__PURE__ */ import_react18.default.createElement("div", { className: "px-4" }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "max-w-7xl mx-auto w-full" }, /* @__PURE__ */ import_react18.default.createElement(FormRow, null, /* @__PURE__ */ import_react18.default.createElement(FormEntry, null, /* @__PURE__ */ import_react18.default.createElement(FormLabel, null, "\uACF5\uAC1C\uC5EC\uBD80"), /* @__PURE__ */ import_react18.default.createElement(
-      component.select,
-      {
-        name: "isPublic",
-        className: "select-form",
-        toInputValue: (value) => value ? "true" : "false",
-        toStateValue: (value) => Boolean(value === "true")
-      },
-      /* @__PURE__ */ import_react18.default.createElement("option", { value: "true" }, "\uACF5\uAC1C"),
-      /* @__PURE__ */ import_react18.default.createElement("option", { value: "false" }, "\uBE44\uACF5\uAC1C")
-    )), /* @__PURE__ */ import_react18.default.createElement(FormEntry, null, /* @__PURE__ */ import_react18.default.createElement(FormLabel, null, "\uC791\uC131\uC77C\uC2DC"), /* @__PURE__ */ import_react18.default.createElement(
-      component.input,
-      {
-        name: "createdAt",
-        className: "input-form",
-        type: "datetime-local"
-      }
-    ))), /* @__PURE__ */ import_react18.default.createElement(FormRow, null, /* @__PURE__ */ import_react18.default.createElement(FormEntry, null, /* @__PURE__ */ import_react18.default.createElement(FormLabel, null, "\uAC8C\uC2DC\uD310"), /* @__PURE__ */ import_react18.default.createElement(component.select, { name: "boardId", className: "select-form" }, /* @__PURE__ */ import_react18.default.createElement("option", { value: "" }, "\uC120\uD0DD\uD558\uC138\uC694"), boards.map((board) => /* @__PURE__ */ import_react18.default.createElement("option", { key: board.id, value: board.id }, board.title)))), /* @__PURE__ */ import_react18.default.createElement(FormEntry, null, /* @__PURE__ */ import_react18.default.createElement(FormLabel, null, "\uCE74\uD14C\uACE0\uB9AC"), /* @__PURE__ */ import_react18.default.createElement(
-      component.input,
-      {
-        name: "category",
-        className: "input-form",
-        placeholder: "\uCE74\uD14C\uACE0\uB9AC"
-      }
-    ))), /* @__PURE__ */ import_react18.default.createElement(FormRow, null, /* @__PURE__ */ import_react18.default.createElement(FormEntry, null, /* @__PURE__ */ import_react18.default.createElement(FormLabel, null, "\uC81C\uBAA9"), /* @__PURE__ */ import_react18.default.createElement(
-      component.input,
-      {
-        name: "title",
-        className: "input-form",
-        placeholder: "\uC81C\uBAA9\uC744 \uC785\uB825\uD558\uC138\uC694",
-        onChange: (e) => {
-          const title = e.target.value;
-          form.store.dispatch((state) => {
-            state.slug = (0, import_utils6.toSlug)(title);
-          });
+          attachFile
         }
-      }
-    )), /* @__PURE__ */ import_react18.default.createElement(FormEntry, null, /* @__PURE__ */ import_react18.default.createElement(FormLabel, null, "\uBD80\uC81C\uBAA9"), /* @__PURE__ */ import_react18.default.createElement(
-      component.input,
-      {
-        name: "subtitle",
-        className: "input-form",
-        placeholder: "\uBD80\uC81C\uBAA9\uC744 \uC785\uB825\uD558\uC138\uC694"
-      }
-    ))), /* @__PURE__ */ import_react18.default.createElement(FormRow, null, /* @__PURE__ */ import_react18.default.createElement(FormEntry, null, /* @__PURE__ */ import_react18.default.createElement(FormLabel, null, "\uC2AC\uB7EC\uADF8"), /* @__PURE__ */ import_react18.default.createElement(
-      component.input,
-      {
-        name: "slug",
-        className: "input-form",
-        placeholder: "\uC81C\uBAA9"
-      }
-    )), /* @__PURE__ */ import_react18.default.createElement(FormEntry, null, /* @__PURE__ */ import_react18.default.createElement(FormLabel, null, "\uD0DC\uADF8"), /* @__PURE__ */ import_react18.default.createElement(
-      component.input,
-      {
-        name: "tags",
-        className: "input-form",
-        placeholder: "\uD0DC\uADF8 1, \uD0DC\uADF8 2, \uD0DC\uADF8 3"
-      }
-    ))), /* @__PURE__ */ import_react18.default.createElement(FormRow, null, /* @__PURE__ */ import_react18.default.createElement(FormEntry, null, /* @__PURE__ */ import_react18.default.createElement(FormLabel, null, "\uC124\uBA85"), /* @__PURE__ */ import_react18.default.createElement(
-      StoreTextEditor,
-      {
-        store: form.store,
-        mode: "text",
-        name: "description",
-        className: "text-editor min-h-[80px]",
-        placeholder: "\uC124\uBA85"
-      }
-    ))), /* @__PURE__ */ import_react18.default.createElement(FormRow, null, /* @__PURE__ */ import_react18.default.createElement(FormEntry, null, /* @__PURE__ */ import_react18.default.createElement(FormLabel, null, "\uC378\uB124\uC77C"), /* @__PURE__ */ import_react18.default.createElement(
-      PostThumbnailPicker,
-      {
-        store: form.store,
-        textEditorRef
-      }
-    ))))), /* @__PURE__ */ import_react18.default.createElement("div", { className: "sticky top-[160px] z-998 bg-white px-4" }, /* @__PURE__ */ import_react18.default.createElement(
-      EditorToolbar,
-      {
-        textEditorRef,
-        className: "max-w-7xl mx-auto"
-      }
-    )), /* @__PURE__ */ import_react18.default.createElement("div", { className: "px-4" }, /* @__PURE__ */ import_react18.default.createElement(
-      StoreTextEditor,
-      {
-        ref: textEditorRef,
-        store: form.store,
-        name: "html",
-        placeholder: "\uC5EC\uAE30\uC5D0 \uBCF8\uBB38\uC744 \uC791\uC131\uD558\uC138\uC694...",
-        updateDelay: 500,
-        editor: {
-          attributes: {
-            class: (0, import_utils6.cn)(textEditorClassName, "pb-[50vh]")
-          }
-        },
-        attachFile
-      }
-    )));
+      ) })
+    ] });
   };
 };
 // Annotate the CommonJS export names for ESM import in node: