@deepnoid/ui 0.0.110 → 0.0.112

package/dist/components/pagination/pagination.test.mjs

@@ -1,11 +1,16 @@
 "use client";
 import {
   pagination_default
-} from "../../chunk-UZL66GNP.mjs";
+} from "../../chunk-YRMFIXXC.mjs";
 import "../../chunk-F3HENRVM.mjs";
+import "../../chunk-2GCSFWHD.mjs";
+import "../../chunk-ZNEEYSIK.mjs";
 import {
   render
 } from "../../chunk-FNPWLOGV.mjs";
+import "../../chunk-ZYIIXWVY.mjs";
+import "../../chunk-LCI6RPWE.mjs";
+import "../../chunk-IOCRFIQF.mjs";
 import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-J725QONZ.mjs";
 import "../../chunk-IZ6II3QA.mjs";

package/dist/components/select/index.mjs

@@ -2,9 +2,9 @@
 import "../../chunk-QCEKPS7U.mjs";
 import {
   select_default
-} from "../../chunk-2BCJZILI.mjs";
-import "../../chunk-S3QS5B7F.mjs";
+} from "../../chunk-JN7EGKJL.mjs";
 import "../../chunk-RZZWHI6O.mjs";
+import "../../chunk-S3QS5B7F.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-LCI6RPWE.mjs";
 import "../../chunk-IOCRFIQF.mjs";

package/dist/components/select/select.mjs

@@ -1,9 +1,9 @@
 "use client";
 import {
   select_default
-} from "../../chunk-2BCJZILI.mjs";
-import "../../chunk-S3QS5B7F.mjs";
+} from "../../chunk-JN7EGKJL.mjs";
 import "../../chunk-RZZWHI6O.mjs";
+import "../../chunk-S3QS5B7F.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-LCI6RPWE.mjs";
 import "../../chunk-IOCRFIQF.mjs";

package/dist/components/select/select.test.mjs

@@ -4,9 +4,9 @@ import {
 } from "../../chunk-S4DTK5GI.mjs";
 import {
   select_default
-} from "../../chunk-2BCJZILI.mjs";
-import "../../chunk-S3QS5B7F.mjs";
+} from "../../chunk-JN7EGKJL.mjs";
 import "../../chunk-RZZWHI6O.mjs";
