@bouko/react 2.3.6 → 2.3.8

package/dist/core/format.js

@@ -1,34 +1,34 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment } from "react";
-const delimiterConfig = [
-    { delimiter: "**", render: (text, key) => _jsx("span", { className: "font-bold", children: text }, key) },
-    { delimiter: "~~", render: (text, key) => _jsx("span", { className: "font-semibold", children: text }, key) },
-    { delimiter: "^^", render: (text, key) => _jsx("span", { className: "text-accent", children: text }, key) },
-];
-const escapeRegex = (str) => str.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&");
-const delimiters = delimiterConfig.map(({ delimiter }) => escapeRegex(delimiter) + ".*?" + escapeRegex(delimiter)).join("|");
-const WRAPPED_TEXT_REGEX = new RegExp(`(${delimiters})`, "g");
-export const rn = (...elements) => (_jsx(Fragment, { children: elements.map((x, i) => (_jsx(Fragment, { children: x }, i))) }));
-const isWrapped = (x, wrapper) => x.startsWith(wrapper) && x.endsWith(wrapper);
-export const formatText = (text) => {
-    const parts = text
-        .split(WRAPPED_TEXT_REGEX)
-        .filter(Boolean);
-    const formatted = parts.map((x, i) => {
-        if (isWrapped(x, "**")) {
-            // Remove only the first and last occurrence of the delimiter
-            const content = x.slice(2, -2);
-            return _jsx("span", { className: "font-bold", children: content }, i);
-        }
-        else if (isWrapped(x, "~~")) {
-            const content = x.slice(2, -2);
-            return _jsx("span", { className: "font-semibold", children: content }, i);
-        }
-        else if (isWrapped(x, "^^")) {
-            const content = x.slice(2, -2);
-            return _jsx("span", { className: "text-accent", children: content }, i);
-        }
-        return x;
-    });
-    return _jsx("span", { children: formatted });
-};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment } from "react";
+const delimiterConfig = [
+    { delimiter: "**", render: (text, key) => _jsx("span", { className: "font-bold", children: text }, key) },
+    { delimiter: "~~", render: (text, key) => _jsx("span", { className: "font-semibold", children: text }, key) },
+    { delimiter: "^^", render: (text, key) => _jsx("span", { className: "text-accent", children: text }, key) },
+];
+const escapeRegex = (str) => str.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&");
+const delimiters = delimiterConfig.map(({ delimiter }) => escapeRegex(delimiter) + ".*?" + escapeRegex(delimiter)).join("|");
+const WRAPPED_TEXT_REGEX = new RegExp(`(${delimiters})`, "g");
+export const rn = (...elements) => (_jsx(Fragment, { children: elements.map((x, i) => (_jsx(Fragment, { children: x }, i))) }, void 0));
+const isWrapped = (x, wrapper) => x.startsWith(wrapper) && x.endsWith(wrapper);
+export const formatText = (text) => {
+    const parts = text
+        .split(WRAPPED_TEXT_REGEX)
+        .filter(Boolean);
+    const formatted = parts.map((x, i) => {
+        if (isWrapped(x, "**")) {
+            // Remove only the first and last occurrence of the delimiter
+            const content = x.slice(2, -2);
+            return _jsx("span", { className: "font-bold", children: content }, i);
+        }
+        else if (isWrapped(x, "~~")) {
+            const content = x.slice(2, -2);
+            return _jsx("span", { className: "font-semibold", children: content }, i);
+        }
+        else if (isWrapped(x, "^^")) {
+            const content = x.slice(2, -2);
+            return _jsx("span", { className: "text-accent", children: content }, i);
+        }
+        return x;
+    });
+    return _jsx("span", { children: formatted }, void 0);
+};

package/dist/core/functions.d.ts

@@ -1,13 +1,13 @@
-export declare const getFilesData: (files: File[]) => Promise<{
-    filename: string;
-    mimetype: string;
-    data?: string;
-}[]>;
-export declare const getFileData: (file: File) => Promise<{
-    filename: string;
-    mimetype: string;
-    data?: string;
-}>;
-export declare const bufferToFile: (buffer: Buffer<ArrayBuffer>, name?: string) => Promise<File>;
-export declare const getAudioDuration: (file: File) => Promise<number>;
-export declare function getBase64(image: string): Promise<string>;
+export declare const getFilesData: (files: File[]) => Promise<{
+    filename: string;
+    mimetype: string;
+    data?: string | undefined;
+}[]>;
+export declare const getFileData: (file: File) => Promise<{
+    filename: string;
+    mimetype: string;
+    data?: string | undefined;
+}>;
+export declare const bufferToFile: (buffer: ArrayBuffer, name?: string | undefined) => Promise<File>;
+export declare const getAudioDuration: (file: File) => Promise<number>;
+export declare function getBase64(image: string): Promise<string>;

