@bouko/react 3.1.9 → 3.2.1

package/dist/components/index.d.ts

@@ -7,6 +7,7 @@ export { default as PageHeading } from "./heading/page";
 export * from "./layout/flex";
 export * from "./tab";
 export * from "./route";
+export * from "./layout/_";
 export { default as Pagination } from "./pagination";
 export { default as Section } from "./section";
 export { default as Button } from "./button/normal";

package/dist/components/index.js

@@ -7,6 +7,7 @@ export { default as PageHeading } from "./heading/page";
 export * from "./layout/flex";
 export * from "./tab";
 export * from "./route";
+export * from "./layout/_";
 export { default as Pagination } from "./pagination";
 export { default as Section } from "./section";
 export { default as Button } from "./button/normal";

package/dist/components/layout/_.d.ts

@@ -0,0 +1 @@
+export { default as Rnd } from "./rnd";

package/dist/components/layout/_.js

@@ -0,0 +1 @@
+export { default as Rnd } from "./rnd";

package/dist/components/layout/rnd.d.ts

@@ -0,0 +1,9 @@
+type Props = {
+    style?: string;
+    min: number;
+    max: number;
+    update: (min: number, size: number) => void;
+    children: React.ReactNode;
+};
+export default function RnD({ style, min, max, update, children }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/layout/rnd.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Rnd as RndBase } from "react-rnd";
+import { cn } from "@bouko/style";
+export default function RnD({ style, min, max, update, children }) {
+    const gapSize = max - min;
+    const handleResize = (x, width) => {
+        update(x, width);
+    };
+    const handleDrag = (x) => {
+        update(x, gapSize);
+    };
+    return (_jsx(RndBase, { ...opts(min, max), className: cn("flex! justify-center items-center overflow-hidden", style), size: { width: gapSize, height: "100%" }, position: { x: min, y: 0 }, onResize: (e, dir, ref, d, pos) => handleResize(pos.x, ref.offsetWidth), onDragStop: (e, d) => handleDrag(d.x), children: children }));
+}
+const opts = (min, max) => ({
+    bounds: "parent",
+    axis: "x",
+    minWidth: 30,
+    default: {
+        x: min,
+        y: 0,
+        width: max - min,
+        height: "100%"
+    },
+    enableResizing: {
+        left: true,
+        right: true
+    }
+});

package/dist/hooks/audio/_.d.ts

@@ -0,0 +1,2 @@
+export * from "./playback";
+export * from "./sound";

package/dist/hooks/audio/_.js

@@ -0,0 +1,2 @@
+export * from "./playback";
+export * from "./sound";

package/dist/hooks/audio/sound.d.ts

@@ -1 +1 @@
-export default function useSound(filename?: string): import("use-sound/dist/types").PlayFunction | undefined;
+export declare function useSound(filename?: string): import("use-sound/dist/types").PlayFunction | undefined;

package/dist/hooks/audio/sound.js

@@ -1,5 +1,5 @@
 import { default as base } from "use-sound";
-export default function useSound(filename) {
+export function useSound(filename) {
     if (!filename)
         return;
     return base(filename)[0];

package/dist/hooks/index.d.ts

@@ -2,10 +2,8 @@ export { default as useElement } from "./element";
 export { default as useContainer } from "./element/container";
 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";
-export * from "./auth";
 export declare function useObjectUrl(): {
     setFromBlob: (blob: Blob) => string;
     revoke: () => void;
@@ -31,3 +29,5 @@ export declare function useConfig<T>({ fetcher, updater }: ConfigProps<T>): {
     config: Record<string, T>;
     update: (id: string, x: T) => Promise<void>;
 };
+export * from "./auth";
+export * from "./audio/_";

package/dist/hooks/index.js

@@ -3,10 +3,8 @@ export { default as useElement } from "./element";
 export { default as useContainer } from "./element/container";
 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";
-export * from "./auth";
 export function useObjectUrl() {
     const urlRef = useRef(null);
     const revoke = useCallback(() => {
@@ -54,3 +52,5 @@ export function useConfig({ fetcher, updater }) {
     };
     return { config, update };
 }
+export * from "./auth";
+export * from "./audio/_";

package/package.json

@@ -1,7 +1,7 @@
 {
 
   "name": "@bouko/react",
-  "version": "3.1.9",
+  "version": "3.2.1",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "license": "MIT",
@@ -41,6 +41,7 @@
     "framer-motion": "^12.23.6",
     "ms": "^2.1.3",
     "react-dropzone": "^14.3.8",
+    "react-rnd": "^10.5.2",
     "tailwind-merge": "^3.3.1",
     "tailwind-variants": "^1.0.0",
     "wavesurfer.js": "^7.10.1",