dn-react-router-toolkit 0.7.6 → 0.7.8

package/dist/post/post_form_page.mjs

@@ -7591,169 +7591,22 @@ import { useStoreComponent as useStoreComponent2 } from "react-store-input";
 
 // src/post/editor_toolbar.tsx
 import { cn } from "dn-react-toolkit/utils";
-
-// node_modules/react-icons/lib/iconBase.mjs
-import React2 from "react";
-
-// node_modules/react-icons/lib/iconContext.mjs
-import React from "react";
-var DefaultContext = {
-  color: void 0,
-  size: void 0,
-  className: void 0,
-  style: void 0,
-  attr: void 0
-};
-var IconContext = React.createContext && /* @__PURE__ */ React.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__ */ React2.createElement(node.tag, _objectSpread({
-    key: i
-  }, node.attr), Tree2Element(node.child)));
-}
-function GenIcon(data) {
-  return (props) => /* @__PURE__ */ React2.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__ */ React2.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__ */ React2.createElement("title", null, title), props.children);
-  };
-  return IconContext !== void 0 ? /* @__PURE__ */ React2.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
-import React6 from "react";
+import {
+  GoFileMedia,
+  GoLink,
+  GoListOrdered,
+  GoListUnordered
+} from "react-icons/go";
 
 // src/client/env_loader.tsx
-import React3 from "react";
 import { useRouteLoaderData } from "react-router";
+import { jsx } from "react/jsx-runtime";
 
 // src/client/file_input.tsx
