@buoy-gg/floating-tools-core 7.0.34 → 7.0.35

package/lib/commonjs/dial.js

@@ -15,6 +15,7 @@ exports.getIconPosition = getIconPosition;
 exports.getIconStaggerInputRange = getIconStaggerInputRange;
 exports.getSpiralAnimationPosition = getSpiralAnimationPosition;
 exports.getStaggeredIconProgress = getStaggeredIconProgress;
+var _fonts = require("./fonts.js");
 /**
  * Dial Menu - Shared layout calculations, colors, and styling.
  *
@@ -148,7 +149,7 @@ const dialStyles = exports.dialStyles = {
       fontSize: 10,
       fontWeight: '900',
       letterSpacing: 1,
-      fontFamily: 'monospace'
+      fontFamily: _fonts.monoFont
     },
     proText: {
       fontSize: 8,
@@ -169,7 +170,7 @@ const dialStyles = exports.dialStyles = {
       fontSize: 8,
       fontWeight: '900',
       letterSpacing: 0.3,
-      fontFamily: 'monospace',
+      fontFamily: _fonts.monoFont,
       marginTop: 2
     },
     /** Icon wrapper margin bottom */

package/lib/commonjs/fonts.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.monoFont = void 0;
+var _reactNative = require("react-native");
+/**
+ * The monospace family, per platform — THE seam for every `fontFamily` in Buoy.
+ *
+ * `"monospace"` is an ANDROID family name. iOS has no family called that, so
+ * React Native silently falls back to the system font: every code path, header
+ * name, JSON value and status chip Buoy renders "in monospace" was actually
+ * proportional on iOS. The cross-framework parity sheet is what surfaced it —
+ * Flutter resolves `monospace` to a real monospaced face, so its chips came out
+ * wider and taller than their RN twins and looked like a port bug.
+ *
+ * Menlo ships with every iOS version and is the family the ports can name too
+ * (Flutter `buoyMonoFont`, SwiftUI `Font.custom("Menlo", …)`), which is what
+ * makes the three frameworks draw the same glyphs.
+ *
+ * On web (the desktop dashboard, react-native-web) the generic `monospace`
+ * resolves to a thin, poorly-hinted browser default, so a curated stack is used
+ * there instead — the choice `packages/console` had already made locally.
+ */
+const monoFont = exports.monoFont = _reactNative.Platform.select({
+  ios: "Menlo",
+  android: "monospace",
+  web: 'ui-monospace, "SF Mono", "SFMono-Regular", Menlo, Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Liberation Mono", monospace',
+  default: "monospace"
+}) ?? "monospace";

package/lib/commonjs/icons/generated/glyph-icons.g.js

