fix border style

Signed-off-by: Hadi <[email protected]>

src/components/Box.tsx

@@ -0,0 +1,12 @@
+import type { BoxProps as OpenTUIBoxProps } from "@opentui/solid";
+import { theme } from "../index.ts";
+
+export interface BoxProps extends OpenTUIBoxProps {}
+
+// The raw <box> intrinsic has no idea ilovetui's theme exists — its own
+// borderStyle default ("single") is hardcoded in @opentui/core. Use <Box>
+// instead of <box> wherever you want theme.borderStyle applied by default,
+// same as Sidebar/Modal/Tabs already do internally.
+export function Box(props: BoxProps) {
+  return <box {...props} borderStyle={props.borderStyle ?? theme.borderStyle} />;
+}

src/components/index.ts

@@ -1,4 +1,5 @@
 export { Badge, type BadgeProps } from "./Badge.tsx";
+export { Box, type BoxProps } from "./Box.tsx";
 export { MinSizeGuard, type MinSizeGuardProps } from "./MinSizeGuard.tsx";
 export { Modal, type ModalProps } from "./Modal.tsx";
 export { NotificationHost, type NotificationHostProps } from "./NotificationHost.tsx";