@buoy-gg/shared-ui 7.0.25 → 7.0.27

package/lib/commonjs/dataViewer/diffThemes.js

@@ -52,17 +52,19 @@ const gitClassicTheme = exports.gitClassicTheme = {
 
 /**
  * Dev Tools Default Theme
- * Clean dark theme matching Buoy website brand colors
+ * The night theme (ui/night) — near-black surfaces, hairline borders. Diff
+ * DATA colors (added green / removed red / modified purple) are semantic and
+ * deliberately unchanged.
  */
 const devToolsDefaultTheme = exports.devToolsDefaultTheme = {
   name: "Dev Tools Default",
-  description: "Clean dark theme with Buoy brand colors",
-  // Surface colors (matching website dark theme)
-  background: "#121212",
-  panelBackground: "#1A1A1A",
-  headerBackground: "#1A1A1A",
+  description: "The Buoy night theme",
+  // Night surfaces
+  background: "#050505",
+  panelBackground: "#0C0C0C",
+  headerBackground: "#0C0C0C",
   // Diff colors using website's semantic colors
-  // Added: Primary teal (#20C997)
+  // Added: Primary green (#20C997)
   // Removed: Error red (#EF4444)
   // Modified: Secondary purple (#9B70E0)
   addedBackground: "rgba(32, 201, 151, 0.12)",
@@ -74,32 +76,32 @@ const devToolsDefaultTheme = exports.devToolsDefaultTheme = {
   addedText: "#20C997",
   removedText: "#EF4444",
   modifiedText: "#9B70E0",
-  unchangedText: "#E0E0E0",
+  unchangedText: "#ECEDEE",
   // Word-level highlights
   addedWordHighlight: "rgba(32, 201, 151, 0.3)",
   removedWordHighlight: "rgba(239, 68, 68, 0.3)",
   // UI elements
-  lineNumberBackground: "#121212",
-  lineNumberText: "#A0A0A0",
-  lineNumberBorder: "#333333",
+  lineNumberBackground: "#050505",
+  lineNumberText: "#9BA1A6",
+  lineNumberBorder: "#1A1A1C",
   // Markers
   markerAddedBackground: "rgba(32, 201, 151, 0.2)",
   markerRemovedBackground: "rgba(239, 68, 68, 0.2)",
   markerModifiedBackground: "rgba(155, 112, 224, 0.2)",
-  markerText: "#A0A0A0",
+  markerText: "#9BA1A6",
   // Borders and dividers
-  borderColor: "#333333",
-  dividerColor: "#333333",
+  borderColor: "#1A1A1C",
+  dividerColor: "#1A1A1C",
   // Summary bar
-  summaryBackground: "#1A1A1A",
+  summaryBackground: "#0C0C0C",
   summaryAddedText: "#20C997",
   summaryRemovedText: "#EF4444",
   summaryModifiedText: "#9B70E0",
   // Empty state
-  emptyStateText: "#888888",
+  emptyStateText: "#636366",
   // Separator
-  separatorBackground: "#1A1A1A",
-  separatorText: "#A0A0A0"
+  separatorBackground: "#0C0C0C",
+  separatorText: "#9BA1A6"
 };
 
 /**

package/lib/commonjs/dataViewer/tree/TreeDiffViewer.js

@@ -34,10 +34,10 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 // ============================================
 
 const darkTheme = {
-  background: _sharedUi.gameUIColors.diff.lineNumberBackground,
-  // Exact from gameUIColors
-  text: _sharedUi.gameUIColors.diff.unchangedText,
-  // Exact from gameUIColors
+  // Night chrome; the diff DATA colors below stay on the shared diff palette.
+  background: _sharedUi.night.color.bg,
+  text: _sharedUi.night.color.textSecondary,
+  // "unchanged" stays dimmed vs the diff tints
   // Line backgrounds - exact from gameUIColors
   addedBg: _sharedUi.gameUIColors.diff.addedBackground,
   removedBg: _sharedUi.gameUIColors.diff.removedBackground,
@@ -52,12 +52,12 @@ const darkTheme = {
   // UI elements
   arrowText: _sharedUi.gameUIColors.diff.modifiedText,
   keyText: _sharedUi.gameUIColors.diff.modifiedText,
-  expandIcon: _sharedUi.gameUIColors.diff.lineNumberText,
-  bracketText: _sharedUi.gameUIColors.diff.unchangedText,
+  expandIcon: _sharedUi.night.color.textTertiary,
+  bracketText: _sharedUi.night.color.textSecondary,
   nullText: _sharedUi.gameUIColors.diff.modifiedText,
   undefinedText: _sharedUi.gameUIColors.diff.modifiedText,
-  stringText: _sharedUi.gameUIColors.diff.unchangedText,
-  numberText: _sharedUi.gameUIColors.diff.unchangedText,
+  stringText: _sharedUi.night.color.textSecondary,
+  numberText: _sharedUi.night.color.textSecondary,
   booleanText: _sharedUi.gameUIColors.diff.modifiedText
 };
 const lightTheme = {

package/lib/commonjs/hooks/safe-area-impl.js

@@ -7,7 +7,7 @@ exports.useNativeSafeAreaInsets = exports.safeAreaType = exports.hasSafeAreaPack
 /**
  * Auto-generated safe area implementation
  * Detected: none
- * Generated at: 2026-08-19T21:13:01.415Z
+ * Generated at: 2026-08-21T01:33:44.897Z
  *
  * DO NOT EDIT - This file is generated by scripts/detect-safe-area.js
  *

package/lib/commonjs/icons/lucide-icons.js

@@ -523,31 +523,90 @@ const Eye = ({
     strokeWidth: strokeWidth
   })]
 });
+
+/**
+ * Pushpin at 45°: needle → flange bar → flare → one long rounded handle.
+ * The handle is a border-only View rotated about its center; everything else
+ * is straight Line segments, so no curve stamping on native.
+ *
+ * `active` stands the pin upright (needle down — "stuck in"); default is the
+ * tilted resting pose. The upright pose scales 0.92 so the needle tip and
+ * head corners stay inside the 24-box.
+ */
 exports.Eye = Eye;
 const Pin = ({
   size = 24,
   color = "currentColor",
   strokeWidth = 2,
+  active = false,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(Svg, {
+}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(Svg, {
   width: size,
   height: size,
   viewBox: "0 0 24 24",
   ...props,
-  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Circle, {
-    cx: 12,
-    cy: 9,
-    r: 5,
-    stroke: color,
-    strokeWidth: strokeWidth
-  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Line, {
-    x1: 12,
-    y1: 14,
-    x2: 12,
-    y2: 21,
-    stroke: color,
-    strokeWidth: strokeWidth
-  })]
+  children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: {
+      position: "absolute",
+      width: 24,
+      height: 24,
+      // Keep the array shape stable across toggles: RN's style differ turns
+      // an explicit `transform: undefined` into null and processTransform
+      // crashes on it (`null.forEach`) when unpinning.
+      transform: active ? [{
+        rotate: "-45deg"
+      }, {
+        scale: 0.92
+      }] : [{
+        rotate: "0deg"
+      }, {
+        scale: 1
+      }]
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Line, {
+      x1: 2.97,
+      y1: 21.03,
+      x2: 8.18,
+      y2: 15.82,
+      stroke: color,
+      strokeWidth: strokeWidth
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Line, {
+      x1: 4.4,
+      y1: 10.81,
+      x2: 13.19,
+      y2: 19.6,
+      stroke: color,
+      strokeWidth: strokeWidth
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Line, {
+      x1: 5.17,
+      y1: 10.54,
+      x2: 11.43,
+      y2: 8.83,
+      stroke: color,
+      strokeWidth: strokeWidth
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Line, {
+      x1: 13.46,
+      y1: 18.83,
+      x2: 15.17,
+      y2: 12.57,
+      stroke: color,
+      strokeWidth: strokeWidth
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        position: "absolute",
+        left: 11.15,
+        top: 4.4,
+        width: 11.38,
+        height: 5.52,
+        borderWidth: strokeWidth,
+        borderColor: color,
+        borderRadius: 2.07,
+        transform: [{
+          rotate: "-45deg"
+        }]
+      }
+    })]
+  })
 });
 
 /**

package/lib/commonjs/index.js

@@ -60,6 +60,18 @@ var _exportNames = {
   getDeviceInfo: true,
   logDeviceInfo: true,
   JsModal: true,
+  night: true,
+  NIGHT_LABEL_TRACKING: true,
+  NightSectionLabel: true,
+  NightFootnote: true,
+  NightCard: true,
+  NightSeparator: true,
+  NightRows: true,
+  NightSwitch: true,
+  NightChip: true,
+  NightButton: true,
+  NightSegmented: true,
+  NightBadge: true,
   gameUIColors: true,
   buoyColors: true,
   refreshGameUIColors: true,
@@ -144,6 +156,72 @@ Object.defineProperty(exports, "LicenseEntryModal", {
     return _index12.LicenseEntryModal;
   }
 });
+Object.defineProperty(exports, "NIGHT_LABEL_TRACKING", {
+  enumerable: true,
+  get: function () {
+    return _nightTheme.NIGHT_LABEL_TRACKING;
+  }
+});
+Object.defineProperty(exports, "NightBadge", {
+  enumerable: true,
+  get: function () {
+    return _primitives.NightBadge;
+  }
+});
+Object.defineProperty(exports, "NightButton", {
+  enumerable: true,
+  get: function () {
+    return _primitives.NightButton;
+  }
+});
+Object.defineProperty(exports, "NightCard", {
+  enumerable: true,
+  get: function () {
+    return _primitives.NightCard;
+  }
+});
+Object.defineProperty(exports, "NightChip", {
+  enumerable: true,
+  get: function () {
+    return _primitives.NightChip;
+  }
+});
+Object.defineProperty(exports, "NightFootnote", {
+  enumerable: true,
+  get: function () {
+    return _primitives.NightFootnote;
+  }
+});
+Object.defineProperty(exports, "NightRows", {
+  enumerable: true,
+  get: function () {
+    return _primitives.NightRows;
+  }
+});
+Object.defineProperty(exports, "NightSectionLabel", {
+  enumerable: true,
+  get: function () {
+    return _primitives.NightSectionLabel;
+  }
+});
+Object.defineProperty(exports, "NightSegmented", {
+  enumerable: true,
+  get: function () {
+    return _primitives.NightSegmented;
+  }
+});
+Object.defineProperty(exports, "NightSeparator", {
+  enumerable: true,
+  get: function () {
+    return _primitives.NightSeparator;
+  }
+});
+Object.defineProperty(exports, "NightSwitch", {
+  enumerable: true,
+  get: function () {
+    return _primitives.NightSwitch;
+  }
+});
 Object.defineProperty(exports, "ProBadge", {
   enumerable: true,
   get: function () {
@@ -414,6 +492,12 @@ Object.defineProperty(exports, "macOSColors", {
     return _macOSDesignSystemColors.macOSColors;
   }
 });
+Object.defineProperty(exports, "night", {
+  enumerable: true,
+  get: function () {
+    return _nightTheme.night;
+  }
+});
 Object.defineProperty(exports, "normalizeEnvironment", {
   enumerable: true,
   get: function () {
@@ -724,6 +808,8 @@ Object.keys(_index0).forEach(function (key) {
 });
 var _index1 = require("./hooks/index.js");
 var _JsModal = require("./JsModal");
+var _nightTheme = require("./ui/night/nightTheme.js");
+var _primitives = require("./ui/night/primitives.js");
 var _gameUIColors = require("./ui/gameUI/constants/gameUIColors.js");
 var _macOSDesignSystemColors = require("./ui/gameUI/constants/macOSDesignSystemColors.js");
 var _EnvironmentIndicator = require("./env/EnvironmentIndicator");