-import "react";
-import React4 from "react";
+import {
+  useRef
+} from "react";
+import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
 function FileInput({
   buttonRef,
   className,
@@ -7763,35 +7616,38 @@ function FileInput({
   onChange,
   ...props
 }) {
-  const inputRef = React4.useRef(null);
-  return /* @__PURE__ */ React4.createElement(React4.Fragment, null, /* @__PURE__ */ React4.createElement(
-    "button",
-    {
-      ref: buttonRef,
-      className,
-      type: "button",
-      onClick: () => {
-        inputRef.current?.click();
+  const inputRef = useRef(null);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx2(
+      "button",
+      {
+        ref: buttonRef,
+        className,
+        type: "button",
+        onClick: () => {
+          inputRef.current?.click();
+        },
+        children
       }
-    },
-    children
-  ), /* @__PURE__ */ React4.createElement(
-    "input",
-    {
-      ...props,
-      type: "file",
-      ref: inputRef,
-      style: {
-        display: "none"
-      },
-      onChange: async (e) => {
-        await onChange?.(e);
-        if (inputRef.current) {
-          inputRef.current.value = "";
+    ),
+    /* @__PURE__ */ jsx2(
+      "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
@@ -7802,7 +7658,8 @@ import {
   TextEditor
 } from "dn-react-text-editor";
 import { useStoreController } from "react-store-input";
-import React5, { useImperativeHandle, useRef } from "react";
+import { useImperativeHandle, useRef as useRef2 } from "react";
+import { jsx as jsx3 } from "react/jsx-runtime";
 function StoreTextEditor({
   store,
   name,
@@ -7812,7 +7669,7 @@ function StoreTextEditor({
   ref,
   ...props
 }) {
-  const controllerRef = useRef(null);
+  const controllerRef = useRef2(null);
   useImperativeHandle(
     ref,
     () => controllerRef.current,
@@ -7861,7 +7718,7 @@ function StoreTextEditor({
     }
     return void 0;
   };
-  return /* @__PURE__ */ React5.createElement(
+  return /* @__PURE__ */ jsx3(
     TextEditor,
     {
       ...props,
@@ -7879,103 +7736,107 @@ function StoreTextEditor({
 import { generateMetadata } from "dn-react-toolkit/file/client";
 
 // src/post/editor_toolbar.tsx
+import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
 function EditorToolbar({
   textEditorRef,
   className
 }) {
-  return /* @__PURE__ */ React6.createElement(
+  return /* @__PURE__ */ jsxs2(
     "div",
     {
-      className: cn("w-full h-12 flex items-center gap-0.5 px-1", className)
-    },
-    /* @__PURE__ */ React6.createElement(
-      FileInput,
-      {
-        className: "button-icon-base text-[18px]",
-        onChange: async (e) => {
-          const files = e.target.files;
-          if (!files || files.length === 0) {
-            return;
+      className: cn("w-full h-12 flex items-center gap-0.5 px-1", className),
+      children: [
+        /* @__PURE__ */ jsx4(
+          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__ */ jsx4(GoFileMedia, {})
           }
-          textEditorRef.current?.commands.attachFile(Array.from(files));
-        }
-      },
-      /* @__PURE__ */ React6.createElement(GoFileMedia, null)
-    ),
-    /* @__PURE__ */ React6.createElement(
-      "button",
-      {
-        type: "button",
-        onClick: () => {
-          const href = prompt("\uB9C1\uD06C URL\uC744 \uC785\uB825\uD558\uC138\uC694");
-          if (!href) {
-            return;
+        ),
+        /* @__PURE__ */ jsx4(
+          "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__ */ jsx4(GoLink, {})
           }
-          textEditorRef.current?.commands.toggleMark("link", { href });
-        },
-        className: "button-icon-base text-[20px]"
-      },
-      /* @__PURE__ */ React6.createElement(GoLink, null)
-    ),
-    /* @__PURE__ */ React6.createElement(
-      "button",
-      {
-        type: "button",
-        onClick: () => {
-          textEditorRef.current?.commands.toggleBlockType("heading", {
-            level: 2
-          });
-        },
-        className: "button-icon-base text-[18px]"
-      },
-      /* @__PURE__ */ React6.createElement("span", null, "H2")
-    ),
-    /* @__PURE__ */ React6.createElement(
-      "button",
-      {
-        type: "button",
-        onClick: () => {
-          textEditorRef.current?.commands.toggleBlockType("heading", {
-            level: 3
-          });
-        },
-        className: "button-icon-base text-[18px]"
-      },
-      /* @__PURE__ */ React6.createElement("span", null, "H3")
-    ),
-    /* @__PURE__ */ React6.createElement(
-      "button",
-      {
-        type: "button",
-        onClick: () => {
-          textEditorRef.current?.commands.wrapInList("ordered_list");
-        },
-        className: "button-icon-base text-[20px]"
-      },
-      /* @__PURE__ */ React6.createElement(GoListOrdered, null)
-    ),
-    /* @__PURE__ */ React6.createElement(
-      "button",
-      {
-        type: "button",
-        onClick: () => {
-          textEditorRef.current?.commands.wrapInList("bullet_list");
-        },
-        className: "button-icon-base text-[20px]"
-      },
-      /* @__PURE__ */ React6.createElement(GoListUnordered, null)
-    )
+        ),
+        /* @__PURE__ */ jsx4(
+          "button",
+          {
+            type: "button",
+            onClick: () => {
+              textEditorRef.current?.commands.toggleBlockType("heading", {
+                level: 2
+              });
+            },
+            className: "button-icon-base text-[18px]",
+            children: /* @__PURE__ */ jsx4("span", { children: "H2" })
+          }
+        ),
+        /* @__PURE__ */ jsx4(
+          "button",
+          {
+            type: "button",
+            onClick: () => {
+              textEditorRef.current?.commands.toggleBlockType("heading", {
+                level: 3
+              });
+            },
+            className: "button-icon-base text-[18px]",
+            children: /* @__PURE__ */ jsx4("span", { children: "H3" })
+          }
+        ),
+        /* @__PURE__ */ jsx4(
+          "button",
+          {
+            type: "button",
+            onClick: () => {
+              textEditorRef.current?.commands.wrapInList("ordered_list");
+            },
+            className: "button-icon-base text-[20px]",
+            children: /* @__PURE__ */ jsx4(GoListOrdered, {})
+          }
+        ),
+        /* @__PURE__ */ jsx4(
+          "button",
+          {
+            type: "button",
+            onClick: () => {
+              textEditorRef.current?.commands.wrapInList("bullet_list");
+            },
+            className: "button-icon-base text-[20px]",
+            children: /* @__PURE__ */ jsx4(GoListUnordered, {})
+          }
+        )
+      ]
+    }
   );
 }
 
 // src/post/post_form_page.tsx
-import React16, { useRef as useRef2 } from "react";
+import { useRef as useRef3 } from "react";
 import "dn-react-text-editor";
 
 // src/post/thumbnail_picker.tsx
 import { useSelector } from "react-store-input";
 import { cn as cn2 } from "dn-react-toolkit/utils";
-import React7, { useEffect, useState } from "react";
+import { useEffect, useState } from "react";
+import { jsx as jsx5 } from "react/jsx-runtime";
 function PostThumbnailPicker({
   store,
   textEditorRef
@@ -8013,10 +7874,9 @@ function PostThumbnailPicker({
       unsubscribe();
     };
   }, []);
-  return /* @__PURE__ */ React7.createElement("div", { className: "grid grid-cols-6 gap-1" }, thumbnails.map((url, index2) => /* @__PURE__ */ React7.createElement(
+  return /* @__PURE__ */ jsx5("div", { className: "grid grid-cols-6 gap-1", children: thumbnails.map((url, index2) => /* @__PURE__ */ jsx5(
     "button",
     {
-      key: index2,
       type: "button",
       className: cn2(
         "border border-neutral-200 rounded-lg overflow-hidden aspect-4/3",
@@ -8026,36 +7886,38 @@ function PostThumbnailPicker({
         store.dispatch((state) => {
           state.thumbnail = url;
         });
-      }
+      },
+      children: /* @__PURE__ */ jsx5(
+        "img",
+        {
+          src: url,
+          alt: `Thumbnail ${index2 + 1}`,
+          className: "w-full h-full object-cover"
+        }
+      )
     },
-    /* @__PURE__ */ React7.createElement(
-      "img",
-      {
-        src: url,
-        alt: `Thumbnail ${index2 + 1}`,
-        className: "w-full h-full object-cover"
-      }
-    )
-  )));
+    index2
+  )) });
 }
 
 // src/crud/crud_form_provider.tsx
 import { useNavigate } from "react-router";
 import { useStore } from "react-store-input";
-import { createContext, useContext } from "react";
-import React8 from "react";
+import {
+  createContext,
+  useContext
+} from "react";
+import { jsx as jsx6 } from "react/jsx-runtime";
 var FormContext = createContext({});
 
-// src/crud/crud_form.tsx
-import React10 from "react";
-
 // src/form/create_form_component.tsx
 import { cn as cn3 } from "dn-react-toolkit/utils";
-import React9 from "react";
+import "react";
+import { jsx as jsx7 } from "react/jsx-runtime";
 function createComponent(tag, options) {
   return function FormComponent({ className, ...props }) {
     const Tag = tag;
-    return /* @__PURE__ */ React9.createElement(Tag, { ...props, className: cn3(options.className, className) });
+    return /* @__PURE__ */ jsx7(Tag, { ...props, className: cn3(options.className, className) });
   };
 }
 
@@ -8072,6 +7934,7 @@ var FormLabel = createComponent("label", {
 
 // src/crud/crud_form.tsx
 import { useStoreComponent } from "react-store-input";
+import { Fragment as Fragment2, jsx as jsx8, jsxs as jsxs3 } from "react/jsx-runtime";
 
 // src/table/loader.tsx
 import {
@@ -8109,31 +7972,34 @@ import {
   useNavigate as useNavigate2,
   useSearchParams as useSearchParams3
 } from "react-router";
+import { GoSearch } from "react-icons/go";
 
 // src/table/buttons.tsx
 import { cn as cn4 } from "dn-react-toolkit/utils";
 import { Link, useLocation, useSearchParams } from "react-router";
-import React11 from "react";
+import { Fragment as Fragment3, jsx as jsx9, jsxs as jsxs4 } from "react/jsx-runtime";
 
 // src/table/table.tsx
 import { cn as cn5 } from "dn-react-toolkit/utils";
+import { GoArrowDown, GoArrowUp } from "react-icons/go";
 import { Link as Link2, useSearchParams as useSearchParams2 } from "react-router";
-import React12 from "react";
+import { Fragment as Fragment4, jsx as jsx10, jsxs as jsxs5 } from "react/jsx-runtime";
 
 // src/table/page.tsx
-import React13 from "react";
+import { Fragment as Fragment5, jsx as jsx11, jsxs as jsxs6 } from "react/jsx-runtime";
 
 // src/crud/crud_page.tsx
-import React14 from "react";
+import { jsx as jsx12 } from "react/jsx-runtime";
 
 // src/crud/generate_pages.tsx
 import { useLocation as useLocation4 } from "react-router";
-import React15 from "react";
+import { jsx as jsx13 } from "react/jsx-runtime";
 
 // src/crud/generate_routes.tsx
 var Routes = __toESM(require_routes());
 
 // src/post/post_form_page.tsx
+import { Fragment as Fragment6, jsx as jsx14, jsxs as jsxs7 } from "react/jsx-runtime";
 var createPostFormPage = ({
   header: AdminPageHeader,
   textEditorClassName,
@@ -8142,128 +8008,190 @@ var createPostFormPage = ({
   return function PostFormPage({ form }) {
     const { boards } = useLoaderData3();
     const component = useStoreComponent2(form.store);
-    const textEditorRef = useRef2(null);
-    return /* @__PURE__ */ React16.createElement(React16.Fragment, null, /* @__PURE__ */ React16.createElement(
-      AdminPageHeader,
-      {
-        title: `${form.name} \uCD94\uAC00`,
-        actions: /* @__PURE__ */ React16.createElement(React16.Fragment, null, /* @__PURE__ */ React16.createElement(
-          "button",
-          {
-            type: "button",
-            className: "button-outline",
-            onClick: () => {
-              form.delete();
+    const textEditorRef = useRef3(null);
+    return /* @__PURE__ */ jsxs7(Fragment6, { children: [
+      /* @__PURE__ */ jsx14(
+        AdminPageHeader,
+        {
+          title: `${form.name} \uCD94\uAC00`,
+          actions: /* @__PURE__ */ jsxs7(Fragment6, { children: [
+            /* @__PURE__ */ jsx14(
+              "button",
+              {
+                type: "button",
+                className: "button-outline",
+                onClick: () => {
+                  form.delete();
+                },
+                children: "\uC0AD\uC81C\uD558\uAE30"
+              }
+            ),
+            /* @__PURE__ */ jsx14(
+              "button",
+              {
+                type: "button",
+                className: "button-primary",
+                onClick: () => {
+                  form.submit();
+                },
+                children: "\uC800\uC7A5\uD558\uAE30"
+              }
+            )
+          ] })
+        }
+      ),
+      /* @__PURE__ */ jsx14("div", { className: "px-4", children: /* @__PURE__ */ jsxs7("div", { className: "max-w-7xl mx-auto w-full", children: [
+        /* @__PURE__ */ jsxs7(FormRow, { children: [
+          /* @__PURE__ */ jsxs7(FormEntry, { children: [
+            /* @__PURE__ */ jsx14(FormLabel, { children: "\uACF5\uAC1C\uC5EC\uBD80" }),
+            /* @__PURE__ */ jsxs7(
+              component.select,
+              {
+                name: "isPublic",
+                className: "select-form",
+                toInputValue: (value) => value ? "true" : "false",
+                toStateValue: (value) => Boolean(value === "true"),
+                children: [
+                  /* @__PURE__ */ jsx14("option", { value: "true", children: "\uACF5\uAC1C" }),
+                  /* @__PURE__ */ jsx14("option", { value: "false", children: "\uBE44\uACF5\uAC1C" })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs7(FormEntry, { children: [
+            /* @__PURE__ */ jsx14(FormLabel, { children: "\uC791\uC131\uC77C\uC2DC" }),
+            /* @__PURE__ */ jsx14(
+              component.input,
+              {
+                name: "createdAt",
+                className: "input-form",
+                type: "datetime-local"
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs7(FormRow, { children: [
+          /* @__PURE__ */ jsxs7(FormEntry, { children: [
+            /* @__PURE__ */ jsx14(FormLabel, { children: "\uAC8C\uC2DC\uD310" }),
+            /* @__PURE__ */ jsxs7(component.select, { name: "boardId", className: "select-form", children: [
+              /* @__PURE__ */ jsx14("option", { value: "", children: "\uC120\uD0DD\uD558\uC138\uC694" }),
+              boards.map((board) => /* @__PURE__ */ jsx14("option", { value: board.id, children: board.title }, board.id))
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs7(FormEntry, { children: [
+            /* @__PURE__ */ jsx14(FormLabel, { children: "\uCE74\uD14C\uACE0\uB9AC" }),
+            /* @__PURE__ */ jsx14(
+              component.input,
+              {
+                name: "category",
+                className: "input-form",
+                placeholder: "\uCE74\uD14C\uACE0\uB9AC"
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs7(FormRow, { children: [
+          /* @__PURE__ */ jsxs7(FormEntry, { children: [
+            /* @__PURE__ */ jsx14(FormLabel, { children: "\uC81C\uBAA9" }),
+            /* @__PURE__ */ jsx14(
+              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 = toSlug(title);
+                  });
+                }
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs7(FormEntry, { children: [
+            /* @__PURE__ */ jsx14(FormLabel, { children: "\uBD80\uC81C\uBAA9" }),
+            /* @__PURE__ */ jsx14(
+              component.input,
+              {
+                name: "subtitle",
+                className: "input-form",
+                placeholder: "\uBD80\uC81C\uBAA9\uC744 \uC785\uB825\uD558\uC138\uC694"
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs7(FormRow, { children: [
+          /* @__PURE__ */ jsxs7(FormEntry, { children: [
+            /* @__PURE__ */ jsx14(FormLabel, { children: "\uC2AC\uB7EC\uADF8" }),
+            /* @__PURE__ */ jsx14(
+              component.input,
+              {
+                name: "slug",
+                className: "input-form",
+                placeholder: "\uC81C\uBAA9"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs7(FormEntry, { children: [
+            /* @__PURE__ */ jsx14(FormLabel, { children: "\uD0DC\uADF8" }),
+            /* @__PURE__ */ jsx14(
+              component.input,
+              {
+                name: "tags",
+                className: "input-form",
+                placeholder: "\uD0DC\uADF8 1, \uD0DC\uADF8 2, \uD0DC\uADF8 3"
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx14(FormRow, { children: /* @__PURE__ */ jsxs7(FormEntry, { children: [
+          /* @__PURE__ */ jsx14(FormLabel, { children: "\uC124\uBA85" }),
+          /* @__PURE__ */ jsx14(
+            StoreTextEditor,
+            {
+              store: form.store,
+              mode: "text",
+              name: "description",
+              className: "text-editor min-h-[80px]",
+              placeholder: "\uC124\uBA85"
             }
-          },
-          "\uC0AD\uC81C\uD558\uAE30"
-        ), /* @__PURE__ */ React16.createElement(
-          "button",
-          {
-            type: "button",
-            className: "button-primary",
-            onClick: () => {
-              form.submit();
+          )
+        ] }) }),
+        /* @__PURE__ */ jsx14(FormRow, { children: /* @__PURE__ */ jsxs7(FormEntry, { children: [
+          /* @__PURE__ */ jsx14(FormLabel, { children: "\uC378\uB124\uC77C" }),
+          /* @__PURE__ */ jsx14(
+            PostThumbnailPicker,
+            {
+              store: form.store,
+              textEditorRef
+            }
+          )
+        ] }) })
+      ] }) }),
+      /* @__PURE__ */ jsx14("div", { className: "sticky top-[160px] z-998 bg-white px-4", children: /* @__PURE__ */ jsx14(
+        EditorToolbar,
+        {
+          textEditorRef,
+          className: "max-w-7xl mx-auto"
+        }
+      ) }),
+      /* @__PURE__ */ jsx14("div", { className: "px-4", children: /* @__PURE__ */ jsx14(
+        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: cn6(textEditorClassName, "pb-[50vh]")
             }
           },
-          "\uC800\uC7A5\uD558\uAE30"
-        ))
-      }
-    ), /* @__PURE__ */ React16.createElement("div", { className: "px-4" }, /* @__PURE__ */ React16.createElement("div", { className: "max-w-7xl mx-auto w-full" }, /* @__PURE__ */ React16.createElement(FormRow, null, /* @__PURE__ */ React16.createElement(FormEntry, null, /* @__PURE__ */ React16.createElement(FormLabel, null, "\uACF5\uAC1C\uC5EC\uBD80"), /* @__PURE__ */ React16.createElement(
-      component.select,
-      {
-        name: "isPublic",
-        className: "select-form",
-        toInputValue: (value) => value ? "true" : "false",
-        toStateValue: (value) => Boolean(value === "true")
-      },
-      /* @__PURE__ */ React16.createElement("option", { value: "true" }, "\uACF5\uAC1C"),
-      /* @__PURE__ */ React16.createElement("option", { value: "false" }, "\uBE44\uACF5\uAC1C")
-    )), /* @__PURE__ */ React16.createElement(FormEntry, null, /* @__PURE__ */ React16.createElement(FormLabel, null, "\uC791\uC131\uC77C\uC2DC"), /* @__PURE__ */ React16.createElement(
-      component.input,
-      {
-        name: "createdAt",
-        className: "input-form",
-        type: "datetime-local"
-      }
-    ))), /* @__PURE__ */ React16.createElement(FormRow, null, /* @__PURE__ */ React16.createElement(FormEntry, null, /* @__PURE__ */ React16.createElement(FormLabel, null, "\uAC8C\uC2DC\uD310"), /* @__PURE__ */ React16.createElement(component.select, { name: "boardId", className: "select-form" }, /* @__PURE__ */ React16.createElement("option", { value: "" }, "\uC120\uD0DD\uD558\uC138\uC694"), boards.map((board) => /* @__PURE__ */ React16.createElement("option", { key: board.id, value: board.id }, board.title)))), /* @__PURE__ */ React16.createElement(FormEntry, null, /* @__PURE__ */ React16.createElement(FormLabel, null, "\uCE74\uD14C\uACE0\uB9AC"), /* @__PURE__ */ React16.createElement(
-      component.input,
-      {
-        name: "category",
-        className: "input-form",
-        placeholder: "\uCE74\uD14C\uACE0\uB9AC"
-      }
-    ))), /* @__PURE__ */ React16.createElement(FormRow, null, /* @__PURE__ */ React16.createElement(FormEntry, null, /* @__PURE__ */ React16.createElement(FormLabel, null, "\uC81C\uBAA9"), /* @__PURE__ */ React16.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 = toSlug(title);
-          });
+          attachFile
         }
-      }
-    )), /* @__PURE__ */ React16.createElement(FormEntry, null, /* @__PURE__ */ React16.createElement(FormLabel, null, "\uBD80\uC81C\uBAA9"), /* @__PURE__ */ React16.createElement(
-      component.input,
-      {
-        name: "subtitle",
-        className: "input-form",
-        placeholder: "\uBD80\uC81C\uBAA9\uC744 \uC785\uB825\uD558\uC138\uC694"
-      }
-    ))), /* @__PURE__ */ React16.createElement(FormRow, null, /* @__PURE__ */ React16.createElement(FormEntry, null, /* @__PURE__ */ React16.createElement(FormLabel, null, "\uC2AC\uB7EC\uADF8"), /* @__PURE__ */ React16.createElement(
-      component.input,
-      {
-        name: "slug",
-        className: "input-form",
-        placeholder: "\uC81C\uBAA9"
-      }
-    )), /* @__PURE__ */ React16.createElement(FormEntry, null, /* @__PURE__ */ React16.createElement(FormLabel, null, "\uD0DC\uADF8"), /* @__PURE__ */ React16.createElement(
-      component.input,
-      {
-        name: "tags",
-        className: "input-form",
-        placeholder: "\uD0DC\uADF8 1, \uD0DC\uADF8 2, \uD0DC\uADF8 3"
-      }
-    ))), /* @__PURE__ */ React16.createElement(FormRow, null, /* @__PURE__ */ React16.createElement(FormEntry, null, /* @__PURE__ */ React16.createElement(FormLabel, null, "\uC124\uBA85"), /* @__PURE__ */ React16.createElement(
-      StoreTextEditor,
-      {
-        store: form.store,
-        mode: "text",
-        name: "description",
-        className: "text-editor min-h-[80px]",
-        placeholder: "\uC124\uBA85"
-      }
-    ))), /* @__PURE__ */ React16.createElement(FormRow, null, /* @__PURE__ */ React16.createElement(FormEntry, null, /* @__PURE__ */ React16.createElement(FormLabel, null, "\uC378\uB124\uC77C"), /* @__PURE__ */ React16.createElement(
-      PostThumbnailPicker,
-      {
-        store: form.store,
-        textEditorRef
-      }
-    ))))), /* @__PURE__ */ React16.createElement("div", { className: "sticky top-[160px] z-998 bg-white px-4" }, /* @__PURE__ */ React16.createElement(
-      EditorToolbar,
-      {
-        textEditorRef,
-        className: "max-w-7xl mx-auto"
-      }
-    )), /* @__PURE__ */ React16.createElement("div", { className: "px-4" }, /* @__PURE__ */ React16.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: cn6(textEditorClassName, "pb-[50vh]")
-          }
-        },
-        attachFile
-      }
-    )));
+      ) })
+    ] });
   };
 };
 export {