@the-portland-company/shell 0.11.0 → 0.11.2

package/CHANGELOG.md

@@ -1,3 +1,19 @@
+## 0.11.1 — 2026-07-20
+
+### Fixed (packaging — native install)
+
+- **Chakra-only peers are now `optional`** via `peerDependenciesMeta`
+  (`@chakra-ui/react`, `@emotion/react`, `@emotion/styled`,
+  `@supabase/supabase-js`, `react-icons`, `react-router-dom`). The `./native`
+  export imports none of them — only `react`/`react-dom` (still required) — so
+  the Next.js worker apps (Forms/Surveys/Polls) can `npm i
+  @the-portland-company/shell` without `ERESOLVE` and without
+  `--legacy-peer-deps`. The Chakra `.` export still expects these at runtime;
+  apps that use it already install them.
+- **Relaxed the `@supabase/supabase-js` peer range** from `~2.95.3`
+  (`>=2.95.3 <2.96`) to `>=2.95.3 <3` so it no longer conflicts with apps on a
+  newer 2.x (e.g. surveys on `^2.106.2`).
+
 ## 0.11.0 — 2026-07-20
 
 ### Added (native — icon-only tab strip)

package/dist/chunk-VTGRJ4HV.js

@@ -0,0 +1,25 @@
+import { useState, useEffect } from 'react';
+
+// src/lib/topbarIconSlot.ts
+function useTopBarIconSlotGlyph(slot) {
+  const [name, setName] = useState(null);
+  useEffect(() => {
+    if (typeof window === "undefined") return;
+    const read = () => {
+      const raw = window.getComputedStyle(document.documentElement).getPropertyValue(`--topbar-icon-${slot}`).trim().replace(/^['"]|['"]$/g, "");
+      setName(raw.length > 0 ? raw : null);
+    };
+    read();
+    const observer = new MutationObserver(read);
+    observer.observe(document.head, { childList: true, subtree: true });
+    return () => observer.disconnect();
+  }, [slot]);
+  return name;
+}
+function brandIconSrc(name, basePath = "/brand/icons/") {
+  return `${basePath}${name}.svg`;
+}
+
+export { brandIconSrc, useTopBarIconSlotGlyph };
+//# sourceMappingURL=chunk-VTGRJ4HV.js.map
+//# sourceMappingURL=chunk-VTGRJ4HV.js.map

package/dist/chunk-VTGRJ4HV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/topbarIconSlot.ts"],"names":[],"mappings":";;;AA6BO,SAAS,uBAAuB,IAAA,EAAqC;AAC1E,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAwB,IAAI,CAAA;AAEpD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,OAAO,WAAW,WAAA,EAAa;AAEnC,IAAA,MAAM,OAAO,MAAM;AACjB,MAAA,MAAM,GAAA,GAAM,MAAA,CACT,gBAAA,CAAiB,QAAA,CAAS,eAAe,CAAA,CACzC,gBAAA,CAAiB,CAAA,cAAA,EAAiB,IAAI,EAAE,CAAA,CACxC,IAAA,EAAK,CAEL,OAAA,CAAQ,gBAAgB,EAAE,CAAA;AAC7B,MAAA,OAAA,CAAQ,GAAA,CAAI,MAAA,GAAS,CAAA,GAAI,GAAA,GAAM,IAAI,CAAA;AAAA,IACrC,CAAA;AAEA,IAAA,IAAA,EAAK;AAEL,IAAA,MAAM,QAAA,GAAW,IAAI,gBAAA,CAAiB,IAAI,CAAA;AAC1C,IAAA,QAAA,CAAS,OAAA,CAAQ,SAAS,IAAA,EAAM,EAAE,WAAW,IAAA,EAAM,OAAA,EAAS,MAAM,CAAA;AAClE,IAAA,OAAO,MAAM,SAAS,UAAA,EAAW;AAAA,EACnC,CAAA,EAAG,CAAC,IAAI,CAAC,CAAA;AAET,EAAA,OAAO,IAAA;AACT;AAGO,SAAS,YAAA,CAAa,IAAA,EAAc,QAAA,GAAW,eAAA,EAAiB;AACrE,EAAA,OAAO,CAAA,EAAG,QAAQ,CAAA,EAAG,IAAI,CAAA,IAAA,CAAA;AAC3B","file":"chunk-VTGRJ4HV.js","sourcesContent":["import { useEffect, useState } from 'react'\n\n/**\n * The six canonical top-bar action slots (Reference/Global-Rules v9 → top-bar\n * icons). Each slot's GLYPH is unique and comes from the Brand API\n * `topbarIcons.items.*` tokens, exposed as `--topbar-icon-<slot>` CSS vars\n * whose value is the brand-icon NAME. Every OTHER property — size, gap, color,\n * hover, selected — is universal across all six slots.\n */\nexport type TopBarIconSlot =\n  | 'comms-fuel'\n  | 'apps'\n  | 'notifications'\n  | 'alerts'\n  | 'support'\n  | 'dark-mode'\n\n/**\n * Reads the glyph NAME for a slot from its `--topbar-icon-<slot>` CSS var.\n *\n * Runs in an effect because the Brand stylesheet is appended to <head> at\n * runtime (Global Rules forbids baking it into the build), so the var is not\n * resolvable during SSR or the first synchronous render. The MutationObserver\n * re-reads once the stylesheet lands so the glyph upgrades from the caller's\n * fallback without a reload.\n *\n * Returns null when the slot has no Brand glyph — callers render their own\n * fallback icon in that case.\n */\nexport function useTopBarIconSlotGlyph(slot: TopBarIconSlot): string | null {\n  const [name, setName] = useState<string | null>(null)\n\n  useEffect(() => {\n    if (typeof window === 'undefined') return\n\n    const read = () => {\n      const raw = window\n        .getComputedStyle(document.documentElement)\n        .getPropertyValue(`--topbar-icon-${slot}`)\n        .trim()\n        // Brand may emit the name quoted (e.g. \"bell\"); strip the quotes.\n        .replace(/^['\"]|['\"]$/g, '')\n      setName(raw.length > 0 ? raw : null)\n    }\n\n    read()\n\n    const observer = new MutationObserver(read)\n    observer.observe(document.head, { childList: true, subtree: true })\n    return () => observer.disconnect()\n  }, [slot])\n\n  return name\n}\n\n/** Path to a brand-icon SVG in the consuming app's public dir. */\nexport function brandIconSrc(name: string, basePath = '/brand/icons/') {\n  return `${basePath}${name}.svg`\n}\n"]}

package/dist/index.cjs

@@ -2655,7 +2655,7 @@ function AppLayout({
     overlaySlot
   ] });
 }
-function useSlotGlyphName(slot) {
+function useTopBarIconSlotGlyph(slot) {
   const [name, setName] = react$1.useState(null);
   react$1.useEffect(() => {
     if (typeof window === "undefined") return;
@@ -2672,7 +2672,7 @@ function useSlotGlyphName(slot) {
 }
 var TopBarIcon = react$1.forwardRef(
   function TopBarIcon2({ slot, fallbackIcon, isSelected, ...rest }, ref) {
-    const glyphName = useSlotGlyphName(slot);
+    const glyphName = useTopBarIconSlotGlyph(slot);
     const icon = glyphName ? /* @__PURE__ */ jsxRuntime.jsx(
       BrandIcon,
       {