@bouko/react 1.9.7 → 1.9.9

package/dist/components/layout/flex.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 import { cn, tv } from "@bouko/style";
 /**
  * Flex containers with configurable alignment and styling.
@@ -7,8 +7,16 @@ import { cn, tv } from "@bouko/style";
  * @param {ReactNode} children - Child elements to render inside the row.
  * @param {Props} opts - Variant options for styling.
 **/
-export const RowBox = ({ style, children, ...opts }) => (_jsx("div", { className: cn(row(opts), style), children: children }));
-export const ColumnBox = ({ style, children, ...opts }) => (_jsx("div", { className: cn(column(opts), style), children: children }));
+export const RowBox = ({ style, children, ...opts }) => {
+    if (!children)
+        return _jsx(_Fragment, {});
+    return (_jsx("div", { className: cn(row(opts), style), children: children }));
+};
+export const ColumnBox = ({ style, children, ...opts }) => {
+    if (!children)
+        return _jsx(_Fragment, {});
+    return (_jsx("div", { className: cn(column(opts), style), children: children }));
+};
 /**
  * Styling variants for flex options.
  *

package/dist/components/text/badge.d.ts

@@ -1,9 +1,8 @@
-import type { ReactNode } from "react";
 type Color = "accent" | "orange" | "dark";
 type Props = {
     style?: string;
     color?: Color;
-    children: ReactNode;
+    children?: string;
 };
 export default function Badge({ style, color, children }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/text/badge.js

@@ -1,6 +1,8 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 import { cn, tv } from "@bouko/style";
 export default function Badge({ style, color, children }) {
+    if (!children)
+        return _jsx(_Fragment, {});
     return (_jsx("span", { className: cn(styles({ color }), style), children: children }));
 }
 const styles = tv({

package/dist/core/types.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from "react";
 export type Component = {
     style?: string;
-    children: ReactNode;
+    children?: ReactNode;
 };
 export type Attachment = {
     filename: string;

package/package.json

@@ -1,7 +1,7 @@
 {
 
   "name": "@bouko/react",
-  "version": "1.9.7",
+  "version": "1.9.9",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "license": "MIT",