+import "../../chunk-S3QS5B7F.mjs";
 import {
   act,
   render

package/dist/index.js

@@ -6800,6 +6800,7 @@ var Pagination = (0, import_react19.forwardRef)((originalProps, ref) => {
     totalPage,
     showPageNumber = true,
     showPageLabel,
+    showPageInput,
     showFirstLastButtons,
     handleChangePage
   } = props;
@@ -6812,8 +6813,8 @@ var Pagination = (0, import_react19.forwardRef)((originalProps, ref) => {
   const slots = (0, import_react19.useMemo)(() => pagination({ ...variantProps }), [variantProps]);
   const getBaseProps = (0, import_react19.useCallback)(() => ({ className: slots.base({ class: classNames == null ? void 0 : classNames.base }) }), [slots, classNames]);
   const getLabelProps = (0, import_react19.useCallback)(
-    () => ({ className: slots.label({ class: classNames == null ? void 0 : classNames.label }) }),
-    [slots, classNames]
+    () => ({ className: `${slots.label({ class: classNames == null ? void 0 : classNames.label })} + ${showPageInput && " !min-w-[55px]"}` }),
+    [slots, classNames, showPageInput]
   );
   const getWrapperProps = (0, import_react19.useCallback)(
     () => ({ className: slots.wrapper({ class: classNames == null ? void 0 : classNames.wrapper }) }),
@@ -6824,8 +6825,40 @@ var Pagination = (0, import_react19.forwardRef)((originalProps, ref) => {
     () => ({ className: slots.button({ class: classNames == null ? void 0 : classNames.button }) }),
     [slots, classNames]
   );
+  const getLabelWrapperProps = (0, import_react19.useCallback)(
+    () => ({
+      className: "flex shrink-0",
+      onSubmit: (e) => {
+        e.preventDefault();
+        if (showPageInput && handleChangePage) {
+          const formData = new FormData(e.target);
+          const page = formData.get("pagination-input");
+          if (page) handleChangePage(+page);
+        }
+      }
+    }),
+    [handleChangePage, showPageInput]
+  );
+  const getInputProps = (0, import_react19.useCallback)(
+    () => ({
+      defaultValue: currentPage,
+      size: "sm",
+      name: "pagination-input",
+      type: "number",
+      max: totalPage,
+      min: 1,
+      classNames: { inputWrapper: "!w-[48px] h-[20px] px-[6px]", input: "input-arrow-hide" }
+    }),
+    [currentPage, totalPage]
+  );
   return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { ...getBaseProps(), children: [
-    showPageLabel && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { ...getLabelProps(), children: `${currentPage} of ${totalPage}` }),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("form", { ...getLabelWrapperProps(), children: [
+      showPageInput && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(input_default, { ...getInputProps() }, `${currentPage}+pagination-input`),
+      showPageLabel && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("span", { ...getLabelProps(), children: [
+        !showPageInput && currentPage,
+        ` of ${totalPage}`
+      ] })
+    ] }),
     /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { ...getWrapperProps(), children: [
       showFirstLastButtons && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
         "div",
@@ -9339,6 +9372,20 @@ var resolveConfig = (themes = {}, defaultTheme, prefix = "deepnoidUi") => {
       "&::-webkit-scrollbar": {
         display: "none"
       }
+    },
+    ".input-arrow-hide": {
+      "&[type='number']::-webkit-inner-spin-button": {
+        "-webkit-appearance": "none",
+        margin: "0"
+      },
+      "&[type='number']::-webkit-outer-spin-button": {
+        "-webkit-appearance": "none",
+        margin: "0"
+      },
+      "&[type='number']": {
+        "-moz-appearance": "textfield"
+        // Firefox용
+      }
     }
   };
   return resolved;

package/dist/index.mjs

@@ -22,26 +22,26 @@ import "./chunk-ZOTHPHXA.mjs";
 import {
   toast_default
 } from "./chunk-PXUBPWKU.mjs";
-import "./chunk-QCEKPS7U.mjs";
-import {
-  select_default
-} from "./chunk-2BCJZILI.mjs";
-import "./chunk-S3QS5B7F.mjs";
-import "./chunk-RZZWHI6O.mjs";
 import "./chunk-MV2WCFK7.mjs";
 import {
   slider_default
 } from "./chunk-A3RWT3JJ.mjs";
-import "./chunk-LVFI2NOH.mjs";
-import {
-  switch_default
-} from "./chunk-S3O52LLG.mjs";
 import "./chunk-2UUH2MBF.mjs";
 import {
   table_default
 } from "./chunk-QGZEHOKA.mjs";
 import "./chunk-VWD26TIQ.mjs";
 import "./chunk-PO3ADNA5.mjs";
+import "./chunk-QCEKPS7U.mjs";
+import {
+  select_default
+} from "./chunk-JN7EGKJL.mjs";
+import "./chunk-RZZWHI6O.mjs";
+import "./chunk-S3QS5B7F.mjs";
+import "./chunk-LVFI2NOH.mjs";
+import {
+  switch_default
+} from "./chunk-S3O52LLG.mjs";
 import "./chunk-7VOQKIIK.mjs";
 import {
   progress_default
@@ -57,13 +57,13 @@ import {
 import "./chunk-7B7LRG5J.mjs";
 import {
   pagination_default
-} from "./chunk-UZL66GNP.mjs";
+} from "./chunk-YRMFIXXC.mjs";
 import "./chunk-F3HENRVM.mjs";
 import "./chunk-2GCSFWHD.mjs";
 import {
   input_default
 } from "./chunk-ZNEEYSIK.mjs";
-import "./chunk-VUYUQGLF.mjs";
+import "./chunk-HAOK24MK.mjs";
 import "./chunk-QZ3LVYJW.mjs";
 import {
   checkbox_default
@@ -84,16 +84,16 @@ import {
   listItem_default
 } from "./chunk-V77MALL4.mjs";
 import "./chunk-NMSDSEBD.mjs";
-import "./chunk-HAOK24MK.mjs";
-import {
-  card_default
-} from "./chunk-2ALY3PH5.mjs";
+import "./chunk-VUYUQGLF.mjs";
 import {
   button_group_default
 } from "./chunk-NGQ3MK2J.mjs";
 import {
   button_default
 } from "./chunk-UR64ZUAU.mjs";
+import {
+  card_default
+} from "./chunk-2ALY3PH5.mjs";
 import "./chunk-27Y6K5NK.mjs";
 import {
   accordion_default
@@ -755,6 +755,20 @@ var resolveConfig = (themes = {}, defaultTheme, prefix = "deepnoidUi") => {
       "&::-webkit-scrollbar": {
         display: "none"
       }
+    },
+    ".input-arrow-hide": {
+      "&[type='number']::-webkit-inner-spin-button": {
+        "-webkit-appearance": "none",
+        margin: "0"
+      },
+      "&[type='number']::-webkit-outer-spin-button": {
+        "-webkit-appearance": "none",
+        margin: "0"
+      },
+      "&[type='number']": {
+        "-moz-appearance": "textfield"
+        // Firefox용
+      }
     }
   };
   return resolved;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deepnoid/ui",
-  "version": "0.0.110",
+  "version": "0.0.112",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/index.js",

package/dist/{chunk-2BCJZILI.mjs → chunk-JN7EGKJL.mjs}

@@ -1,10 +1,10 @@
 "use client";
-import {
-  useSelect
-} from "./chunk-S3QS5B7F.mjs";
 import {
   option_default
 } from "./chunk-RZZWHI6O.mjs";
+import {
+  useSelect
+} from "./chunk-S3QS5B7F.mjs";
 import {
   Icon_default
 } from "./chunk-LCI6RPWE.mjs";