@the-portland-company/shell 0.89.0 → 0.91.0

package/dist/{chunk-J23MTK56.js → chunk-ZS7MQXDQ.js}

@@ -1,383 +1,35 @@
 import { readThemeCookie, THEME_STORAGE_KEY, isThemePreference, applyThemePreference, readPendingThemeChoice, writeThemeCookie, clearPendingThemeChoice, markThemeChoicePending } from './chunk-BHRVZPZ7.js';
-import clsx from 'clsx';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { forwardRef, useId, useRef, useCallback, useEffect, createContext, useState, useContext, useMemo, useSyncExternalStore } from 'react';
+import clsx2 from 'clsx';
+import { createContext, useState, useEffect, useRef, useContext, useMemo, useCallback, useSyncExternalStore } from 'react';
 import { FiUser, FiSettings, FiMessageSquare, FiMail, FiInfo, FiSun, FiMoon, FiHelpCircle, FiLifeBuoy, FiAlertCircle, FiAlertTriangle, FiBell, FiGrid, FiZap, FiBatteryCharging, FiBattery } from 'react-icons/fi';
 import { createPortal } from 'react-dom';
 
-var PADDING = {
-  none: "p-0",
-  sm: "p-4",
-  md: "p-6",
-  lg: "p-8"
-};
 function Card({
   title,
-  subtitle,
-  aside,
-  actions,
-  footer,
   children,
-  padding = "md",
-  bodyClassName,
   minH,
   className,
   style,
   ...props
 }) {
-  const structured = Boolean(subtitle || aside || actions || footer || bodyClassName);
-  const surface = "rounded-lg border border-[color:var(--app-card-border,var(--color-border))] bg-[color:var(--app-card-bg,var(--color-panel))] text-[color:var(--app-card-fg,var(--color-text))] shadow-sm";
-  if (!structured) {
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        "data-shell-card": "",
-        className: clsx(surface, PADDING[padding], className),
-        style: { minHeight: minH, ...style },
-        ...props,
-        children: [
-          title ? /* @__PURE__ */ jsx("h3", { className: "mb-4 text-lg font-semibold", children: title }) : null,
-          children
-        ]
-      }
-    );
-  }
-  const hasHeader = Boolean(title || subtitle || aside || actions);
-  const divider = "border-[color:var(--app-card-border,var(--color-border))]";
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      "data-shell-card": "",
-      "data-shell-card-structured": "",
-      className: clsx(surface, "overflow-hidden", className),
+      className: `rounded-lg border border-slate-200 bg-white p-6 shadow-sm ${className || ""}`,
       style: { minHeight: minH, ...style },
       ...props,
       children: [
-        hasHeader ? /* @__PURE__ */ jsxs("div", { className: clsx("flex flex-wrap items-start justify-between gap-3 border-b px-5 py-4", divider), children: [
-          /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
-            title ? /* @__PURE__ */ jsx("h3", { className: "text-base font-semibold", children: title }) : null,
-            subtitle ? /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-sm text-[color:var(--app-card-fg-muted,var(--color-text-muted))]", children: subtitle }) : null
-          ] }),
-          aside || actions ? /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-2", children: [
-            aside,
-            actions
-          ] }) : null
-        ] }) : null,
-        /* @__PURE__ */ jsx("div", { className: bodyClassName ?? PADDING[padding], children }),
-        footer ? /* @__PURE__ */ jsx("div", { className: clsx("border-t px-5 py-3", divider), children: footer }) : null
-      ]
-    }
-  );
-}
-function FormColumn({ children, className }) {
-  return /* @__PURE__ */ jsx("div", { "data-shell-form-column": "", className: clsx("w-full max-w-[960px]", className), children });
-}
-var VARIANT_CLASS = {
-  primary: "border border-transparent bg-[color:var(--app-btn-primary-bg,var(--color-accent))] text-[color:var(--app-btn-primary-fg,var(--color-white))] hover:bg-[color:var(--app-btn-primary-bg-hover,var(--color-accent-hover))]",
-  secondary: "border border-[color:var(--app-btn-secondary-border,var(--color-border))] bg-[color:var(--app-btn-secondary-bg,var(--color-white))] text-[color:var(--app-btn-secondary-fg,var(--color-text))] hover:bg-[color:var(--app-btn-secondary-bg-hover,var(--color-bg))]",
-  ghost: "border border-transparent bg-transparent text-[color:var(--app-btn-secondary-fg,var(--color-text))] hover:bg-[color:var(--app-btn-secondary-bg-hover,var(--color-bg))]",
-  danger: "border border-transparent bg-[color:var(--chrome-danger,var(--color-race-red))] text-[color:var(--color-white)] hover:bg-[color:var(--color-race-red-600)]"
-};
-var SIZE_CLASS = {
-  md: "h-[44px]",
-  sm: "h-[36px]"
-};
-var Button = forwardRef(function Button2({
-  variant = "primary",
-  size = "md",
-  loading = false,
-  disabled = false,
-  href,
-  as,
-  type,
-  className,
-  children,
-  onClick,
-  ...props
-}, ref) {
-  const Component = as ?? (href ? "a" : "button");
-  const isNativeButton = Component === "button";
-  const inactive = disabled || loading;
-  const linkProps = isNativeButton ? { type: type ?? "button", disabled: inactive } : {
-    href,
-    "aria-disabled": inactive || void 0,
-    tabIndex: inactive ? -1 : void 0
-  };
-  return /* @__PURE__ */ jsxs(
-    Component,
-    {
-      ref,
-      "data-shell-button": "",
-      "data-variant": variant,
-      "aria-busy": loading || void 0,
-      className: clsx(
-        "inline-flex items-center justify-center gap-2 rounded-[5px] px-3 text-sm font-semibold no-underline transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[color:var(--app-field-focus,var(--color-accent))] focus-visible:ring-offset-2",
-        SIZE_CLASS[size],
-        VARIANT_CLASS[variant],
-        inactive && "cursor-not-allowed opacity-50",
-        className
-      ),
-      onClick: inactive ? (event) => {
-        event.preventDefault();
-        event.stopPropagation();
-      } : onClick,
-      ...linkProps,
-      ...props,
-      children: [
-        loading ? /* @__PURE__ */ jsx(
-          "span",
-          {
-            "aria-hidden": "true",
-            "data-shell-button-spinner": "",
-            className: "inline-block h-4 w-4 animate-spin motion-reduce:animate-none rounded-full border-2 border-current border-t-transparent"
-          }
-        ) : null,
+        title && /* @__PURE__ */ jsx("h3", { className: "mb-4 text-lg font-semibold", children: title }),
         children
       ]
     }
   );
-});
-var Button_default = Button;
-function FormField({
-  id,
-  label,
-  helperText,
-  error,
-  required,
-  className,
-  children
-}) {
-  return /* @__PURE__ */ jsxs("div", { className: clsx("flex w-full flex-col gap-1", className), children: [
-    label ? /* @__PURE__ */ jsxs("label", { htmlFor: id, className: "text-sm font-semibold text-[color:var(--color-text)]", children: [
-      label,
-      required ? /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: " *" }) : null
-    ] }) : null,
-    children,
-    error ? /* @__PURE__ */ jsx(
-      "p",
-      {
-        id: `${id}-error`,
-        role: "alert",
-        className: "text-xs text-[color:var(--chrome-danger,var(--color-race-red))]",
-        children: error
-      }
-    ) : helperText ? /* @__PURE__ */ jsx("p", { id: `${id}-helper`, className: "text-xs text-[color:var(--color-text-muted)]", children: helperText }) : null
-  ] });
 }
