@bouko/electron 1.0.4 → 1.0.5

package/dist/assets/icons/dash.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="1em" height="1em">
+    <path 
+        d="M0 256c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 288c-17.7 0-32-14.3-32-32z" 
+        fill="currentColor" 
+    />
+</svg>

package/dist/assets/icons/x.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" width="1em" height="1em">
+    <path 
+        d="M55.1 73.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L147.2 256 9.9 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192.5 301.3 329.9 438.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.8 256 375.1 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192.5 210.7 55.1 73.4z" 
+        fill="currentColor" 
+    />
+</svg>

package/dist/assets/styles/index.css

@@ -0,0 +1,3 @@
+.draggable {
+  app-region: drag;
+}

package/dist/components/index.d.ts

@@ -0,0 +1 @@
+export { default as TitleBar } from "./title-bar";

package/dist/components/index.js

@@ -0,0 +1 @@
+export { default as TitleBar } from "./title-bar";

package/dist/components/title-bar/actions.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Title Bar Actions Component.
+ *
+ * Displays two buttons in the top right:
+ *  > Minimize - Minimizes the app.
+ *  > Close - Closes the app.
+**/
+declare const TitleBarActions: () => import("react/jsx-runtime").JSX.Element;
+export default TitleBarActions;

package/dist/components/title-bar/actions.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { RowBox, IconButton } from "@bouko/react";
+import Minimize from "../../assets/icons/dash.svg";
+import Close from "../../assets/icons/x.svg";
+/**
+ * Title Bar Actions Component.
+ *
+ * Displays two buttons in the top right:
+ *  > Minimize - Minimizes the app.
+ *  > Close - Closes the app.
+**/
+const TitleBarActions = () => (_jsxs(RowBox, { style: styles.container, children: [_jsx(IconButton, { variant: "ghost", style: styles.minimize, icon: _jsx(Minimize, {}), action: () => window.api.app.minimize() }), _jsx(IconButton, { variant: "ghost", style: styles.close, icon: _jsx(Close, {}), action: () => window.api.app.close() })] }));
+const styles = {
+    container: "gap-2 items-center px-4",
+    minimize: "hover:!text-primary-darker",
+    close: "hover:!text-error"
+};
+export default TitleBarActions;

package/dist/components/title-bar/branding.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Title Bar Branding Component.
+ *
+ * Displays company banner in the top left of title bar.
+**/
+export default function TitleBarBranding({ banner }: {
+    banner: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/title-bar/branding.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Title Bar Branding Component.
+ *
+ * Displays company banner in the top left of title bar.
+**/
+export default function TitleBarBranding({ banner }) {
+    return (_jsx("img", { className: "w-auto h-6", src: banner, alt: "Logo" }));
+}

package/dist/components/title-bar/index.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Title Bar component.
+ *
+ * Application-level title bar used in the root layout.
+ * Renders a horizontal bar with logo and window controls.
+ * Uses `draggable` class to replace frame of Electron
+ * window and make the app move on the user's screen.
+**/
+export default function TitleBar({ banner }: {
+    banner: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/title-bar/index.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { RowBox } from "@bouko/react";
+import Branding from "./branding";
+import Actions from "./actions";
+/**
+ * Title Bar component.
+ *
+ * Application-level title bar used in the root layout.
+ * Renders a horizontal bar with logo and window controls.
+ * Uses `draggable` class to replace frame of Electron
+ * window and make the app move on the user's screen.
+**/
+export default function TitleBar({ banner }) {
+    return (_jsxs(RowBox, { style: s.container, children: [_jsx("div", { className: s.subcontainer, children: _jsx(Branding, { banner: banner }) }), _jsx(Actions, {})] }));
+}
+const s = {
+    container: "bg-background-light border-b border-border-dark",
+    subcontainer: "grow p-4 draggable"
+};

package/dist/index.d.ts

@@ -1,3 +1,4 @@
 export * from "./ipc";
 export * from "./files";
 export * from "./csp";
+export * from "./components";

package/dist/index.js

@@ -1,3 +1,4 @@
 export * from "./ipc";
 export * from "./files";
 export * from "./csp";
+export * from "./components";

package/dist/styles.css

@@ -0,0 +1,3 @@
+.draggable {
+  app-region: drag;
+}

package/package.json

@@ -1,34 +1,72 @@
 {
 
   "name": "@bouko/electron",
-  "version": "1.0.4",
+
+  "version": "1.0.5",
+
   "description": "",
+
   "keywords": [],
+
   "author": "",
+
   "license": "ISC",
+
   "main": "./dist/index.js",
+
   "types": "./dist/index.d.ts",
+
   "files": [
+
     "dist"
+
   ],
+
   "publishConfig": {
+
     "access": "public"
+
+  },
+
+  "exports": {
+
+    ".": "./dist/index.js",
+
+    "./styles.css": "./dist/styles.css"
+
   },
+
   "engines": {},
 
   "scripts": {
-    "build": "tsc"
+
+    "build": "tsc",
+
+    "postbuild": "node ./scripts/copy-styles.mjs"
+
   },
 
   "dependencies": {
+
+    "@bouko/react": "^3.1.3",
+
     "@bouko/ts": "^0.3.8",
+
     "path": "^0.12.7"
+
   },
 
   "devDependencies": {
+
+    "@types/react": "^19.2.13",
+
     "electron": "^39.2.7",
+
     "react-router-dom": "^7.12.0",
+
     "typescript": "^5.9.3"
+
   }
 
-}
+}
+