From 6d858380c7e421e9d12f22ba2df76c1341d8e339 Mon Sep 17 00:00:00 2001
From: Hadi <112569860+anotherhadi@users.noreply.github.com>
Date: Wed, 2 Sep 2026 17:13:05 +0200
Subject: [PATCH] fix border style

Signed-off-by: Hadi <112569860+anotherhadi@users.noreply.github.com>
---
 dist/chunk-n96bgmbh.js   | 23 +++++++++++++++++++++++
 dist/components/Box.js   | 11 +++++++++++
 dist/components/index.js | 16 ++++++++++------
 src/components/Box.tsx   | 12 ++++++++++++
 src/components/index.ts  |  1 +
 5 files changed, 57 insertions(+), 6 deletions(-)
 create mode 100644 dist/chunk-n96bgmbh.js
 create mode 100644 dist/components/Box.js
 create mode 100644 src/components/Box.tsx

diff --git a/dist/chunk-n96bgmbh.js b/dist/chunk-n96bgmbh.js
new file mode 100644
index 0000000..d8f5bf3
--- /dev/null
+++ b/dist/chunk-n96bgmbh.js
@@ -0,0 +1,23 @@
+// @bun
+import {
+  theme
+} from "./chunk-57mam43k.js";
+
+// src/components/Box.tsx
+import { spread as _$spread } from "@opentui/solid";
+import { mergeProps as _$mergeProps } from "@opentui/solid";
+import { memo as _$memo } from "@opentui/solid";
+import { createElement as _$createElement } from "@opentui/solid";
+function Box(props) {
+  return (() => {
+    var _el$ = _$createElement("box");
+    _$spread(_el$, _$mergeProps(props, {
+      get borderStyle() {
+        return props.borderStyle ?? theme.borderStyle;
+      }
+    }), false);
+    return _el$;
+  })();
+}
+
+export { Box };
diff --git a/dist/components/Box.js b/dist/components/Box.js
new file mode 100644
index 0000000..4fe0c51
--- /dev/null
+++ b/dist/components/Box.js
@@ -0,0 +1,11 @@
+// @bun
+import {
+  Box
+} from "../chunk-n96bgmbh.js";
+import"../chunk-57mam43k.js";
+import"../chunk-ergc99dh.js";
+import"../chunk-7f8jagy5.js";
+import"../chunk-hcq62p48.js";
+export {
+  Box
+};
diff --git a/dist/components/index.js b/dist/components/index.js
index 77652a3..76b0ed2 100644
--- a/dist/components/index.js
+++ b/dist/components/index.js
@@ -1,11 +1,7 @@
 // @bun
 import {
-  Tabs,
-  stepTabValue
-} from "../chunk-jb965p47.js";
-import {
-  SignalBars
-} from "../chunk-xab9ag99.js";
+  Box
+} from "../chunk-n96bgmbh.js";
 import {
   NotificationHost
 } from "../chunk-g7p0f33m.js";
@@ -18,6 +14,10 @@ import {
 import {
   Sidebar
 } from "../chunk-vve1k0ax.js";
+import {
+  Tabs,
+  stepTabValue
+} from "../chunk-jb965p47.js";
 import {
   Modal
 } from "../chunk-4j2gzwtd.js";
@@ -27,6 +27,9 @@ import {
 import {
   ProgressBar
 } from "../chunk-ae0jkf2z.js";
+import {
+  SignalBars
+} from "../chunk-xab9ag99.js";
 import"../chunk-57mam43k.js";
 import"../chunk-ergc99dh.js";
 import"../chunk-7f8jagy5.js";
@@ -42,5 +45,6 @@ export {
   NotificationHost,
   Modal,
   MinSizeGuard,
+  Box,
   Badge
 };
diff --git a/src/components/Box.tsx b/src/components/Box.tsx
new file mode 100644
index 0000000..9855dbc
--- /dev/null
+++ b/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} />;
+}
diff --git a/src/components/index.ts b/src/components/index.ts
index d9d8b55..e91f457 100644
--- a/src/components/index.ts
+++ b/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";