package/dist/core/functions.js

@@ -1,79 +1,79 @@
-import { fileTypeFromBuffer } from "file-type";
-export const getFilesData = (files) => Promise.all(files.map((file) => {
-    return new Promise((resolve, reject) => {
-        const reader = new FileReader();
-        reader.onload = () => {
-            const base64 = reader.result?.toString().split(",")[1]; // Remove data prefix
-            return resolve({
-                filename: file.name,
-                mimetype: file.type,
-                data: base64,
-            });
-        };
-        reader.onerror = reject;
-        reader.readAsDataURL(file);
-    });
-}));
-export const getFileData = (file) => new Promise((resolve, reject) => {
-    const reader = new FileReader();
-    reader.onload = () => {
-        const base64 = reader.result?.toString().split(",")[1]; // Remove data prefix
-        return resolve({
-            filename: file.name,
-            mimetype: file.type,
-            data: base64,
-        });
-    };
-    reader.onerror = reject;
-    reader.readAsDataURL(file);
-});
-async function detectFileExtension(buffer) {
-    const type = await fileTypeFromBuffer(buffer);
-    if (!type)
-        return null;
-    return type;
-}
-export const bufferToFile = async (buffer, name) => {
-    const type = await detectFileExtension(buffer);
-    if (!type)
-        throw new Error("Couldn't get type from buffer");
-    return new File([buffer], `${name ?? "file"}.${type.ext}`, {
-        type: type.mime,
-        lastModified: Date.now()
-    });
-};
-export const getAudioDuration = (file) => {
-    return new Promise((resolve, reject) => {
-        const url = URL.createObjectURL(file);
-        const audio = new Audio(url);
-        audio.addEventListener("loadedmetadata", () => {
-            const durationMs = audio.duration * 1000;
-            URL.revokeObjectURL(url);
-            resolve(durationMs);
-        });
-        audio.addEventListener("error", (e) => {
-            URL.revokeObjectURL(url);
-            reject(new Error("Failed to load audio metadata"));
-        });
-    });
-};
-export async function getBase64(image) {
-    if (image.startsWith("data:")) {
-        return image; // already a base64 data URL
-    }
-    const res = await fetch(image);
-    const blob = await res.blob();
-    return new Promise((resolve, reject) => {
-        const reader = new FileReader();
-        reader.onloadend = () => {
-            if (typeof reader.result === "string") {
-                resolve(reader.result);
-            }
-            else {
-                reject(new Error("Failed to read image as base64"));
-            }
-        };
-        reader.onerror = reject;
-        reader.readAsDataURL(blob);
-    });
-}
+import { fileTypeFromBuffer } from "file-type";
+export const getFilesData = (files) => Promise.all(files.map((file) => {
+    return new Promise((resolve, reject) => {
+        const reader = new FileReader();
+        reader.onload = () => {
+            const base64 = reader.result?.toString().split(",")[1]; // Remove data prefix
+            return resolve({
+                filename: file.name,
+                mimetype: file.type,
+                data: base64,
+            });
+        };
+        reader.onerror = reject;
+        reader.readAsDataURL(file);
+    });
+}));
+export const getFileData = (file) => new Promise((resolve, reject) => {
+    const reader = new FileReader();
+    reader.onload = () => {
+        const base64 = reader.result?.toString().split(",")[1]; // Remove data prefix
+        return resolve({
+            filename: file.name,
+            mimetype: file.type,
+            data: base64,
+        });
+    };
+    reader.onerror = reject;
+    reader.readAsDataURL(file);
+});
+async function detectFileExtension(buffer) {
+    const type = await fileTypeFromBuffer(buffer);
+    if (!type)
+        return null;
+    return type;
+}
+export const bufferToFile = async (buffer, name) => {
+    const type = await detectFileExtension(buffer);
+    if (!type)
+        throw new Error("Couldn't get type from buffer");
+    return new File([buffer], `${name ?? "file"}.${type.ext}`, {
+        type: type.mime,
+        lastModified: Date.now()
+    });
+};
+export const getAudioDuration = (file) => {
+    return new Promise((resolve, reject) => {
+        const url = URL.createObjectURL(file);
+        const audio = new Audio(url);
+        audio.addEventListener("loadedmetadata", () => {
+            const durationMs = audio.duration * 1000;
+            URL.revokeObjectURL(url);
+            resolve(durationMs);
+        });
+        audio.addEventListener("error", (e) => {
+            URL.revokeObjectURL(url);
+            reject(new Error("Failed to load audio metadata"));
+        });
+    });
+};
+export async function getBase64(image) {
+    if (image.startsWith("data:")) {
+        return image; // already a base64 data URL
+    }
+    const res = await fetch(image);
+    const blob = await res.blob();
+    return new Promise((resolve, reject) => {
+        const reader = new FileReader();
+        reader.onloadend = () => {
+            if (typeof reader.result === "string") {
+                resolve(reader.result);
+            }
+            else {
+                reject(new Error("Failed to read image as base64"));
+            }
+        };
+        reader.onerror = reject;
+        reader.readAsDataURL(blob);
+    });
+}

