@quantabit/progress-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/progress-sdk
+
+> Linear and circular progress indicators
+
+## Components
+- **ProgressBar** — Linear bar with gradient, stripe, label
+- **CircleProgress** — SVG circular progress ring
+- **useProgress** — Hook with increment/decrement/percent
+
+```jsx
+import { ProgressBar, CircleProgress } from '@quantabit/progress-sdk';
+<ProgressBar value={75} showLabel striped/>
+<CircleProgress value={85} color="#22c55e"/>
+```
+
+## 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,151 @@
+'use strict';
+
+var React = require('react');
+
+function ProgressBar({
+  value = 0,
+  max = 100,
+  height = 8,
+  color = '#3b82f6',
+  showLabel = false,
+  animated = true,
+  striped = false,
+  className = ''
+}) {
+  const pct = Math.min(100, Math.max(0, value / max * 100));
+  return /*#__PURE__*/React.createElement("div", {
+    className: `qp-bar ${className}`
+  }, showLabel && /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex',
+      justifyContent: 'space-between',
+      fontSize: 12,
+      color: '#71717a',
+      marginBottom: 4
+    }
+  }, /*#__PURE__*/React.createElement("span", null, Math.round(pct), "%")), /*#__PURE__*/React.createElement("div", {
+    style: {
+      height,
+      borderRadius: height,
+      background: 'rgba(128,128,128,0.1)',
+      overflow: 'hidden'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: `qp-fill ${striped ? 'qp-striped' : ''}`,
+    style: {
+      height: '100%',
+      width: pct + '%',
+      borderRadius: height,
+      background: typeof color === 'string' && color.includes(',') ? `linear-gradient(90deg,${color})` : color,
+      transition: animated ? 'width 0.6s ease' : 'none'
+    }
+  })));
+}
+
+function CircleProgress({
+  value = 0,
+  max = 100,
+  size = 80,
+  strokeWidth = 6,
+  color = '#3b82f6',
+  trackColor = 'rgba(128,128,128,0.1)',
+  showValue = true,
+  children,
+  className = ''
+}) {
+  const pct = Math.min(100, Math.max(0, value / max * 100));
+  const r = (size - strokeWidth) / 2;
+  const circ = 2 * Math.PI * r;
+  const offset = circ - pct / 100 * circ;
+  return /*#__PURE__*/React.createElement("div", {
+    className: `qp-circle ${className}`,
+    style: {
+      position: 'relative',
+      width: size,
+      height: size,
+      display: 'inline-flex',
+      alignItems: 'center',
+      justifyContent: 'center'
+    }
+  }, /*#__PURE__*/React.createElement("svg", {
+    width: size,
+    height: size,
+    style: {
+      transform: 'rotate(-90deg)'
+    }
+  }, /*#__PURE__*/React.createElement("circle", {
+    cx: size / 2,
+    cy: size / 2,
+    r: r,
+    fill: "none",
+    stroke: trackColor,
+    strokeWidth: strokeWidth
+  }), /*#__PURE__*/React.createElement("circle", {
+    cx: size / 2,
+    cy: size / 2,
+    r: r,
+    fill: "none",
+    stroke: color,
+    strokeWidth: strokeWidth,
+    strokeLinecap: "round",
+    strokeDasharray: circ,
+    strokeDashoffset: offset,
+    style: {
+      transition: 'stroke-dashoffset 0.6s ease'
+    }
+  })), /*#__PURE__*/React.createElement("div", {
+    style: {
+      position: 'absolute',
+      fontSize: size * 0.22,
+      fontWeight: 700,
+      color: '#18181b'
+    }
+  }, children || showValue && Math.round(pct) + '%'));
+}
+
+function useProgress(initial = 0, max = 100) {
+  const [value, setValue] = React.useState(initial);
+  const increment = React.useCallback(n => setValue(v => Math.min(max, v + (n || 1))), [max]);
+  const decrement = React.useCallback(n => setValue(v => Math.max(0, v - (n || 1))), []);
+  const reset = React.useCallback(() => setValue(0), []);
+  const complete = React.useCallback(() => setValue(max), [max]);
+  const setPercent = React.useCallback(pct => setValue(Math.round(pct / 100 * max)), [max]);
+  return {
+    value,
+    setValue,
+    increment,
+    decrement,
+    reset,
+    complete,
+    setPercent,
+    percent: Math.round(value / max * 100)
+  };
+}
+
+const SUPPORTED_LANGUAGES = ['en', 'zh', 'ja', 'ko'];
+const messages = {
+  en: {},
+  zh: {},
+  ja: {},
+  ko: {}
+};
+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.CircleProgress = CircleProgress;
+exports.ProgressBar = ProgressBar;
+exports.SUPPORTED_LANGUAGES = SUPPORTED_LANGUAGES;
+exports.getLanguage = getLanguage;
+exports.messages = messages;
+exports.setLanguage = setLanguage;
+exports.t = t;
+exports.useProgress = useProgress;
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../src/components/ProgressBar.jsx","../src/components/CircleProgress.jsx","../src/hooks/useProgress.js","../src/i18n/index.js"],"sourcesContent":["import React from'react';\nexport function ProgressBar({value=0,max=100,height=8,color='#3b82f6',showLabel=false,animated=true,striped=false,className=''}){\n  const pct=Math.min(100,Math.max(0,(value/max)*100));\n  return(<div className={`qp-bar ${className}`}>\n    {showLabel&&<div style={{display:'flex',justifyContent:'space-between',fontSize:12,color:'#71717a',marginBottom:4}}>\n      <span>{Math.round(pct)}%</span></div>}\n    <div style={{height,borderRadius:height,background:'rgba(128,128,128,0.1)',overflow:'hidden'}}>\n      <div className={`qp-fill ${striped?'qp-striped':''}`} style={{height:'100%',width:pct+'%',borderRadius:height,\n        background:typeof color==='string'&&color.includes(',')?`linear-gradient(90deg,${color})`:color,\n        transition:animated?'width 0.6s ease':'none'}}/>\n    </div>\n  </div>);\n}\n","import React from'react';\nexport function CircleProgress({value=0,max=100,size=80,strokeWidth=6,color='#3b82f6',trackColor='rgba(128,128,128,0.1)',\n  showValue=true,children,className=''}){\n  const pct=Math.min(100,Math.max(0,(value/max)*100));\n  const r=(size-strokeWidth)/2;const circ=2*Math.PI*r;const offset=circ-(pct/100)*circ;\n  return(<div className={`qp-circle ${className}`} style={{position:'relative',width:size,height:size,display:'inline-flex',alignItems:'center',justifyContent:'center'}}>\n    <svg width={size} height={size} style={{transform:'rotate(-90deg)'}}>\n      <circle cx={size/2} cy={size/2} r={r} fill=\"none\" stroke={trackColor} strokeWidth={strokeWidth}/>\n      <circle cx={size/2} cy={size/2} r={r} fill=\"none\" stroke={color} strokeWidth={strokeWidth}\n        strokeLinecap=\"round\" strokeDasharray={circ} strokeDashoffset={offset}\n        style={{transition:'stroke-dashoffset 0.6s ease'}}/>\n    </svg>\n    <div style={{position:'absolute',fontSize:size*0.22,fontWeight:700,color:'#18181b'}}>\n      {children||showValue&&Math.round(pct)+'%'}\n    </div>\n  </div>);\n}\n","import{useState,useCallback}from'react';\nexport function useProgress(initial=0,max=100){\n  const[value,setValue]=useState(initial);\n  const increment=useCallback(n=>setValue(v=>Math.min(max,v+(n||1))),[max]);\n  const decrement=useCallback(n=>setValue(v=>Math.max(0,v-(n||1))),[]);\n  const reset=useCallback(()=>setValue(0),[]);\n  const complete=useCallback(()=>setValue(max),[max]);\n  const setPercent=useCallback(pct=>setValue(Math.round((pct/100)*max)),[max]);\n  return{value,setValue,increment,decrement,reset,complete,setPercent,percent:Math.round((value/max)*100)};\n}\n","export const SUPPORTED_LANGUAGES = ['en', 'zh', 'ja', 'ko'];\nexport const messages = {\n  en: {},\n  zh: {},\n  ja: {},\n  ko: {}\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":["ProgressBar","value","max","height","color","showLabel","animated","striped","className","pct","Math","min","React","createElement","style","display","justifyContent","fontSize","marginBottom","round","borderRadius","background","overflow","width","includes","transition","CircleProgress","size","strokeWidth","trackColor","showValue","children","r","circ","PI","offset","position","alignItems","transform","cx","cy","fill","stroke","strokeLinecap","strokeDasharray","strokeDashoffset","fontWeight","useProgress","initial","setValue","useState","increment","useCallback","n","v","decrement","reset","complete","setPercent","percent","SUPPORTED_LANGUAGES","messages","en","zh","ja","ko","currentLang","setLanguage","l","getLanguage","t","k"],"mappings":"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"}

package/dist/index.esm.js

@@ -0,0 +1,142 @@
+import React, { useState, useCallback } from 'react';
+
+function ProgressBar({
+  value = 0,
+  max = 100,
+  height = 8,
+  color = '#3b82f6',
+  showLabel = false,
+  animated = true,
+  striped = false,
+  className = ''
+}) {
+  const pct = Math.min(100, Math.max(0, value / max * 100));
+  return /*#__PURE__*/React.createElement("div", {
+    className: `qp-bar ${className}`
+  }, showLabel && /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex',
+      justifyContent: 'space-between',
+      fontSize: 12,
+      color: '#71717a',
+      marginBottom: 4
+    }
+  }, /*#__PURE__*/React.createElement("span", null, Math.round(pct), "%")), /*#__PURE__*/React.createElement("div", {
+    style: {
+      height,
+      borderRadius: height,
+      background: 'rgba(128,128,128,0.1)',
+      overflow: 'hidden'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: `qp-fill ${striped ? 'qp-striped' : ''}`,
+    style: {
+      height: '100%',
+      width: pct + '%',
+      borderRadius: height,
+      background: typeof color === 'string' && color.includes(',') ? `linear-gradient(90deg,${color})` : color,
+      transition: animated ? 'width 0.6s ease' : 'none'
+    }
+  })));
+}
+
+function CircleProgress({
+  value = 0,
+  max = 100,
+  size = 80,
+  strokeWidth = 6,
+  color = '#3b82f6',
+  trackColor = 'rgba(128,128,128,0.1)',
+  showValue = true,
+  children,
+  className = ''
+}) {
+  const pct = Math.min(100, Math.max(0, value / max * 100));
+  const r = (size - strokeWidth) / 2;
+  const circ = 2 * Math.PI * r;
+  const offset = circ - pct / 100 * circ;
+  return /*#__PURE__*/React.createElement("div", {
+    className: `qp-circle ${className}`,
+    style: {
+      position: 'relative',
+      width: size,
+      height: size,
+      display: 'inline-flex',
+      alignItems: 'center',
+      justifyContent: 'center'
+    }
+  }, /*#__PURE__*/React.createElement("svg", {
+    width: size,
+    height: size,
+    style: {
+      transform: 'rotate(-90deg)'
+    }
+  }, /*#__PURE__*/React.createElement("circle", {
+    cx: size / 2,
+    cy: size / 2,
+    r: r,
+    fill: "none",
+    stroke: trackColor,
+    strokeWidth: strokeWidth
+  }), /*#__PURE__*/React.createElement("circle", {
+    cx: size / 2,
+    cy: size / 2,
+    r: r,
+    fill: "none",
+    stroke: color,
+    strokeWidth: strokeWidth,
+    strokeLinecap: "round",
+    strokeDasharray: circ,
+    strokeDashoffset: offset,
+    style: {
+      transition: 'stroke-dashoffset 0.6s ease'
+    }
+  })), /*#__PURE__*/React.createElement("div", {
+    style: {
+      position: 'absolute',
+      fontSize: size * 0.22,
+      fontWeight: 700,
+      color: '#18181b'
+    }
+  }, children || showValue && Math.round(pct) + '%'));
+}
+
+function useProgress(initial = 0, max = 100) {
+  const [value, setValue] = useState(initial);
+  const increment = useCallback(n => setValue(v => Math.min(max, v + (n || 1))), [max]);
+  const decrement = useCallback(n => setValue(v => Math.max(0, v - (n || 1))), []);
+  const reset = useCallback(() => setValue(0), []);
+  const complete = useCallback(() => setValue(max), [max]);
+  const setPercent = useCallback(pct => setValue(Math.round(pct / 100 * max)), [max]);
+  return {
+    value,
+    setValue,
+    increment,
+    decrement,
+    reset,
+    complete,
+    setPercent,
+    percent: Math.round(value / max * 100)
+  };
+}
+
+const SUPPORTED_LANGUAGES = ['en', 'zh', 'ja', 'ko'];
+const messages = {
+  en: {},
+  zh: {},
+  ja: {},
+  ko: {}
+};
+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 { CircleProgress, ProgressBar, SUPPORTED_LANGUAGES, getLanguage, messages, setLanguage, t, useProgress };
+//# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../src/components/ProgressBar.jsx","../src/components/CircleProgress.jsx","../src/hooks/useProgress.js","../src/i18n/index.js"],"sourcesContent":["import React from'react';\nexport function ProgressBar({value=0,max=100,height=8,color='#3b82f6',showLabel=false,animated=true,striped=false,className=''}){\n  const pct=Math.min(100,Math.max(0,(value/max)*100));\n  return(<div className={`qp-bar ${className}`}>\n    {showLabel&&<div style={{display:'flex',justifyContent:'space-between',fontSize:12,color:'#71717a',marginBottom:4}}>\n      <span>{Math.round(pct)}%</span></div>}\n    <div style={{height,borderRadius:height,background:'rgba(128,128,128,0.1)',overflow:'hidden'}}>\n      <div className={`qp-fill ${striped?'qp-striped':''}`} style={{height:'100%',width:pct+'%',borderRadius:height,\n        background:typeof color==='string'&&color.includes(',')?`linear-gradient(90deg,${color})`:color,\n        transition:animated?'width 0.6s ease':'none'}}/>\n    </div>\n  </div>);\n}\n","import React from'react';\nexport function CircleProgress({value=0,max=100,size=80,strokeWidth=6,color='#3b82f6',trackColor='rgba(128,128,128,0.1)',\n  showValue=true,children,className=''}){\n  const pct=Math.min(100,Math.max(0,(value/max)*100));\n  const r=(size-strokeWidth)/2;const circ=2*Math.PI*r;const offset=circ-(pct/100)*circ;\n  return(<div className={`qp-circle ${className}`} style={{position:'relative',width:size,height:size,display:'inline-flex',alignItems:'center',justifyContent:'center'}}>\n    <svg width={size} height={size} style={{transform:'rotate(-90deg)'}}>\n      <circle cx={size/2} cy={size/2} r={r} fill=\"none\" stroke={trackColor} strokeWidth={strokeWidth}/>\n      <circle cx={size/2} cy={size/2} r={r} fill=\"none\" stroke={color} strokeWidth={strokeWidth}\n        strokeLinecap=\"round\" strokeDasharray={circ} strokeDashoffset={offset}\n        style={{transition:'stroke-dashoffset 0.6s ease'}}/>\n    </svg>\n    <div style={{position:'absolute',fontSize:size*0.22,fontWeight:700,color:'#18181b'}}>\n      {children||showValue&&Math.round(pct)+'%'}\n    </div>\n  </div>);\n}\n","import{useState,useCallback}from'react';\nexport function useProgress(initial=0,max=100){\n  const[value,setValue]=useState(initial);\n  const increment=useCallback(n=>setValue(v=>Math.min(max,v+(n||1))),[max]);\n  const decrement=useCallback(n=>setValue(v=>Math.max(0,v-(n||1))),[]);\n  const reset=useCallback(()=>setValue(0),[]);\n  const complete=useCallback(()=>setValue(max),[max]);\n  const setPercent=useCallback(pct=>setValue(Math.round((pct/100)*max)),[max]);\n  return{value,setValue,increment,decrement,reset,complete,setPercent,percent:Math.round((value/max)*100)};\n}\n","export const SUPPORTED_LANGUAGES = ['en', 'zh', 'ja', 'ko'];\nexport const messages = {\n  en: {},\n  zh: {},\n  ja: {},\n  ko: {}\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":["ProgressBar","value","max","height","color","showLabel","animated","striped","className","pct","Math","min","React","createElement","style","display","justifyContent","fontSize","marginBottom","round","borderRadius","background","overflow","width","includes","transition","CircleProgress","size","strokeWidth","trackColor","showValue","children","r","circ","PI","offset","position","alignItems","transform","cx","cy","fill","stroke","strokeLinecap","strokeDasharray","strokeDashoffset","fontWeight","useProgress","initial","setValue","useState","increment","useCallback","n","v","decrement","reset","complete","setPercent","percent","SUPPORTED_LANGUAGES","messages","en","zh","ja","ko","currentLang","setLanguage","l","getLanguage","t","k"],"mappings":"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"}

