@quantabit/pagination-sdk 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 QuantaBit Team
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,28 @@
+# @quantabit/pagination-sdk
+
+> Pagination with number mode and simple mode
+
+## Components
+- **Pagination** — Full number pagination with ellipsis
+- **SimplePagination** — Prev/Next only
+- **usePagination** — Hook with page/offset/totalPages
+
+```jsx
+import { Pagination, usePagination } from '@quantabit/pagination-sdk';
+const { current, next, prev } = usePagination(100, { pageSize: 10 });
+<Pagination current={current} total={100} onChange={goTo}/>
+```
+
+## License
+MIT
+
+
+
+---
+
+## 🌐 Brand & Links
+- Official Mainnet: [QuantaBit Chain](https://qbitchain.io/)
+- Developer Platform: [Developer Platform](https://developer.quantabit.io/)
+- Open Platform: [Open Platform](https://open.quantabit.io/)
+- Payment Platform: [Pay Platform](https://pay.qbitwallet.io/)
+- Feedback: [Feedback](https://xwin.live/qbit)

package/dist/index.cjs

@@ -0,0 +1,217 @@
+'use strict';
+
+var React = require('react');
+
+function Pagination({
+  current = 1,
+  total,
+  pageSize = 10,
+  onChange,
+  siblingCount = 1,
+  showTotal = true,
+  className = ''
+}) {
+  const totalPages = Math.ceil(total / pageSize);
+  if (totalPages <= 1) return null;
+  const range = (s, e) => Array.from({
+    length: e - s + 1
+  }, (_, i) => s + i);
+  const pages = (() => {
+    const left = Math.max(2, current - siblingCount);
+    const right = Math.min(totalPages - 1, current + siblingCount);
+    const items = [];
+    items.push(1);
+    if (left > 2) items.push('...');
+    items.push(...range(left, right));
+    if (right < totalPages - 1) items.push('...');
+    if (totalPages > 1) items.push(totalPages);
+    return items;
+  })();
+  const btnStyle = active => ({
+    minWidth: 32,
+    height: 32,
+    borderRadius: 8,
+    border: 'none',
+    background: active ? '#3b82f6' : 'transparent',
+    color: active ? '#fff' : '#71717a',
+    cursor: 'pointer',
+    fontSize: 13,
+    fontWeight: active ? 600 : 400,
+    transition: 'all 0.2s',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center'
+  });
+  return /*#__PURE__*/React.createElement("div", {
+    className: `qpg-pagination ${className}`,
+    style: {
+      display: 'flex',
+      alignItems: 'center',
+      gap: 4
+    }
+  }, showTotal && /*#__PURE__*/React.createElement("span", {
+    style: {
+      fontSize: 12,
+      color: '#a1a1aa',
+      marginRight: 8
+    }
+  }, total, " items"), /*#__PURE__*/React.createElement("button", {
+    onClick: () => current > 1 && onChange?.(current - 1),
+    disabled: current === 1,
+    style: {
+      ...btnStyle(false),
+      opacity: current === 1 ? 0.4 : 1
+    }
+  }, /*#__PURE__*/React.createElement("svg", {
+    width: "14",
+    height: "14",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M15 18l-6-6 6-6"
+  }))), pages.map((p, i) => p === '...' ? /*#__PURE__*/React.createElement("span", {
+    key: 'd' + i,
+    style: {
+      color: '#a1a1aa',
+      padding: '0 4px'
+    }
+  }, "\u2026") : /*#__PURE__*/React.createElement("button", {
+    key: p,
+    onClick: () => onChange?.(p),
+    style: btnStyle(p === current)
+  }, p)), /*#__PURE__*/React.createElement("button", {
+    onClick: () => current < totalPages && onChange?.(current + 1),
+    disabled: current === totalPages,
+    style: {
+      ...btnStyle(false),
+      opacity: current === totalPages ? 0.4 : 1
+    }
+  }, /*#__PURE__*/React.createElement("svg", {
+    width: "14",
+    height: "14",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M9 18l6-6-6-6"
+  }))));
+}
+function SimplePagination({
+  current = 1,
+  totalPages = 1,
+  onChange,
+  className = ''
+}) {
+  return /*#__PURE__*/React.createElement("div", {
+    className: `qpg-simple ${className}`,
+    style: {
+      display: 'flex',
+      alignItems: 'center',
+      gap: 12
+    }
+  }, /*#__PURE__*/React.createElement("button", {
+    onClick: () => current > 1 && onChange?.(current - 1),
+    disabled: current === 1,
+    style: {
+      padding: '6px 14px',
+      borderRadius: 8,
+      border: '1px solid #e4e4e7',
+      background: '#fff',
+      cursor: current === 1 ? 'not-allowed' : 'pointer',
+      fontSize: 13,
+      opacity: current === 1 ? 0.4 : 1
+    }
+  }, "\u2190 Prev"), /*#__PURE__*/React.createElement("span", {
+    style: {
+      fontSize: 13,
+      color: '#71717a'
+    }
+  }, current, " / ", totalPages), /*#__PURE__*/React.createElement("button", {
+    onClick: () => current < totalPages && onChange?.(current + 1),
+    disabled: current === totalPages,
+    style: {
+      padding: '6px 14px',
+      borderRadius: 8,
+      border: '1px solid #e4e4e7',
+      background: '#fff',
+      cursor: current === totalPages ? 'not-allowed' : 'pointer',
+      fontSize: 13,
+      opacity: current === totalPages ? 0.4 : 1
+    }
+  }, "Next \u2192"));
+}
+
+function usePagination(totalItems, opts = {}) {
+  const {
+    pageSize = 10,
+    initialPage = 1
+  } = opts;
+  const [current, setCurrent] = React.useState(initialPage);
+  const totalPages = Math.ceil(totalItems / pageSize);
+  const next = React.useCallback(() => setCurrent(c => Math.min(c + 1, totalPages)), [totalPages]);
+  const prev = React.useCallback(() => setCurrent(c => Math.max(c - 1, 1)), []);
+  const goTo = React.useCallback(p => setCurrent(Math.max(1, Math.min(p, totalPages))), [totalPages]);
+  const reset = React.useCallback(() => setCurrent(1), []);
+  const offset = React.useMemo(() => (current - 1) * pageSize, [current, pageSize]);
+  const isFirst = current === 1;
+  const isLast = current >= totalPages;
+  return {
+    current,
+    totalPages,
+    next,
+    prev,
+    goTo,
+    reset,
+    offset,
+    pageSize,
+    isFirst,
+    isLast
+  };
+}
+
+const SUPPORTED_LANGUAGES = ['en', 'zh', 'ja', 'ko'];
+const messages = {
+  en: {
+    "page.prev": "Previous",
+    "page.next": "Next",
+    "page.items": "items"
+  },
+  zh: {
+    "page.prev": "上一页",
+    "page.next": "下一页",
+    "page.items": "条"
+  },
+  ja: {
+    "page.prev": "前へ",
+    "page.next": "次へ",
+    "page.items": "件"
+  },
+  ko: {
+    "page.prev": "이전",
+    "page.next": "다음",
+    "page.items": "개"
+  }
+};
+let currentLang = 'en';
+function setLanguage(l) {
+  if (SUPPORTED_LANGUAGES.includes(l)) currentLang = l;
+}
+function getLanguage() {
+  return currentLang;
+}
+function t(k) {
+  return messages[currentLang]?.[k] || messages.en?.[k] || k;
+}
+
+exports.Pagination = Pagination;
+exports.SUPPORTED_LANGUAGES = SUPPORTED_LANGUAGES;
+exports.SimplePagination = SimplePagination;
+exports.getLanguage = getLanguage;
+exports.messages = messages;
+exports.setLanguage = setLanguage;
+exports.t = t;
+exports.usePagination = usePagination;
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../src/components/Pagination.jsx","../src/hooks/usePagination.js","../src/i18n/index.js"],"sourcesContent":["import React from'react';\nexport function Pagination({current=1,total,pageSize=10,onChange,siblingCount=1,showTotal=true,className=''}){\n  const totalPages=Math.ceil(total/pageSize);if(totalPages<=1)return null;\n  const range=(s,e)=>Array.from({length:e-s+1},(_,i)=>s+i);\n  const pages=(()=>{const left=Math.max(2,current-siblingCount);const right=Math.min(totalPages-1,current+siblingCount);\n    const items=[];items.push(1);if(left>2)items.push('...');items.push(...range(left,right));\n    if(right<totalPages-1)items.push('...');if(totalPages>1)items.push(totalPages);return items;})();\n  const btnStyle=(active)=>({minWidth:32,height:32,borderRadius:8,border:'none',\n    background:active?'#3b82f6':'transparent',color:active?'#fff':'#71717a',cursor:'pointer',\n    fontSize:13,fontWeight:active?600:400,transition:'all 0.2s',display:'flex',alignItems:'center',justifyContent:'center'});\n  return(<div className={`qpg-pagination ${className}`} style={{display:'flex',alignItems:'center',gap:4}}>\n    {showTotal&&<span style={{fontSize:12,color:'#a1a1aa',marginRight:8}}>{total} items</span>}\n    <button onClick={()=>current>1&&onChange?.(current-1)} disabled={current===1} style={{...btnStyle(false),opacity:current===1?0.4:1}}>\n      <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\"><path d=\"M15 18l-6-6 6-6\"/></svg>\n    </button>\n    {pages.map((p,i)=>p==='...'?<span key={'d'+i} style={{color:'#a1a1aa',padding:'0 4px'}}>…</span>\n      :<button key={p} onClick={()=>onChange?.(p)} style={btnStyle(p===current)}>{p}</button>)}\n    <button onClick={()=>current<totalPages&&onChange?.(current+1)} disabled={current===totalPages} style={{...btnStyle(false),opacity:current===totalPages?0.4:1}}>\n      <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\"><path d=\"M9 18l6-6-6-6\"/></svg>\n    </button>\n  </div>);\n}\nexport function SimplePagination({current=1,totalPages=1,onChange,className=''}){\n  return(<div className={`qpg-simple ${className}`} style={{display:'flex',alignItems:'center',gap:12}}>\n    <button onClick={()=>current>1&&onChange?.(current-1)} disabled={current===1}\n      style={{padding:'6px 14px',borderRadius:8,border:'1px solid #e4e4e7',background:'#fff',\n        cursor:current===1?'not-allowed':'pointer',fontSize:13,opacity:current===1?0.4:1}}>← Prev</button>\n    <span style={{fontSize:13,color:'#71717a'}}>{current} / {totalPages}</span>\n    <button onClick={()=>current<totalPages&&onChange?.(current+1)} disabled={current===totalPages}\n      style={{padding:'6px 14px',borderRadius:8,border:'1px solid #e4e4e7',background:'#fff',\n        cursor:current===totalPages?'not-allowed':'pointer',fontSize:13,opacity:current===totalPages?0.4:1}}>Next →</button>\n  </div>);\n}\n","import{useState,useMemo,useCallback}from'react';\nexport function usePagination(totalItems,opts={}){const{pageSize=10,initialPage=1}=opts;\n  const[current,setCurrent]=useState(initialPage);const totalPages=Math.ceil(totalItems/pageSize);\n  const next=useCallback(()=>setCurrent(c=>Math.min(c+1,totalPages)),[totalPages]);\n  const prev=useCallback(()=>setCurrent(c=>Math.max(c-1,1)),[]);\n  const goTo=useCallback(p=>setCurrent(Math.max(1,Math.min(p,totalPages))),[totalPages]);\n  const reset=useCallback(()=>setCurrent(1),[]);\n  const offset=useMemo(()=>(current-1)*pageSize,[current,pageSize]);\n  const isFirst=current===1;const isLast=current>=totalPages;\n  return{current,totalPages,next,prev,goTo,reset,offset,pageSize,isFirst,isLast};\n}\n","export const SUPPORTED_LANGUAGES = ['en', 'zh', 'ja', 'ko'];\nexport const messages = {\n  en: {\n  \"page.prev\": \"Previous\",\n  \"page.next\": \"Next\",\n  \"page.items\": \"items\"\n},\n  zh: {\n  \"page.prev\": \"上一页\",\n  \"page.next\": \"下一页\",\n  \"page.items\": \"条\"\n},\n  ja: {\n  \"page.prev\": \"前へ\",\n  \"page.next\": \"次へ\",\n  \"page.items\": \"件\"\n},\n  ko: {\n  \"page.prev\": \"이전\",\n  \"page.next\": \"다음\",\n  \"page.items\": \"개\"\n}\n};\nlet currentLang = 'en';\nexport function setLanguage(l) { if (SUPPORTED_LANGUAGES.includes(l)) currentLang = l; }\nexport function getLanguage() { return currentLang; }\nexport function t(k) { return messages[currentLang]?.[k] || messages.en?.[k] || k; }\n"],"names":["Pagination","current","total","pageSize","onChange","siblingCount","showTotal","className","totalPages","Math","ceil","range","s","e","Array","from","length","_","i","pages","left","max","right","min","items","push","btnStyle","active","minWidth","height","borderRadius","border","background","color","cursor","fontSize","fontWeight","transition","display","alignItems","justifyContent","React","createElement","style","gap","marginRight","onClick","disabled","opacity","width","viewBox","fill","stroke","strokeWidth","d","map","p","key","padding","SimplePagination","usePagination","totalItems","opts","initialPage","setCurrent","useState","next","useCallback","c","prev","goTo","reset","offset","useMemo","isFirst","isLast","SUPPORTED_LANGUAGES","messages","en","zh","ja","ko","currentLang","setLanguage","l","includes","getLanguage","t","k"],"mappings":"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"}

package/dist/index.esm.js

@@ -0,0 +1,208 @@
+import React, { useState, useCallback, useMemo } from 'react';
+
+function Pagination({
+  current = 1,
+  total,
+  pageSize = 10,
+  onChange,
+  siblingCount = 1,
+  showTotal = true,
+  className = ''
+}) {
+  const totalPages = Math.ceil(total / pageSize);
+  if (totalPages <= 1) return null;
+  const range = (s, e) => Array.from({
+    length: e - s + 1
+  }, (_, i) => s + i);
+  const pages = (() => {
+    const left = Math.max(2, current - siblingCount);
+    const right = Math.min(totalPages - 1, current + siblingCount);
+    const items = [];
+    items.push(1);
+    if (left > 2) items.push('...');
+    items.push(...range(left, right));
+    if (right < totalPages - 1) items.push('...');
+    if (totalPages > 1) items.push(totalPages);
+    return items;
+  })();
+  const btnStyle = active => ({
+    minWidth: 32,
+    height: 32,
+    borderRadius: 8,
+    border: 'none',
+    background: active ? '#3b82f6' : 'transparent',
+    color: active ? '#fff' : '#71717a',
+    cursor: 'pointer',
+    fontSize: 13,
+    fontWeight: active ? 600 : 400,
+    transition: 'all 0.2s',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center'
+  });
+  return /*#__PURE__*/React.createElement("div", {
+    className: `qpg-pagination ${className}`,
+    style: {
+      display: 'flex',
+      alignItems: 'center',
+      gap: 4
+    }
+  }, showTotal && /*#__PURE__*/React.createElement("span", {
+    style: {
+      fontSize: 12,
+      color: '#a1a1aa',
+      marginRight: 8
+    }
+  }, total, " items"), /*#__PURE__*/React.createElement("button", {
+    onClick: () => current > 1 && onChange?.(current - 1),
+    disabled: current === 1,
+    style: {
+      ...btnStyle(false),
+      opacity: current === 1 ? 0.4 : 1
+    }
+  }, /*#__PURE__*/React.createElement("svg", {
+    width: "14",
+    height: "14",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M15 18l-6-6 6-6"
+  }))), pages.map((p, i) => p === '...' ? /*#__PURE__*/React.createElement("span", {
+    key: 'd' + i,
+    style: {
+      color: '#a1a1aa',
+      padding: '0 4px'
+    }
+  }, "\u2026") : /*#__PURE__*/React.createElement("button", {
+    key: p,
+    onClick: () => onChange?.(p),
+    style: btnStyle(p === current)
+  }, p)), /*#__PURE__*/React.createElement("button", {
+    onClick: () => current < totalPages && onChange?.(current + 1),
+    disabled: current === totalPages,
+    style: {
+      ...btnStyle(false),
+      opacity: current === totalPages ? 0.4 : 1
+    }
+  }, /*#__PURE__*/React.createElement("svg", {
+    width: "14",
+    height: "14",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M9 18l6-6-6-6"
+  }))));
+}
+function SimplePagination({
+  current = 1,
+  totalPages = 1,
+  onChange,
+  className = ''
+}) {
+  return /*#__PURE__*/React.createElement("div", {
+    className: `qpg-simple ${className}`,
+    style: {
+      display: 'flex',
+      alignItems: 'center',
+      gap: 12
+    }
+  }, /*#__PURE__*/React.createElement("button", {
+    onClick: () => current > 1 && onChange?.(current - 1),
+    disabled: current === 1,
+    style: {
+      padding: '6px 14px',
+      borderRadius: 8,
+      border: '1px solid #e4e4e7',
+      background: '#fff',
+      cursor: current === 1 ? 'not-allowed' : 'pointer',
+      fontSize: 13,
+      opacity: current === 1 ? 0.4 : 1
+    }
+  }, "\u2190 Prev"), /*#__PURE__*/React.createElement("span", {
+    style: {
+      fontSize: 13,
+      color: '#71717a'
+    }
+  }, current, " / ", totalPages), /*#__PURE__*/React.createElement("button", {
+    onClick: () => current < totalPages && onChange?.(current + 1),
+    disabled: current === totalPages,
+    style: {
+      padding: '6px 14px',
+      borderRadius: 8,
+      border: '1px solid #e4e4e7',
+      background: '#fff',
+      cursor: current === totalPages ? 'not-allowed' : 'pointer',
+      fontSize: 13,
+      opacity: current === totalPages ? 0.4 : 1
+    }
+  }, "Next \u2192"));
+}
+
+function usePagination(totalItems, opts = {}) {
+  const {
+    pageSize = 10,
+    initialPage = 1
+  } = opts;
+  const [current, setCurrent] = useState(initialPage);
+  const totalPages = Math.ceil(totalItems / pageSize);
+  const next = useCallback(() => setCurrent(c => Math.min(c + 1, totalPages)), [totalPages]);
+  const prev = useCallback(() => setCurrent(c => Math.max(c - 1, 1)), []);
+  const goTo = useCallback(p => setCurrent(Math.max(1, Math.min(p, totalPages))), [totalPages]);
+  const reset = useCallback(() => setCurrent(1), []);
+  const offset = useMemo(() => (current - 1) * pageSize, [current, pageSize]);
+  const isFirst = current === 1;
+  const isLast = current >= totalPages;
+  return {
+    current,
+    totalPages,
+    next,
+    prev,
+    goTo,
+    reset,
+    offset,
+    pageSize,
+    isFirst,
+    isLast
+  };
+}
+
+const SUPPORTED_LANGUAGES = ['en', 'zh', 'ja', 'ko'];
+const messages = {
+  en: {
+    "page.prev": "Previous",
+    "page.next": "Next",
+    "page.items": "items"
+  },
+  zh: {
+    "page.prev": "上一页",
+    "page.next": "下一页",
+    "page.items": "条"
+  },
+  ja: {
+    "page.prev": "前へ",
+    "page.next": "次へ",
+    "page.items": "件"
+  },
+  ko: {
+    "page.prev": "이전",
+    "page.next": "다음",
+    "page.items": "개"
+  }
+};
+let currentLang = 'en';
+function setLanguage(l) {
+  if (SUPPORTED_LANGUAGES.includes(l)) currentLang = l;
+}
+function getLanguage() {
+  return currentLang;
+}
+function t(k) {
+  return messages[currentLang]?.[k] || messages.en?.[k] || k;
+}
+
+export { Pagination, SUPPORTED_LANGUAGES, SimplePagination, getLanguage, messages, setLanguage, t, usePagination };
+//# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../src/components/Pagination.jsx","../src/hooks/usePagination.js","../src/i18n/index.js"],"sourcesContent":["import React from'react';\nexport function Pagination({current=1,total,pageSize=10,onChange,siblingCount=1,showTotal=true,className=''}){\n  const totalPages=Math.ceil(total/pageSize);if(totalPages<=1)return null;\n  const range=(s,e)=>Array.from({length:e-s+1},(_,i)=>s+i);\n  const pages=(()=>{const left=Math.max(2,current-siblingCount);const right=Math.min(totalPages-1,current+siblingCount);\n    const items=[];items.push(1);if(left>2)items.push('...');items.push(...range(left,right));\n    if(right<totalPages-1)items.push('...');if(totalPages>1)items.push(totalPages);return items;})();\n  const btnStyle=(active)=>({minWidth:32,height:32,borderRadius:8,border:'none',\n    background:active?'#3b82f6':'transparent',color:active?'#fff':'#71717a',cursor:'pointer',\n    fontSize:13,fontWeight:active?600:400,transition:'all 0.2s',display:'flex',alignItems:'center',justifyContent:'center'});\n  return(<div className={`qpg-pagination ${className}`} style={{display:'flex',alignItems:'center',gap:4}}>\n    {showTotal&&<span style={{fontSize:12,color:'#a1a1aa',marginRight:8}}>{total} items</span>}\n    <button onClick={()=>current>1&&onChange?.(current-1)} disabled={current===1} style={{...btnStyle(false),opacity:current===1?0.4:1}}>\n      <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\"><path d=\"M15 18l-6-6 6-6\"/></svg>\n    </button>\n    {pages.map((p,i)=>p==='...'?<span key={'d'+i} style={{color:'#a1a1aa',padding:'0 4px'}}>…</span>\n      :<button key={p} onClick={()=>onChange?.(p)} style={btnStyle(p===current)}>{p}</button>)}\n    <button onClick={()=>current<totalPages&&onChange?.(current+1)} disabled={current===totalPages} style={{...btnStyle(false),opacity:current===totalPages?0.4:1}}>\n      <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\"><path d=\"M9 18l6-6-6-6\"/></svg>\n    </button>\n  </div>);\n}\nexport function SimplePagination({current=1,totalPages=1,onChange,className=''}){\n  return(<div className={`qpg-simple ${className}`} style={{display:'flex',alignItems:'center',gap:12}}>\n    <button onClick={()=>current>1&&onChange?.(current-1)} disabled={current===1}\n      style={{padding:'6px 14px',borderRadius:8,border:'1px solid #e4e4e7',background:'#fff',\n        cursor:current===1?'not-allowed':'pointer',fontSize:13,opacity:current===1?0.4:1}}>← Prev</button>\n    <span style={{fontSize:13,color:'#71717a'}}>{current} / {totalPages}</span>\n    <button onClick={()=>current<totalPages&&onChange?.(current+1)} disabled={current===totalPages}\n      style={{padding:'6px 14px',borderRadius:8,border:'1px solid #e4e4e7',background:'#fff',\n        cursor:current===totalPages?'not-allowed':'pointer',fontSize:13,opacity:current===totalPages?0.4:1}}>Next →</button>\n  </div>);\n}\n","import{useState,useMemo,useCallback}from'react';\nexport function usePagination(totalItems,opts={}){const{pageSize=10,initialPage=1}=opts;\n  const[current,setCurrent]=useState(initialPage);const totalPages=Math.ceil(totalItems/pageSize);\n  const next=useCallback(()=>setCurrent(c=>Math.min(c+1,totalPages)),[totalPages]);\n  const prev=useCallback(()=>setCurrent(c=>Math.max(c-1,1)),[]);\n  const goTo=useCallback(p=>setCurrent(Math.max(1,Math.min(p,totalPages))),[totalPages]);\n  const reset=useCallback(()=>setCurrent(1),[]);\n  const offset=useMemo(()=>(current-1)*pageSize,[current,pageSize]);\n  const isFirst=current===1;const isLast=current>=totalPages;\n  return{current,totalPages,next,prev,goTo,reset,offset,pageSize,isFirst,isLast};\n}\n","export const SUPPORTED_LANGUAGES = ['en', 'zh', 'ja', 'ko'];\nexport const messages = {\n  en: {\n  \"page.prev\": \"Previous\",\n  \"page.next\": \"Next\",\n  \"page.items\": \"items\"\n},\n  zh: {\n  \"page.prev\": \"上一页\",\n  \"page.next\": \"下一页\",\n  \"page.items\": \"条\"\n},\n  ja: {\n  \"page.prev\": \"前へ\",\n  \"page.next\": \"次へ\",\n  \"page.items\": \"件\"\n},\n  ko: {\n  \"page.prev\": \"이전\",\n  \"page.next\": \"다음\",\n  \"page.items\": \"개\"\n}\n};\nlet currentLang = 'en';\nexport function setLanguage(l) { if (SUPPORTED_LANGUAGES.includes(l)) currentLang = l; }\nexport function getLanguage() { return currentLang; }\nexport function t(k) { return messages[currentLang]?.[k] || messages.en?.[k] || k; }\n"],"names":["Pagination","current","total","pageSize","onChange","siblingCount","showTotal","className","totalPages","Math","ceil","range","s","e","Array","from","length","_","i","pages","left","max","right","min","items","push","btnStyle","active","minWidth","height","borderRadius","border","background","color","cursor","fontSize","fontWeight","transition","display","alignItems","justifyContent","React","createElement","style","gap","marginRight","onClick","disabled","opacity","width","viewBox","fill","stroke","strokeWidth","d","map","p","key","padding","SimplePagination","usePagination","totalItems","opts","initialPage","setCurrent","useState","next","useCallback","c","prev","goTo","reset","offset","useMemo","isFirst","isLast","SUPPORTED_LANGUAGES","messages","en","zh","ja","ko","currentLang","setLanguage","l","includes","getLanguage","t","k"],"mappings":"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"}

package/dist/styles.css

@@ -0,0 +1,2 @@
+.qpg-pagination button:hover:not(:disabled){background:rgba(59,130,246,.08)!important;color:#3b82f6!important}.qpg-simple button:hover:not(:disabled){border-color:#3b82f6!important;color:#3b82f6!important}
+/*# sourceMappingURL=styles.css.map */

package/dist/styles.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["pagination.css"],"names":[],"mappings":"AAAA,4CAA4C,yCAA0C,CAAC,uBAAuB,CAC9G,wCAAwC,8BAA8B,CAAC,uBAAuB","file":"styles.css","sourcesContent":[".qpg-pagination button:hover:not(:disabled){background:rgba(59,130,246,0.08)!important;color:#3b82f6!important}\n.qpg-simple button:hover:not(:disabled){border-color:#3b82f6!important;color:#3b82f6!important}\n"]}

package/package.json

@@ -0,0 +1,68 @@
+{
+  "name": "@quantabit/pagination-sdk",
+  "version": "1.0.0",
+  "type": "module",
+  "description": "Pagination components with number and simple modes",
+  "main": "dist/index.cjs",
+  "module": "dist/index.esm.js",
+  "types": "types/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./types/index.d.ts",
+      "import": "./dist/index.esm.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "files": [
+    "dist",
+    "types",
+    "README.md",
+    "LICENSE"
+  ],
+  "scripts": {
+    "build": "rollup -c",
+    "dev": "rollup -c -w",
+    "test": "jest --passWithNoTests",
+    "prepublishOnly": "npm run build"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/quantabit-chain/qbit-sdk.git",
+    "directory": "packages/pagination-sdk"
+  },
+  "keywords": [
+    "pagination",
+    "pager",
+    "react"
+  ],
+  "author": "QuantaBit Team",
+  "license": "MIT",
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "peerDependencies": {
+    "react": ">=17.0.0",
+    "react-dom": ">=17.0.0"
+  },
+  "dependencies": {
+    "@quantabit/sdk-config": "^1.0.6"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "homepage": "https://github.com/quantabit-chain/qbit-sdk/tree/main/packages/pagination-sdk",
+  "bugs": {
+    "url": "https://github.com/quantabit-chain/qbit-sdk/issues"
+  },
+  "sideEffects": [
+    "*.css"
+  ],
+  "qbit": {
+    "privacy": {
+      "level": "functional",
+      "dataCollection": "Feature-related data for personalization. Requires user consent.",
+      "gdprCompliant": true,
+      "ccpaCompliant": true
+    }
+  }
+}

package/types/index.d.ts

@@ -0,0 +1,45 @@
+/**
+ * @quantabit/pagination-sdk TypeScript Type Definitions
+ * 
+ * Auto-generated type stubs. Enhance with specific types as the SDK matures.
+ */
+
+import { FC, ReactNode } from 'react';
+
+// ============ Components ============
+
+export interface PaginationProps {
+  className?: string;
+  style?: React.CSSProperties;
+  [key: string]: any;
+}
+
+export declare const Pagination: FC<PaginationProps>;
+
+export interface SimplePaginationProps {
+  className?: string;
+  style?: React.CSSProperties;
+  [key: string]: any;
+}
+
+export declare const SimplePagination: FC<SimplePaginationProps>;
+
+// ============ Hooks ============
+
+export interface UsePaginationReturn {
+  data: any;
+  loading: boolean;
+  error: string | null;
+  [key: string]: any;
+}
+
+export declare function usePagination(...args: any[]): UsePaginationReturn;
+
+// ============ Functions & Utilities ============
+
+export declare const messages: Record<string, Record<string, string>>;
+export declare const SUPPORTED_LANGUAGES: string[];
+export declare function setLanguage(lang: string): void;
+export declare function getLanguage(): string;
+export declare function t(key: string, params?: Record<string, any>): string;
+