@@ -0,0 +1,299 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.glyphsByName = exports.ZapGlyph = exports.XGlyph = exports.XCircleGlyph = exports.WifiGlyph = exports.UserGlyph = exports.UploadGlyph = exports.UnlockGlyph = exports.Trash2Glyph = exports.ShieldGlyph = exports.SettingsGlyph = exports.ServerGlyph = exports.SearchGlyph = exports.RefreshCwGlyph = exports.PowerGlyph = exports.PlusGlyph = exports.PlayGlyph = exports.PinGlyph = exports.PauseGlyph = exports.PaletteGlyph = exports.NavigationGlyph = exports.MusicGlyph = exports.MoreVerticalGlyph = exports.MinusGlyph = exports.LockGlyph = exports.LinkGlyph = exports.LayersGlyph = exports.KeyGlyph = exports.InfoGlyph = exports.ImageOffGlyph = exports.ImageGlyph = exports.HomeGlyph = exports.HashGlyph = exports.GripVerticalGlyph = exports.GlobeGlyph = exports.GitBranchGlyph = exports.GaugeGlyph = exports.FloatWindowGlyph = exports.FlaskConicalGlyph = exports.FilterGlyph = exports.FilmGlyph = exports.FileTextGlyph = exports.FileJsonGlyph = exports.EyeOffGlyph = exports.EyeGlyph = exports.Edit3Glyph = exports.DownloadGlyph = exports.DockBottomGlyph = exports.DatabaseGlyph = exports.CropGlyph = exports.CopyGlyph = exports.CodeGlyph = exports.ClockGlyph = exports.CircleGlyph = exports.ChevronUpGlyph = exports.ChevronRightGlyph = exports.ChevronLeftGlyph = exports.ChevronDownGlyph = exports.CheckGlyph = exports.CheckCircleGlyph = exports.BugGlyph = exports.BracesGlyph = exports.BoxGlyph = exports.BookmarkGlyph = exports.BarChartGlyph = exports.ArrowUpGlyph = exports.ArrowDownToLineGlyph = exports.ArrowDownGlyph = exports.AlertTriangleGlyph = exports.AlertCircleGlyph = exports.ActivityGlyph = void 0;
+var _iconRenderer = require("../icon-renderer.js");
+var _iconDataG = require("./icon-data.g.js");
+// GENERATED by scripts/gen-icons.mjs — DO NOT EDIT.
+// Source of truth: shared/icons/glyphs/*.json  (format: shared/icons/SPEC.md)
+//
+// To change a glyph, edit its JSON and re-run `node scripts/gen-icons.mjs`.
+
+/** `{ glyph: true }` = the caller's `strokeWidth` replaces the authored one. */
+
+const ActivityGlyph = exports.ActivityGlyph = (0, _iconRenderer.createIcon)(_iconDataG.activityGlyphData, {
+  glyph: true
+});
+const AlertCircleGlyph = exports.AlertCircleGlyph = (0, _iconRenderer.createIcon)(_iconDataG.alertCircleGlyphData, {
+  glyph: true
+});
+const AlertTriangleGlyph = exports.AlertTriangleGlyph = (0, _iconRenderer.createIcon)(_iconDataG.alertTriangleGlyphData, {
+  glyph: true
+});
+const ArrowDownToLineGlyph = exports.ArrowDownToLineGlyph = (0, _iconRenderer.createIcon)(_iconDataG.arrowDownToLineGlyphData, {
+  glyph: true
+});
+const ArrowDownGlyph = exports.ArrowDownGlyph = (0, _iconRenderer.createIcon)(_iconDataG.arrowDownGlyphData, {
+  glyph: true
+});
+const ArrowUpGlyph = exports.ArrowUpGlyph = (0, _iconRenderer.createIcon)(_iconDataG.arrowUpGlyphData, {
+  glyph: true
+});
+const BarChartGlyph = exports.BarChartGlyph = (0, _iconRenderer.createIcon)(_iconDataG.barChartGlyphData, {
+  glyph: true
+});
+const BookmarkGlyph = exports.BookmarkGlyph = (0, _iconRenderer.createIcon)(_iconDataG.bookmarkGlyphData, {
+  glyph: true
+});
+const BoxGlyph = exports.BoxGlyph = (0, _iconRenderer.createIcon)(_iconDataG.boxGlyphData, {
+  glyph: true
+});
+const BracesGlyph = exports.BracesGlyph = (0, _iconRenderer.createIcon)(_iconDataG.bracesGlyphData, {
+  glyph: true
+});
+const BugGlyph = exports.BugGlyph = (0, _iconRenderer.createIcon)(_iconDataG.bugGlyphData, {
+  glyph: true
+});
+const CheckCircleGlyph = exports.CheckCircleGlyph = (0, _iconRenderer.createIcon)(_iconDataG.checkCircleGlyphData, {
+  glyph: true
+});
+const CheckGlyph = exports.CheckGlyph = (0, _iconRenderer.createIcon)(_iconDataG.checkGlyphData, {
+  glyph: true
+});
+const ChevronDownGlyph = exports.ChevronDownGlyph = (0, _iconRenderer.createIcon)(_iconDataG.chevronDownGlyphData, {
+  glyph: true
+});
+const ChevronLeftGlyph = exports.ChevronLeftGlyph = (0, _iconRenderer.createIcon)(_iconDataG.chevronLeftGlyphData, {
+  glyph: true
+});
+const ChevronRightGlyph = exports.ChevronRightGlyph = (0, _iconRenderer.createIcon)(_iconDataG.chevronRightGlyphData, {
+  glyph: true
+});
+const ChevronUpGlyph = exports.ChevronUpGlyph = (0, _iconRenderer.createIcon)(_iconDataG.chevronUpGlyphData, {
+  glyph: true
+});
+const CircleGlyph = exports.CircleGlyph = (0, _iconRenderer.createIcon)(_iconDataG.circleGlyphData, {
+  glyph: true
+});
+const ClockGlyph = exports.ClockGlyph = (0, _iconRenderer.createIcon)(_iconDataG.clockGlyphData, {
+  glyph: true
+});
+const CodeGlyph = exports.CodeGlyph = (0, _iconRenderer.createIcon)(_iconDataG.codeGlyphData, {
+  glyph: true
+});
+const CopyGlyph = exports.CopyGlyph = (0, _iconRenderer.createIcon)(_iconDataG.copyGlyphData, {
+  glyph: true
+});
+const CropGlyph = exports.CropGlyph = (0, _iconRenderer.createIcon)(_iconDataG.cropGlyphData, {
+  glyph: true
+});
+const DatabaseGlyph = exports.DatabaseGlyph = (0, _iconRenderer.createIcon)(_iconDataG.databaseGlyphData, {
+  glyph: true
+});
+const DockBottomGlyph = exports.DockBottomGlyph = (0, _iconRenderer.createIcon)(_iconDataG.dockBottomGlyphData, {
+  glyph: true
+});
+const DownloadGlyph = exports.DownloadGlyph = (0, _iconRenderer.createIcon)(_iconDataG.downloadGlyphData, {
+  glyph: true
+});
+const Edit3Glyph = exports.Edit3Glyph = (0, _iconRenderer.createIcon)(_iconDataG.edit3GlyphData, {
+  glyph: true
+});
+const EyeOffGlyph = exports.EyeOffGlyph = (0, _iconRenderer.createIcon)(_iconDataG.eyeOffGlyphData, {
+  glyph: true
+});
+const EyeGlyph = exports.EyeGlyph = (0, _iconRenderer.createIcon)(_iconDataG.eyeGlyphData, {
+  glyph: true
+});
+const FileJsonGlyph = exports.FileJsonGlyph = (0, _iconRenderer.createIcon)(_iconDataG.fileJsonGlyphData, {
+  glyph: true
+});
+const FileTextGlyph = exports.FileTextGlyph = (0, _iconRenderer.createIcon)(_iconDataG.fileTextGlyphData, {
+  glyph: true
+});
+const FilmGlyph = exports.FilmGlyph = (0, _iconRenderer.createIcon)(_iconDataG.filmGlyphData, {
+  glyph: true
+});
+const FilterGlyph = exports.FilterGlyph = (0, _iconRenderer.createIcon)(_iconDataG.filterGlyphData, {
+  glyph: true
+});
+const FlaskConicalGlyph = exports.FlaskConicalGlyph = (0, _iconRenderer.createIcon)(_iconDataG.flaskConicalGlyphData, {
+  glyph: true
+});
+const FloatWindowGlyph = exports.FloatWindowGlyph = (0, _iconRenderer.createIcon)(_iconDataG.floatWindowGlyphData, {
+  glyph: true
+});
+const GaugeGlyph = exports.GaugeGlyph = (0, _iconRenderer.createIcon)(_iconDataG.gaugeGlyphData, {
+  glyph: true
+});
+const GitBranchGlyph = exports.GitBranchGlyph = (0, _iconRenderer.createIcon)(_iconDataG.gitBranchGlyphData, {
+  glyph: true
+});
+const GlobeGlyph = exports.GlobeGlyph = (0, _iconRenderer.createIcon)(_iconDataG.globeGlyphData, {
+  glyph: true
+});
+const GripVerticalGlyph = exports.GripVerticalGlyph = (0, _iconRenderer.createIcon)(_iconDataG.gripVerticalGlyphData, {
+  glyph: true
+});
+const HashGlyph = exports.HashGlyph = (0, _iconRenderer.createIcon)(_iconDataG.hashGlyphData, {
+  glyph: true
+});
+const HomeGlyph = exports.HomeGlyph = (0, _iconRenderer.createIcon)(_iconDataG.homeGlyphData, {
+  glyph: true
+});
+const ImageOffGlyph = exports.ImageOffGlyph = (0, _iconRenderer.createIcon)(_iconDataG.imageOffGlyphData, {
+  glyph: true
+});
+const ImageGlyph = exports.ImageGlyph = (0, _iconRenderer.createIcon)(_iconDataG.imageGlyphData, {
+  glyph: true
+});
+const InfoGlyph = exports.InfoGlyph = (0, _iconRenderer.createIcon)(_iconDataG.infoGlyphData, {
+  glyph: true
+});
+const KeyGlyph = exports.KeyGlyph = (0, _iconRenderer.createIcon)(_iconDataG.keyGlyphData, {
+  glyph: true
+});
+const LayersGlyph = exports.LayersGlyph = (0, _iconRenderer.createIcon)(_iconDataG.layersGlyphData, {
+  glyph: true
+});
+const LinkGlyph = exports.LinkGlyph = (0, _iconRenderer.createIcon)(_iconDataG.linkGlyphData, {
+  glyph: true
+});
+const LockGlyph = exports.LockGlyph = (0, _iconRenderer.createIcon)(_iconDataG.lockGlyphData, {
+  glyph: true
+});
+const MinusGlyph = exports.MinusGlyph = (0, _iconRenderer.createIcon)(_iconDataG.minusGlyphData, {
+  glyph: true
+});
+const MoreVerticalGlyph = exports.MoreVerticalGlyph = (0, _iconRenderer.createIcon)(_iconDataG.moreVerticalGlyphData, {
+  glyph: true
+});
+const MusicGlyph = exports.MusicGlyph = (0, _iconRenderer.createIcon)(_iconDataG.musicGlyphData, {
+  glyph: true
+});
+const NavigationGlyph = exports.NavigationGlyph = (0, _iconRenderer.createIcon)(_iconDataG.navigationGlyphData, {
+  glyph: true
+});
+const PaletteGlyph = exports.PaletteGlyph = (0, _iconRenderer.createIcon)(_iconDataG.paletteGlyphData, {
+  glyph: true
+});
+const PauseGlyph = exports.PauseGlyph = (0, _iconRenderer.createIcon)(_iconDataG.pauseGlyphData, {
+  glyph: true
+});
+const PinGlyph = exports.PinGlyph = (0, _iconRenderer.createIcon)(_iconDataG.pinGlyphData, {
+  glyph: true
+});
+const PlayGlyph = exports.PlayGlyph = (0, _iconRenderer.createIcon)(_iconDataG.playGlyphData, {
+  glyph: true
+});
+const PlusGlyph = exports.PlusGlyph = (0, _iconRenderer.createIcon)(_iconDataG.plusGlyphData, {
+  glyph: true
+});
+const PowerGlyph = exports.PowerGlyph = (0, _iconRenderer.createIcon)(_iconDataG.powerGlyphData, {
+  glyph: true
+});
+const RefreshCwGlyph = exports.RefreshCwGlyph = (0, _iconRenderer.createIcon)(_iconDataG.refreshCwGlyphData, {
+  glyph: true
+});
+const SearchGlyph = exports.SearchGlyph = (0, _iconRenderer.createIcon)(_iconDataG.searchGlyphData, {
+  glyph: true
+});
+const ServerGlyph = exports.ServerGlyph = (0, _iconRenderer.createIcon)(_iconDataG.serverGlyphData, {
+  glyph: true
+});
+const SettingsGlyph = exports.SettingsGlyph = (0, _iconRenderer.createIcon)(_iconDataG.settingsGlyphData, {
+  glyph: true
+});
+const ShieldGlyph = exports.ShieldGlyph = (0, _iconRenderer.createIcon)(_iconDataG.shieldGlyphData, {
+  glyph: true
+});
+const Trash2Glyph = exports.Trash2Glyph = (0, _iconRenderer.createIcon)(_iconDataG.trash2GlyphData, {
+  glyph: true
+});
+const UnlockGlyph = exports.UnlockGlyph = (0, _iconRenderer.createIcon)(_iconDataG.unlockGlyphData, {
+  glyph: true
+});
+const UploadGlyph = exports.UploadGlyph = (0, _iconRenderer.createIcon)(_iconDataG.uploadGlyphData, {
+  glyph: true
+});
+const UserGlyph = exports.UserGlyph = (0, _iconRenderer.createIcon)(_iconDataG.userGlyphData, {
+  glyph: true
+});
+const WifiGlyph = exports.WifiGlyph = (0, _iconRenderer.createIcon)(_iconDataG.wifiGlyphData, {
+  glyph: true
+});
+const XCircleGlyph = exports.XCircleGlyph = (0, _iconRenderer.createIcon)(_iconDataG.xCircleGlyphData, {
+  glyph: true
+});
+const XGlyph = exports.XGlyph = (0, _iconRenderer.createIcon)(_iconDataG.xGlyphData, {
+  glyph: true
+});
+const ZapGlyph = exports.ZapGlyph = (0, _iconRenderer.createIcon)(_iconDataG.zapGlyphData, {
+  glyph: true
+});
+
+/** Every glyph component, keyed by its source filename. */
+const glyphsByName = exports.glyphsByName = {
+  'activity': ActivityGlyph,
+  'alert-circle': AlertCircleGlyph,
+  'alert-triangle': AlertTriangleGlyph,
+  'arrow-down-to-line': ArrowDownToLineGlyph,
+  'arrow-down': ArrowDownGlyph,
+  'arrow-up': ArrowUpGlyph,
+  'bar-chart': BarChartGlyph,
+  'bookmark': BookmarkGlyph,
+  'box': BoxGlyph,
+  'braces': BracesGlyph,
+  'bug': BugGlyph,
+  'check-circle': CheckCircleGlyph,
+  'check': CheckGlyph,
+  'chevron-down': ChevronDownGlyph,
+  'chevron-left': ChevronLeftGlyph,
+  'chevron-right': ChevronRightGlyph,
+  'chevron-up': ChevronUpGlyph,
+  'circle': CircleGlyph,
+  'clock': ClockGlyph,
+  'code': CodeGlyph,
+  'copy': CopyGlyph,
+  'crop': CropGlyph,
+  'database': DatabaseGlyph,
+  'dock-bottom': DockBottomGlyph,
+  'download': DownloadGlyph,
+  'edit-3': Edit3Glyph,
+  'eye-off': EyeOffGlyph,
+  'eye': EyeGlyph,
+  'file-json': FileJsonGlyph,
+  'file-text': FileTextGlyph,
+  'film': FilmGlyph,
+  'filter': FilterGlyph,
+  'flask-conical': FlaskConicalGlyph,
+  'float-window': FloatWindowGlyph,
+  'gauge': GaugeGlyph,
+  'git-branch': GitBranchGlyph,
+  'globe': GlobeGlyph,
+  'grip-vertical': GripVerticalGlyph,
+  'hash': HashGlyph,
+  'home': HomeGlyph,
+  'image-off': ImageOffGlyph,
+  'image': ImageGlyph,
+  'info': InfoGlyph,
+  'key': KeyGlyph,
+  'layers': LayersGlyph,
+  'link': LinkGlyph,
+  'lock': LockGlyph,
+  'minus': MinusGlyph,
+  'more-vertical': MoreVerticalGlyph,
+  'music': MusicGlyph,
+  'navigation': NavigationGlyph,
+  'palette': PaletteGlyph,
+  'pause': PauseGlyph,
+  'pin': PinGlyph,
+  'play': PlayGlyph,
+  'plus': PlusGlyph,
+  'power': PowerGlyph,
+  'refresh-cw': RefreshCwGlyph,
+  'search': SearchGlyph,
+  'server': ServerGlyph,
+  'settings': SettingsGlyph,
+  'shield': ShieldGlyph,
+  'trash-2': Trash2Glyph,
+  'unlock': UnlockGlyph,
+  'upload': UploadGlyph,
+  'user': UserGlyph,
+  'wifi': WifiGlyph,
+  'x-circle': XCircleGlyph,
+  'x': XGlyph,
+  'zap': ZapGlyph
+};

