@the-portland-company/shell 0.16.2 → 0.16.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/native.cjs CHANGED
@@ -154,6 +154,15 @@ function TopBarTooltip({
154
154
  }
155
155
  );
156
156
  }
157
+ function TopBarPanelArrow() {
158
+ return /* @__PURE__ */ jsxRuntime.jsx(
159
+ "span",
160
+ {
161
+ "aria-hidden": true,
162
+ className: "absolute -top-[5px] right-[11px] h-2.5 w-2.5 rotate-45 border-l border-t border-[color:var(--line)] bg-[color:var(--panel-elevated)]"
163
+ }
164
+ );
165
+ }
157
166
  function TopBarWidgetSlot({
158
167
  title,
159
168
  description,
@@ -312,14 +321,17 @@ function TopBarPopover({
312
321
  ]
313
322
  }
314
323
  ),
315
- open ? /* @__PURE__ */ jsxRuntime.jsx(
324
+ open ? /* @__PURE__ */ jsxRuntime.jsxs(
316
325
  "div",
317
326
  {
318
327
  className: [
319
- "absolute right-0 z-40 mt-2 overflow-hidden rounded-xl border border-[color:var(--line)] bg-[color:var(--panel-elevated)] shadow-[var(--shadow-soft)]",
328
+ "absolute right-0 z-40 mt-2 rounded-xl border border-[color:var(--line)] bg-[color:var(--panel-elevated)] shadow-[var(--shadow-soft)]",
320
329
  panelClassName ?? "w-80"
321
330
  ].join(" "),
322
- children
331
+ children: [
332
+ /* @__PURE__ */ jsxRuntime.jsx(TopBarPanelArrow, {}),
333
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-hidden rounded-xl", children })
334
+ ]
323
335
  }
324
336
  ) : null
325
337
  ] });
@@ -1233,7 +1245,14 @@ function NavTopBar({
1233
1245
  themeToggle,
1234
1246
  /* @__PURE__ */ jsxRuntime.jsxs("details", { className: "group/acct relative", children: [
1235
1247
  /* @__PURE__ */ jsxRuntime.jsxs("summary", { className: "group/tbtip relative flex cursor-pointer list-none items-center gap-2.5 rounded-full py-1 pl-1 pr-2 transition hover:bg-[color:var(--panel-elevated)] [&::-webkit-details-marker]:hidden", children: [
1236
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-9 w-9 items-center justify-center overflow-hidden rounded-full bg-[color:var(--color-race-red)] text-xs font-bold text-white", children: user?.avatarUrl ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: user.avatarUrl, alt: "", className: "h-full w-full object-cover" }) : initials }),
1248
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-[var(--topbar-icon-button-size,32px)] w-[var(--topbar-icon-button-size,32px)] items-center justify-center overflow-hidden rounded-full bg-[color:var(--color-race-red)] text-xs font-bold text-white", children: user?.avatarUrl || user?.memojiUrl ? /* @__PURE__ */ jsxRuntime.jsx(
1249
+ "img",
1250
+ {
1251
+ src: user.avatarUrl || user.memojiUrl,
1252
+ alt: "",
1253
+ className: "h-full w-full object-cover"
1254
+ }
1255
+ ) : initials }),
1237
1256
  /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "hidden flex-col leading-tight md:flex", children: [
1238
1257
  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-semibold text-[color:var(--foreground)]", children: user?.name ?? "Signed in" }),
1239
1258
  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-[color:var(--muted)]", children: secondary })
@@ -1255,7 +1274,8 @@ function NavTopBar({
1255
1274
  }
1256
1275
  ) })
1257
1276
  ] }),
1258
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute right-0 z-30 mt-2 w-72 overflow-hidden rounded-xl border border-[color:var(--line)] bg-[color:var(--panel-elevated)] py-1 shadow-[var(--shadow-soft)]", children: [
1277
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute right-0 z-30 mt-2 w-72 rounded-xl border border-[color:var(--line)] bg-[color:var(--panel-elevated)] py-1 shadow-[var(--shadow-soft)]", children: [
1278
+ /* @__PURE__ */ jsxRuntime.jsx(TopBarPanelArrow, {}),
1259
1279
  userMenu?.myProfileHref ? /* @__PURE__ */ jsxRuntime.jsxs(
1260
1280
  "a",
1261
1281
  {
@@ -1576,6 +1596,7 @@ exports.NavTopBar = NavTopBar;
1576
1596
  exports.NotificationsAction = NotificationsAction;
1577
1597
  exports.SupportAction = SupportAction;
1578
1598
  exports.TopBarCountBadge = TopBarCountBadge;
1599
+ exports.TopBarPanelArrow = TopBarPanelArrow;
1579
1600
  exports.TopBarTooltip = TopBarTooltip;
1580
1601
  exports.TopBarWidgetSlot = TopBarWidgetSlot;
1581
1602
  exports.envChipClasses = envChipClasses;