package/dist/core/types.d.ts

@@ -1,11 +1,11 @@
-import { ReactNode } from "react";
-/**
- * Common props for React components.
- *
- * @property style - Tailwind class name(s) (optional)
- * @property children - React children nodes (optional)
-**/
-export type Component = {
-    style?: string;
-    children?: ReactNode;
-};
+import { ReactNode } from "react";
+/**
+ * Common props for React components.
+ *
+ * @property style - Tailwind class name(s) (optional)
+ * @property children - React children nodes (optional)
+**/
+export declare type Component = {
+    style?: string;
+    children?: ReactNode;
+};

package/dist/core/types.js

@@ -1,2 +1,2 @@
-export {};
-// clean
+export {};
+// clean

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

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

package/dist/hooks/audio/sound.js

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

package/dist/hooks/clock/interval.d.ts

@@ -1 +1 @@
-export default function useInterval(action: () => Promise<boolean | void>, delay: number, deps?: unknown[]): void;
+export default function useInterval(action: () => Promise<boolean | void>, delay: number, deps?: unknown[]): void;

package/dist/hooks/clock/interval.js

@@ -1,20 +1,20 @@
-"use client";
-import { useEffect, useRef } from "react";
-export default function useInterval(action, delay, deps = []) {
-    const ref = useRef(async () => false);
-    useEffect(() => {
-        ref.current = action;
-    }, [action]);
-    useEffect(() => {
-        if (deps.some(v => v === undefined || v === null))
-            return;
-        const tick = async () => {
-            const stop = await ref.current();
-            if (stop && id)
-                clearInterval(id);
-        };
-        const id = setInterval(tick, delay);
-        tick();
-        return () => clearInterval(id);
-    }, [delay, ...deps]);
-}
+"use client";
+import { useEffect, useRef } from "react";
+export default function useInterval(action, delay, deps = []) {
+    const ref = useRef(async () => false);
+    useEffect(() => {
+        ref.current = action;
+    }, [action]);
+    useEffect(() => {
+        if (deps.some(v => v === undefined || v === null))
+            return;
+        const tick = async () => {
+            const stop = await ref.current();
+            if (stop && id)
+                clearInterval(id);
+        };
+        const id = setInterval(tick, delay);
+        tick();
+        return () => clearInterval(id);
+    }, [delay, ...deps]);
+}

package/dist/hooks/element/container.d.ts

@@ -1,4 +1,5 @@
-export default function useContainer(): {
-    ref: import("react").RefObject<HTMLDivElement | null>;
-    container: HTMLElement | null | undefined;
-};
+/// <reference types="react" />
+export default function useContainer(): {
+    ref: import("react").RefObject<HTMLDivElement | null>;
+    container: HTMLElement | null | undefined;
+};

package/dist/hooks/element/container.js