package/lib/commonjs/icons/generated/icon-data.g.js

@@ -161,15 +161,15 @@ const benchmarkIconData = exports.benchmarkIconData = {
     opacity: 0.9
   }, {
     type: 'rect',
-    x: -0.75,
-    y: -4,
-    width: 1.5,
-    height: 5,
+    x: 0,
+    y: 0.25,
+    width: 5,
+    height: 1.5,
     fill: 'color',
     borderRadius: 1,
     opacity: 0.9,
-    rotation: -45,
-    rotateFromCenter: true
+    rotation: -135,
+    rotateFromCenter: false
   }, {
     type: 'circle',
     cx: 0,
@@ -3383,123 +3383,102 @@ const sentryIconData = exports.sentryIconData = {
   color: SENTRY_ICON_COLOR,
   bgColor: '#000',
   elements: [{
-    type: 'circle',
-    cx: 0,
-    cy: 1,
-    r: 8,
-    fill: 'color',
-    opacity: 0.15
-  }, {
-    type: 'rect',
-    x: -6,
-    y: -4,
-    width: 12,
-    height: 14,
-    fill: 'color',
-    borderRadius: 6,
-    opacity: 0.9
-  }, {
-    type: 'rect',
-    x: -4,
-    y: -9,
-    width: 8,
-    height: 6,
-    fill: 'color',
-    borderRadius: 4,
-    opacity: 0.95
+    type: 'arc',
+    cx: -10.5,
+    cy: 8.55,
+    r: 14.3,
+    startAngle: -60,
+    endAngle: -0.4,
+    segments: 24,
+    strokeWidth: 1.54
   }, {
-    type: 'rect',
-    x: -3,
-    y: -12,
-    width: 0.8,
-    height: 4,
-    fill: 'color',
-    opacity: 0.7,
-    rotation: -15
+    type: 'line',
+    x1: -3.343,
+    y1: -3.835,
+    x2: -0.98,
+    y2: -7.883,
+    strokeWidth: 1.62
   }, {
-    type: 'circle',
-    cx: -4,
-    cy: -12,
-    r: 1.2,
-    fill: 'color',
-    opacity: 0.6
+    type: 'semicircle',
+    cx: 0,
+    cy: -7.3,
+    r: 1.96,
+    half: 'top',
+    fill: 'color'
   }, {
-    type: 'rect',
-    x: 2.2,
-    y: -12,
-    width: 0.8,
-    height: 4,
-    fill: 'color',
-    opacity: 0.7,
-    rotation: 15
+    type: 'line',
+    x1: 0.96,
+    y1: -7.868,
+    x2: 9.551,
+    y2: 6.754,
+    strokeWidth: 1.67
   }, {
-    type: 'circle',
-    cx: 4,
-    cy: -12,
-    r: 1.2,
-    fill: 'color',
-    opacity: 0.6
+    type: 'semicircle',
+    cx: 8.568,
+    cy: 7.333,
+    r: 1.977,
+    half: 'right',
+    fill: 'color'
   }, {
     type: 'rect',
-    x: -10,
-    y: -2,
-    width: 4,
-    height: 1,
-    fill: 'color',
-    opacity: 0.8,
-    rotation: -20
+    x: 6.552,
+    y: 7.657,
+    width: 2.008,
+    height: 1.6,
+    fill: 'color'
   }, {
-    type: 'rect',
-    x: -10,
-    y: 1,
-    width: 4,
-    height: 1,
-    fill: 'color',
-    opacity: 0.8,
-    rotation: -10
+    type: 'arc',
+    cx: -10.5,
+    cy: 8.55,
+    r: 10.83,
+    startAngle: -60,
+    endAngle: -0.53,
+    segments: 20,
+    strokeWidth: 1.6
   }, {
     type: 'rect',
-    x: -10,
-    y: 4,
-    width: 4,
-    height: 1,
-    fill: 'color',
-    opacity: 0.8,
-    rotation: 10
+    x: -0.521,
+    y: 7.64,
+    width: 5.17,
+    height: 1.6,
+    fill: 'color'
   }, {
-    type: 'rect',
-    x: 6,
-    y: -2,
-    width: 4,
-    height: 1,
-    fill: 'color',
-    opacity: 0.8,
-    rotation: 20
+    type: 'line',
+    x1: -5.086,
+    y1: -0.823,
+    x2: -6.791,
+    y2: 2.125,
+    strokeWidth: 1.62
   }, {
-    type: 'rect',
-    x: 6,
-    y: 1,
-    width: 4,
-    height: 1,
-    fill: 'color',
-    opacity: 0.8,
-    rotation: 10
+    type: 'arc',
+    cx: -10.5,
+    cy: 8.55,
+    r: 7.42,
+    startAngle: -60,
+    endAngle: -0.83,
+    segments: 16,
+    strokeWidth: 1.46
+  }, {
+    type: 'rect',
+    x: -8.547,
+    y: 7.631,
+    width: 6.09,
+    height: 1.609,
+    fill: 'color'
   }, {
-    type: 'rect',
-    x: 6,
-    y: 4,
-    width: 4,
-    height: 1,
-    fill: 'color',
-    opacity: 0.8,
-    rotation: -10
+    type: 'semicircle',
+    cx: -8.547,
+    cy: 7.308,
+    r: 1.931,
+    half: 'left',
+    fill: 'color'
   }, {
-    type: 'circle',
-    cx: 0,
-    cy: 1,
-    r: 1,
-    fill: '#fff',
-    opacity: 0.3
+    type: 'line',
+    x1: -9.517,
+    y1: 6.737,
+    x2: -8.639,
+    y2: 5.33,
+    strokeWidth: 1.61
   }]
 };
 

package/lib/commonjs/icons/icon-primitives.js

@@ -32,15 +32,19 @@ var _jsxRuntime = require("react/jsx-runtime");
 
 const IconContainer = ({
   size,
-  children
+  children,
+  style
 }) => {
-  const style = {
+  const box = {
     position: 'relative',
     width: r2(size),
     height: r2(size)
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    style: style,
+    style: {
+      ...box,
+      ...style
+    },
     children: children
   });
 };
@@ -294,14 +298,24 @@ const IconLineImpl = ({
       const segCenterX = (prev.x + pt.x) / 2;
       const segCenterY = (prev.y + pt.y) / 2;
 
-      // A capsule: rounded ends butt against the neighbouring segment's, so
-      // the joints read as a continuous stroke rather than a mitred polyline.
+      // A capsule per segment. Interior joints OVERLAP by half a stroke on each side (a
+      // capsule exactly segLength long shrinks to a blob when the segment is shorter than
+      // the stroke, and neighbouring round ends leave notches on the outside of a turn —
+      // the route-path icon rendered as dashes). The chain's two ends stay exactly at the
+      // authored endpoints so a curve is the same length as a straight line.
+      const extS = i > 1 ? strokeWidth / 2 : 0;
+      const extE = i < segments ? strokeWidth / 2 : 0;
+      const ux = segLength > 0 ? segDx / segLength : 0;
+      const uy = segLength > 0 ? segDy / segLength : 0;
+      const capLength = segLength + extS + extE;
+      const capCenterX = segCenterX + ux * (extE - extS) / 2;
+      const capCenterY = segCenterY + uy * (extE - extS) / 2;
       elements.push(/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         style: {
           position: 'absolute',
-          left: r2(segCenterX - segLength / 2),
-          top: r2(segCenterY - strokeWidth / 2),
-          width: r2(segLength),
+          left: r2(capCenterX - capLength / 2),
+          top: r2(capCenterY - strokeWidth / 2),
+          width: r2(capLength),
           height: r2(strokeWidth),
           borderRadius: r2(strokeWidth / 2),
           backgroundColor: stroke,
@@ -463,13 +477,19 @@ const IconArcImpl = ({
     const x2 = cx + r * Math.cos(rad2);
     const y2 = cy + r * Math.sin(rad2);
 
-    // Calculate segment geometry
+    // Calculate segment geometry. Interior joints overlap by half a stroke (same reason
+    // as the curved-line chain above); the arc's two ends stay at the authored angles.
     const dx = x2 - x1;
     const dy = y2 - y1;
-    const length = Math.sqrt(dx * dx + dy * dy);
+    const segLen = Math.sqrt(dx * dx + dy * dy);
     const angle = Math.atan2(dy, dx) * (180 / Math.PI);
-    const midX = (x1 + x2) / 2;
-    const midY = (y1 + y2) / 2;
+    const extS = i > 0 ? strokeWidth / 2 : 0;
+    const extE = i < numSegments - 1 ? strokeWidth / 2 : 0;
+    const ux = segLen > 0 ? dx / segLen : 0;
+    const uy = segLen > 0 ? dy / segLen : 0;
+    const length = segLen + extS + extE;
+    const midX = (x1 + x2) / 2 + ux * (extE - extS) / 2;
+    const midY = (y1 + y2) / 2 + uy * (extE - extS) / 2;
     const style = {
       position: 'absolute',
       left: r2(midX - length / 2),