@cboxdk/cbox-ui 0.7.0 → 0.9.0

package/dist/index.js

@@ -1,7 +1,9 @@
 import { cn } from './chunk-OFTNLF7H.js';
 export { cn, niceTicks, timeTicks } from './chunk-OFTNLF7H.js';
-import { createContext, useContext, useMemo, useEffect, useState, useRef, useCallback, useId } from 'react';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { defineCboxAppSwitcher, subscribeKnownAppCatalog, readKnownAppCatalog, secureIconUrl, initials } from './chunk-AJCYF7SS.js';
+export { authorizeHref, parseAppCatalog, readKnownAppCatalog, rememberAppCatalog, secureIconUrl, signInTarget } from './chunk-AJCYF7SS.js';
+import { createContext, useContext, useMemo, useSyncExternalStore, useState, useEffect, useRef, useCallback, useId, createElement } from 'react';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { X, Menu, PanelLeftOpen, PanelLeftClose, PinOff, Pin } from 'lucide-react';
 
 var CboxIdContext = createContext(null);
@@ -60,6 +62,30 @@ function useCboxLocalization() {
 function defaultDate(value) {
   return new Date(value).toLocaleString();
 }
+var EMPTY = [];
+function useKnownAppCatalog() {
+  return useSyncExternalStore(subscribeKnownAppCatalog, readKnownAppCatalog, () => EMPTY);
+}
+function CboxAppIcon({ name, iconUrl, iconDarkUrl, className = "h-6 w-6", fallback }) {
+  const light = secureIconUrl(iconUrl);
+  const dark = secureIconUrl(iconDarkUrl);
+  const [failed, setFailed] = useState(null);
+  const key = `${light ?? ""}|${dark ?? ""}`;
+  if (light === null || failed === key) {
+    if (fallback !== void 0) return /* @__PURE__ */ jsx(Fragment, { children: fallback });
+    return /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: cn("grid shrink-0 place-items-center rounded bg-secondary text-[11px] font-semibold text-foreground", className), children: initials(name) });
+  }
+  const lost = () => setFailed(key);
+  return /* @__PURE__ */ jsxs("span", { "aria-hidden": true, className: cn("cbx-app-icon-box inline-flex shrink-0 items-center justify-center", className), children: [
+    /* @__PURE__ */ jsx("img", { src: light, alt: "", decoding: "async", onError: lost, className: cn("cbx-app-icon", dark === null ? "cbx-app-icon-single" : "cbx-app-icon-light", "h-full w-full") }),
+    dark !== null && /* @__PURE__ */ jsx("img", { src: dark, alt: "", decoding: "async", onError: lost, className: "cbx-app-icon cbx-app-icon-dark h-full w-full" })
+  ] });
+}
+function CboxServiceMark({ appKey, className = "h-6 w-6", fallback = null }) {
+  const app = useKnownAppCatalog().find((entry) => entry.key === appKey);
+  if (app === void 0 || app.icon_url === null) return /* @__PURE__ */ jsx(Fragment, { children: fallback });
+  return /* @__PURE__ */ jsx(CboxAppIcon, { name: app.name, iconUrl: app.icon_url, iconDarkUrl: app.icon_dark_url, className, fallback: fallback ?? void 0 });
+}
 function CboxBrand({
   appKey,
   submark,
@@ -69,7 +95,7 @@ function CboxBrand({
   className
 }) {
   if (collapsed) {
-    return /* @__PURE__ */ jsx(
+    const cboxIcon = /* @__PURE__ */ jsx(
       "img",
       {
         src: `${assetBase}/cbox-icon.png`,
@@ -80,6 +106,7 @@ function CboxBrand({
         className: cn("h-9 w-9 rounded-md", className)
       }
     );
+    return /* @__PURE__ */ jsx(CboxServiceMark, { appKey, className: cn("h-9 w-9", className), fallback: cboxIcon });
   }
   const wordmark = tone === "light" ? `${assetBase}/cbox-logo-white.png` : `${assetBase}/cbox-logo.png`;
   const wordmarkRetina = tone === "light" ? `${assetBase}/cbox-logo-white@2x.png` : `${assetBase}/cbox-logo@2x.png`;
@@ -467,21 +494,13 @@ function AppSwitcher({ className, onLockedAppClick }) {
           /* @__PURE__ */ jsx(
             "span",
             {
-              style: triggerAccent !== void 0 ? {
+              style: triggerAccent !== void 0 && secureIconUrl(currentApp?.iconUrl) === null ? {
                 backgroundColor: triggerAccent,
                 color: "#fff",
                 borderColor: triggerAccent
               } : void 0,
               className: "flex h-5 w-5 shrink-0 items-center justify-center rounded-sm border border-border bg-secondary text-[10px] font-bold",
-              children: currentApp?.iconUrl ? /* @__PURE__ */ jsx(
-                "img",
-                {
-                  src: currentApp.iconUrl,
-                  alt: "",
-                  className: "h-3.5 w-3.5",
-                  loading: "eager"
-                }
-              ) : triggerMonogram
+              children: currentApp ? /* @__PURE__ */ jsx(CboxAppIcon, { name: currentApp.name, iconUrl: currentApp.iconUrl, iconDarkUrl: currentApp.iconDarkUrl, className: "h-3.5 w-3.5", fallback: /* @__PURE__ */ jsx(Fragment, { children: triggerMonogram }) }) : triggerMonogram
             }
           ),
           /* @__PURE__ */ jsx("span", { className: "max-w-[140px] truncate", children: triggerName }),
@@ -581,7 +600,7 @@ function AppRow({
   const isLocked = app.entitled === false || isComingSoon;
   const monogram = app.monogram ?? app.name.slice(0, 1).toUpperCase();
   const accent = app.accentColor;
-  const tileStyle = accent !== void 0 && app.iconUrl === void 0 ? { backgroundColor: accent, color: "#fff", borderColor: accent } : void 0;
+  const tileStyle = accent !== void 0 && secureIconUrl(app.iconUrl) === null ? { backgroundColor: accent, color: "#fff", borderColor: accent } : void 0;
   const href = orgSlug !== void 0 && app.current !== true ? buildOrgUrl(app.url, orgSlug) : app.url;
   const tile = /* @__PURE__ */ jsx(
     "div",
@@ -592,7 +611,7 @@ function AppRow({
         app.current && "ring-2 ring-accent-edge ring-offset-1 ring-offset-popover",
         isLocked && "opacity-60 grayscale"
       ),
-      children: app.iconUrl ? /* @__PURE__ */ jsx("img", { src: app.iconUrl, alt: "", className: "h-5 w-5", loading: "lazy" }) : /* @__PURE__ */ jsx("span", { children: monogram })
+      children: /* @__PURE__ */ jsx(CboxAppIcon, { name: app.name, iconUrl: app.iconUrl, iconDarkUrl: app.iconDarkUrl, className: "h-5 w-5", fallback: /* @__PURE__ */ jsx("span", { children: monogram }) })
     }
   );
   const body = /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col leading-tight", children: [
@@ -1491,7 +1510,7 @@ function UserMenu({ extras, className, placement = "bottom-end", LinkComponent:
   const { t } = useCboxLocalization();
   const { user, currentOrganization, urls } = useCboxId();
   const [open, setOpen] = useState(false);
-  const initials = user.name.split(/\s+/).filter(Boolean).slice(0, 2).map((n) => n[0]?.toUpperCase() ?? "").join("");
+  const initials2 = user.name.split(/\s+/).filter(Boolean).slice(0, 2).map((n) => n[0]?.toUpperCase() ?? "").join("");
   return /* @__PURE__ */ jsxs("div", { className: cn("relative", className), onKeyDown: (event) => {
     if (event.key === "Escape") setOpen(false);
   }, onBlur: (event) => {
@@ -1515,7 +1534,7 @@ function UserMenu({ extras, className, placement = "bottom-end", LinkComponent:
             alt: "",
             className: "h-7 w-7 rounded-full object-cover"
           }
-        ) : /* @__PURE__ */ jsx("span", { className: "flex h-7 w-7 items-center justify-center rounded-full bg-accent-soft text-[11px] font-semibold text-foreground", children: initials || "?" })
+        ) : /* @__PURE__ */ jsx("span", { className: "flex h-7 w-7 items-center justify-center rounded-full bg-accent-soft text-[11px] font-semibold text-foreground", children: initials2 || "?" })
       }
     ),
     open ? /* @__PURE__ */ jsxs("div", { className: cn("absolute z-50 w-64 rounded-lg border border-border bg-popover p-1 shadow-md", placement === "top-start" ? "bottom-full left-0 mb-2" : "right-0 top-full mt-1"), children: [
@@ -1946,7 +1965,7 @@ function ContextAvatarChip({
   fallbackLabel,
   size = "md"
 }) {
-  const initials = avatar.initials ?? deriveInitials(fallbackLabel);
+  const initials2 = avatar.initials ?? deriveInitials(fallbackLabel);
   const sizeClass = size === "sm" ? "h-[26px] w-[26px] text-[10px]" : "h-7 w-7 text-[11px]";
   const style = avatar.src === void 0 && avatar.accent !== void 0 ? {
     backgroundColor: avatar.accent,
@@ -1975,7 +1994,7 @@ function ContextAvatarChip({
         avatar.accent === void 0 && "bg-info-soft text-info",
         sizeClass
       ),
-      children: initials
+      children: initials2
     }
   );
 }
@@ -2432,7 +2451,7 @@ function AppRow2({ app, orgSlug, onLockedAppClick }) {
   const isLocked = app.entitled === false || isComingSoon;
   const monogram = app.monogram ?? app.name.slice(0, 1).toUpperCase();
   const accent = app.accentColor;
-  const tileStyle = accent !== void 0 && app.iconUrl === void 0 ? { backgroundColor: accent, color: "#fff", borderColor: accent } : void 0;
+  const tileStyle = accent !== void 0 && secureIconUrl(app.iconUrl) === null ? { backgroundColor: accent, color: "#fff", borderColor: accent } : void 0;
   const href = orgSlug !== void 0 && app.current !== true ? buildOrgUrl2(app.url, orgSlug) : app.url;
   const tile = /* @__PURE__ */ jsx(
     "div",
@@ -2443,7 +2462,7 @@ function AppRow2({ app, orgSlug, onLockedAppClick }) {
         app.current && "ring-2 ring-accent-edge ring-offset-1 ring-offset-popover",
         isLocked && "opacity-60 grayscale"
       ),
-      children: app.iconUrl ? /* @__PURE__ */ jsx("img", { src: app.iconUrl, alt: "", className: "h-5 w-5", loading: "lazy" }) : /* @__PURE__ */ jsx("span", { children: monogram })
+      children: /* @__PURE__ */ jsx(CboxAppIcon, { name: app.name, iconUrl: app.iconUrl, iconDarkUrl: app.iconDarkUrl, className: "h-5 w-5", fallback: /* @__PURE__ */ jsx("span", { children: monogram }) })
     }
   );
   const body = /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col leading-tight", children: [
@@ -2573,182 +2592,22 @@ function Lock2() {
     }
   );
 }
-var DEFAULT_REFRESH_SECONDS = 60;
-function parseAppCatalog(ok, body) {
-  const data = typeof body === "object" && body !== null ? body : {};
-  if (!ok) {
-    const authorize = typeof data.authorize_url === "string" ? data.authorize_url : null;
-    if (authorize !== null || data.state === "authorization_required") {
-      return { status: "authorization_required", authorizeUrl: authorize };
-    }
-    return { status: "unavailable" };
-  }
-  if (!Array.isArray(data.apps)) {
-    return { status: "unavailable" };
-  }
-  const apps = [];
-  for (const entry of data.apps) {
-    if (typeof entry !== "object" || entry === null) continue;
-    const app = entry;
-    if (typeof app.key !== "string" || typeof app.name !== "string" || typeof app.launch_url !== "string") continue;
-    if (!/^https?:\/\//.test(app.launch_url)) continue;
-    apps.push({
-      key: app.key,
-      name: app.name,
-      launch_url: app.launch_url,
-      icon_url: typeof app.icon_url === "string" ? app.icon_url : null,
-      description: typeof app.description === "string" ? app.description : null
-    });
-  }
-  const refresh = typeof data.refresh_after === "number" && Number.isFinite(data.refresh_after) ? data.refresh_after : DEFAULT_REFRESH_SECONDS;
-  return { status: "ready", apps, refreshAfter: Math.max(1, Math.min(DEFAULT_REFRESH_SECONDS, refresh)) };
-}
-function authorizeHref(authorizeUrl, location) {
-  if (authorizeUrl === null) return null;
-  try {
-    const url = new URL(authorizeUrl, location.origin);
-    if (url.origin !== location.origin) return null;
-    url.searchParams.set("return_to", location.pathname + location.search);
-    return url.pathname + url.search;
-  } catch {
-    return null;
-  }
-}
-function CboxAppCatalog({ endpoint, currentAppKey, icons, className }) {
+defineCboxAppSwitcher();
+function CboxAppCatalog({ endpoint, currentAppKey, theme, className }) {
   const { t } = useCboxLocalization();
-  const [open, setOpen] = useState(false);
-  const [state, setState] = useState({ status: "idle" });
-  const container = useRef(null);
-  const flight = useRef(null);
-  const expires = useRef(0);
-  const load = useCallback(async () => {
-    if (endpoint === null || flight.current !== null) return;
-    const request = new AbortController();
-    flight.current = request;
-    setState((current) => current.status === "ready" ? current : { status: "loading" });
-    try {
-      const response = await fetch(endpoint, {
-        credentials: "same-origin",
-        cache: "no-store",
-        headers: { Accept: "application/json", "X-Requested-With": "XMLHttpRequest" },
-        signal: request.signal
-      });
-      const body = await response.json().catch(() => null);
-      if (request.signal.aborted) return;
-      const next = parseAppCatalog(response.ok, body);
-      expires.current = next.status === "ready" ? Date.now() + next.refreshAfter * 1e3 : 0;
-      setState(next);
-    } catch {
-      if (!request.signal.aborted) {
-        expires.current = 0;
-        setState({ status: "unavailable" });
-      }
-    } finally {
-      if (flight.current === request) flight.current = null;
-    }
-  }, [endpoint]);
-  const refresh = useCallback(() => {
-    if (document.visibilityState === "visible" && Date.now() >= expires.current) void load();
-  }, [load]);
-  useEffect(() => {
-    if (!open) return;
-    refresh();
-    const outside = (event) => {
-      if (container.current !== null && !container.current.contains(event.target)) setOpen(false);
-    };
-    const key = (event) => {
-      if (event.key === "Escape") setOpen(false);
-    };
-    window.addEventListener("pointerdown", outside);
-    window.addEventListener("keydown", key);
-    window.addEventListener("focus", refresh);
-    document.addEventListener("visibilitychange", refresh);
-    return () => {
-      window.removeEventListener("pointerdown", outside);
-      window.removeEventListener("keydown", key);
-      window.removeEventListener("focus", refresh);
-      document.removeEventListener("visibilitychange", refresh);
-    };
-  }, [open, refresh]);
-  useEffect(() => {
-    if (!open || state.status !== "ready") return;
-    const timer = window.setTimeout(refresh, Math.max(50, expires.current - Date.now()));
-    return () => window.clearTimeout(timer);
-  }, [open, state, refresh]);
-  useEffect(() => () => flight.current?.abort(), []);
-  useEffect(() => {
-    expires.current = 0;
-    setState({ status: "idle" });
-  }, [endpoint]);
-  const reconnect = state.status === "authorization_required" && typeof window !== "undefined" ? authorizeHref(state.authorizeUrl, window.location) : null;
-  return /* @__PURE__ */ jsxs("div", { ref: container, className: cn("relative", className), children: [
-    /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        "aria-label": t("Switch app"),
-        title: t("Switch app"),
-        "aria-haspopup": "dialog",
-        "aria-expanded": open,
-        disabled: endpoint === null,
-        onClick: () => setOpen((value) => !value),
-        className: cn(
-          "flex h-8 w-8 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-secondary hover:text-foreground disabled:cursor-default disabled:opacity-60 disabled:hover:bg-transparent",
-          open && "bg-secondary text-foreground"
-        ),
-        children: /* @__PURE__ */ jsx(Grid2, {})
-      }
-    ),
-    open ? /* @__PURE__ */ jsxs("div", { role: "dialog", "aria-label": t("Switch app"), className: "absolute right-0 top-full z-50 mt-1.5 w-[min(18.25rem,calc(100vw-1rem))] overflow-hidden rounded-lg border border-border bg-popover p-3 shadow-lg", children: [
-      /* @__PURE__ */ jsx("h2", { className: "mb-2 text-sm font-semibold text-foreground", children: t("Switch app") }),
-      /* @__PURE__ */ jsxs("div", { "aria-live": "polite", children: [
-        (state.status === "idle" || state.status === "loading") && /* @__PURE__ */ jsx("p", { className: "px-1 py-2 text-sm text-muted-foreground", children: t("Loading apps\u2026") }),
-        state.status === "unavailable" && /* @__PURE__ */ jsxs("div", { className: "space-y-2 px-1 py-2 text-sm", children: [
-          /* @__PURE__ */ jsx("p", { role: "alert", className: "text-muted-foreground", children: t("Apps could not be loaded.") }),
-          /* @__PURE__ */ jsx("button", { type: "button", onClick: () => void load(), className: "font-medium text-foreground underline", children: t("Try again") })
-        ] }),
-        state.status === "authorization_required" && /* @__PURE__ */ jsxs("div", { className: "space-y-2 px-1 py-2 text-sm", children: [
-          /* @__PURE__ */ jsx("p", { role: "alert", className: "text-muted-foreground", children: t("Apps could not be loaded.") }),
-          reconnect !== null ? /* @__PURE__ */ jsx("a", { href: reconnect, className: "font-medium text-foreground underline", children: t("Reconnect to Cbox ID") }) : /* @__PURE__ */ jsx("button", { type: "button", onClick: () => void load(), className: "font-medium text-foreground underline", children: t("Try again") })
-        ] }),
-        state.status === "ready" && (state.apps.length === 0 ? /* @__PURE__ */ jsx("p", { className: "px-1 py-2 text-sm text-muted-foreground", children: t("No apps available") }) : /* @__PURE__ */ jsx("nav", { "aria-label": t("Switch app"), className: "grid grid-cols-3 gap-1", children: state.apps.map((app) => {
-          const current = app.key === currentAppKey;
-          return /* @__PURE__ */ jsxs(
-            "a",
-            {
-              href: app.launch_url,
-              "aria-current": current ? "true" : void 0,
-              title: app.description ?? app.name,
-              onClick: () => setOpen(false),
-              className: cn("relative flex min-h-[60px] min-w-0 flex-col items-center justify-center gap-1.5 rounded-md p-2 text-center text-[13px] font-medium leading-tight text-foreground hover:bg-secondary", current && "bg-accent-soft"),
-              children: [
-                /* @__PURE__ */ jsx(AppMark, { app, icon: icons?.[app.key] }),
-                /* @__PURE__ */ jsx("span", { className: "max-w-full break-words", children: app.name.replace(/^Cbox\s*·\s*/i, "") }),
-                current && /* @__PURE__ */ jsx(Check2, {})
-              ]
-            },
-            app.key
-          );
-        }) }))
-      ] })
-    ] }) : null
-  ] });
-}
-function AppMark({ app, icon }) {
-  const [failed, setFailed] = useState(false);
-  if (icon !== void 0) {
-    return /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "flex h-6 w-6 items-center justify-center", children: icon });
-  }
-  if (typeof app.icon_url === "string" && app.icon_url !== "" && !failed) {
-    return /* @__PURE__ */ jsx("img", { src: app.icon_url, alt: "", className: "h-6 w-6 rounded object-contain", loading: "lazy", onError: () => setFailed(true) });
-  }
-  return /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "grid h-6 w-6 place-items-center rounded bg-secondary text-[11px] font-semibold text-foreground", children: app.name.slice(0, 2) });
-}
-function Grid2() {
-  return /* @__PURE__ */ jsx("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "currentColor", "aria-hidden": true, children: [3, 9, 15].flatMap((y) => [3, 9, 15].map((x) => /* @__PURE__ */ jsx("circle", { cx: x, cy: y, r: "1.65" }, `${x}-${y}`))) });
-}
-function Check2() {
-  return /* @__PURE__ */ jsx("svg", { "aria-hidden": true, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", className: "absolute right-2 top-1.5 h-3 w-3 text-accent", children: /* @__PURE__ */ jsx("path", { d: "m5 12 4 4L19 6" }) });
+  const labels = JSON.stringify({
+    title: t("Switch app"),
+    loading: t("Loading apps\u2026"),
+    empty: t("No apps available"),
+    unavailable: t("Apps could not be loaded.")
+  });
+  return createElement("cbox-app-switcher", {
+    endpoint: endpoint ?? "",
+    current: currentAppKey,
+    labels,
+    theme,
+    className
+  });
 }
 function Combobox(props) {
   const { t } = useCboxLocalization();
@@ -3053,7 +2912,7 @@ function ComboboxGroupRows({
           /* @__PURE__ */ jsx("span", { className: "truncate text-[13px] font-medium text-foreground", children: opt.label }),
           opt.secondary !== void 0 ? /* @__PURE__ */ jsx("span", { className: "text-mono truncate text-[10px] text-muted-foreground", children: opt.secondary }) : null
         ] }),
-        isActive ? /* @__PURE__ */ jsx(Check3, {}) : null
+        isActive ? /* @__PURE__ */ jsx(Check2, {}) : null
       ] });
       const className = cn(
         "group block w-full rounded-sm transition-colors text-left",
@@ -3145,7 +3004,7 @@ function ComboboxAvatarChip({
   avatar,
   fallbackLabel
 }) {
-  const initials = avatar.initials ?? deriveInitials3(fallbackLabel);
+  const initials2 = avatar.initials ?? deriveInitials3(fallbackLabel);
   const style = avatar.src === void 0 && avatar.accent !== void 0 ? { backgroundColor: avatar.accent, color: "#fff" } : void 0;
   if (avatar.src !== void 0) {
     return /* @__PURE__ */ jsx(
@@ -3166,7 +3025,7 @@ function ComboboxAvatarChip({
         "flex h-5 w-5 shrink-0 items-center justify-center rounded-sm text-[9px] font-semibold tracking-tight",
         avatar.accent === void 0 && "bg-info-soft text-info"
       ),
-      children: initials
+      children: initials2
     }
   );
 }
@@ -3235,7 +3094,7 @@ function Chevron4({ open }) {
     }
   );
 }
-function Check3() {
+function Check2() {
   return /* @__PURE__ */ jsx(
     "svg",
     {
@@ -4011,6 +3870,6 @@ function Sparkline({ values, color = "var(--chart-1)", width = 90, height = 20 }
   ] });
 }
 
-export { AppContent, AppLauncher, AppShell, AppSwitcher, CHART_PALETTE, CboxAppCatalog, CboxAppShell, CboxAppSidebar, CboxBrand, CboxIdProvider, CboxLocalizationProvider, CboxMobileNavDrawer, CboxOrgContextBar, CboxSurfaces, CboxWorkspaceShell, Combobox, ContextAvatarChip, ContextBar, DataPanel, EmptyState, Heading, KeyValue, KeyValueList, NotificationsBell, OrgSwitcher, PageHeader, PageShell, PageTabs, PanelBody, RowLink, SearchTrigger, SectionHeader, Sparkline, StatTile, StatusPill, TopBar, UserMenu, activeNavArea, activeNavItem, authorizeHref, buildUrlSearch, defineUrlSchema, interpolate, navMatchLength, parseAppCatalog, parseUrlSearch, urlBoolean, urlEnum, urlNumber, urlString, urlStringArray, useCboxId, useCboxIdOptional, useCboxLocalization, useCboxSurfaces, useCboxSurfacesOptional };
+export { AppContent, AppLauncher, AppShell, AppSwitcher, CHART_PALETTE, CboxAppCatalog, CboxAppIcon, CboxAppShell, CboxAppSidebar, CboxBrand, CboxIdProvider, CboxLocalizationProvider, CboxMobileNavDrawer, CboxOrgContextBar, CboxServiceMark, CboxSurfaces, CboxWorkspaceShell, Combobox, ContextAvatarChip, ContextBar, DataPanel, EmptyState, Heading, KeyValue, KeyValueList, NotificationsBell, OrgSwitcher, PageHeader, PageShell, PageTabs, PanelBody, RowLink, SearchTrigger, SectionHeader, Sparkline, StatTile, StatusPill, TopBar, UserMenu, activeNavArea, activeNavItem, buildUrlSearch, defineUrlSchema, interpolate, navMatchLength, parseUrlSearch, urlBoolean, urlEnum, urlNumber, urlString, urlStringArray, useCboxId, useCboxIdOptional, useCboxLocalization, useCboxSurfaces, useCboxSurfacesOptional, useKnownAppCatalog };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map