mac-human-design 0.1.30-preview.4 → 0.1.30-preview.5

package/README.md

@@ -5,9 +5,11 @@ A reusable shared library for Tauri macOS apps. It includes:
 - macOS-styled wrappers for every public `@base-ui/react` component family.
 - Default-on Motion-powered animations that respect reduced-motion settings.
 - `MacSegmentedControl` and macOS design tokens/classes.
-- A reusable SF Symbols fetch layer with React hooks/components.
-- A Rust/Tauri plugin crate that exposes a native command:
-  `system_symbol_png_data_url`.
+- Native Tauri helpers for macOS context menus and AppKit dialogs.
+- Reusable SF Symbols and AppKit folder-icon fetch layers with React
+  hooks/components.
+- A Rust/Tauri plugin crate that exposes native commands for SF Symbols, folder
+  icons, and native dialogs.
 
 ## Structure
 
@@ -24,8 +26,8 @@ npm i mac-human-design @base-ui/react motion react react-dom
 ```
 
 `@base-ui/react`, `motion`, `react`, and `react-dom` are peer dependencies.
-Install `@tauri-apps/api` too when using the SF Symbols helpers or Tauri
-integration.
+Install `@tauri-apps/api` too when using the SF Symbols helpers, AppKit folder
+icons, native context menus, native dialogs, or other Tauri integration.
 
 Consumer apps should also include the macOS Base UI stylesheet once near their
 app root:
@@ -52,6 +54,15 @@ fn main() {
 }
 ```
 
