@bouko/react 2.8.2 → 2.8.4

package/dist/components/index.d.ts

@@ -5,6 +5,7 @@ export { default as AbsoluteBox } from "./layout/absolute";
 export { default as Heading } from "./heading/normal";
 export { default as PageHeading } from "./heading/page";
 export * from "./layout/flex";
+export * from "./tab";
 export { default as Pagination } from "./pagination";
 export { default as Button } from "./button/normal";
 export { default as IconButton } from "./button/icon";

package/dist/components/index.js

@@ -5,6 +5,7 @@ export { default as AbsoluteBox } from "./layout/absolute";
 export { default as Heading } from "./heading/normal";
 export { default as PageHeading } from "./heading/page";
 export * from "./layout/flex";
+export * from "./tab";
 export { default as Pagination } from "./pagination";
 export { default as Button } from "./button/normal";
 export { default as IconButton } from "./button/icon";

package/dist/components/tab.d.ts

@@ -0,0 +1,7 @@
+export type NavItem = {
+    id: string;
+    name: string;
+    icon: React.ReactNode;
+    isActive: boolean;
+};
+export declare const TabItem: ({ name, icon, isActive }: Omit<NavItem, "id">) => import("react/jsx-runtime").JSX.Element;

package/dist/components/tab.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn, css } from "@bouko/style";
+export const TabItem = ({ name, icon, isActive }) => (_jsxs("div", { className: cn(styles, isActive && "bg-background-light text-primary hover:cursor-default"), children: [_jsx("div", { className: cn("duration-200", isActive && "text-accent"), children: icon }), name] }));
+const styles = css({
+    base: "flex items-center gap-2 px-2 py-1 rounded-xs duration-200 cursor-pointer",
+    color: "bg-background-light/70 hover:bg-background-light/90 border border-border-dark",
+    text: "font-semibold text-sm text-primary-darker"
+});

package/dist/hooks/index.d.ts

@@ -4,3 +4,4 @@ export { default as useResize } from "./element/resize";
 export { default as useInterval } from "./clock/interval";
 export { default as useSound } from "./audio/sound";
 export { withAudio, type DivRef, type AudioRef } from "./element/with-audio";
+export * from "./router/params";

package/dist/hooks/index.js

@@ -4,3 +4,4 @@ export { default as useResize } from "./element/resize";
 export { default as useInterval } from "./clock/interval";
 export { default as useSound } from "./audio/sound";
 export { withAudio } from "./element/with-audio";
+export * from "./router/params";

package/dist/hooks/router/params.d.ts

@@ -0,0 +1,4 @@
+export declare function usePagination(defaultPage?: number): {
+    page: number;
+    setPage: (nextPage: number) => void;
+};

package/dist/hooks/router/params.js

@@ -0,0 +1,11 @@
+import { useSearchParams } from "react-router-dom";
+export function usePagination(defaultPage = 1) {
+    const [params, setParams] = useSearchParams();
+    const raw = params.get("page");
+    const page = Math.max(1, Number(raw) || defaultPage);
+    const setPage = (nextPage) => {
+        params.set("page", String(Math.max(1, nextPage)));
+        setParams(params);
+    };
+    return { page, setPage };
+}

package/package.json

@@ -1,48 +1,88 @@
 {
 
   "name": "@bouko/react",
-  "version": "2.8.2",
+
+  "version": "2.8.4",
+
   "main": "./dist/index.js",
+
   "types": "./dist/index.d.ts",
+
   "license": "MIT",
+
   "files": [
+
     "dist"
+
   ],
+
   "publishConfig": {
+
     "access": "public"
+
   },
+
   "author": "",
+
   "description": "",
+
   "engines": {},
 
   "scripts": {
+
     "build": "tsc"
+
   },
 
   "dependencies": {
+
     "@bouko/audio": "^0.1.0",
+
     "@bouko/form": "^0.5.7",
+
     "@bouko/style": "^0.1.7",
+
     "@bouko/time": "^0.1.3",
+
     "@bouko/ts": "^0.3.5",
+
     "@wavesurfer/react": "^1.0.11",
+
     "clsx": "^2.1.1",
+
     "file-type": "^21.0.0",
+
     "framer-motion": "^12.23.6",
+
     "ms": "^2.1.3",
+
     "react-dropzone": "^14.3.8",
+
     "tailwind-merge": "^3.3.1",
+
     "tailwind-variants": "^1.0.0",
+
     "wavesurfer.js": "^7.10.1",
+
     "zod": "^4.0.13"
+
   },
 
   "devDependencies": {
+
     "@types/node": "^24.3.1",
+
     "@types/react": "^19.1.10",
+
     "dependency-cruiser": "^17.0.1",
+
     "react": "^19.1.1",
+
+    "react-router-dom": "^7.12.0",
+
     "typescript": "^5.9.2"
+
   }
 
-}
+}
+