@@ -1,7 +1,7 @@
-"use client";
-import { useRef } from "react";
-export default function useContainer() {
-    const ref = useRef(null);
-    const container = ref.current?.parentElement;
-    return { ref, container };
-}
+"use client";
+import { useRef } from "react";
+export default function useContainer() {
+    const ref = useRef(null);
+    const container = ref.current?.parentElement;
+    return { ref, container };
+}

package/dist/hooks/element/resize.d.ts

@@ -1 +1 @@
-export default function useResizeObserver(element: HTMLElement | null | undefined, action: () => void): void;
+export default function useResizeObserver(element: HTMLElement | null | undefined, action: () => void): void;

package/dist/hooks/element/resize.js

@@ -1,12 +1,12 @@
-"use client";
-import { useEffect } from "react";
-export default function useResizeObserver(element, action) {
-    useEffect(() => {
-        if (!element)
-            return;
-        const observer = new ResizeObserver(action);
-        observer.observe(element);
-        action();
-        return () => observer.disconnect();
-    }, [element, action]);
-}
+"use client";
+import { useEffect } from "react";
+export default function useResizeObserver(element, action) {
+    useEffect(() => {
+        if (!element)
+            return;
+        const observer = new ResizeObserver(action);
+        observer.observe(element);
+        action();
+        return () => observer.disconnect();
+    }, [element, action]);
+}

package/dist/hooks/index.d.ts

@@ -1,3 +1,4 @@
-export { default as useContainer } from "./element/container";
-export { default as useResize } from "./element/resize";
-export { default as useInterval } from "./clock/interval";
+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";

package/dist/hooks/index.js

@@ -1,3 +1,4 @@
-export { default as useContainer } from "./element/container";
-export { default as useResize } from "./element/resize";
-export { default as useInterval } from "./clock/interval";
+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";

package/dist/index.d.ts

@@ -1,14 +1,14 @@
-export { default as Input } from "./components/input";
-export { default as TextArea } from "./components/textarea";
-export { default as Select } from "./components/select";
-export { default as MultipleChoice } from "./components/multiple-choice";
-export { default as Attachment } from "./components/attachment";
-export { default as CheckBox } from "./components/checkbox";
-export { default as FadeCarousel } from "./components/fade-carousel";
-export * from "./components";
-export * from "./components/button";
-export * from "./components/search-bar";
-export * from "./core/types";
-export * from "./core/functions";
-export * from "./core/format";
-export * from "./hooks";
+export { default as Input } from "./components/input";
+export { default as TextArea } from "./components/textarea";
+export { default as Select } from "./components/select";
+export { default as MultipleChoice } from "./components/multiple-choice";
+export { default as Attachment } from "./components/attachment";
+export { default as CheckBox } from "./components/checkbox";
+export { default as FadeCarousel } from "./components/fade-carousel";
+export * from "./components";
+export * from "./components/button";
+export * from "./components/search-bar";
+export * from "./core/types";
+export * from "./core/functions";
+export * from "./core/format";
+export * from "./hooks";

package/dist/index.js

@@ -1,14 +1,14 @@
-export { default as Input } from "./components/input";
-export { default as TextArea } from "./components/textarea";
-export { default as Select } from "./components/select";
-export { default as MultipleChoice } from "./components/multiple-choice";
-export { default as Attachment } from "./components/attachment";
-export { default as CheckBox } from "./components/checkbox";
-export { default as FadeCarousel } from "./components/fade-carousel";
-export * from "./components";
-export * from "./components/button";
-export * from "./components/search-bar";
-export * from "./core/types";
-export * from "./core/functions";
-export * from "./core/format";
-export * from "./hooks";
+export { default as Input } from "./components/input";
+export { default as TextArea } from "./components/textarea";
+export { default as Select } from "./components/select";
+export { default as MultipleChoice } from "./components/multiple-choice";
+export { default as Attachment } from "./components/attachment";
+export { default as CheckBox } from "./components/checkbox";
+export { default as FadeCarousel } from "./components/fade-carousel";
+export * from "./components";
+export * from "./components/button";
+export * from "./components/search-bar";
+export * from "./core/types";
+export * from "./core/functions";
+export * from "./core/format";
+export * from "./hooks";

package/package.json