+Native context menus use Tauri's built-in menu popup API. Consumer app
+capabilities need `core:menu:allow-popup`, `core:menu:default`, or
+`core:default`.
+
+The shared native plugin default permission enables SF Symbol PNGs, AppKit
+folder-icon PNGs, and native dialogs. If your app opts into individual plugin
+permissions instead of `human-design-system-symbols:default`, include
+`human-design-system-symbols:allow-folder-icon-png-data-url`.
+
 ## Usage (React)
 
 ```ts
@@ -60,12 +71,13 @@ import {
   MacButton,
   MacDataTable,
   MacMotionProvider,
+  MacNativeContextMenu,
   MacSegmentedControl,
   MacSelect,
   MacWindowToolbar,
   MacSymbolButton,
 } from "mac-human-design";
-import { SystemSymbolImage } from "mac-human-design/symbols";
+import { FolderIconImage, SystemSymbolImage } from "mac-human-design/symbols";
 import "mac-human-design/styles/macos-base-ui.css";
 
 export function Demo() {
@@ -94,6 +106,7 @@ export function Demo() {
           />
         }
       />
+      <FolderIconImage sizePx={24} ariaLabel="Folder" />
       <SystemSymbolImage symbolName="folder" sizePx={18} fallback="▢" />
       <MacDataTable
         ariaLabel="Demo files"
@@ -105,6 +118,17 @@ export function Demo() {
         getRowKey={(row) => row.name}
       />
       <MacButton role="primary">Continue</MacButton>
+      <MacNativeContextMenu.Trigger
+        menu={[
+          { id: "rename", text: "Rename", action: () => {} },
+          { id: "duplicate", text: "Duplicate", nativeIcon: "Folder", action: () => {} },
+          { type: "separator" },
+          { type: "checkbox", id: "details", text: "Show Details", checked: true },
+        ]}
+        tabIndex={0}
+      >
+        Right-click for native actions
+      </MacNativeContextMenu.Trigger>
       <MacSelect.Root items={[{ label: "Files", value: "files" }]}>
         <MacSelect.Trigger>
           <MacSelect.Value placeholder="Choose" />
@@ -166,6 +190,11 @@ The following components are now in the shared library and can be imported by an
   single/multiple selection plus `regular`, `pill`, and `glass` variants
 - `MacWindowToolbar`, a Motion-backed Tauri window toolbar with drag-region
   and no-drag control group handling
+- `MacNativeContextMenu`, a native Tauri context-menu bridge with
+  `showMacNativeContextMenu()`, native menu icons such as `nativeIcon:
+"Folder"`, and a right-click/keyboard trigger component
+- `FolderIconImage`, `useFolderIcon()`, and `getFolderIconDataUrl()` for
+  rendering AppKit/Finder-style folder icons in React UI
 - `StatusMessage`
 - `MacSymbolButton`, a centered SF Symbols icon button with fallback glyphs,
   `role` and `variant` props, loading state, tooltips, and pass-through styling hooks
@@ -176,13 +205,15 @@ Example import:
 
 ```ts
 import {
-  AppWindowShell,
-  MacDataTable,
-  MacSegmentedControl,
-  MacWindowToolbar,
-  StatusMessage,
-  MacSymbolButton,
-  ViewDragRegion,
-  isDraggableAreaTarget,
+    AppWindowShell,
+    MacDataTable,
+    MacNativeContextMenu,
+    MacSegmentedControl,
+    MacWindowToolbar,
+    FolderIconImage,
+    StatusMessage,
+    MacSymbolButton,
+    ViewDragRegion,
+    isDraggableAreaTarget,
 } from "mac-human-design"
 ```

package/changelog.md

@@ -2,10 +2,31 @@
 
 This file tracks changes between published npm versions of `mac-human-design`.
 
+## 0.1.30-preview.5
+
+### Added
+
+- Added `FolderIconImage`, `useFolderIcon()`, and `getFolderIconDataUrl()` so
+  Tauri macOS apps can render AppKit/Finder-style generic folder icons or
+  folder-path-specific icons through the shared native plugin.
+- Added `nativeIcon` support to `MacNativeContextMenu` action, checkbox, and
+  submenu items, including Tauri's native `Folder`, `FolderBurnable`, and
+  `FolderSmart` menu icons.
+
+### Changed
+
+- Extended the shared Tauri plugin default permission set with
+  `allow-folder-icon-png-data-url`.
+- Bumped the package to `0.1.30-preview.5`.
+
 ## 0.1.30-preview.4
 
 ### Added
 
+- Added `MacNativeContextMenu`, a Tauri-backed native context-menu bridge with
+  `showMacNativeContextMenu()` and `MacNativeContextMenu.Trigger`, supporting
+  action items, checkbox items, separators, predefined native items, and
+  submenus while remaining browser-safe outside a Tauri runtime.
 - Added `MacNativeDialog`, a Tauri-backed native macOS dialog bridge with
   `showMacNativeDialog()` and `MacNativeDialog.Trigger`, plus a browser-safe
   fallback for the web gallery.
@@ -15,6 +36,8 @@ This file tracks changes between published npm versions of `mac-human-design`.
 - Updated the gallery dialog section to use native Tauri/AppKit dialogs by
   default and keep React-rendered dialog content only for the sidebar drawer
   exception.
+- Added native context-menu gallery and README coverage, including the required
+  Tauri menu popup permission note for consumer apps.
 - Fixed Tauri plugin invocations to use the `plugin:human-design-system-symbols|`
   command prefix for native dialogs and SF Symbols.
 - Narrowed the npm package file list so preview publishes include example source

package/docs/macos-base-ui-coverage.md

@@ -82,6 +82,8 @@ render UI.
 | Toolbar toggle           | `MacToolbarToggle`                 |
 | Toolbar icon button      | `MacToolbar.IconButton`            |
 | Native AppKit dialog     | `MacNativeDialog`                  |
+| Native context menu      | `MacNativeContextMenu`             |
+| Native folder icon       | `FolderIconImage`                  |
 | Legacy React sheet       | `MacDialog.SheetPopup`             |
 | Sidebar drawer           | `MacDrawer.SidebarPopup`           |
 
@@ -90,13 +92,15 @@ render UI.
 These shared components cover reusable macOS/Tauri app patterns that should not
 be reimplemented in consuming apps:
 
-| App pattern                       | Export                | Contract                                                                                                                                                                                                                                                                                 |
-| --------------------------------- | --------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| Finder-style grid/table primitive | `MacDataTable`        | Uses `table` semantics for static rows, upgrades to `grid` semantics for interactive rows, exposes row/column metadata, busy state, keyboard activation, arrow/Home/End row focus navigation, selected row state, and layered hover/selection styling.                                   |
-| Tauri window toolbar              | `MacWindowToolbar`    | Provides a labelled `toolbar` landmark, labelled leading/content/trailing control groups, a root drag region, no-drag regions around interactive controls, and stable wrapped-control sizing for dense icon toolbars.                                                                    |
-| Native Tauri dialog bridge        | `MacNativeDialog`     | Provides `showMacNativeDialog()` and `MacNativeDialog.Trigger` so Tauri apps can present native macOS `NSAlert` dialogs through the library's Tauri plugin while retaining a browser-safe fallback for the developer gallery.                                                            |
-| Segmented control                 | `MacSegmentedControl` | Provides the standard macOS segmented control API with single/multiple selection, regular joined segments, pill segments, Tahoe-style glass segments, accessible labels, full-width layout support, and class/style pass-through.                                                        |
-| Centered SF Symbols icon button   | `MacSymbolButton`     | Renders through `MacButton` and `hd-mac-icon-button`, supports `role` and `variant`, defaults to `type="button"`, preserves fixed geometry while allowing style/class pass-through, supports tooltip offsets and per-symbol optical offsets, and exposes loading state with `aria-busy`. |
+| App pattern                       | Export                 | Contract                                                                                                                                                                                                                                                                                             |
+| --------------------------------- | ---------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| Finder-style grid/table primitive | `MacDataTable`         | Uses `table` semantics for static rows, upgrades to `grid` semantics for interactive rows, exposes row/column metadata, busy state, keyboard activation, arrow/Home/End row focus navigation, selected row state, and layered hover/selection styling.                                               |
+| Tauri window toolbar              | `MacWindowToolbar`     | Provides a labelled `toolbar` landmark, labelled leading/content/trailing control groups, a root drag region, no-drag regions around interactive controls, and stable wrapped-control sizing for dense icon toolbars.                                                                                |
+| Native Tauri context menu         | `MacNativeContextMenu` | Provides `showMacNativeContextMenu()` and `MacNativeContextMenu.Trigger` so macOS Tauri apps can present native OS context menus through Tauri's built-in menu popup API, including native menu icons such as `Folder`, while keeping the package browser-safe for gallery and documentation builds. |
+| Native Tauri dialog bridge        | `MacNativeDialog`      | Provides `showMacNativeDialog()` and `MacNativeDialog.Trigger` so Tauri apps can present native macOS `NSAlert` dialogs through the library's Tauri plugin while retaining a browser-safe fallback for the developer gallery.                                                                        |
+| AppKit folder icon bridge         | `FolderIconImage`      | Provides `getFolderIconDataUrl()`, `useFolderIcon()`, and `FolderIconImage` so macOS Tauri apps can render generic Finder-style folder icons or path-specific folder icons through `NSWorkspace`, with browser-safe fallback rendering outside Tauri.                                                |
+| Segmented control                 | `MacSegmentedControl`  | Provides the standard macOS segmented control API with single/multiple selection, regular joined segments, pill segments, Tahoe-style glass segments, accessible labels, full-width layout support, and class/style pass-through.                                                                    |
+| Centered SF Symbols icon button   | `MacSymbolButton`      | Renders through `MacButton` and `hd-mac-icon-button`, supports `role` and `variant`, defaults to `type="button"`, preserves fixed geometry while allowing style/class pass-through, supports tooltip offsets and per-symbol optical offsets, and exposes loading state with `aria-busy`.             |
 
 ## Icon Button Alignment Guarantees
 

package/examples/macos-base-ui-gallery/index.html

@@ -1,12 +1,12 @@
 <!doctype html>
 <html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>human-design macOS Base UI gallery</title>
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="/src/main.tsx"></script>
-  </body>
+    <head>
+        <meta charset="UTF-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <title>human-design macOS Base UI gallery</title>
+    </head>
+    <body>
+        <div id="root"></div>
+        <script type="module" src="/src/main.tsx"></script>
+    </body>
 </html>

package/examples/macos-base-ui-gallery/src/main.tsx

@@ -5,9 +5,9 @@ import "../../../src/styles/macosBaseUi.css"
 import "../../../src/styles/macosTauri.css"
 
 createRoot(document.getElementById("root") as HTMLElement).render(
-  <StrictMode>
-    <AppWindowShell>
-      <MacBaseUIGallery />
-    </AppWindowShell>
-  </StrictMode>,
+    <StrictMode>
+        <AppWindowShell>
+            <MacBaseUIGallery />
+        </AppWindowShell>
+    </StrictMode>,
 )

package/examples/macos-base-ui-gallery-tauri/src-tauri/Cargo.lock

@@ -1275,6 +1275,7 @@ dependencies = [
  "objc2-app-kit",
  "objc2-foundation",
  "tauri",
+ "tauri-plugin",
  "window-vibrancy",
 ]
 
@@ -3124,6 +3125,22 @@ dependencies = [
  "tauri-utils",
 ]
 
+[[package]]
+name = "tauri-plugin"
+version = "2.6.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e126abc9e84e35cdfd01596140a73a1850cdb0df0a23acf0185776c30b469a6e"
+dependencies = [
+ "anyhow",
+ "glob",
+ "plist",
+ "schemars 0.8.22",
+ "serde",
+ "serde_json",
+ "tauri-utils",
+ "walkdir",
+]
+
 [[package]]
 name = "tauri-runtime"
 version = "2.11.2"

package/examples/macos-base-ui-gallery-tauri/src-tauri/capabilities/default.json

@@ -1,7 +1,7 @@
 {
-  "$schema": "../gen/schemas/desktop-schema.json",
-  "identifier": "default",
-  "description": "Permissions for the dev-only macOS Base UI gallery shell.",
-  "windows": ["main"],
-  "permissions": ["core:default", "core:window:allow-start-dragging"]
+    "$schema": "../gen/schemas/desktop-schema.json",
+    "identifier": "default",
+    "description": "Permissions for the dev-only macOS Base UI gallery shell.",
+    "windows": ["main"],
+    "permissions": ["core:default", "core:window:allow-start-dragging", "human-design-system-symbols:default"]
 }

package/examples/macos-base-ui-gallery-tauri/src-tauri/tauri.conf.json

@@ -1,24 +1,24 @@
 {
-  "$schema": "https://schema.tauri.app/config/2",
-  "productName": "mac-human-design Gallery",
-  "version": "0.1.0",
-  "identifier": "dev.mac-human-design.gallery",
-  "build": {
-    "devUrl": "http://127.0.0.1:5173",
-    "frontendDist": "../macos-base-ui-gallery/dist"
-  },
-  "app": {
-    "macOSPrivateApi": true,
-    "windows": [
-      {
-        "transparent": true,
-        "titleBarStyle": "Overlay",
-        "hiddenTitle": true,
-        "trafficLightPosition": {
-          "x": 24,
-          "y": 20
-        }
-      }
-    ]
-  }
+    "$schema": "https://schema.tauri.app/config/2",
+    "productName": "mac-human-design Gallery",
+    "version": "0.1.0",
+    "identifier": "dev.mac-human-design.gallery",
+    "build": {
+        "devUrl": "http://127.0.0.1:5173",
+        "frontendDist": "../macos-base-ui-gallery/dist"
+    },
+    "app": {
+        "macOSPrivateApi": true,
+        "windows": [
+            {
+                "transparent": true,
+                "titleBarStyle": "Overlay",
+                "hiddenTitle": true,
+                "trafficLightPosition": {
+                    "x": 24,
+                    "y": 20
+                }
+            }
+        ]
+    }
 }

package/package.json

@@ -1,89 +1,91 @@
 {
-  "name": "mac-human-design",
-  "version": "0.1.30-preview.4",
-  "description": "Reusable macOS-oriented UI primitives and SF Symbols bridge for Tauri apps.",
-  "type": "module",
-  "main": "src/index.ts",
-  "types": "src/index.ts",
-  "exports": {
-    ".": "./src/index.ts",
-    "./components": "./src/components/index.ts",
-    "./theme": "./src/theme/index.ts",
-    "./symbols": "./src/symbols/index.ts",
-    "./tauri": "./src/tauri/index.ts",
-    "./tauri/macos-window-config": "./src/tauri/macosWindowConfig.ts",
-    "./styles/macos-base-ui.css": "./src/styles/macosBaseUi.css",
-    "./utils": "./src/utils/index.ts",
-    "./styles/macos-tauri.css": "./src/styles/macosTauri.css",
-    "./rust": "./src-tauri"
-  },
-  "files": [
-    "changelog.md",
-    "docs/**/*",
-    "examples/macos-base-ui-gallery/index.html",
-    "examples/macos-base-ui-gallery/src/**/*",
-    "examples/macos-base-ui-gallery-tauri/src-tauri/Cargo.lock",
-    "examples/macos-base-ui-gallery-tauri/src-tauri/Cargo.toml",
-    "examples/macos-base-ui-gallery-tauri/src-tauri/build.rs",
-    "examples/macos-base-ui-gallery-tauri/src-tauri/capabilities/**/*",
-    "examples/macos-base-ui-gallery-tauri/src-tauri/icons/**/*",
-    "examples/macos-base-ui-gallery-tauri/src-tauri/src/**/*",
-    "examples/macos-base-ui-gallery-tauri/src-tauri/tauri.conf.json",
-    "src/**/*",
-    "src-tauri/**/*",
-    "README.md",
-    "LICENSE"
-  ],
-  "keywords": [
-    "tauri",
-    "tauri-plugin",
-    "macos",
-    "sf-symbols",
-    "react",
-    "components"
-  ],
-  "scripts": {
-    "check": "npm run lint && npm run format:check && npm run typecheck && npm run verify:gallery",
-    "dev:gallery": "vite --host 127.0.0.1 examples/macos-base-ui-gallery",
-    "dev:gallery:tauri": "vite --host 127.0.0.1 examples/macos-base-ui-gallery --port 5173 --strictPort & DEV_GALLERY_PID=$!; trap 'kill $DEV_GALLERY_PID 2>/dev/null || true' INT TERM EXIT; npx @tauri-apps/cli dev --config examples/macos-base-ui-gallery-tauri/src-tauri/tauri.conf.json; TAURI_EXIT=$?; exit $TAURI_EXIT",
-    "format": "prettier --write .",
-    "format:check": "prettier --check .",
-    "lint": "eslint . --max-warnings=0",
-    "publish": "npm publish --access public --ignore-scripts",
-    "publish:preview": "npm publish --access public --ignore-scripts --tag preview",
-    "typecheck": "tsc --noEmit",
-    "verify:gallery": "rm -rf .verify/macos-base-ui-gallery && vite build examples/macos-base-ui-gallery --outDir ../../.verify/macos-base-ui-gallery --emptyOutDir && rm -rf .verify/macos-base-ui-gallery"
-  },
-  "author": "human-design",
-  "license": "MIT",
-  "peerDependencies": {
-    "@base-ui/react": "^1.5.0",
-    "@tauri-apps/api": "^2",
-    "motion": "^12.40.0",
-    "react": ">=18",
-    "react-dom": ">=18"
-  },
-  "peerDependenciesMeta": {
-    "@tauri-apps/api": {
-      "optional": true
+    "name": "mac-human-design",
+    "version": "0.1.30-preview.5",
+    "description": "Reusable macOS-oriented UI primitives and SF Symbols bridge for Tauri apps.",
+    "type": "module",
+    "main": "src/index.ts",
+    "types": "src/index.ts",
+    "exports": {
+        ".": "./src/index.ts",
+        "./components": "./src/components/index.ts",
+        "./theme": "./src/theme/index.ts",
+        "./symbols": "./src/symbols/index.ts",
+        "./tauri": "./src/tauri/index.ts",
+        "./tauri/macos-window-config": "./src/tauri/macosWindowConfig.ts",
+        "./styles/macos-base-ui.css": "./src/styles/macosBaseUi.css",
+        "./utils": "./src/utils/index.ts",
+        "./styles/macos-tauri.css": "./src/styles/macosTauri.css",
+        "./rust": "./src-tauri"
+    },
+    "files": [
+        "changelog.md",
+        "docs/**/*",
+        "examples/macos-base-ui-gallery/index.html",
+        "examples/macos-base-ui-gallery/src/**/*",
+        "examples/macos-base-ui-gallery-tauri/src-tauri/Cargo.lock",
+        "examples/macos-base-ui-gallery-tauri/src-tauri/Cargo.toml",
+        "examples/macos-base-ui-gallery-tauri/src-tauri/build.rs",
+        "examples/macos-base-ui-gallery-tauri/src-tauri/capabilities/**/*",
+        "examples/macos-base-ui-gallery-tauri/src-tauri/icons/**/*",
+        "examples/macos-base-ui-gallery-tauri/src-tauri/src/**/*",
+        "examples/macos-base-ui-gallery-tauri/src-tauri/tauri.conf.json",
+        "src/**/*",
+        "src-tauri/**/*",
+        "README.md",
+        "LICENSE"
+    ],
+    "keywords": [
+        "tauri",
+        "tauri-plugin",
+        "macos",
+        "sf-symbols",
+        "react",
+        "components"
+    ],
+    "scripts": {
+        "check": "npm run lint && npm run format:check && npm run typecheck && npm run verify:gallery",
+        "dev:gallery": "vite --host 127.0.0.1 examples/macos-base-ui-gallery",
+        "dev:gallery:tauri": "vite --host 127.0.0.1 examples/macos-base-ui-gallery --port 5173 --strictPort & DEV_GALLERY_PID=$!; trap 'kill $DEV_GALLERY_PID 2>/dev/null || true' INT TERM EXIT; npx @tauri-apps/cli dev --config examples/macos-base-ui-gallery-tauri/src-tauri/tauri.conf.json; TAURI_EXIT=$?; exit $TAURI_EXIT",
+        "format": "prettier --write .",
+        "format:check": "prettier --check .",
+        "lint": "eslint . --max-warnings=0 --fix",
+        "publish": "npm publish --access public --ignore-scripts",
+        "publish:preview": "npm publish --access public --ignore-scripts --tag preview",
+        "typecheck": "tsc --noEmit",
+        "verify:gallery": "rm -rf .verify/macos-base-ui-gallery && vite build examples/macos-base-ui-gallery --outDir ../../.verify/macos-base-ui-gallery --emptyOutDir && rm -rf .verify/macos-base-ui-gallery"
+    },
+    "author": "human-design",
+    "license": "MIT",
+    "peerDependencies": {
+        "@base-ui/react": "^1.5.0",
+        "@tauri-apps/api": "^2",
+        "motion": "^12.40.0",
+        "react": ">=18",
+        "react-dom": ">=18"
+    },
+    "peerDependenciesMeta": {
+        "@tauri-apps/api": {
+            "optional": true
+        }
+    },
+    "devDependencies": {
+        "@base-ui/react": "^1.5.0",
+        "@eslint/js": "^10.0.1",
+        "@tauri-apps/api": "^2.11.0",
+        "@types/react": "^19.2.17",
+        "@types/react-dom": "^19.2.3",
+        "@vitejs/plugin-react": "^6.0.2",
+        "eslint": "^10.4.1",
+        "eslint-config-prettier": "^10.1.8",
+        "eslint-plugin-prettier": "^5.5.6",
+        "eslint-plugin-react-hooks": "^7.1.1",
+        "globals": "^17.6.0",
+        "motion": "^12.40.0",
+        "prettier": "^3.8.4",
+        "react": "^19.2.7",
+        "react-dom": "^19.2.7",
+        "typescript": "^6.0.3",
+        "typescript-eslint": "^8.61.0",
+        "vite": "^8.0.16"
     }
-  },
-  "devDependencies": {
-    "@base-ui/react": "^1.5.0",
-    "@eslint/js": "^10.0.1",
-    "@tauri-apps/api": "^2.11.0",
-    "@types/react": "^19.2.17",
-    "@types/react-dom": "^19.2.3",
-    "@vitejs/plugin-react": "^6.0.2",
-    "eslint": "^10.4.1",
-    "eslint-plugin-react-hooks": "^7.1.1",
-    "globals": "^17.6.0",
-    "motion": "^12.40.0",
-    "prettier": "^3.8.4",
-    "react": "^19.2.7",
-    "react-dom": "^19.2.7",
-    "typescript": "^6.0.3",
-    "typescript-eslint": "^8.61.0",
-    "vite": "^8.0.16"
-  }
 }

package/src/components/AppWindowShell.tsx

@@ -1,9 +1,9 @@
 import { ReactNode } from "react"
 
 export function AppWindowShell({ children }: { children: ReactNode }) {
-  return (
-    <div className="hd-mac-window">
-      <div className="hd-mac-window-content">{children}</div>
-    </div>
-  )
+    return (
+        <div className="hd-mac-window">
+            <div className="hd-mac-window-content">{children}</div>
+        </div>
+    )
 }