-function describedBy(id, helperText, error, extra) {
-  const generated = error ? `${id}-error` : helperText ? `${id}-helper` : void 0;
-  const merged = [generated, extra].filter(Boolean).join(" ");
-  return merged || void 0;
+function FormColumn({ children, className }) {
+  return /* @__PURE__ */ jsx("div", { "data-shell-form-column": "", className: clsx2("w-full max-w-[960px]", className), children });
 }
 
-// src/components/fieldStyles.ts
-var FIELD_BASE = "w-full rounded-[5px] border bg-[color:var(--app-field-bg,var(--color-white))] px-3 text-sm text-[color:var(--color-text)] placeholder:text-[color:var(--color-text-muted)] focus:outline-none focus:ring-2 disabled:cursor-not-allowed disabled:opacity-50";
-var FIELD_VALID = "border-[color:var(--app-field-border,var(--color-border))] hover:border-[color:var(--app-field-border-hover,var(--color-g4))] focus:border-[color:var(--app-field-focus,var(--color-accent))] focus:ring-[color:var(--app-field-focus,var(--color-accent))]";
-var FIELD_INVALID = "border-[color:var(--chrome-danger,var(--color-race-red))] focus:ring-[color:var(--chrome-danger,var(--color-race-red))]";
-var Input = forwardRef(function Input2({ label, helperText, error, invalid, className, wrapperClassName, id, required, "aria-describedby": ariaDescribedBy, ...props }, ref) {
-  const autoId = useId();
-  const fieldId = id ?? autoId;
-  const isInvalid = Boolean(error) || Boolean(invalid);
-  return /* @__PURE__ */ jsx(
-    FormField,
-    {
-      id: fieldId,
-      label,
-      helperText,
-      error,
-      required,
-      className: wrapperClassName,
-      children: /* @__PURE__ */ jsx(
-        "input",
-        {
-          ref,
-          id: fieldId,
-          required,
-          "data-shell-field": "",
-          "aria-invalid": isInvalid || void 0,
-          "aria-describedby": describedBy(fieldId, helperText, error, ariaDescribedBy),
-          className: clsx(FIELD_BASE, "h-[44px]", isInvalid ? FIELD_INVALID : FIELD_VALID, className),
-          ...props
-        }
-      )
-    }
-  );
-});
-var Input_default = Input;
-var Select = forwardRef(function Select2({ label, helperText, error, invalid, className, wrapperClassName, id, required, children, "aria-describedby": ariaDescribedBy, ...props }, ref) {
-  const autoId = useId();
-  const fieldId = id ?? autoId;
-  const isInvalid = Boolean(error) || Boolean(invalid);
-  return /* @__PURE__ */ jsx(
-    FormField,
-    {
-      id: fieldId,
-      label,
-      helperText,
-      error,
-      required,
-      className: wrapperClassName,
-      children: /* @__PURE__ */ jsx(
-        "select",
-        {
-          ref,
-          id: fieldId,
-          required,
-          "data-shell-field": "",
-          "aria-invalid": isInvalid || void 0,
-          "aria-describedby": describedBy(fieldId, helperText, error, ariaDescribedBy),
-          className: clsx(FIELD_BASE, "h-[44px]", isInvalid ? FIELD_INVALID : FIELD_VALID, className),
-          ...props,
-          children
-        }
-      )
-    }
-  );
-});
-var Select_default = Select;
-var Textarea = forwardRef(function Textarea2({ label, helperText, error, invalid, className, wrapperClassName, id, required, "aria-describedby": ariaDescribedBy, ...props }, ref) {
-  const autoId = useId();
-  const fieldId = id ?? autoId;
-  const isInvalid = Boolean(error) || Boolean(invalid);
-  return /* @__PURE__ */ jsx(
-    FormField,
-    {
-      id: fieldId,
-      label,
-      helperText,
-      error,
-      required,
-      className: wrapperClassName,
-      children: /* @__PURE__ */ jsx(
-        "textarea",
-        {
-          ref,
-          id: fieldId,
-          required,
-          "data-shell-field": "",
-          "aria-invalid": isInvalid || void 0,
-          "aria-describedby": describedBy(fieldId, helperText, error, ariaDescribedBy),
-          className: clsx(FIELD_BASE, "min-h-[88px] py-3", isInvalid ? FIELD_INVALID : FIELD_VALID, className),
-          ...props
-        }
-      )
-    }
-  );
-});
-var Textarea_default = Textarea;
-var Checkbox = forwardRef(function Checkbox2({
-  label,
-  description,
-  indeterminate,
-  invalid,
-  className,
-  wrapperClassName,
-  id,
-  disabled,
-  "aria-describedby": ariaDescribedBy,
-  ...props
-}, ref) {
-  const autoId = useId();
-  const fieldId = id ?? autoId;
-  const descId = description ? `${fieldId}-description` : void 0;
-  const inner = useRef(null);
-  const setRef = useCallback(
-    (node) => {
-      inner.current = node;
-      if (typeof ref === "function") ref(node);
-      else if (ref) ref.current = node;
-    },
-    [ref]
-  );
-  useEffect(() => {
-    if (inner.current) inner.current.indeterminate = Boolean(indeterminate);
-  }, [indeterminate]);
-  const describedBy2 = [descId, ariaDescribedBy].filter(Boolean).join(" ") || void 0;
-  return /* @__PURE__ */ jsxs(
-    "label",
-    {
-      htmlFor: fieldId,
-      "data-shell-checkbox": "",
-      className: clsx(
-        "flex min-h-[44px] items-start gap-3 py-[10px] text-sm text-[color:var(--app-card-fg,var(--color-text))]",
-        disabled ? "cursor-not-allowed opacity-50" : "cursor-pointer",
-        wrapperClassName
-      ),
-      children: [
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            ...props,
-            ref: setRef,
-            id: fieldId,
-            type: "checkbox",
-            disabled,
-            "data-shell-field": "",
-            "aria-invalid": invalid || void 0,
-            "aria-describedby": describedBy2,
-            className: clsx(
-              "mt-[2px] h-5 w-5 shrink-0 rounded-[5px] border focus:outline-none focus-visible:ring-2",
-              "accent-[color:var(--color-accent-bg-safe,var(--color-accent))]",
-              "focus-visible:ring-[color:var(--app-field-focus,var(--color-accent))]",
-              invalid ? "border-[color:var(--chrome-danger,var(--color-race-red))] outline outline-2 outline-[color:var(--chrome-danger,var(--color-race-red))]" : "border-[color:var(--app-field-border,var(--color-border))]",
-              disabled ? "cursor-not-allowed" : "cursor-pointer",
-              className
-            )
-          }
-        ),
-        label || description ? /* @__PURE__ */ jsxs("span", { className: "min-w-0", children: [
-          label ? /* @__PURE__ */ jsx("span", { className: "block font-medium", children: label }) : null,
-          description ? /* @__PURE__ */ jsx(
-            "span",
-            {
-              id: descId,
-              className: "block text-xs text-[color:var(--app-card-fg-muted,var(--color-text-muted))]",
-              children: description
-            }
-          ) : null
-        ] }) : null
-      ]
-    }
-  );
-});
-var Checkbox_default = Checkbox;
-var FileInput = forwardRef(function FileInput2({ label, helperText, error, invalid, className, wrapperClassName, id, required, "aria-describedby": ariaDescribedBy, ...props }, ref) {
-  const autoId = useId();
-  const fieldId = id ?? autoId;
-  const isInvalid = Boolean(error) || Boolean(invalid);
-  return /* @__PURE__ */ jsx(
-    FormField,
-    {
-      id: fieldId,
-      label,
-      helperText,
-      error,
-      required,
-      className: wrapperClassName,
-      children: /* @__PURE__ */ jsx(
-        "input",
-        {
-          ...props,
-          ref,
-          id: fieldId,
-          type: "file",
-          required,
-          "data-shell-field": "",
-          "aria-invalid": isInvalid || void 0,
-          "aria-describedby": describedBy(fieldId, helperText, error, ariaDescribedBy),
-          className: clsx(
-            FIELD_BASE,
-            "h-[44px] cursor-pointer py-[5px] file:mr-3 file:h-[32px] file:cursor-pointer file:rounded-[5px] file:border file:border-[color:var(--app-btn-secondary-border,var(--color-border))] file:bg-[color:var(--app-btn-secondary-bg,var(--color-white))] file:px-3 file:text-sm file:font-medium file:text-[color:var(--app-btn-secondary-fg,var(--color-text))]",
-            isInvalid ? FIELD_INVALID : FIELD_VALID,
-            className
-          )
-        }
-      )
-    }
-  );
-});
-var FileInput_default = FileInput;
-
 // src/lib/deprecation.ts
 var warned = /* @__PURE__ */ new Set();
 function isDev() {
@@ -2337,7 +1989,7 @@ function HeaderTabBar({
     {
       role: "tablist",
       "aria-label": ariaLabel,
-      className: clsx(
+      className: clsx2(
         // Header-wide tab strip: background + bottom border only (no outer box).
         // Left-aligned and fluid: the container spans the full content width,
         // the tabs keep their natural width packed from the left (Global-Rules
@@ -2361,7 +2013,7 @@ function HeaderTabBar({
             "aria-label": item.label,
             disabled: isDisabled,
             onClick: () => onChange(item.id),
-            className: clsx(
+            className: clsx2(
               // `group/tbtip relative` powers the shared <TopBarTooltip>.
               // Natural width (no flex-1 stretch); 40px square hit area for the
               // icon-only tab so the strip stays tappable.
@@ -2490,60 +2142,65 @@ var MODE_EYEBROW_LABEL = {
   campaign: "Campaign mode",
   petition: "Petition mode"
 };
-var resolveMaxWidthClass = (maxW) => {
-  if (maxW === "full") return "max-w-none";
-  if (maxW === "container.lg") return "max-w-6xl";
-  if (maxW === "container.md") return "max-w-5xl";
-  return "max-w-7xl";
-};
+var EMAIL_PATTERN = /[^\s@]+@[^\s@]+\.[^\s@]+/;
 function PageHeaderView({
-  renderCrumbLink,
   title,
   mode,
   eyebrow,
   showEyebrow = true,
   subtitle,
-  breadcrumbs = [],
+  breadcrumbs,
   actions = null,
   tabBar = null,
-  maxW = "full",
+  maxW,
   hideSidebar = false
 }) {
-  const maxWClass = resolveMaxWidthClass(maxW);
-  const titleText = typeof title === "string" ? title.trim() : "";
-  const normalizedTitle = titleText.toLowerCase();
-  const breadcrumbsWithoutCurrent = [...breadcrumbs];
-  const last = breadcrumbsWithoutCurrent[breadcrumbsWithoutCurrent.length - 1];
-  if (breadcrumbsWithoutCurrent.length > 1 && normalizedTitle && last && last.label.trim().toLowerCase() === normalizedTitle) {
-    breadcrumbsWithoutCurrent.pop();
+  if (breadcrumbs !== void 0) {
+    warnDeprecated(
+      "PageHeader.breadcrumbs",
+      '<PageHeader breadcrumbs> is deprecated and renders nothing: the breadcrumb trail is retired (Reference/UI-Platform \u2192 "Page header"). Remove the prop.'
+    );
+  }
+  if (maxW !== void 0) {
+    warnDeprecated(
+      "PageHeader.maxW",
+      "<PageHeader maxW> is deprecated and ignored: the header spans its container. Use <FormColumn> (960px) or the fluid frame for page width."
+    );
+  }
+  if (typeof title === "string" && EMAIL_PATTERN.test(title) || typeof subtitle === "string" && EMAIL_PATTERN.test(subtitle)) {
+    warnDeprecated(
+      "PageHeader.email",
+      `<PageHeader> title/subtitle contains an email address. The user's email never appears in the page header (Reference/UI-Platform \u2192 "Page header"); identity lives in the left bar footer.`
+    );
   }
   const eyebrowText = showEyebrow ? eyebrow ?? (mode ? MODE_EYEBROW_LABEL[mode] : void 0) : void 0;
-  if (!title && !eyebrowText && breadcrumbsWithoutCurrent.length === 0 && !actions && !tabBar) {
+  if (!title && !eyebrowText && !actions && !tabBar) {
     return null;
   }
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      style: { backgroundColor: "var(--app-tab-header-bg, #888888)" },
-      className: clsx("text-slate-100", tabBar ? "pt-3 pb-0" : "py-3 border-b border-gray-200", {
+      "data-shell-page-header": "",
+      className: clsx2("pt-[22px] text-[color:var(--color-text,#2F3136)]", tabBar ? "pb-0" : "pb-4", {
         "md:ml-60": !hideSidebar
       }),
       children: [
-        /* @__PURE__ */ jsx("div", { className: clsx("w-full px-4", maxWClass), children: /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-nowrap items-start justify-between gap-4", children: [
+        /* @__PURE__ */ jsx("div", { className: "w-full px-4 md:px-6", children: /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-nowrap items-start justify-between gap-4", children: [
           /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
             eyebrowText ? /* @__PURE__ */ jsx(
               "div",
               {
                 className: "truncate text-[11px] font-bold uppercase leading-[1.2] tracking-[0.09em]",
-                style: { color: "var(--mode-accent, var(--color-accent, #E63946))" },
+                style: { color: "var(--color-accent-fg, var(--mode-accent, var(--color-accent, #E63946)))" },
                 children: eyebrowText
               }
             ) : null,
             title ? /* @__PURE__ */ jsx("div", { className: "min-w-0", children: /* @__PURE__ */ jsx(
-              "div",
+              "h1",
               {
-                className: "truncate font-bold text-white",
+                className: "m-0 truncate font-bold",
                 style: {
+                  color: "var(--color-text, #2F3136)",
                   fontFamily: "var(--font-family, ui-sans-serif, system-ui, sans-serif)",
                   fontSize: "var(--type-h2-size, 1.875rem)",
                   lineHeight: "var(--type-h2-line-height, 1.25)"
@@ -2551,25 +2208,7 @@ function PageHeaderView({
                 children: title
               }
             ) }) : null,
-            subtitle ? /* @__PURE__ */ jsx("div", { className: "mt-1 truncate text-[15px] text-[color:var(--color-g4,#929599)]", children: subtitle }) : null,
-            breadcrumbsWithoutCurrent.length > 0 ? /* @__PURE__ */ jsx(
-              "nav",
-              {
-                "aria-label": "Breadcrumb",
-                className: clsx("min-w-0 text-slate-100", title ? "mt-1" : ""),
-                children: /* @__PURE__ */ jsx("ol", { className: "flex flex-nowrap items-center gap-2 overflow-hidden text-sm text-gray-600", children: breadcrumbsWithoutCurrent.map((item, index) => /* @__PURE__ */ jsxs(
-                  "li",
-                  {
-                    className: "flex min-w-0 flex-shrink-0 items-center gap-2",
-                    children: [
-                      index > 0 ? /* @__PURE__ */ jsx("span", { className: "text-gray-400", children: ">" }) : null,
-                      item.href ? renderCrumbLink(item.href, item.label, "truncate text-slate-100 hover:underline") : /* @__PURE__ */ jsx("span", { className: "truncate text-slate-100", children: item.label })
-                    ]
-                  },
-                  `${item.label}-${index}`
-                )) })
-              }
-            ) : null
+            subtitle ? /* @__PURE__ */ jsx("div", { className: "mt-1 truncate text-[15px] text-[color:var(--color-g4,#58657A)]", children: subtitle }) : null
           ] }),
           actions ? /* @__PURE__ */ jsx("div", { className: "flex-shrink-0", children: actions }) : null
         ] }) }),
@@ -2597,7 +2236,7 @@ function BreadcrumbBarView({
     {
       className: "ml-0 border-b border-gray-200 px-4 py-3 md:ml-60",
       style: { backgroundColor: "var(--app-tab-header-bg, #888888)" },
-      children: /* @__PURE__ */ jsx("div", { className: clsx("mx-auto w-full px-0", maxWClass), children: /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center justify-between", children: [
+      children: /* @__PURE__ */ jsx("div", { className: clsx2("mx-auto w-full px-0", maxWClass), children: /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center justify-between", children: [
         breadcrumbs && breadcrumbs.length > 0 && /* @__PURE__ */ jsx("nav", { "aria-label": "Breadcrumb", children: /* @__PURE__ */ jsx("ol", { className: "flex items-center gap-2 text-sm text-slate-100", children: breadcrumbs.map((item, index) => /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-2", children: [
           index > 0 ? /* @__PURE__ */ jsx("span", { className: "text-gray-400", children: ">" }) : null,
           item.href ? renderCrumbLink(item.href, item.label, "text-slate-100 hover:underline") : /* @__PURE__ */ jsx("span", { className: "text-slate-100", children: item.label })
@@ -2608,6 +2247,6 @@ function BreadcrumbBarView({
   );
 }
 
-export { BreadcrumbBarView, Button_default, CORE_APP_ORIGIN, CORE_BILLING_PATH, CREDIT_TYPE_LABELS, CREDIT_TYPE_ORDER, Card, Checkbox_default, CreditsAction, FileInput_default, FormColumn, FuelAction, HeaderTabBar, Input_default, NAV_DISPLAY_OPTIONS, NavChromeProvider, NavDisplayAction, NavThemeControl, NotificationsAction, PageHeaderView, SPECS_ORIGIN, Select_default, SpecOverlayAction, SpeculationRulesScript, SupportAction, TOPBAR_GLYPH_SIZE, Textarea_default, TopBarCountBadge, TopBarPanelArrow, TopBarPopover, TopBarTooltip, TopBarWidgetSlot, buildNavSpeculationRules, buildSpeculationRules, collectSiblingAppUrls, createCommsNotificationsAdapter, creditGaugeRatio, creditStateWord, creditTooltipLine, creditsAriaLabel, creditsIconState, emptyNotificationsFeed, normalizeNotificationsFeed, resolveBrandGlyph, resolveOrgLogoUrl, topBarIconButtonClass, useChromeMe, useChromeOrgs, useNavChromeDedupedFetch, useNavChromeFetcher, useThemePreference, useTopBarIconSlotGlyph, warnDeprecated };
-//# sourceMappingURL=chunk-J23MTK56.js.map
-//# sourceMappingURL=chunk-J23MTK56.js.map
+export { BreadcrumbBarView, CORE_APP_ORIGIN, CORE_BILLING_PATH, CREDIT_TYPE_LABELS, CREDIT_TYPE_ORDER, Card, CreditsAction, FormColumn, FuelAction, HeaderTabBar, NAV_DISPLAY_OPTIONS, NavChromeProvider, NavDisplayAction, NavThemeControl, NotificationsAction, PageHeaderView, SPECS_ORIGIN, SpecOverlayAction, SpeculationRulesScript, SupportAction, TOPBAR_GLYPH_SIZE, TopBarCountBadge, TopBarPanelArrow, TopBarPopover, TopBarTooltip, TopBarWidgetSlot, buildNavSpeculationRules, buildSpeculationRules, collectSiblingAppUrls, createCommsNotificationsAdapter, creditGaugeRatio, creditStateWord, creditTooltipLine, creditsAriaLabel, creditsIconState, emptyNotificationsFeed, normalizeNotificationsFeed, resolveBrandGlyph, resolveOrgLogoUrl, topBarIconButtonClass, useChromeMe, useChromeOrgs, useNavChromeDedupedFetch, useNavChromeFetcher, useThemePreference, useTopBarIconSlotGlyph, warnDeprecated };
+//# sourceMappingURL=chunk-ZS7MQXDQ.js.map
+//# sourceMappingURL=chunk-ZS7MQXDQ.js.map