package/dist/styles.css

@@ -0,0 +1,2 @@
+@keyframes qp-stripe{0%{background-position:0 0}to{background-position:40px 0}}.qp-striped{animation:qp-stripe 1s linear infinite;background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 25%,transparent 50%,hsla(0,0%,100%,.15) 50%,hsla(0,0%,100%,.15) 75%,transparent 75%,transparent)!important;background-size:40px 40px}
+/*# sourceMappingURL=styles.css.map */

package/dist/styles.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["progress.css"],"names":[],"mappings":"AAAA,qBAAqB,GAAK,uBAAuB,CAAC,GAAG,0BAA0B,CAAC,CAChF,YAAkO,sCAAA,CAAtN,qLAA2L,CAAC,yBAAgE","file":"styles.css","sourcesContent":["@keyframes qp-stripe{from{background-position:0 0}to{background-position:40px 0}}\n.qp-striped{background-image:linear-gradient(45deg,rgba(255,255,255,0.15)25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15)50%,rgba(255,255,255,0.15)75%,transparent 75%,transparent)!important;background-size:40px 40px;animation:qp-stripe 1s linear infinite}\n"]}

package/package.json

@@ -0,0 +1,69 @@
+{
+  "name": "@quantabit/progress-sdk",
+  "version": "1.0.0",
+  "type": "module",
+  "description": "Linear and circular progress indicators",
+  "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/progress-sdk"
+  },
+  "keywords": [
+    "progress",
+    "progress-bar",
+    "circle",
+    "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/progress-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/progress-sdk TypeScript Type Definitions
+ * 
+ * Auto-generated type stubs. Enhance with specific types as the SDK matures.
+ */
+
+import { FC, ReactNode } from 'react';
+
+// ============ Components ============
+
+export interface ProgressBarProps {
+  className?: string;
+  style?: React.CSSProperties;
+  [key: string]: any;
+}
+
+export declare const ProgressBar: FC<ProgressBarProps>;
+
+export interface CircleProgressProps {
+  className?: string;
+  style?: React.CSSProperties;
+  [key: string]: any;
+}
+
+export declare const CircleProgress: FC<CircleProgressProps>;
+
+// ============ Hooks ============
+
+export interface UseProgressReturn {
+  data: any;
+  loading: boolean;
+  error: string | null;
+  [key: string]: any;
+}
+
+export declare function useProgress(...args: any[]): UseProgressReturn;
+
+// ============ 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;
+