dn-react-router-toolkit 0.7.14 → 0.8.0

package/dist/post/index.js

@@ -7938,52 +7938,59 @@ var FormLabel = createComponent("label", {
 var import_react_store_input4 = require("react-store-input");
 var import_jsx_runtime8 = require("react/jsx-runtime");
 
-// src/table/loader.tsx
+// src/table/load_table.tsx
 var import_drizzle_orm = require("drizzle-orm");
 
 // src/api/create_api_handler.ts
 var import_http = require("dn-react-toolkit/http");
 var import_drizzle_orm2 = require("drizzle-orm");
-var import_react_router4 = require("react-router");
 var import_uuid = require("uuid");
 
 // src/api/item_api_handler.ts
 var import_http2 = require("dn-react-toolkit/http");
-var import_react_router5 = require("react-router");
 
 // src/crud/crud_page.tsx
 var import_react_router9 = require("react-router");
 
 // src/table/page.tsx
 var import_react_router8 = require("react-router");
+
+// src/table/table_form.tsx
+var import_react_router7 = require("react-router");
 var import_go3 = require("react-icons/go");
 
-// src/table/buttons.tsx
+// src/table/table.tsx
 var import_utils5 = require("dn-react-toolkit/utils");
-var import_react_router6 = require("react-router");
+var import_go2 = require("react-icons/go");
+var import_react_router4 = require("react-router");
 var import_jsx_runtime9 = require("react/jsx-runtime");
 
-// src/table/table.tsx
+// src/table/use_table.tsx
+var import_react_router5 = require("react-router");
+
+// src/table/buttons.tsx
 var import_utils6 = require("dn-react-toolkit/utils");
-var import_go2 = require("react-icons/go");
-var import_react_router7 = require("react-router");
+var import_react_router6 = require("react-router");
 var import_jsx_runtime10 = require("react/jsx-runtime");
 
-// src/table/page.tsx
+// src/table/table_form.tsx
 var import_jsx_runtime11 = require("react/jsx-runtime");
 
-// src/crud/crud_page.tsx
+// src/table/page.tsx
 var import_jsx_runtime12 = require("react/jsx-runtime");
 
+// src/crud/crud_page.tsx
+var import_jsx_runtime13 = require("react/jsx-runtime");
+
 // src/crud/generate_pages.tsx
 var import_react_router10 = require("react-router");
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime14 = 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 import_jsx_runtime15 = require("react/jsx-runtime");
 var createPostFormPage = ({
   header: AdminPageHeader,
   textEditorClassName,
@@ -7993,13 +8000,13 @@ var createPostFormPage = ({
     const { boards } = (0, import_react_router11.useLoaderData)();
     const component = (0, import_react_store_input5.useStoreComponent)(form.store);
     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)(
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime15.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)(
+          actions: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
               "button",
               {
                 type: "button",
@@ -8010,7 +8017,7 @@ var createPostFormPage = ({
                 children: "\uC0AD\uC81C\uD558\uAE30"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
               "button",
               {
                 type: "button",
@@ -8024,11 +8031,11 @@ var createPostFormPage = ({
           ] })
         }
       ),
-      /* @__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)(
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "px-4", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "max-w-7xl mx-auto w-full", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(FormRow, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(FormEntry, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(FormLabel, { children: "\uACF5\uAC1C\uC5EC\uBD80" }),
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
               component.select,
               {
                 name: "isPublic",
@@ -8036,15 +8043,15 @@ var createPostFormPage = ({
                 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_runtime15.jsx)("option", { value: "true", children: "\uACF5\uAC1C" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime15.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)(
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(FormEntry, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(FormLabel, { children: "\uC791\uC131\uC77C\uC2DC" }),
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
               component.input,
               {
                 name: "createdAt",
@@ -8054,17 +8061,17 @@ var createPostFormPage = ({
             )
           ] })
         ] }),
-        /* @__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_runtime15.jsxs)(FormRow, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(FormEntry, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(FormLabel, { children: "\uAC8C\uC2DC\uD310" }),
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(component.select, { name: "boardId", className: "select-form", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("option", { value: "", children: "\uC120\uD0DD\uD558\uC138\uC694" }),
+              boards.map((board) => /* @__PURE__ */ (0, import_jsx_runtime15.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)(
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(FormEntry, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(FormLabel, { children: "\uCE74\uD14C\uACE0\uB9AC" }),
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
               component.input,
               {
                 name: "category",
@@ -8074,10 +8081,10 @@ var createPostFormPage = ({
             )
           ] })
         ] }),
-        /* @__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)(
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(FormRow, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(FormEntry, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(FormLabel, { children: "\uC81C\uBAA9" }),
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
               component.input,
               {
                 name: "title",
@@ -8092,9 +8099,9 @@ var createPostFormPage = ({
               }
             )
           ] }),
-          /* @__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)(
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(FormEntry, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(FormLabel, { children: "\uBD80\uC81C\uBAA9" }),
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
               component.input,
               {
                 name: "subtitle",
@@ -8104,10 +8111,10 @@ var createPostFormPage = ({
             )
           ] })
         ] }),
-        /* @__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)(
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(FormRow, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(FormEntry, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(FormLabel, { children: "\uC2AC\uB7EC\uADF8" }),
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
               component.input,
               {
                 name: "slug",
@@ -8116,9 +8123,9 @@ var createPostFormPage = ({
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(FormEntry, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(FormLabel, { children: "\uD0DC\uADF8" }),
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(FormEntry, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(FormLabel, { children: "\uD0DC\uADF8" }),
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
               component.input,
               {
                 name: "tags",
@@ -8128,9 +8135,9 @@ var createPostFormPage = ({
             )
           ] })
         ] }),
-        /* @__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)(
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(FormRow, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(FormEntry, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(FormLabel, { children: "\uC124\uBA85" }),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
             StoreTextEditor,
             {
               store: form.store,
@@ -8141,9 +8148,9 @@ var createPostFormPage = ({
             }
           )
         ] }) }),
-        /* @__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)(
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(FormRow, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(FormEntry, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(FormLabel, { children: "\uC378\uB124\uC77C" }),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
             PostThumbnailPicker,
             {
               store: form.store,
@@ -8152,14 +8159,14 @@ var createPostFormPage = ({
           )
         ] }) })
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "sticky top-[160px] z-998 bg-white px-4", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "sticky top-[160px] z-998 bg-white px-4", children: /* @__PURE__ */ (0, import_jsx_runtime15.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)(
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "px-4", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
         StoreTextEditor,
         {
           ref: textEditorRef,

package/dist/post/index.mjs

@@ -7935,7 +7935,7 @@ var FormLabel = createComponent("label", {
 import { useStoreComponent } from "react-store-input";
 import { Fragment as Fragment2, jsx as jsx8, jsxs as jsxs3 } from "react/jsx-runtime";
 
-// src/table/loader.tsx
+// src/table/load_table.tsx
 import {
   and,
   ilike
@@ -7953,52 +7953,53 @@ import {
 import {
   and as and2
 } from "drizzle-orm";
-import "react-router";
 import { v4 } from "uuid";
 
 // src/api/item_api_handler.ts
 import { UNAUTHORIZED as UNAUTHORIZED2 } from "dn-react-toolkit/http";
-import "react-router";
 
 // src/crud/crud_page.tsx
-import { useLoaderData as useLoaderData2, useLocation as useLocation3 } from "react-router";
+import { useLoaderData as useLoaderData2, useLocation as useLocation4 } from "react-router";
 
 // src/table/page.tsx
-import {
-  Link as Link3,
-  useLoaderData,
-  useLocation as useLocation2,
-  useNavigate as useNavigate2,
-  useSearchParams as useSearchParams3
-} from "react-router";
+import { Link as Link3, useLocation as useLocation3 } from "react-router";
+
+// src/table/table_form.tsx
+import { useLocation as useLocation2, useNavigate as useNavigate2, useSearchParams as useSearchParams3 } from "react-router";
 import { GoSearch } from "react-icons/go";
 
-// src/table/buttons.tsx
+// src/table/table.tsx
 import { cn as cn4 } from "dn-react-toolkit/utils";
-import { Link, useLocation, useSearchParams } from "react-router";
+import { GoArrowDown, GoArrowUp } from "react-icons/go";
+import { Link, useSearchParams } from "react-router";
 import { Fragment as Fragment3, jsx as jsx9, jsxs as jsxs4 } from "react/jsx-runtime";
 
-// src/table/table.tsx
+// src/table/use_table.tsx
+import { useLoaderData } from "react-router";
+
+// src/table/buttons.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 { Link as Link2, useLocation, useSearchParams as useSearchParams2 } from "react-router";
 import { Fragment as Fragment4, jsx as jsx10, jsxs as jsxs5 } from "react/jsx-runtime";
 
-// src/table/page.tsx
+// src/table/table_form.tsx
 import { Fragment as Fragment5, jsx as jsx11, jsxs as jsxs6 } from "react/jsx-runtime";
 
+// src/table/page.tsx
+import { Fragment as Fragment6, jsx as jsx12, jsxs as jsxs7 } from "react/jsx-runtime";
+
 // src/crud/crud_page.tsx
-import { jsx as jsx12 } from "react/jsx-runtime";
+import { jsx as jsx13 } from "react/jsx-runtime";
 
 // src/crud/generate_pages.tsx
-import { useLocation as useLocation4 } from "react-router";
-import { jsx as jsx13 } from "react/jsx-runtime";
+import { useLocation as useLocation5 } from "react-router";
+import { jsx as jsx14 } 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";
+import { Fragment as Fragment7, jsx as jsx15, jsxs as jsxs8 } from "react/jsx-runtime";
 var createPostFormPage = ({
   header: AdminPageHeader,
   textEditorClassName,
@@ -8008,13 +8009,13 @@ var createPostFormPage = ({
     const { boards } = useLoaderData3();
     const component = useStoreComponent2(form.store);
     const textEditorRef = useRef3(null);
-    return /* @__PURE__ */ jsxs7(Fragment6, { children: [
-      /* @__PURE__ */ jsx14(
+    return /* @__PURE__ */ jsxs8(Fragment7, { children: [
+      /* @__PURE__ */ jsx15(
         AdminPageHeader,
         {
           title: `${form.name} \uCD94\uAC00`,
-          actions: /* @__PURE__ */ jsxs7(Fragment6, { children: [
-            /* @__PURE__ */ jsx14(
+          actions: /* @__PURE__ */ jsxs8(Fragment7, { children: [
+            /* @__PURE__ */ jsx15(
               "button",
               {
                 type: "button",
@@ -8025,7 +8026,7 @@ var createPostFormPage = ({
                 children: "\uC0AD\uC81C\uD558\uAE30"
               }
             ),
-            /* @__PURE__ */ jsx14(
+            /* @__PURE__ */ jsx15(
               "button",
               {
                 type: "button",
@@ -8039,11 +8040,11 @@ var createPostFormPage = ({
           ] })
         }
       ),
-      /* @__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(
+      /* @__PURE__ */ jsx15("div", { className: "px-4", children: /* @__PURE__ */ jsxs8("div", { className: "max-w-7xl mx-auto w-full", children: [
+        /* @__PURE__ */ jsxs8(FormRow, { children: [
+          /* @__PURE__ */ jsxs8(FormEntry, { children: [
+            /* @__PURE__ */ jsx15(FormLabel, { children: "\uACF5\uAC1C\uC5EC\uBD80" }),
+            /* @__PURE__ */ jsxs8(
               component.select,
               {
                 name: "isPublic",
@@ -8051,15 +8052,15 @@ var createPostFormPage = ({
                 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__ */ jsx15("option", { value: "true", children: "\uACF5\uAC1C" }),
+                  /* @__PURE__ */ jsx15("option", { value: "false", children: "\uBE44\uACF5\uAC1C" })
                 ]
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs7(FormEntry, { children: [
-            /* @__PURE__ */ jsx14(FormLabel, { children: "\uC791\uC131\uC77C\uC2DC" }),
-            /* @__PURE__ */ jsx14(
+          /* @__PURE__ */ jsxs8(FormEntry, { children: [
+            /* @__PURE__ */ jsx15(FormLabel, { children: "\uC791\uC131\uC77C\uC2DC" }),
+            /* @__PURE__ */ jsx15(
               component.input,
               {
                 name: "createdAt",
@@ -8069,17 +8070,17 @@ var createPostFormPage = ({
             )
           ] })
         ] }),
-        /* @__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__ */ jsxs8(FormRow, { children: [
+          /* @__PURE__ */ jsxs8(FormEntry, { children: [
+            /* @__PURE__ */ jsx15(FormLabel, { children: "\uAC8C\uC2DC\uD310" }),
+            /* @__PURE__ */ jsxs8(component.select, { name: "boardId", className: "select-form", children: [
+              /* @__PURE__ */ jsx15("option", { value: "", children: "\uC120\uD0DD\uD558\uC138\uC694" }),
+              boards.map((board) => /* @__PURE__ */ jsx15("option", { value: board.id, children: board.title }, board.id))
             ] })
           ] }),
-          /* @__PURE__ */ jsxs7(FormEntry, { children: [
-            /* @__PURE__ */ jsx14(FormLabel, { children: "\uCE74\uD14C\uACE0\uB9AC" }),
-            /* @__PURE__ */ jsx14(
+          /* @__PURE__ */ jsxs8(FormEntry, { children: [
+            /* @__PURE__ */ jsx15(FormLabel, { children: "\uCE74\uD14C\uACE0\uB9AC" }),
+            /* @__PURE__ */ jsx15(
               component.input,
               {
                 name: "category",
@@ -8089,10 +8090,10 @@ var createPostFormPage = ({
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsxs7(FormRow, { children: [
-          /* @__PURE__ */ jsxs7(FormEntry, { children: [
-            /* @__PURE__ */ jsx14(FormLabel, { children: "\uC81C\uBAA9" }),
-            /* @__PURE__ */ jsx14(
+        /* @__PURE__ */ jsxs8(FormRow, { children: [
+          /* @__PURE__ */ jsxs8(FormEntry, { children: [
+            /* @__PURE__ */ jsx15(FormLabel, { children: "\uC81C\uBAA9" }),
+            /* @__PURE__ */ jsx15(
               component.input,
               {
                 name: "title",
@@ -8107,9 +8108,9 @@ var createPostFormPage = ({
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs7(FormEntry, { children: [
-            /* @__PURE__ */ jsx14(FormLabel, { children: "\uBD80\uC81C\uBAA9" }),
-            /* @__PURE__ */ jsx14(
+          /* @__PURE__ */ jsxs8(FormEntry, { children: [
+            /* @__PURE__ */ jsx15(FormLabel, { children: "\uBD80\uC81C\uBAA9" }),
+            /* @__PURE__ */ jsx15(
               component.input,
               {
                 name: "subtitle",
@@ -8119,10 +8120,10 @@ var createPostFormPage = ({
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsxs7(FormRow, { children: [
-          /* @__PURE__ */ jsxs7(FormEntry, { children: [
-            /* @__PURE__ */ jsx14(FormLabel, { children: "\uC2AC\uB7EC\uADF8" }),
-            /* @__PURE__ */ jsx14(
+        /* @__PURE__ */ jsxs8(FormRow, { children: [
+          /* @__PURE__ */ jsxs8(FormEntry, { children: [
+            /* @__PURE__ */ jsx15(FormLabel, { children: "\uC2AC\uB7EC\uADF8" }),
+            /* @__PURE__ */ jsx15(
               component.input,
               {
                 name: "slug",
@@ -8131,9 +8132,9 @@ var createPostFormPage = ({
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs7(FormEntry, { children: [
-            /* @__PURE__ */ jsx14(FormLabel, { children: "\uD0DC\uADF8" }),
-            /* @__PURE__ */ jsx14(
+          /* @__PURE__ */ jsxs8(FormEntry, { children: [
+            /* @__PURE__ */ jsx15(FormLabel, { children: "\uD0DC\uADF8" }),
+            /* @__PURE__ */ jsx15(
               component.input,
               {
                 name: "tags",
@@ -8143,9 +8144,9 @@ var createPostFormPage = ({
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsx14(FormRow, { children: /* @__PURE__ */ jsxs7(FormEntry, { children: [
-          /* @__PURE__ */ jsx14(FormLabel, { children: "\uC124\uBA85" }),
-          /* @__PURE__ */ jsx14(
+        /* @__PURE__ */ jsx15(FormRow, { children: /* @__PURE__ */ jsxs8(FormEntry, { children: [
+          /* @__PURE__ */ jsx15(FormLabel, { children: "\uC124\uBA85" }),
+          /* @__PURE__ */ jsx15(
             StoreTextEditor,
             {
               store: form.store,
@@ -8156,9 +8157,9 @@ var createPostFormPage = ({
             }
           )
         ] }) }),
-        /* @__PURE__ */ jsx14(FormRow, { children: /* @__PURE__ */ jsxs7(FormEntry, { children: [
-          /* @__PURE__ */ jsx14(FormLabel, { children: "\uC378\uB124\uC77C" }),
-          /* @__PURE__ */ jsx14(
+        /* @__PURE__ */ jsx15(FormRow, { children: /* @__PURE__ */ jsxs8(FormEntry, { children: [
+          /* @__PURE__ */ jsx15(FormLabel, { children: "\uC378\uB124\uC77C" }),
+          /* @__PURE__ */ jsx15(
             PostThumbnailPicker,
             {
               store: form.store,
@@ -8167,14 +8168,14 @@ var createPostFormPage = ({
           )
         ] }) })
       ] }) }),
-      /* @__PURE__ */ jsx14("div", { className: "sticky top-[160px] z-998 bg-white px-4", children: /* @__PURE__ */ jsx14(
+      /* @__PURE__ */ jsx15("div", { className: "sticky top-[160px] z-998 bg-white px-4", children: /* @__PURE__ */ jsx15(
         EditorToolbar,
         {
           textEditorRef,
           className: "max-w-7xl mx-auto"
         }
       ) }),
-      /* @__PURE__ */ jsx14("div", { className: "px-4", children: /* @__PURE__ */ jsx14(
+      /* @__PURE__ */ jsx15("div", { className: "px-4", children: /* @__PURE__ */ jsx15(
         StoreTextEditor,
         {
           ref: textEditorRef,