@@ -1,66 +1,40 @@
 {
 
   "name": "@bouko/react",
-
-  "version": "2.3.6",
-
+  "version": "2.3.8",
   "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/style": "^0.1.7",
-
     "clsx": "^2.1.1",
-
     "file-type": "^21.0.0",
-
     "framer-motion": "^12.23.6",
-
     "ms": "^2.1.3",
-
     "tailwind-merge": "^3.3.1",
-
     "tailwind-variants": "^1.0.0",
-
     "zod": "^4.0.13"
-
   },
 
   "devDependencies": {
-
-    "dependency-cruiser": "^17.0.1"
-
+    "@types/react": "^19.1.10",
+    "dependency-cruiser": "^17.0.1",
+    "react": "^19.1.1"
   }
 
-}
-
+}

package/dist/assets/icons/check copy.svg

@@ -1,6 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="1em" height="1em">
-    <path 
-        d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z" 
-        fill="currentColor" 
-    />
-</svg>

package/dist/assets/icons/check-circle copy.svg

@@ -1,6 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em">
-    <path 
-        d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-111 111-47-47c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l64 64c9.4 9.4 24.6 9.4 33.9 0L369 209z" 
-        fill="currentColor" 
-    />
-</svg>

package/dist/assets/icons/chevron copy.svg

@@ -1,6 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em">
-    <path 
-        d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z" 
-        fill="currentColor" 
-    />
-</svg>

package/dist/assets/icons/paperclip copy.svg

@@ -1,6 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="1em" height="1em">
-    <path 
-        d="M364.2 83.8c-24.4-24.4-64-24.4-88.4 0l-184 184c-42.1 42.1-42.1 110.3 0 152.4s110.3 42.1 152.4 0l152-152c10.9-10.9 28.7-10.9 39.6 0s10.9 28.7 0 39.6l-152 152c-64 64-167.6 64-231.6 0s-64-167.6 0-231.6l184-184c46.3-46.3 121.3-46.3 167.6 0s46.3 121.3 0 167.6l-176 176c-28.6 28.6-75 28.6-103.6 0s-28.6-75 0-103.6l144-144c10.9-10.9 28.7-10.9 39.6 0s10.9 28.7 0 39.6l-144 144c-6.7 6.7-6.7 17.7 0 24.4s17.7 6.7 24.4 0l176-176c24.4-24.4 24.4-64 0-88.4z" 
-        fill="currentColor" 
-    />
-</svg>

package/dist/assets/icons/spinner copy.svg

@@ -1,6 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em">
-    <path 
-        d="M304 48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zm0 416a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zM48 304a48 48 0 1 0 0-96 48 48 0 1 0 0 96zm464-48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zM142.9 437A48 48 0 1 0 75 369.1 48 48 0 1 0 142.9 437zm0-294.2A48 48 0 1 0 75 75a48 48 0 1 0 67.9 67.9zM369.1 437A48 48 0 1 0 437 369.1 48 48 0 1 0 369.1 437z" 
-        fill="currentColor" 
-    />
-</svg>

package/dist/assets/icons/x-circle copy.svg

@@ -1,6 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em">
-    <path 
-        d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z" 
-        fill="currentColor" 
-    />
-</svg>

package/dist/components/badge.d.ts

@@ -1,5 +0,0 @@
-import type { ReactNode } from "react";
-export default function Badge({ style, children }: {
-    style?: string;
-    children: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/components/badge.js

@@ -1,4 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-export default function Badge({ style, children }) {
-    return (_jsx("span", { className: "w-min px-3 py-1 bg-accent/20 border border-accent-dark rounded-full text-xs text-accent-dark font-semibold", children: children }));
-}

package/dist/components/flex.d.ts

@@ -1,16 +0,0 @@
-import type { ReactNode } from "react";
-type Props = Position & {
-    style?: string;
-    children: ReactNode;
-};
-type Position = {
-    center?: boolean;
-    centerX?: boolean;
-    centerY?: boolean;
-};
-export declare function ColumnBox({ style, center, centerX, centerY, children }: Props): import("react/jsx-runtime").JSX.Element;
-export declare function RowBox({ style, children }: {
-    style?: string;
-    children: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/flex.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from "@bouko/style";
-export function ColumnBox({ style, center, centerX, centerY, children }) {
-    return (_jsx("div", { className: cn("flex flex-col", center && "items-center justify-center", centerX && "items-center", centerY && "justify-center", style), children: children }));
-}
-export function RowBox({ style, children }) {
-    return (_jsx("div", { className: cn("flex", style), children: children }));
-}