@alfadocs/ui-kit-debug 1.3.13 → 1.4.1

package/dist/_chunks/map-view-2yZCQW2l.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"map-view-2yZCQW2l.js","sources":["../../src/components/map-view/map-view.agent.ts","../../src/components/map-view/map-view.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — MapView.                                               */\n/*                                                                        */\n/* Read-safety actions on the kit's Google Maps wrapper. State is the    */\n/* current centre / zoom / selected marker; actions pan, zoom, and       */\n/* select markers programmatically.                                      */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { MapViewHandle, MapLatLng } from './map-view';\n\nexport const mapViewAgent: AgentAdapter<MapViewHandle> = {\n  id: 'map-view',\n  // pan → scroll (viewport move); set_zoom → set_value; select_marker → pick\n  // (NON-persisting marker focus, no value state slot).\n  capabilities: ['scroll', 'set_value', 'pick'],\n  // Every action routes through the imperative bridge, which only exists\n  // inside the `APIProvider` subtree — and that subtree renders only once\n  // consent is granted (the default is `consentGranted={false}`). Under\n  // the gate all three actions are silent no-ops. `consentGranted` is the\n  // slot that tells an agent so; `center` / `zoom` are read off the live\n  // map because Google clamps zoom and animates pans, so requested is not\n  // applied; `selectedMarkerId` is the only confirmation the host accepted\n  // a `select_marker` proposal.\n  //\n  // A9: marker ids only (`MapMarker.id` is a stable opaque id). Never\n  // `MapMarker.label`, never the `address` prop (consumer-supplied free\n  // text, PII in any patient-address deployment), never `apiKey`.\n  state: {\n    consentGranted: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.mapView.state.consentGranted',\n      description:\n        'True when the GDPR consent gate has been passed and the Google Maps subtree is mounted. Read this FIRST — while it is false every action is a silent no-op against a placeholder, and nothing else in the surface says so.',\n      read: (handle) => handle.isConsentGranted(),\n    },\n    markerCount: {\n      type: 'number',\n      descriptionKey: 'ui.agent.mapView.state.markerCount',\n      description:\n        'Number of markers the consumer passed. Zero means there is nothing for `select_marker` to select. A count only — no ids, labels or positions.',\n      read: (handle) => handle.getMarkerCount(),\n    },\n    selectedMarkerId: {\n      type: 'string | null',\n      descriptionKey: 'ui.agent.mapView.state.selectedMarkerId',\n      description:\n        'Id of the marker the host currently holds as selected, or null. Selection is fully controlled by the consumer, so `select_marker` only proposes — this slot is the only way to see whether the proposal was accepted.',\n      read: (handle) => handle.getSelectedMarkerId(),\n    },\n    center: {\n      type: '{ lat: number; lng: number } | null',\n      descriptionKey: 'ui.agent.mapView.state.center',\n      description:\n        'Live map centre in lat/lng, or null while the map subtree is unmounted (consent not granted). The read-back for `pan_to`.',\n      read: (handle) => handle.getCenter(),\n    },\n    zoom: {\n      type: 'number | null',\n      descriptionKey: 'ui.agent.mapView.state.zoom',\n      description:\n        \"Live zoom level, or null while the map subtree is unmounted. Google clamps zoom to the map type's range, so this is not necessarily the value last passed to `set_zoom`.\",\n      read: (handle) => handle.getZoom(),\n    },\n  },\n  actions: {\n    pan_to: {\n      // Ephemeral viewport move, no data loss → read.\n      safety: 'read',\n      argsType: '{ position: { lat: number; lng: number } }',\n      argsSchema: {\n        type: 'object',\n        properties: {\n          position: {\n            type: 'object',\n            properties: {\n              lat: { type: 'number', description: 'Latitude in degrees.' },\n              lng: { type: 'number', description: 'Longitude in degrees.' },\n            },\n            required: ['lat', 'lng'],\n          },\n        },\n        required: ['position'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.mapView.actions.panTo',\n      description:\n        'Pan the map to a new centre without changing zoom. Read the `center` slot back to confirm — Google animates the pan, so the applied centre settles after the call.',\n      errors: [\n        'Silent no-op while `consentGranted` is false — there is no map, only the consent placeholder.',\n      ],\n      invoke: (handle, args: { position: MapLatLng }) => {\n        handle.panTo(args.position);\n      },\n    },\n    set_zoom: {\n      // Ephemeral viewport zoom, no data loss → read.\n      safety: 'read',\n      argsType: '{ zoom: number }',\n      argsSchema: {\n        type: 'object',\n        properties: {\n          zoom: {\n            type: 'number',\n            description: 'Zoom level, typical range 1–20.',\n          },\n        },\n        required: ['zoom'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.mapView.actions.setZoom',\n      description:\n        'Set the map zoom level (typical range 1–20). Read the `zoom` slot back — Google clamps the request to the map type’s supported range, so requested and applied can differ.',\n      errors: [\n        'Silent no-op while `consentGranted` is false — there is no map, only the consent placeholder.',\n        \"Requested zoom is clamped to the map type's range; `zoom` reports what was actually applied.\",\n      ],\n      invoke: (handle, args: { zoom: number }) => {\n        handle.setZoom(args.zoom);\n      },\n    },\n    select_marker: {\n      // Ephemeral marker focus, no data loss → read.\n      safety: 'read',\n      argsType: '{ id: string | null }',\n      argsSchema: {\n        type: 'object',\n        properties: {\n          id: {\n            type: ['string', 'null'],\n            description: 'Marker id to select, or null to clear the selection.',\n          },\n        },\n        required: ['id'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.mapView.actions.selectMarker',\n      description:\n        \"Propose a marker selection by id, or pass null to clear it. Fires the host's `onMarkerClick`; selection is controlled by the host, so read the `selectedMarkerId` slot back to see whether it accepted.\",\n      errors: [\n        'Silent no-op while `consentGranted` is false — there is no map, only the consent placeholder.',\n        'The host owns `selectedMarkerId` and may ignore the proposal; `selectedMarkerId` is unchanged when it does.',\n      ],\n      invoke: (handle, args: { id: string | null }) => {\n        handle.selectMarker(args.id);\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'map-view',\n      description: 'Marks the element as a kit MapView.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","/* ------------------------------------------------------------------ */\n/* MapView — kit wrapper over @vis.gl/react-google-maps.                */\n/*                                                                      */\n/* - Loads the Google Maps JS API on demand via the library's          */\n/*   `APIProvider`; consumer supplies the key (no kit-side cache).      */\n/* - Defaults to a CONSENT-GATED placeholder (`consentGranted={false}`) */\n/*   so the third-party load never happens before the consumer flips   */\n/*   the opt-in. GDPR-safe by default.                                  */\n/* - Theme-reactive: the Google Maps `styles` JSON re-resolves on every */\n/*   `documentElement.class` mutation (same pattern as Sparkline).      */\n/*   Consumers may pass `mapId` to switch to a cloud-styled map         */\n/*   instead, in which case `styles` is ignored.                        */\n/* - `data-component=\"map-view\"` lives on the outer span; the inner     */\n/*   `<Map>` mounts inside it.                                          */\n/* ------------------------------------------------------------------ */\n\nimport {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { MapPin, ExternalLink } from 'lucide-react';\nimport {\n  APIProvider,\n  Map as GoogleMap,\n  AdvancedMarker,\n  Marker,\n  Pin,\n  useMap,\n} from '@vis.gl/react-google-maps';\nimport { Button } from '../button';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { mapViewAgent } from './map-view.agent';\n\n/* ------------------------------------------------------------------ */\n/* Types                                                                */\n/* ------------------------------------------------------------------ */\n\nexport interface MapLatLng {\n  lat: number;\n  lng: number;\n}\n\nexport interface MapMarker {\n  /** Stable id — used for keyed re-rendering and `onMarkerClick`. */\n  id: string;\n  /** Position in lat/lng. */\n  position: MapLatLng;\n  /** Optional accessible label — falls back to the id. */\n  label?: string;\n}\n\nexport interface MapViewHandle {\n  /** Pan the map to a new centre without changing zoom. */\n  panTo: (position: MapLatLng) => void;\n  /** Set zoom (typical range 1–20). */\n  setZoom: (zoom: number) => void;\n  /** Programmatically select a marker (fires `onMarkerClick`). */\n  selectMarker: (id: string | null) => void;\n  /* ---- read-back ------------------------------------------------- */\n  /**\n   * True when the Maps JS API subtree is mounted. While this is false\n   * the three actions above are silent no-ops — the consent gate has\n   * not been passed and there is no map to drive.\n   */\n  isConsentGranted: () => boolean;\n  /** Live map centre, or `null` while the map subtree is unmounted. */\n  getCenter: () => MapLatLng | null;\n  /**\n   * Live zoom level, or `null` while the map subtree is unmounted.\n   * Google clamps to the map type's range, so this is not necessarily\n   * the value last passed to `setZoom`.\n   */\n  getZoom: () => number | null;\n  /**\n   * The controlled `selectedMarkerId` prop as the host currently holds\n   * it. `selectMarker` only proposes a selection — the host is free to\n   * ignore it, and this is the only way to see whether it did.\n   */\n  getSelectedMarkerId: () => string | null;\n  /** Number of markers passed to the component. Count only, no ids. */\n  getMarkerCount: () => number;\n}\n\n/**\n * The slice of `MapViewHandle` that needs a live `google.maps.Map`.\n * Built inside the `APIProvider` subtree by `MapImperativeBridge`; the\n * outer component composes it with the props-derived getters, and holds\n * `null` whenever the subtree is unmounted.\n */\ntype MapBridgeHandle = Pick<\n  MapViewHandle,\n  'panTo' | 'setZoom' | 'selectMarker' | 'getCenter' | 'getZoom'\n>;\n\nexport interface MapViewProps\n  extends\n    Omit<HTMLAttributes<HTMLDivElement>, 'onClick'>,\n    VariantProps<typeof mapViewVariants> {\n  /** Opaque instance id — emitted as `data-component-id`. */\n  id?: string;\n  /** Google Maps JS API key. Consumer-owned; never cached by the kit. */\n  apiKey: string;\n  /** Map centre (lat/lng). Required so the consent placeholder can also use it. */\n  center: MapLatLng;\n  /** Initial zoom. Default 15 (city-block detail, matches booking site). */\n  zoom?: number;\n  /**\n   * Markers to render. The first marker auto-selects when no\n   * `selectedMarkerId` is given.\n   */\n  markers?: MapMarker[];\n  /** Controlled selection — fires `onMarkerClick` with the new id (or null on map click). */\n  selectedMarkerId?: string | null;\n  /** Fires when a marker is clicked, or `null` when the map background is clicked. */\n  onMarkerClick?: (id: string | null) => void;\n  /**\n   * GDPR consent gate. When `false` (default) the component renders a\n   * placeholder with a translated CTA — the Maps JS API is **not**\n   * loaded. Flip to `true` once the consumer has captured opt-in.\n   */\n  consentGranted?: boolean;\n  /** Fires when the consumer clicks the \"Load map\" CTA in the placeholder. */\n  onConsentRequest?: () => void;\n  /**\n   * Optional address string shown in the consent placeholder so the\n   * surface is useful before the map loads. Also used to build the\n   * fallback \"Open in Google Maps\" link target.\n   */\n  address?: string;\n  /**\n   * Cloud-styled-map id. When set, takes precedence over the JSON\n   * `styles` array and disables the theme-bridge re-fire. Use when\n   * you've provisioned a styled map in Google Cloud Console.\n   */\n  mapId?: string;\n  /**\n   * Override the consent-placeholder description text. The default\n   * (`t('mapView.consentDescription')`) is a generic IP-disclosure\n   * line. Consumers operating under specific GDPR / ePrivacy\n   * disclosures (jurisdiction, named controller, policy link) should\n   * supply their own text via this prop. Pass any `ReactNode` — a\n   * paragraph, a localised `<Trans>` instance, etc.\n   */\n  consentDescription?: ReactNode;\n  /**\n   * Replace the kit-rendered \"Load map\" button with custom CTA chrome.\n   * Use when the consent dialog needs a policy link, a specific\n   * jurisdiction phrasing, or a different surface (Tooltip-wrapped\n   * button, link to a settings page, etc.). When omitted the kit\n   * renders its own `<Button>` — that button calls `onConsentRequest`\n   * if provided, otherwise flips MapView's internal opt-in state so\n   * the map loads inline.\n   */\n  consentCta?: ReactNode;\n  /**\n   * Visual surface. Default `bordered` (current behaviour: 1px\n   * `--border` outline + `--radius-md`). `elevated` replaces the\n   * border with `--shadow-card`, matching `<Card variant=\"elevated\">`.\n   * `bare` drops both — map is flush against the page canvas.\n   */\n  surface?: 'bordered' | 'elevated' | 'bare';\n  /** Accessible label for the map region. Falls back to `t('mapView.label')`. */\n  ariaLabel?: string;\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst mapViewVariants = cva(\n  ['ds:relative ds:overflow-hidden ds:block', 'ds:bg-[var(--muted)]'].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:[--map-block-size:14rem]',\n        md: 'ds:[--map-block-size:20rem]',\n        lg: 'ds:[--map-block-size:28rem]',\n        // `fill` defers sizing to the parent. The outer takes\n        // `block-size: 100%` so the inner (also 100%) has something\n        // to inherit from. Use inside a viewport-locked column —\n        // `<PracticeResults variant=\"map-first\">` wires this through\n        // automatically; standalone consumers must give the parent\n        // a constrained block-size or the map collapses to 0.\n        fill: 'ds:[block-size:100%]',\n      },\n      surface: {\n        bordered:\n          'ds:rounded-[var(--radius-md)] ds:border ds:border-[color:var(--border)]',\n        elevated:\n          'ds:rounded-[var(--radius-md)] ds:shadow-[var(--shadow-card)] ds:border ds:border-[color:var(--card-border)] ds:[.theme-accessible_&]:border-2',\n        bare: 'ds:rounded-none ds:border-0',\n      },\n    },\n    defaultVariants: { size: 'md', surface: 'bordered' },\n  },\n);\n\n// Inner block-size: percentage when `size=\"fill\"`, rem-token otherwise.\n// Splitting this out (instead of compound-variants) keeps the size\n// switch readable and avoids enumerating every (size × surface) pair.\nconst innerSurfaceVariants = cva('ds:block ds:inline-size-full', {\n  variants: {\n    size: {\n      sm: 'ds:[block-size:var(--map-block-size)]',\n      md: 'ds:[block-size:var(--map-block-size)]',\n      lg: 'ds:[block-size:var(--map-block-size)]',\n      fill: 'ds:[block-size:100%]',\n    },\n  },\n  defaultVariants: { size: 'md' },\n});\n\nconst consentChromeVariants = cva(\n  [\n    'ds:absolute ds:inset-0',\n    'ds:flex ds:flex-col ds:items-center ds:justify-center',\n    'ds:gap-[var(--spacing-sm)]',\n    'ds:p-[var(--spacing-md)]',\n    'ds:bg-[var(--muted)] ds:text-[var(--foreground)]',\n    'ds:text-center',\n  ].join(' '),\n);\n\nconst consentTitleVariants = cva('type-heading-3 ds:m-0');\n\nconst consentDescriptionVariants = cva(\n  'type-body-sm ds:text-[var(--muted-foreground)] ds:[max-inline-size:28rem] ds:m-0',\n);\n\n/* ------------------------------------------------------------------ */\n/* Inner imperative bridge                                              */\n/*                                                                      */\n/* `useMap()` only resolves inside the APIProvider tree, so the         */\n/* imperative actions live in a tiny inner component that the outer    */\n/* `MapView` mounts conditionally. It exposes the `panTo` / `setZoom`  */\n/* etc. to the forwardRef via a `useImperativeHandle` callback prop.    */\n/* ------------------------------------------------------------------ */\n\ninterface MapImperativeBridgeProps {\n  /** Called with the live handle on mount, and with `null` on unmount. */\n  onHandleReady: (handle: MapBridgeHandle | null) => void;\n  onMarkerSelect: (id: string | null) => void;\n}\n\nfunction MapImperativeBridge({\n  onHandleReady,\n  onMarkerSelect,\n}: MapImperativeBridgeProps): null {\n  const map = useMap();\n  useEffect(() => {\n    if (!map) return;\n    onHandleReady({\n      panTo: (position) => map.panTo(position),\n      setZoom: (zoom) => map.setZoom(zoom),\n      selectMarker: (id) => onMarkerSelect(id),\n      // Read straight off the live map: Google clamps `setZoom` to the\n      // map type's range and animates `panTo`, so requested and applied\n      // are not the same value.\n      getCenter: () => map.getCenter()?.toJSON() ?? null,\n      getZoom: () => map.getZoom() ?? null,\n    });\n    // Drop the handle when the subtree unmounts (consent revoked, or the\n    // component tears down) so the outer getters answer `null` instead of\n    // reporting a dead map's last known position.\n    return () => onHandleReady(null);\n  }, [map, onHandleReady, onMarkerSelect]);\n  return null;\n}\n\n/* ------------------------------------------------------------------ */\n/* Consent placeholder                                                  */\n/* ------------------------------------------------------------------ */\n\ninterface ConsentPlaceholderProps {\n  address: string | undefined;\n  description: ReactNode;\n  /**\n   * Click handler for the \"Load map\" button. Always rendered. When the\n   * consumer provides `onConsentRequest` it owns the state transition\n   * (typically: open a GDPR dialog, then flip `consentGranted` to true\n   * after acceptance). When omitted, the kit's `MapView` falls back to\n   * its own internal opt-in toggle — clicking grants consent for this\n   * MapView instance only, no consumer plumbing required. This default\n   * fixes a regression where the button was conditionally rendered and\n   * any consumer omitting `onConsentRequest` left the patient with no\n   * way to load the map (booking-website 0.31.0 hit this).\n   */\n  onLoadMap: () => void;\n  openInGoogleMapsHref: string;\n  /**\n   * Custom CTA — replaces the kit-rendered `<Button>` when the consumer\n   * needs a different surface (e.g. a Tooltip-wrapped button with a\n   * policy link). The kit's button is still the recommended path; this\n   * slot exists for consumers operating under specific compliance UX\n   * requirements (jurisdiction, named controller, policy link). Pass\n   * any `ReactNode`.\n   */\n  consentCta: ReactNode | undefined;\n}\n\nfunction ConsentPlaceholder({\n  address,\n  description,\n  onLoadMap,\n  openInGoogleMapsHref,\n  consentCta,\n}: ConsentPlaceholderProps): ReactNode {\n  const { t } = useTranslation();\n  return (\n    <div className={consentChromeVariants()} data-testid=\"map-view-consent\">\n      <MapPin\n        aria-hidden=\"true\"\n        className=\"ds:size-6 ds:text-[var(--muted-foreground)]\"\n      />\n      <p className={consentTitleVariants()}>{t('mapView.consentTitle')}</p>\n      {address ? (\n        <p\n          className={consentDescriptionVariants()}\n          data-testid=\"map-view-address\"\n        >\n          {address}\n        </p>\n      ) : null}\n      <p className={consentDescriptionVariants()}>{description}</p>\n      <div className=\"ds:flex ds:gap-[var(--spacing-sm)] ds:flex-wrap ds:items-center ds:justify-center\">\n        {consentCta ?? (\n          <Button\n            type=\"button\"\n            intent=\"primary\"\n            size=\"sm\"\n            onClick={onLoadMap}\n            data-testid=\"map-view-load-cta\"\n          >\n            {t('mapView.consentCta')}\n          </Button>\n        )}\n        <a\n          href={openInGoogleMapsHref}\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          className=\"ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)] ds:text-[var(--primary)] ds:underline ds:underline-offset-2\"\n        >\n          {t('mapView.openInGoogleMaps')}\n          <ExternalLink aria-hidden=\"true\" className=\"ds:size-3\" />\n        </a>\n      </div>\n    </div>\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/* MapView                                                              */\n/* ------------------------------------------------------------------ */\n\nexport const MapView = forwardRef<MapViewHandle, MapViewProps>(\n  (\n    {\n      id,\n      apiKey,\n      center,\n      zoom = 15,\n      markers,\n      selectedMarkerId,\n      onMarkerClick,\n      consentGranted = false,\n      onConsentRequest,\n      address,\n      consentDescription,\n      consentCta,\n      mapId,\n      size,\n      surface,\n      ariaLabel,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation();\n    const rawId = useId();\n    const instanceId = useMemo(\n      () => `map-${rawId.replace(/[^a-zA-Z0-9-_]/g, '')}`,\n      [rawId],\n    );\n\n    // Reduced-motion gating. Google's own pan / zoom animations\n    // happen inside the Maps JS API and the kit can't reach into\n    // those — but the kit's own programmatic `panTo` calls (triggered\n    // by prop changes via the controlled-sync effect below) can be\n    // suppressed. When `prefers-reduced-motion: reduce` is set, we\n    // skip the synthetic `panTo` so the consumer's prop change\n    // results in a hard recenter rather than an animated glide.\n    const [reducedMotion, setReducedMotion] = useState(false);\n    useEffect(() => {\n      if (typeof window === 'undefined') return undefined;\n      const mql = window.matchMedia('(prefers-reduced-motion: reduce)');\n      const sync = (): void => setReducedMotion(mql.matches);\n      sync();\n      mql.addEventListener('change', sync);\n      return () => mql.removeEventListener('change', sync);\n    }, []);\n\n    // The \"Open in Google Maps\" fallback link — works without any\n    // third-party script load. Uses the modern `?api=1&query=…` form\n    // which the booking site already employs.\n    const openInGoogleMapsHref = useMemo(() => {\n      const query = address\n        ? encodeURIComponent(address)\n        : `${center.lat},${center.lng}`;\n      return `https://www.google.com/maps/search/?api=1&query=${query}`;\n    }, [address, center.lat, center.lng]);\n\n    // 0.33.5: removed the kit's `getGoogleMapsTheme()` JSON-styles\n    // override. Previously, when `mapId` was absent the kit painted\n    // water / roads / landscape with kit tokens — a calm muted-grey\n    // palette that diverged from the standard Google Maps appearance\n    // users expect in every other maps surface they touch. Google's\n    // default (blue water, beige land, named-road colours) is more\n    // familiar and reads as a \"real map\" rather than a stylised one.\n    //\n    // Consumers wanting brand-themed colours opt in via `mapId` and\n    // configure the palette in Google Cloud Console — that's the\n    // Google-recommended path. The `getGoogleMapsTheme` export stays\n    // in `src/tokens/google-maps-theme.ts` so consumers wanting the\n    // old behaviour can apply the styles themselves, but the kit\n    // does NOT install them by default any more.\n    //\n    // Side benefit: dropped the MutationObserver that previously\n    // watched documentElement.class for theme switches — no more\n    // observer churn on every theme toggle.\n\n    // Imperative handle plumbing — populated by the inner bridge once\n    // the APIProvider tree resolves a `Map` instance.\n    const handleRef = useRef<MapBridgeHandle | null>(null);\n    const onHandleReady = useCallback((handle: MapBridgeHandle | null) => {\n      handleRef.current = handle;\n    }, []);\n\n    // Read in the OUTER component, not through `handleRef` — these three\n    // must still answer when the map subtree is unmounted, which is\n    // exactly the situation an agent needs explaining. Assigned during\n    // render, below, once `effectiveConsent` exists.\n    const consentRef = useRef(false);\n    const selectedMarkerIdRef = useRef<string | null>(null);\n    const markerCountRef = useRef(0);\n\n    const buildHandle = useCallback(\n      (): MapViewHandle => ({\n        panTo: (position) => handleRef.current?.panTo(position),\n        setZoom: (z) => handleRef.current?.setZoom(z),\n        selectMarker: (markerId) => handleRef.current?.selectMarker(markerId),\n        // Without `isConsentGranted` an agent has no way to learn that\n        // its pan / zoom / select was swallowed by the GDPR gate rather\n        // than applied: under the default (`consentGranted={false}`) the\n        // whole Maps subtree is unmounted and every action optional-chains\n        // into nothing.\n        isConsentGranted: () => consentRef.current,\n        getCenter: () => handleRef.current?.getCenter() ?? null,\n        getZoom: () => handleRef.current?.getZoom() ?? null,\n        getSelectedMarkerId: () => selectedMarkerIdRef.current,\n        getMarkerCount: () => markerCountRef.current,\n      }),\n      [],\n    );\n    useImperativeHandle(ref, buildHandle, [buildHandle]);\n\n    const agentHandle = useMemo<MapViewHandle>(\n      () => buildHandle(),\n      [buildHandle],\n    );\n    useAgentRegistration(mapViewAgent, agentHandle, id);\n\n    // Controlled-feeling propagation: vis.gl's `<Map>` reads `center`\n    // and `zoom` as initial values only (via `defaultCenter` /\n    // `defaultZoom`). To honour the documented \"live prop\" contract\n    // we shim post-mount sync through the imperative bridge — a\n    // parent that swaps offices by changing `center` re-centres the\n    // map. User drag does NOT trigger this because the prop doesn't\n    // change on user gesture, so the effect doesn't fire and the\n    // map stays where the user left it.\n    useEffect(() => {\n      // Skip the animated pan under reduced-motion preference; the\n      // map will still recentre on the next render via the agent\n      // handle's `panTo`, but Google's own glide animation runs\n      // either way (kit can't reach inside it). At least the kit's\n      // own initiated pan is gated.\n      if (reducedMotion) return;\n      handleRef.current?.panTo(center);\n      // Including `center` (the object reference) instead of\n      // `center.lat`/`center.lng` would fire on every parent render\n      // even when the coordinates are identical, fighting user drag.\n      // The destructured deps are intentional.\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [center.lat, center.lng, reducedMotion]);\n    useEffect(() => {\n      handleRef.current?.setZoom(zoom);\n    }, [zoom]);\n\n    // Internal opt-in fallback. The `consentGranted` prop is the\n    // controlled path — consumer flips it after capturing GDPR\n    // acceptance through their own dialog and re-renders. When the\n    // consumer omits `onConsentRequest` they're opting out of that\n    // workflow, so the kit needs a sensible default click handler on\n    // the placeholder's button. `internalConsent` tracks that opt-in\n    // for this instance only; the map renders when either signal is\n    // truthy. The 0.31.0 regression was conditionally rendering the\n    // button on `onConsentRequest` — patients of consumers without the\n    // hook saw the placeholder with no way to proceed.\n    const [internalConsent, setInternalConsent] = useState(false);\n    const effectiveConsent = consentGranted || internalConsent;\n    // Mirror the three props-derived agent state slots. Assigned during\n    // render so a read immediately after a prop change sees the settled\n    // value. Ids and a count only — never `MapMarker.label`, never the\n    // `address` prop (consumer-supplied free text, PII in any\n    // patient-address deployment), never `apiKey`.\n    consentRef.current = effectiveConsent;\n    selectedMarkerIdRef.current = selectedMarkerId ?? null;\n    markerCountRef.current = (markers ?? []).length;\n    const handleLoadMap = useCallback(() => {\n      if (onConsentRequest) {\n        onConsentRequest();\n        // The consumer typically flips `consentGranted` to true on the\n        // next render. Flip the internal state too so the map still\n        // loads if the consumer forgets to update its prop (the\n        // common-case footgun this fallback exists to defuse).\n        setInternalConsent(true);\n        return;\n      }\n      setInternalConsent(true);\n    }, [onConsentRequest]);\n\n    return (\n      <div\n        className={mapViewVariants({ size, surface, className })}\n        data-component=\"map-view\"\n        data-component-id={id ?? instanceId}\n        role=\"region\"\n        aria-label={ariaLabel ?? t('mapView.label')}\n        {...rest}\n      >\n        <div className={innerSurfaceVariants({ size })}>\n          {effectiveConsent ? (\n            <APIProvider\n              apiKey={apiKey}\n              // Pull the active i18next locale through so map UI text\n              // (zoom controls, attribution) localises to match the\n              // surrounding kit chrome.\n              language={i18n.language}\n            >\n              <GoogleMap\n                defaultCenter={center}\n                defaultZoom={zoom}\n                mapId={mapId}\n                gestureHandling=\"cooperative\"\n                disableDefaultUI={false}\n                onClick={() => onMarkerClick?.(null)}\n                // `<Map>` reads its own bounding rect for tile sizing.\n                // Without explicit dimensions it collapses to 0×0, so\n                // we pass kit-class sizing through `className` — vis.gl\n                // forwards `className` straight to the rendered root.\n                className=\"ds:[inline-size:100%] ds:[block-size:100%]\"\n              >\n                <MapImperativeBridge\n                  onHandleReady={onHandleReady}\n                  onMarkerSelect={(markerId) => onMarkerClick?.(markerId)}\n                />\n                {(markers ?? []).map((marker) => {\n                  // Selection state is exposed to the consumer via\n                  // `data-selected` on the marker root so consumers can\n                  // style their own InfoWindow / sidebar highlight from\n                  // it. The kit does NOT swap the Pin's fill colour on\n                  // selection — `--accent` (magenta-500 in light theme)\n                  // fails AA on white per 05-accessibility.mdx, and the\n                  // alternative tokens that pass (`--info`, `--success`)\n                  // carry semantic baggage. Visual selection state is\n                  // the consumer's call.\n                  const isSelected =\n                    selectedMarkerId != null && selectedMarkerId === marker.id;\n                  const accessibleLabel = t('mapView.markerLabel', {\n                    label: marker.label ?? marker.id,\n                  });\n                  // Pin implementation switches on whether the\n                  // consumer supplied `mapId`. Google's\n                  // AdvancedMarkerElement requires the Map instance to\n                  // be initialised with a valid Map ID — without one\n                  // the API logs an error (\"La mappa è stata\n                  // inizializzata senza un ID mappa valido\") and any\n                  // AdvancedMarker rendered against that map fails to\n                  // appear. Cloud Map IDs are an opt-in feature; many\n                  // consumers (booking-website env without\n                  // GOOGLE_MAPS_MAP_ID, the OSS demo, etc.) legitimately\n                  // omit it.\n                  //\n                  // Fall back to the classic <Marker> (a thin wrapper\n                  // around google.maps.Marker) when mapId is absent.\n                  // Google has formally deprecated google.maps.Marker\n                  // but it still renders cleanly and produces no\n                  // console errors; the only loss is the brand-tinted\n                  // <Pin> chrome (which Marker doesn't accept as a\n                  // child). When a consumer wants the styled pin they\n                  // can opt back in by supplying `mapId`.\n                  if (mapId) {\n                    return (\n                      <AdvancedMarker\n                        key={marker.id}\n                        position={marker.position}\n                        // `title` becomes the HTML `title` attribute on\n                        // Google's marker wrapper — that's a tooltip, not\n                        // a reliable accessible name. The wrapper also\n                        // receives `aria-label` which Google honours as\n                        // the SR-announced name. Both are set so sighted\n                        // hover tooltips and SR labels stay aligned.\n                        title={accessibleLabel}\n                        aria-label={accessibleLabel}\n                        data-selected={isSelected ? 'true' : 'false'}\n                        onClick={() => onMarkerClick?.(marker.id)}\n                      >\n                        <Pin\n                          background={'var(--primary)'}\n                          borderColor={'var(--primary)'}\n                          glyphColor={'var(--primary-foreground)'}\n                        />\n                      </AdvancedMarker>\n                    );\n                  }\n                  return (\n                    <Marker\n                      key={marker.id}\n                      position={marker.position}\n                      title={accessibleLabel}\n                      onClick={() => onMarkerClick?.(marker.id)}\n                    />\n                  );\n                })}\n              </GoogleMap>\n            </APIProvider>\n          ) : (\n            <ConsentPlaceholder\n              address={address}\n              description={\n                consentDescription ?? t('mapView.consentDescription')\n              }\n              onLoadMap={handleLoadMap}\n              consentCta={consentCta}\n              openInGoogleMapsHref={openInGoogleMapsHref}\n            />\n          )}\n        </div>\n      </div>\n    );\n  },\n);\nMapView.displayName = 'MapView';\n"],"names":["mapViewAgent","handle","args","mapViewVariants","cva","innerSurfaceVariants","consentChromeVariants","consentTitleVariants","consentDescriptionVariants","MapImperativeBridge","onHandleReady","onMarkerSelect","map","useMap","useEffect","position","zoom","id","_a","ConsentPlaceholder","address","description","onLoadMap","openInGoogleMapsHref","consentCta","t","useTranslation","jsx","MapPin","jsxs","Button","ExternalLink","MapView","forwardRef","apiKey","center","markers","selectedMarkerId","onMarkerClick","consentGranted","onConsentRequest","consentDescription","mapId","size","surface","ariaLabel","className","rest","ref","i18n","rawId","useId","instanceId","useMemo","reducedMotion","setReducedMotion","useState","mql","sync","handleRef","useRef","useCallback","consentRef","selectedMarkerIdRef","markerCountRef","buildHandle","z","markerId","useImperativeHandle","agentHandle","useAgentRegistration","internalConsent","setInternalConsent","effectiveConsent","handleLoadMap","APIProvider","GoogleMap","marker","isSelected","accessibleLabel","AdvancedMarker","Pin","Marker"],"mappings":"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"}

package/dist/_chunks/{marketplace-app-shell-DwcFMxzp.js → marketplace-app-shell-BLRvg-M0.js}

@@ -1,4 +1,4 @@
-import { jsxs as t, jsx as a, Fragment as M } from "react/jsx-runtime";
+import { jsxs as r, jsx as a, Fragment as M } from "react/jsx-runtime";
 import { forwardRef as b, useState as E } from "react";
 import { useTranslation as B } from "react-i18next";
 import { c as p } from "./index-D2ZczOXr.js";
@@ -7,11 +7,11 @@ import { A as S } from "./avatar-BNQNhoyL.js";
 import { A as F } from "./alert-CiJT540z.js";
 import { C as w } from "./card-DPmk26CL.js";
 import { D as m } from "./dropdown-menu-DU-Hrf33.js";
-import { T as q } from "./tab-bar-Axhk6xzx.js";
+import { T as q } from "./tab-bar-BYESZINM.js";
 import { a as A, H as G, g as J, f as z, e as K, c as Q, d as U } from "./header-CjwasYnn.js";
-import { H as X } from "./header-settings--pjYOe6g.js";
+import { H as X } from "./header-settings-Cn5fPXCE.js";
 import { S as Y } from "./sign-in-with-alfadocs-button-UlYefZpI.js";
-import { S as Z, g as _, b as aa, a as ea, j as sa, k as ra, i as ta, h as I } from "./sidebar-C-Gr2LL-.js";
+import { S as Z, g as _, b as aa, a as ea, j as sa, k as ta, i as ra, h as I } from "./sidebar-C-Gr2LL-.js";
 import { T as na } from "./theme-root-BOO73p5t.js";
 import { a as da } from "./tooltip-DvmfrNvB.js";
 import { u as ia } from "./use-theme-CAuo6EYT.js";
@@ -75,14 +75,14 @@ const ua = p("ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]"), fa =
     name: s,
     variant: n = "standard",
     monochrome: e = !1,
-    tone: r = "auto",
+    tone: t = "auto",
     size: d = "md",
     className: l,
     ...c
   }, o) => {
     if (n === "maker") {
-      const i = r === "inherit", u = i ? "" : e ? "ds:text-[color:var(--foreground)]" : "ds:text-[color:var(--primary)]", f = i ? "" : e ? "ds:text-[color:var(--foreground)]" : "ds:text-[color:var(--primary)]", h = i ? "" : "ds:text-[color:var(--muted-foreground)]", v = i ? "" : "ds:text-[color:var(--foreground)]";
-      return /* @__PURE__ */ t(
+      const i = t === "inherit", u = i ? "" : e ? "ds:text-[color:var(--foreground)]" : "ds:text-[color:var(--primary)]", f = i ? "" : e ? "ds:text-[color:var(--foreground)]" : "ds:text-[color:var(--primary)]", h = i ? "" : "ds:text-[color:var(--muted-foreground)]", v = i ? "" : "ds:text-[color:var(--foreground)]";
+      return /* @__PURE__ */ r(
         "span",
         {
           ref: o,
@@ -107,7 +107,7 @@ const ua = p("ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]"), fa =
                 children: s
               }
             ),
-            /* @__PURE__ */ t(
+            /* @__PURE__ */ r(
               "span",
               {
                 "aria-hidden": !0,
@@ -129,7 +129,7 @@ const ua = p("ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]"), fa =
         }
       );
     }
-    return /* @__PURE__ */ t(
+    return /* @__PURE__ */ r(
       "span",
       {
         ref: o,
@@ -143,7 +143,7 @@ const ua = p("ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]"), fa =
             oa,
             {
               variant: e ? "monochrome" : "wordmark",
-              tone: r,
+              tone: t,
               size: d,
               decorative: !0
             }
@@ -172,14 +172,14 @@ function va({
   user: s,
   labels: n,
   onSignOut: e,
-  onToggleFullscreen: r
+  onToggleFullscreen: t
 }) {
   const { t: d } = B(), l = n.fullscreen ?? d("marketplaceAppShell.settings.fullscreen");
   return (
     // Non-modal: an account menu shouldn't inert/aria-hide the whole shell
     // behind it (which leaves the still-focusable chrome inside an
     // aria-hidden region — an `aria-hidden-focus` violation).
-    /* @__PURE__ */ t(m.Root, { modal: !1, children: [
+    /* @__PURE__ */ r(m.Root, { modal: !1, children: [
       /* @__PURE__ */ a(m.Trigger, { asChild: !0, children: /* @__PURE__ */ a(
         "button",
         {
@@ -190,21 +190,21 @@ function va({
           children: /* @__PURE__ */ a("span", { "aria-hidden": "true", children: /* @__PURE__ */ a(S, { name: s.name, src: s.avatarSrc, size: "md" }) })
         }
       ) }),
-      /* @__PURE__ */ t(m.Content, { align: "end", collisionPadding: 16, children: [
-        /* @__PURE__ */ a(m.Label, { children: /* @__PURE__ */ t("span", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+      /* @__PURE__ */ r(m.Content, { align: "end", collisionPadding: 16, children: [
+        /* @__PURE__ */ a(m.Label, { children: /* @__PURE__ */ r("span", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
           /* @__PURE__ */ a("span", { "aria-hidden": "true", children: /* @__PURE__ */ a(S, { name: s.name, src: s.avatarSrc, size: "sm" }) }),
-          /* @__PURE__ */ t("span", { className: "ds:flex ds:flex-col ds:min-w-0", children: [
+          /* @__PURE__ */ r("span", { className: "ds:flex ds:flex-col ds:min-w-0", children: [
             /* @__PURE__ */ a("span", { className: "type-label ds:text-[color:var(--foreground)] ds:truncate", children: s.name }),
             s.email ? /* @__PURE__ */ a("span", { className: "type-meta ds:truncate", children: s.email }) : null
           ] })
         ] }) }),
-        r ? /* @__PURE__ */ t(M, { children: [
+        t ? /* @__PURE__ */ r(M, { children: [
           /* @__PURE__ */ a(m.Separator, {}),
           /* @__PURE__ */ a(
             m.Item,
             {
               startIcon: /* @__PURE__ */ a(ma, { "aria-hidden": !0 }),
-              onSelect: r,
+              onSelect: t,
               "data-testid": "marketplace-fullscreen",
               children: l
             }
@@ -229,10 +229,10 @@ function xa({
   renderLink: n
 }) {
   return /* @__PURE__ */ a(ea, { children: s.map((e) => {
-    const r = typeof e.badgeCount == "number" && e.badgeCount > 0 ? e.badgeCount : void 0, d = /* @__PURE__ */ t(M, { children: [
+    const t = typeof e.badgeCount == "number" && e.badgeCount > 0 ? e.badgeCount : void 0, d = /* @__PURE__ */ r(M, { children: [
       e.icon ? /* @__PURE__ */ a(sa, { children: e.icon }) : null,
-      /* @__PURE__ */ a(ra, { children: e.label }),
-      r !== void 0 ? /* @__PURE__ */ a(ta, { children: ga(r) }) : null
+      /* @__PURE__ */ a(ta, { children: e.label }),
+      t !== void 0 ? /* @__PURE__ */ a(ra, { children: ga(t) }) : null
     ] });
     return n ? /* @__PURE__ */ a(I, { asChild: !0, isActive: e.isActive, children: n({
       href: e.href,
@@ -269,18 +269,27 @@ function ba({
   ariaLabel: n,
   renderLink: e
 }) {
-  const r = e ? ({
+  const t = e ? ({
     href: d,
     className: l,
     children: c,
-    "aria-current": o
-  }) => e({ href: d, className: l, children: c, "aria-current": o }) : void 0;
+    "aria-current": o,
+    "data-tab-id": i
+  }) => e({
+    href: d,
+    className: l,
+    children: c,
+    "aria-current": o,
+    // Forward the agent DOM hook — without it a consumer-router tab is
+    // invisible to `[data-tab-id]` lookups (PRS §26 §6).
+    "data-tab-id": i
+  }) : void 0;
   return /* @__PURE__ */ a(
     q,
     {
       items: s,
       ariaLabel: n,
-      ...r ? { renderLink: r } : {}
+      ...t ? { renderLink: t } : {}
     }
   );
 }
@@ -289,7 +298,7 @@ const ka = b(
     productName: s,
     productHref: n = "/",
     nav: e,
-    renderLink: r,
+    renderLink: t,
     user: d,
     labels: l,
     onSignOut: c,
@@ -300,7 +309,7 @@ const ka = b(
     variant: h = "standalone",
     children: v
   }, k) => {
-    const { t: x } = B(), H = r ? /* @__PURE__ */ a(A, { asChild: !0, children: r({
+    const { t: x } = B(), H = t ? /* @__PURE__ */ a(A, { asChild: !0, children: t({
       href: n,
       children: /* @__PURE__ */ a(
         g,
@@ -330,14 +339,14 @@ const ka = b(
       {
         mainAriaLabel: f,
         mainClassName: T({ variant: "standalone" }),
-        header: /* @__PURE__ */ t(G, { children: [
-          /* @__PURE__ */ t(J, { children: [
+        header: /* @__PURE__ */ r(G, { children: [
+          /* @__PURE__ */ r(J, { children: [
             /* @__PURE__ */ a(z, { href: "#main-content" }),
             /* @__PURE__ */ a(K, { onMenuOpen: () => N(!0) }),
             H
           ] }),
           /* @__PURE__ */ a(Q, {}),
-          /* @__PURE__ */ t(U, { children: [
+          /* @__PURE__ */ r(U, { children: [
             /* @__PURE__ */ a(X, { size: "sm" }),
             /* @__PURE__ */ a(
               va,
@@ -350,7 +359,7 @@ const ka = b(
             )
           ] })
         ] }),
-        sidebar: /* @__PURE__ */ t(
+        sidebar: /* @__PURE__ */ r(
           Z,
           {
             ...i !== void 0 ? { state: i } : { defaultState: "expanded" },
@@ -366,7 +375,7 @@ const ka = b(
                 // the icon-mode centring and offset the toggle in the rail.
                 /* @__PURE__ */ a(_, { children: /* @__PURE__ */ a(aa, {}) })
               ) : null,
-              /* @__PURE__ */ a(xa, { nav: e, renderLink: r })
+              /* @__PURE__ */ a(xa, { nav: e, renderLink: t })
             ]
           }
         ),
@@ -375,14 +384,14 @@ const ka = b(
     ) }), P = (
       // The shell owns the warm-grey canvas; TabBar's strip is transparent and
       // floats its pill on it, and `<main>` continues the same surface.
-      /* @__PURE__ */ t("div", { className: "ds:flex ds:min-h-dvh ds:flex-col ds:bg-[color:var(--app-shell-background)]", children: [
+      /* @__PURE__ */ r("div", { className: "ds:flex ds:min-h-dvh ds:flex-col ds:bg-[color:var(--app-shell-background)]", children: [
         /* @__PURE__ */ a(z, { href: "#main-content" }),
         /* @__PURE__ */ a(
           ba,
           {
             nav: e,
             ariaLabel: x("navigation.sidebar.label"),
-            renderLink: r
+            renderLink: t
           }
         ),
         /* @__PURE__ */ a(
@@ -448,7 +457,7 @@ const ya = p(
     productName: s,
     title: n,
     description: e,
-    connectLabel: r,
+    connectLabel: t,
     status: d = "idle",
     error: l,
     onConnect: c,
@@ -456,7 +465,7 @@ const ya = p(
     layout: i = "card",
     brandPanel: u,
     className: f
-  }, h) => /* @__PURE__ */ t(
+  }, h) => /* @__PURE__ */ r(
     "div",
     {
       ref: h,
@@ -468,7 +477,7 @@ const ya = p(
           // monochrome lockup riding the `--primary-foreground` ink, plus an
           // optional `brandPanel` slot. Decorative — the card carries the real
           // heading + CTA, and shows its own lockup below `lg:`.
-          /* @__PURE__ */ t("div", { className: "ds:hidden ds:lg:flex ds:lg:w-[55%] ds:flex-col ds:items-center ds:justify-center ds:gap-[var(--spacing-lg)] ds:bg-[color:var(--primary)] ds:text-[color:var(--primary-foreground)] ds:ps-[var(--spacing-2xl)] ds:pe-[var(--spacing-2xl)] ds:pt-[var(--spacing-2xl)] ds:pb-[var(--spacing-2xl)] ds:text-start", children: [
+          /* @__PURE__ */ r("div", { className: "ds:hidden ds:lg:flex ds:lg:w-[55%] ds:flex-col ds:items-center ds:justify-center ds:gap-[var(--spacing-lg)] ds:bg-[color:var(--primary)] ds:text-[color:var(--primary-foreground)] ds:ps-[var(--spacing-2xl)] ds:pe-[var(--spacing-2xl)] ds:pt-[var(--spacing-2xl)] ds:pb-[var(--spacing-2xl)] ds:text-start", children: [
             /* @__PURE__ */ a(
               g,
               {
@@ -482,7 +491,7 @@ const ya = p(
             u ? /* @__PURE__ */ a("div", { className: "type-body ds:max-w-[28rem] ds:text-start", children: u }) : null
           ] })
         ) : null,
-        /* @__PURE__ */ a("div", { className: "ds:flex ds:flex-1 ds:items-center ds:justify-center ds:p-[var(--spacing-lg)]", children: /* @__PURE__ */ a(w, { className: Na({ layout: i }), children: /* @__PURE__ */ t(w.Body, { className: "ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-lg)] ds:text-center", children: [
+        /* @__PURE__ */ a("div", { className: "ds:flex ds:flex-1 ds:items-center ds:justify-center ds:p-[var(--spacing-lg)]", children: /* @__PURE__ */ a(w, { className: Na({ layout: i }), children: /* @__PURE__ */ r(w.Body, { className: "ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-lg)] ds:text-center", children: [
           /* @__PURE__ */ a(
             g,
             {
@@ -492,7 +501,7 @@ const ya = p(
               className: Ca({ layout: i })
             }
           ),
-          /* @__PURE__ */ t("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+          /* @__PURE__ */ r("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
             /* @__PURE__ */ a("h1", { className: "type-title-card", children: n }),
             /* @__PURE__ */ a("p", { className: "type-body-sm ds:text-[color:var(--muted-foreground)]", children: e })
           ] }),
@@ -504,7 +513,7 @@ const ya = p(
               className: "ds:w-full",
               loading: d === "connecting",
               onClick: c,
-              label: r,
+              label: t,
               "data-testid": "connect-with-alfadocs-button"
             }
           ),
@@ -520,4 +529,4 @@ export {
   ka as M,
   g as P
 };
-//# sourceMappingURL=marketplace-app-shell-DwcFMxzp.js.map
+//# sourceMappingURL=marketplace-app-shell-BLRvg-M0.js.map

package/dist/_chunks/marketplace-app-shell-BLRvg-M0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"marketplace-app-shell-BLRvg-M0.js","sources":["../../src/brand/product-lockup/product-lockup.tsx","../../src/patterns/marketplace-app-shell/marketplace-app-shell.tsx"],"sourcesContent":["import { forwardRef, type ComponentPropsWithoutRef } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { Logo } from '../../components/logo/logo';\nimport { AlfadocsLogoMark, AlfadocsLogoNeg } from '../logo-asset';\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                  */\n/* ------------------------------------------------------------------ */\n\n// Outer lockup row. ~4px logical gap between the wordmark and the product\n// name (`--spacing-xs`), centre-aligned so the name's cap height sits\n// against the wordmark's letterforms.\nconst lockup = cva('ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]');\n\n// The product name. Marketing serif (Fraunces, `--font-serif`) — permitted\n// here because this file lives under `src/brand/`, never in `src/components/`\n// or `src/patterns/` (constraint 10). Sized to ~95% of the wordmark height so\n// its cap height matches the logo letterforms across every size and theme\n// (the `--logo-size-*` tokens shift up in the accessible themes; the calc\n// keeps the name proportional for free).\nconst productName = cva(\n  [\n    'ds:[font-family:var(--font-serif)]',\n    'ds:font-semibold',\n    'ds:leading-none',\n    'ds:tracking-[0.01em]',\n    'ds:whitespace-nowrap',\n    // Forced-colors: drop the transparent text-fill and paint the label\n    // as solid CanvasText so it never disappears under Windows HCM —\n    // a gradient/transparent fill has no meaning there.\n    'ds:forced-colors:text-[CanvasText]',\n    'ds:forced-colors:[-webkit-text-fill-color:CanvasText]',\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'ds:text-[calc(var(--logo-size-sm)*0.95)]',\n        md: 'ds:text-[calc(var(--logo-size-md)*0.95)]',\n        lg: 'ds:text-[calc(var(--logo-size-lg)*0.95)]',\n        xl: 'ds:text-[calc(var(--logo-size-xl)*0.95)]',\n      },\n      tone: {\n        // Brand gradient filled into the glyphs via background-clip:text.\n        // `--gradient-wordmark` rides the theme aliases, so it stays\n        // AA-safe and adapts per theme on its own (and flattens to a solid\n        // ink in the accessible / forced-colors blocks — see tokens).\n        gradient: [\n          'ds:italic',\n          'ds:bg-[image:var(--gradient-wordmark)]',\n          'ds:bg-clip-text',\n          'ds:text-transparent',\n          'ds:[-webkit-text-fill-color:transparent]',\n        ],\n        // Monochrome: solid currentColor ink, upright, no gradient — for\n        // print, single-colour work, and coloured chrome (e.g. app-shell\n        // headers) where the lockup must ride the surrounding ink.\n        solid: 'ds:text-current',\n      },\n    },\n    defaultVariants: { size: 'md', tone: 'gradient' },\n  },\n);\n\n// Maker lockup root. Sets a single `--lockup-unit` custom property to the\n// matching `--logo-size-*` token; every maker sub-element (mark, name, the\n// \"by Alfadocs\" tag) sizes off `var(--lockup-unit)`, so there's one per-size\n// source of truth that shifts up with the accessible themes for free.\n// `whitespace-nowrap` keeps \"[mark] Name by Alfadocs\" on one line.\nconst makerRoot = cva('ds:whitespace-nowrap', {\n  variants: {\n    size: {\n      sm: 'ds:[--lockup-unit:var(--logo-size-sm)]',\n      md: 'ds:[--lockup-unit:var(--logo-size-md)]',\n      lg: 'ds:[--lockup-unit:var(--logo-size-lg)]',\n      xl: 'ds:[--lockup-unit:var(--logo-size-xl)]',\n    },\n  },\n  defaultVariants: { size: 'md' },\n});\n\n/* ------------------------------------------------------------------ */\n/* Types                                                                */\n/* ------------------------------------------------------------------ */\n\ntype LockupSize = NonNullable<VariantProps<typeof productName>['size']>;\n\nexport type ProductLockupProps = {\n  /**\n   * The product name. Passed verbatim (product names are not translated).\n   *\n   * - `variant=\"standard\"` (default): renders as \"Alfadocs <name>\" with the\n   *   wordmark; accessible name is `Alfadocs <name>`.\n   * - `variant=\"maker\"`: renders as \"[mark] <name> by Alfadocs\"; accessible\n   *   name is `<name> by Alfadocs`.\n   */\n  name: string;\n  /**\n   * Which lockup composition to use.\n   *\n   * - `'standard'` (default) — Alfadocs wordmark + product name (\"Alfadocs\n   *   Builders\"). Use for **internal** Alfadocs products (Alfadocs Builders,\n   *   Alfadocs API) where the product is part of the Alfadocs family.\n   * - `'maker'` — \"<name> by Alfadocs\" with the four-pillar mark and the name\n   *   as the prominent element. Use for **external** marketplace extensions\n   *   (\"Scribe by Alfadocs\") where the extension's own name leads and\n   *   \"by Alfadocs\" is the maker attribution.\n   */\n  variant?: 'standard' | 'maker';\n  /**\n   * Render the name as a solid `--foreground` ink, upright (no gradient, no\n   * italic), and pair it with the monochrome wordmark. Use for print,\n   * single-colour reproductions, or any constrained context where the\n   * gradient/serif treatment is inappropriate.\n   */\n  monochrome?: boolean;\n  /**\n   * Ink resolution. `'auto'` (default) uses the lockup's intended ink\n   * (`--foreground` for monochrome). `'inherit'` makes the whole lockup ride\n   * `currentColor` — use it with `monochrome` on a coloured brand surface (a\n   * tinted header or split-login panel) so the wordmark + name both take the\n   * surface's text colour rather than clashing with a fixed `--foreground`.\n   */\n  tone?: 'auto' | 'inherit';\n  /** Lockup size. Drives both the wordmark and the name's cap height. */\n  size?: LockupSize;\n  className?: string;\n} & Omit<\n  ComponentPropsWithoutRef<'span'>,\n  'role' | 'aria-label' | 'aria-hidden' | 'children' | 'className'\n>;\n\n/* ------------------------------------------------------------------ */\n/* ProductLockup                                                        */\n/* ------------------------------------------------------------------ */\n\n/**\n * Pairs a product name with the Alfadocs brand. Two compositions:\n *\n * - `variant=\"standard\"` (default) — the Alfadocs wordmark + product name\n *   (\"Alfadocs Builders\"). For internal Alfadocs products. Exposed to\n *   assistive tech as a single `img` named `Alfadocs <name>`.\n * - `variant=\"maker\"` — \"[mark] <name> by Alfadocs\". For external marketplace\n *   extensions where the extension's name leads. Exposed as a single `img`\n *   named `<name> by Alfadocs`.\n *\n * In both cases the inner wordmark/mark and the visible name are decorative so\n * the brand isn't announced twice. Every marketplace app should use this\n * rather than hand-rolling a wordmark + typed span.\n */\nexport const ProductLockup = forwardRef<HTMLSpanElement, ProductLockupProps>(\n  (\n    {\n      name,\n      variant = 'standard',\n      monochrome = false,\n      tone = 'auto',\n      size = 'md',\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    if (import.meta.env.DEV && !name.trim()) {\n      console.warn(\n        '[ProductLockup] `name` is empty — the lockup will render the bare wordmark with no product name. Pass the product name (e.g. \"Builders\").',\n      );\n    }\n\n    if (variant === 'maker') {\n      // Ink matrix mirrors the standard variant's tone/monochrome model:\n      // - tone=\"inherit\": every element rides currentColor (no explicit ink),\n      //   for coloured surfaces.\n      // - monochrome (tone auto): foreground ink, with the attribution muted.\n      // - default (colour, tone auto): the name + mark take --primary; the\n      //   wordmark lettering stays --foreground; the attribution is muted.\n      const inherit = tone === 'inherit';\n      const markInk = inherit\n        ? ''\n        : monochrome\n          ? 'ds:text-[color:var(--foreground)]'\n          : 'ds:text-[color:var(--primary)]';\n      const nameInk = inherit\n        ? ''\n        : monochrome\n          ? 'ds:text-[color:var(--foreground)]'\n          : 'ds:text-[color:var(--primary)]';\n      const byInk = inherit ? '' : 'ds:text-[color:var(--muted-foreground)]';\n      const letteringInk = inherit ? '' : 'ds:text-[color:var(--foreground)]';\n\n      return (\n        <span\n          ref={ref}\n          role=\"img\"\n          aria-label={`${name} by Alfadocs`.trim()}\n          className={makerRoot({ size, className })}\n          data-component=\"product-lockup\"\n          {...props}\n        >\n          {/* Pillar mark sized close to the app name (≈0.88 of the serif em),\n              vertically centred on it. Inline (not flex) so the maker tag can\n              use vertical-align. */}\n          <AlfadocsLogoMark\n            aria-hidden\n            className={`ds:inline-block ds:align-middle ds:me-[var(--spacing-sm)] ds:h-[calc(var(--lockup-unit)*0.88)] ds:w-auto ds:forced-colors:text-[CanvasText] ${markInk}`}\n          />\n          <span\n            aria-hidden\n            className={`ds:align-middle ds:[font-family:var(--font-serif)] ds:font-semibold ds:italic ds:leading-none ds:tracking-[0.01em] ${nameInk} ds:text-[calc(var(--lockup-unit)*0.95)]`}\n          >\n            {name}\n          </span>\n          {/* Maker tag — superscript style, its top aligned to the app name's\n              cap-height via vertical-align: text-top. */}\n          <span\n            aria-hidden\n            className={`ds:align-text-top ds:ms-[var(--spacing-sm)] ds:inline-flex ds:items-baseline ds:gap-[var(--spacing-2xs)] ${byInk}`}\n          >\n            <span className=\"ds:text-[calc(var(--lockup-unit)*0.4)] ds:leading-none\">\n              by\n            </span>\n            {/* Real Alfadocs wordmark SVG. The Neg SVG's first <g> is the\n                \"Alfadocs\" lettering; the second <g> is the four-pillar mark\n                (x≈3–146). viewBox=\"168 0 637 125\" windows to the lettering\n                only — no mark, no hand-typed wordmark. */}\n            <AlfadocsLogoNeg\n              aria-hidden\n              viewBox=\"168 0 637 125\"\n              className={`ds:h-[calc(var(--lockup-unit)*0.45)] ds:w-auto ds:forced-colors:text-[CanvasText] ${letteringInk}`}\n            />\n          </span>\n        </span>\n      );\n    }\n\n    return (\n      <span\n        ref={ref}\n        role=\"img\"\n        aria-label={`Alfadocs ${name}`.trim()}\n        className={lockup({ className })}\n        data-component=\"product-lockup\"\n        {...props}\n      >\n        <Logo\n          variant={monochrome ? 'monochrome' : 'wordmark'}\n          tone={tone}\n          size={size}\n          decorative\n        />\n        <span\n          aria-hidden\n          className={productName({\n            size,\n            tone: monochrome ? 'solid' : 'gradient',\n          })}\n        >\n          {name}\n        </span>\n      </span>\n    );\n  },\n);\nProductLockup.displayName = 'ProductLockup';\n","/**\n * Marketplace App Shell — the standard chrome for an app built on top of\n * AlfaDocs (the kind a partner scaffolds with Claude Code, Lovable, etc.).\n *\n * It is a thin, opinionated composition of kit primitives: an `AppFrame` with\n * a branded `Header` (the maker `ProductLockup` — \"<Product> by Alfadocs\" —\n * rendered `monochrome` so it rides the header's ink; maker is the lockup\n * style for external marketplace extensions), a `Sidebar` for app\n * navigation, `HeaderSettings` (theme/locale/accessibility), and a bare-avatar\n * account menu (fullscreen + sign-out) matching the main app shell.\n * `ConnectWithAlfadocs` is the matching pre-auth screen, with the full-colour\n * maker lockup and `SignInWithAlfadocsButton`.\n *\n * Like `AliaSidebar`, this pattern ships a RUNTIME component (surfaced via\n * `src/patterns/index.ts` and the library bundle) because consuming apps mount\n * it in production rather than copying the source.\n *\n * Auth is intentionally decoupled: the shell takes the signed-in `user` and an\n * `onSignOut` callback as props, and `ConnectWithAlfadocs` takes a `status` +\n * `onConnect`. Wire them to `@alfadocs/auth/react`'s `useAlfadocsAuth()` in the\n * consuming app — the kit never touches OAuth or secrets (those live in the\n * server-side `@alfadocs/auth` BFF).\n *\n * All user-visible copy is consumer-provided (props) so each app localises in\n * its own i18n; the only kit-owned strings reuse existing translated `ui.*`\n * keys (sidebar label, skip link, menu button).\n */\nimport { forwardRef, useState, type MouseEvent, type ReactNode } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { cva } from 'class-variance-authority';\nimport { LogOut, Maximize2 } from 'lucide-react';\n\nimport { AppFrame } from '../../components/app-frame';\nimport { Avatar } from '../../components/avatar';\nimport { Alert } from '../../components/alert';\nimport { Card } from '../../components/card';\nimport { DropdownMenu } from '../../components/dropdown-menu';\nimport { TabBar } from '../../components/tab-bar';\nimport {\n  Header,\n  HeaderBrand,\n  HeaderCenter,\n  HeaderEnd,\n  HeaderMenuButton,\n  HeaderSkipLink,\n  HeaderStart,\n} from '../../components/header';\nimport { HeaderSettings } from '../../components/header-settings';\nimport { ProductLockup } from '../../brand/product-lockup';\nimport { SignInWithAlfadocsButton } from '../../components/sign-in-with-alfadocs-button';\nimport {\n  Sidebar,\n  SidebarBody,\n  SidebarCollapseTrigger,\n  SidebarHeader,\n  SidebarItem,\n  SidebarItemBadge,\n  SidebarItemIcon,\n  SidebarItemLabel,\n  type SidebarMode,\n} from '../../components/sidebar';\nimport { ThemeRoot } from '../../components/theme-root';\nimport { TooltipProvider } from '../../components/tooltip';\nimport { useTheme } from '../../hooks/use-theme';\n\n/* ------------------------------------------------------------------ */\n/* Public API                                                           */\n/* ------------------------------------------------------------------ */\n\nexport interface MarketplaceNavItem {\n  id: string;\n  /** Pre-translated label — apps localise their own nav copy. */\n  label: string;\n  href: string;\n  /** Optional leading icon (a lucide-react element or equivalent). */\n  icon?: ReactNode;\n  /** Optional unseen-item count rendered as a pill badge. */\n  badgeCount?: number;\n  /** Mark the item as the current page (`aria-current='page'`). */\n  isActive?: boolean;\n  /**\n   * Optional click handler threaded onto the nav link's `<a>`. The lightweight\n   * alternative to `renderLink`: intercept a same-origin click (call\n   * `event.preventDefault()`) and route client-side without a full page load —\n   * no router `<Link>` needed. Applies to both the standalone sidebar item and\n   * the embedded tab. When `renderLink` is supplied it's handed through to the\n   * consumer's link element instead.\n   */\n  onClick?: (event: MouseEvent<HTMLAnchorElement>) => void;\n}\n\n/**\n * Props the shell hands to `renderLink` for each nav item. The consumer returns\n * their router's `<Link to={href}>` carrying the same `className` (the kit's\n * active styling) and `aria-current` (`'page'` on the active item) so a tab /\n * sidebar-item click is a client-side route change, not a full page reload.\n */\nexport interface MarketplaceRenderLinkProps {\n  /** The item's destination — feed it to your router's `to` / `href`. */\n  href: string;\n  /** The kit's classes — apply verbatim to the link element. */\n  className?: string;\n  /** Icon + label + badge — render as the link's children. */\n  children: ReactNode;\n  /** `'page'` on the active item, otherwise omitted — forward to the link. */\n  'aria-current'?: 'page';\n  /**\n   * The item's stable id, as the agent / automation DOM hook. Spread it onto\n   * your router link so the item stays addressable by `[data-tab-id]` — see\n   * PRS §26 §6. Only supplied on the bottom-tab-bar path.\n   */\n  'data-tab-id'?: string;\n}\n\n/**\n * Render a nav item through the consumer's router instead of the kit's own\n * `<a>`. Returned by the consumer; the shell forwards `href`, the kit's\n * `className`, the item children, and `aria-current` so the active styling and\n * the `aria-current=\"page\"` marker survive a client-side route change.\n */\nexport type MarketplaceRenderLink = (\n  props: MarketplaceRenderLinkProps,\n) => ReactNode;\n\nexport interface MarketplaceAppUser {\n  /** Display name — drives the avatar initials + the account-menu header. */\n  name: string;\n  /** Optional email shown under the name in the account menu. */\n  email?: string;\n  /** Optional avatar image URL. */\n  avatarSrc?: string;\n}\n\nexport interface MarketplaceAppShellLabels {\n  /** Accessible name for the account-menu trigger, e.g. \"Account menu\". */\n  accountMenu: string;\n  /** The sign-out menu item, e.g. \"Sign out\". */\n  signOut: string;\n  /**\n   * Optional fullscreen menu item label, e.g. \"Toggle fullscreen\". The item\n   * renders whenever `onToggleFullscreen` is supplied; when this label is\n   * omitted it falls back to the translated `ui.*` \"Toggle fullscreen\" string.\n   */\n  fullscreen?: string;\n}\n\nexport interface MarketplaceAppShellProps {\n  /** Extension name — renders as the maker lockup \"<productName> by Alfadocs\". */\n  productName: string;\n  /** Link target for the brand lockup. Default `'/'`. */\n  productHref?: string;\n  /** Sidebar nav items, in order. */\n  nav: MarketplaceNavItem[];\n  /**\n   * Render nav items (and the brand lockup) through the consumer's router so a\n   * tab / item click is a client-side route change with **no full-page reload\n   * or session flash**. Wire it to your router's `<Link>`:\n   *\n   * ```tsx\n   * import { Link } from '@tanstack/react-router';\n   * <MarketplaceAppShell\n   *   nav={nav}\n   *   renderLink={({ href, className, children, ...rest }) => (\n   *     <Link to={href} className={className} {...rest}>{children}</Link>\n   *   )}\n   * />\n   * ```\n   *\n   * Threaded to the standalone sidebar items, the embedded top tab strip, and\n   * the brand lockup. The kit forwards the same `className` + `aria-current` so\n   * the active styling and the `aria-current=\"page\"` marker survive in both\n   * modes. Omit it to render the plain `<a href>` exactly as before — non-routed\n   * consumers are byte-for-byte unaffected. A per-item `onClick` (a\n   * click-interceptor shim) is the lighter alternative when you don't want to\n   * thread a router `<Link>`.\n   */\n  renderLink?: MarketplaceRenderLink;\n  /** The signed-in user shown in the account menu. */\n  user: MarketplaceAppUser;\n  /** Consumer-localised chrome labels owned by the shell. */\n  labels: MarketplaceAppShellLabels;\n  /** Fires when the user picks \"Sign out\". Wire to `useAlfadocsAuth().signOut`. */\n  onSignOut?: () => void;\n  /** Fires when the user toggles fullscreen. Omit to hide the fullscreen item. */\n  onToggleFullscreen?: () => void;\n  /**\n   * Force the sidebar into a specific mode. Apps typically flip to `'overlay'`\n   * on narrow viewports and leave this undefined elsewhere (defaults to\n   * `'expanded'`).\n   */\n  sidebarState?: SidebarMode;\n  /**\n   * Render a collapse/expand toggle in the sidebar header, letting the user\n   * shrink the standalone sidebar to an icon rail. The chosen mode persists\n   * per-user (the underlying `Sidebar` stores it) and survives reloads. Opt-in\n   * so existing consumers are unaffected; ignored when `sidebarState` forces a\n   * mode or in the `'embedded'` variant (no sidebar). @default false\n   */\n  collapsibleSidebar?: boolean;\n  /** Override the accessible name of the `<main>` landmark. */\n  mainAriaLabel?: string;\n  /**\n   * Chrome variant. `'standalone'` (default) renders the full shell — branded\n   * Header, Sidebar, and account menu. `'embedded'` is for apps running INSIDE\n   * the AlfaDocs platform iframe (consumers detect this with\n   * `window !== window.top`): it drops the Header, Sidebar, account menu, and\n   * product lockup — the platform already brands and identifies the session\n   * around the iframe — and renders the `nav` items as a single slim top tab\n   * strip. `onSignOut`, `onToggleFullscreen`, `productName`, `productHref`, and\n   * `sidebarState` are ignored in `'embedded'`; the `<main>` landmark,\n   * `mainAriaLabel`, and the skip link are kept.\n   */\n  variant?: 'standalone' | 'embedded';\n  /** Children render inside the main content region. */\n  children: ReactNode;\n}\n\n/* ------------------------------------------------------------------ */\n/* Internals                                                            */\n/* ------------------------------------------------------------------ */\n\nfunction formatBadgeCount(count: number): string {\n  return count > 99 ? '99+' : String(count);\n}\n\nfunction AccountMenu({\n  user,\n  labels,\n  onSignOut,\n  onToggleFullscreen,\n}: {\n  user: MarketplaceAppUser;\n  labels: MarketplaceAppShellLabels;\n  onSignOut?: () => void;\n  onToggleFullscreen?: () => void;\n}) {\n  const { t } = useTranslation();\n  // Default to the translated `ui.*` label so a consumer that wires\n  // `onToggleFullscreen` but omits the label still gets a localised item.\n  const fullscreenLabel =\n    labels.fullscreen ?? t('marketplaceAppShell.settings.fullscreen');\n  return (\n    // Non-modal: an account menu shouldn't inert/aria-hide the whole shell\n    // behind it (which leaves the still-focusable chrome inside an\n    // aria-hidden region — an `aria-hidden-focus` violation).\n    <DropdownMenu.Root modal={false}>\n      <DropdownMenu.Trigger asChild>\n        {/* Bare avatar circle — matches the main app shell's account\n            trigger. The name lives inside the menu, not beside the avatar. */}\n        <button\n          type=\"button\"\n          aria-label={labels.accountMenu}\n          data-testid=\"marketplace-account-trigger\"\n          className=\"ds:inline-flex ds:items-center ds:justify-center ds:shrink-0 ds:size-10 ds:rounded-[var(--radius-full)] ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)] ds:forced-colors:focus-visible:outline-[CanvasText]\"\n        >\n          <span aria-hidden=\"true\">\n            <Avatar name={user.name} src={user.avatarSrc} size=\"md\" />\n          </span>\n        </button>\n      </DropdownMenu.Trigger>\n      <DropdownMenu.Content align=\"end\" collisionPadding={16}>\n        {/* GitHub-style identity header — small avatar + name + secondary\n            line, matching the main app shell's account menu. */}\n        <DropdownMenu.Label>\n          <span className=\"ds:flex ds:items-center ds:gap-[var(--spacing-sm)]\">\n            <span aria-hidden=\"true\">\n              <Avatar name={user.name} src={user.avatarSrc} size=\"sm\" />\n            </span>\n            <span className=\"ds:flex ds:flex-col ds:min-w-0\">\n              <span className=\"type-label ds:text-[color:var(--foreground)] ds:truncate\">\n                {user.name}\n              </span>\n              {user.email ? (\n                <span className=\"type-meta ds:truncate\">{user.email}</span>\n              ) : null}\n            </span>\n          </span>\n        </DropdownMenu.Label>\n        {onToggleFullscreen ? (\n          <>\n            <DropdownMenu.Separator />\n            <DropdownMenu.Item\n              startIcon={<Maximize2 aria-hidden />}\n              onSelect={onToggleFullscreen}\n              data-testid=\"marketplace-fullscreen\"\n            >\n              {fullscreenLabel}\n            </DropdownMenu.Item>\n          </>\n        ) : null}\n        <DropdownMenu.Separator />\n        <DropdownMenu.Item\n          startIcon={<LogOut aria-hidden />}\n          onSelect={onSignOut}\n          data-testid=\"marketplace-sign-out\"\n        >\n          {labels.signOut}\n        </DropdownMenu.Item>\n      </DropdownMenu.Content>\n    </DropdownMenu.Root>\n  );\n}\n\nfunction MarketplaceSidebarNav({\n  nav,\n  renderLink,\n}: {\n  nav: MarketplaceNavItem[];\n  renderLink?: MarketplaceRenderLink;\n}) {\n  return (\n    <SidebarBody>\n      {nav.map((item) => {\n        const badge =\n          typeof item.badgeCount === 'number' && item.badgeCount > 0\n            ? item.badgeCount\n            : undefined;\n        const inner = (\n          <>\n            {item.icon ? <SidebarItemIcon>{item.icon}</SidebarItemIcon> : null}\n            <SidebarItemLabel>{item.label}</SidebarItemLabel>\n            {badge !== undefined ? (\n              <SidebarItemBadge>{formatBadgeCount(badge)}</SidebarItemBadge>\n            ) : null}\n          </>\n        );\n\n        // Consumer-router mode: render the item through Radix `Slot`\n        // (`SidebarItem asChild`) so the consumer's `<Link>` takes over the\n        // anchor while keeping the kit's item styling + `aria-current=\"page\"`.\n        // Clicking routes client-side — no full-page reload.\n        if (renderLink) {\n          return (\n            <SidebarItem key={item.id} asChild isActive={item.isActive}>\n              {renderLink({\n                href: item.href,\n                children: inner,\n                'aria-current': item.isActive ? 'page' : undefined,\n              })}\n            </SidebarItem>\n          );\n        }\n\n        // Default: plain anchor — byte-identical to before when no per-item\n        // `onClick` is supplied (it's omitted entirely, not passed as\n        // undefined, so the rendered `<a>` is unchanged).\n        return (\n          <SidebarItem\n            key={item.id}\n            href={item.href}\n            aria-label={item.label}\n            isActive={item.isActive}\n            {...(item.onClick ? { onClick: item.onClick } : {})}\n          >\n            {inner}\n          </SidebarItem>\n        );\n      })}\n    </SidebarBody>\n  );\n}\n\n/* CVA for the chrome variant — drives the `<main>` surface; the structural\n   header/sidebar-vs-tab-strip difference is conditional in the render.\n\n   The `standalone` `<main>` gets its content inset from AppFrame's own\n   `mainVariants({ padded: true })` (`--spacing-md` on every logical side), so\n   this variant only carries the canvas colour there. The `embedded` `<main>`\n   is a plain element (no AppFrame), so it has to supply its own inset:\n   `--spacing-md` inline + block-end to match the standalone inset, and a\n   larger `--spacing-lg` block-start so content clears the floating tab strip's\n   pill instead of butting up against it. All logical — RTL mirrors for free. */\nconst shellMainVariants = cva('ds:bg-[color:var(--app-shell-background)]', {\n  variants: {\n    variant: {\n      standalone: '',\n      embedded: [\n        'ds:flex-1',\n        'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n        'ds:pt-[var(--spacing-lg)] ds:pb-[var(--spacing-md)]',\n      ].join(' '),\n    },\n  },\n  defaultVariants: { variant: 'standalone' },\n});\n\n/**\n * Embedded chrome: the slim floating tab strip (no Header / Sidebar / account\n * menu) for apps running inside the AlfaDocs platform iframe. It's the shared\n * {@link TabBar} fed the shell's nav items — the platform brands and identifies\n * the session around the iframe, so the strip is the only chrome. The\n * `MarketplaceNavItem` shape is structurally a `TabBarItem`, so the nav passes\n * straight through.\n */\nfunction EmbeddedTabStrip({\n  nav,\n  ariaLabel,\n  renderLink,\n}: {\n  nav: MarketplaceNavItem[];\n  ariaLabel: string;\n  renderLink?: MarketplaceRenderLink;\n}) {\n  // Adapt the shell's `renderLink` to TabBar's `renderLink` signature — TabBar\n  // also offers the per-item `onClick`, but in consumer-router mode the\n  // `<Link>` owns navigation (matching the standalone sidebar), so we forward\n  // only `href` / `className` / `children` / `aria-current`. With `renderLink`\n  // omitted, TabBar renders its own plain `<a href>` exactly as before, and a\n  // per-item `onClick` rides through `nav` → `TabBarItem` untouched.\n  const tabRenderLink = renderLink\n    ? ({\n        href,\n        className,\n        children,\n        'aria-current': ariaCurrent,\n        'data-tab-id': tabId,\n      }: {\n        href: string;\n        className: string;\n        children: ReactNode;\n        'aria-current'?: 'page';\n        'data-tab-id'?: string;\n      }) =>\n        renderLink({\n          href,\n          className,\n          children,\n          'aria-current': ariaCurrent,\n          // Forward the agent DOM hook — without it a consumer-router tab is\n          // invisible to `[data-tab-id]` lookups (PRS §26 §6).\n          'data-tab-id': tabId,\n        })\n    : undefined;\n\n  return (\n    <TabBar\n      items={nav}\n      ariaLabel={ariaLabel}\n      {...(tabRenderLink ? { renderLink: tabRenderLink } : {})}\n    />\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/* MarketplaceAppShell                                                  */\n/* ------------------------------------------------------------------ */\n\nexport const MarketplaceAppShell = forwardRef<\n  HTMLDivElement,\n  MarketplaceAppShellProps\n>(\n  (\n    {\n      productName,\n      productHref = '/',\n      nav,\n      renderLink,\n      user,\n      labels,\n      onSignOut,\n      onToggleFullscreen,\n      sidebarState,\n      collapsibleSidebar = false,\n      mainAriaLabel,\n      variant = 'standalone',\n      children,\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n\n    // The brand lockup as a consumer-router link: when `renderLink` is\n    // supplied, the brand anchor routes client-side too (no session flash when\n    // jumping home). The maker lockup's \"<productName> by Alfadocs\" supplies\n    // the link's accessible name, matching the default `HeaderBrand` anchor.\n    const headerBrand = renderLink ? (\n      <HeaderBrand asChild>\n        {renderLink({\n          href: productHref,\n          children: (\n            <ProductLockup\n              name={productName}\n              size=\"md\"\n              monochrome\n              variant=\"maker\"\n            />\n          ),\n        })}\n      </HeaderBrand>\n    ) : (\n      <HeaderBrand\n        href={productHref}\n        logo={\n          <ProductLockup\n            name={productName}\n            size=\"md\"\n            monochrome\n            variant=\"maker\"\n          />\n        }\n      />\n    );\n\n    // Only wrap in a nested ThemeRoot when the user has an\n    // explicit theme/accessibility override, so we don't clobber the consuming\n    // app's (or Storybook's) outer theme cascade.\n    const { theme: themePref, accessibility, resolvedTheme } = useTheme();\n    const hasExplicitOverride =\n      themePref !== 'system' || accessibility !== 'system';\n    const themeBase = resolvedTheme.startsWith('dark') ? 'dark' : 'light';\n    const themeAccessible = resolvedTheme.endsWith('-accessible');\n\n    // Narrow-viewport overlay: HeaderMenuButton only renders below `md`.\n    const [sidebarOpen, setSidebarOpen] = useState(false);\n\n    const shell = (\n      <TooltipProvider>\n        <AppFrame\n          mainAriaLabel={mainAriaLabel}\n          mainClassName={shellMainVariants({ variant: 'standalone' })}\n          header={\n            <Header>\n              <HeaderStart>\n                <HeaderSkipLink href=\"#main-content\" />\n                <HeaderMenuButton onMenuOpen={() => setSidebarOpen(true)} />\n                {headerBrand}\n              </HeaderStart>\n              <HeaderCenter />\n              <HeaderEnd>\n                <HeaderSettings size=\"sm\" />\n                <AccountMenu\n                  user={user}\n                  labels={labels}\n                  onSignOut={onSignOut}\n                  onToggleFullscreen={onToggleFullscreen}\n                />\n              </HeaderEnd>\n            </Header>\n          }\n          sidebar={\n            <Sidebar\n              {...(sidebarState !== undefined\n                ? { state: sidebarState }\n                : { defaultState: 'expanded' as const })}\n              open={sidebarOpen}\n              onOpenChange={setSidebarOpen}\n              aria-label={t('navigation.sidebar.label')}\n              data-testid=\"marketplace-app-shell-sidebar\"\n            >\n              {collapsibleSidebar && sidebarState === undefined ? (\n                // No justify override: SidebarHeader centres its child in the\n                // icon rail (`justify-center`) and left-aligns it when expanded,\n                // matching the nav icons below. `justify-end` here would win over\n                // the icon-mode centring and offset the toggle in the rail.\n                <SidebarHeader>\n                  <SidebarCollapseTrigger />\n                </SidebarHeader>\n              ) : null}\n              <MarketplaceSidebarNav nav={nav} renderLink={renderLink} />\n            </Sidebar>\n          }\n        >\n          {children}\n        </AppFrame>\n      </TooltipProvider>\n    );\n\n    const embedded = (\n      // The shell owns the warm-grey canvas; TabBar's strip is transparent and\n      // floats its pill on it, and `<main>` continues the same surface.\n      <div className=\"ds:flex ds:min-h-dvh ds:flex-col ds:bg-[color:var(--app-shell-background)]\">\n        <HeaderSkipLink href=\"#main-content\" />\n        <EmbeddedTabStrip\n          nav={nav}\n          ariaLabel={t('navigation.sidebar.label')}\n          renderLink={renderLink}\n        />\n        <main\n          id=\"main-content\"\n          tabIndex={-1}\n          aria-label={\n            mainAriaLabel ?? t('navigation.main.label', 'Main content')\n          }\n          className={shellMainVariants({ variant: 'embedded' })}\n        >\n          {children}\n        </main>\n      </div>\n    );\n\n    const content = variant === 'embedded' ? embedded : shell;\n\n    if (!hasExplicitOverride) {\n      return (\n        <div\n          ref={ref}\n          className=\"ds:contents\"\n          data-component=\"marketplace-app-shell\"\n        >\n          {content}\n        </div>\n      );\n    }\n\n    return (\n      <ThemeRoot\n        ref={ref}\n        theme={themeBase}\n        accessible={themeAccessible}\n        className=\"ds:contents\"\n        data-component=\"marketplace-app-shell\"\n      >\n        {content}\n      </ThemeRoot>\n    );\n  },\n);\n\nMarketplaceAppShell.displayName = 'MarketplaceAppShell';\n\n/* ------------------------------------------------------------------ */\n/* ConnectWithAlfadocs                                                  */\n/* ------------------------------------------------------------------ */\n\nexport type ConnectStatus = 'idle' | 'connecting' | 'error';\n\nexport interface ConnectWithAlfadocsProps {\n  /** Product name shown next to the wordmark at the top of the card. */\n  productName: string;\n  /** Heading, e.g. \"Connect your AlfaDocs account\". */\n  title: string;\n  /** Supporting copy below the heading. */\n  description: ReactNode;\n  /** The connect button label, e.g. \"Connect with AlfaDocs\". */\n  connectLabel: string;\n  /** Connection lifecycle. `connecting` shows a loading button; `error` shows the alert. */\n  status?: ConnectStatus;\n  /** Error message shown (as an alert) when `status === 'error'`. */\n  error?: ReactNode;\n  /** Fires when the connect button is pressed. Wire to `useAlfadocsAuth().connect`. */\n  onConnect?: () => void;\n  /** Optional footer content below the button (e.g. a \"what's this?\" link). */\n  footer?: ReactNode;\n  /**\n   * Visual layout. `'card'` (default) is the centred card on the warm-grey\n   * canvas — unchanged. `'split'` adds, at `lg:` and up, a two-panel desktop\n   * layout: a brand panel on the inline-start and the connect card on the\n   * inline-end. Below `lg:`, `'split'` collapses to exactly the card layout —\n   * so it falls back gracefully inside iframes / embeds that never reach\n   * desktop width. Use `'split'` for full-page desktop logins.\n   */\n  layout?: 'card' | 'split';\n  /**\n   * Optional content shown under the lockup in the `'split'` brand panel (a\n   * tagline, value props, an illustration). Ignored in `'card'` and below `lg:`.\n   */\n  brandPanel?: ReactNode;\n  className?: string;\n}\n\n/* Split-layout CVAs (lg+ two-panel; collapses to the centred card below lg). */\nconst connectRootVariants = cva(\n  'ds:flex ds:min-h-dvh ds:bg-[color:var(--app-shell-background)]',\n  {\n    variants: {\n      layout: {\n        card: '',\n        split: 'ds:flex-col ds:lg:flex-row',\n      },\n    },\n    defaultVariants: { layout: 'card' },\n  },\n);\n\nconst connectCardWidthVariants = cva('ds:w-full', {\n  variants: {\n    layout: {\n      card: 'ds:max-w-[400px]',\n      split: 'ds:max-w-[400px] ds:lg:max-w-[480px]',\n    },\n  },\n  defaultVariants: { layout: 'card' },\n});\n\n// The card's own lockup hides at lg+ in `split` (the brand panel shows it there).\nconst connectCardLockupVariants = cva('', {\n  variants: {\n    layout: { card: '', split: 'ds:lg:hidden' },\n  },\n  defaultVariants: { layout: 'card' },\n});\n\n/**\n * The pre-auth \"Connect with AlfaDocs\" screen. Centred white card on the\n * warm-grey canvas with the AlfaDocs wordmark + product name, copy, an error\n * slot, and the primary connect CTA. An opt-in `layout=\"split\"` adds a desktop\n * two-panel brand layout (lg+). Presentational — `onConnect` should call\n * `useAlfadocsAuth().connect()`, which redirects the browser to the server-side\n * BFF that runs the real OAuth2 + PKCE flow.\n */\nexport const ConnectWithAlfadocs = forwardRef<\n  HTMLDivElement,\n  ConnectWithAlfadocsProps\n>(\n  (\n    {\n      productName,\n      title,\n      description,\n      connectLabel,\n      status = 'idle',\n      error,\n      onConnect,\n      footer,\n      layout = 'card',\n      brandPanel,\n      className,\n    },\n    ref,\n  ) => {\n    return (\n      <div\n        ref={ref}\n        data-component=\"connect-with-alfadocs\"\n        className={`${connectRootVariants({ layout })} ${className ?? ''}`}\n      >\n        {layout === 'split' ? (\n          // Desktop brand panel (lg+ only): a bold `--primary` surface with the\n          // monochrome lockup riding the `--primary-foreground` ink, plus an\n          // optional `brandPanel` slot. Decorative — the card carries the real\n          // heading + CTA, and shows its own lockup below `lg:`.\n          <div className=\"ds:hidden ds:lg:flex ds:lg:w-[55%] ds:flex-col ds:items-center ds:justify-center ds:gap-[var(--spacing-lg)] ds:bg-[color:var(--primary)] ds:text-[color:var(--primary-foreground)] ds:ps-[var(--spacing-2xl)] ds:pe-[var(--spacing-2xl)] ds:pt-[var(--spacing-2xl)] ds:pb-[var(--spacing-2xl)] ds:text-start\">\n            <ProductLockup\n              name={productName}\n              size=\"lg\"\n              monochrome\n              tone=\"inherit\"\n              variant=\"maker\"\n            />\n            {brandPanel ? (\n              <div className=\"type-body ds:max-w-[28rem] ds:text-start\">\n                {brandPanel}\n              </div>\n            ) : null}\n          </div>\n        ) : null}\n        <div className=\"ds:flex ds:flex-1 ds:items-center ds:justify-center ds:p-[var(--spacing-lg)]\">\n          <Card className={connectCardWidthVariants({ layout })}>\n            <Card.Body className=\"ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-lg)] ds:text-center\">\n              <ProductLockup\n                name={productName}\n                size=\"lg\"\n                variant=\"maker\"\n                className={connectCardLockupVariants({ layout })}\n              />\n              <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]\">\n                <h1 className=\"type-title-card\">{title}</h1>\n                <p className=\"type-body-sm ds:text-[color:var(--muted-foreground)]\">\n                  {description}\n                </p>\n              </div>\n              {status === 'error' && error ? (\n                <Alert variant=\"error\" className=\"ds:w-full ds:text-start\">\n                  {error}\n                </Alert>\n              ) : null}\n              <SignInWithAlfadocsButton\n                intent=\"primary\"\n                className=\"ds:w-full\"\n                loading={status === 'connecting'}\n                onClick={onConnect}\n                label={connectLabel}\n                data-testid=\"connect-with-alfadocs-button\"\n              />\n              {footer ? (\n                <div className=\"type-meta ds:text-[color:var(--muted-foreground)]\">\n                  {footer}\n                </div>\n              ) : null}\n            </Card.Body>\n          </Card>\n        </div>\n      </div>\n    );\n  },\n);\n\nConnectWithAlfadocs.displayName = 'ConnectWithAlfadocs';\n"],"names":["lockup","cva","productName","makerRoot","ProductLockup","forwardRef","name","variant","monochrome","tone","size","className","props","ref","inherit","markInk","nameInk","byInk","letteringInk","jsxs","jsx","AlfadocsLogoMark","AlfadocsLogoNeg","Logo","formatBadgeCount","count","AccountMenu","user","labels","onSignOut","onToggleFullscreen","t","useTranslation","fullscreenLabel","DropdownMenu","Avatar","Fragment","Maximize2","LogOut","MarketplaceSidebarNav","nav","renderLink","SidebarBody","item","badge","inner","SidebarItemIcon","SidebarItemLabel","SidebarItemBadge","SidebarItem","shellMainVariants","EmbeddedTabStrip","ariaLabel","tabRenderLink","href","children","ariaCurrent","tabId","TabBar","MarketplaceAppShell","productHref","sidebarState","collapsibleSidebar","mainAriaLabel","headerBrand","HeaderBrand","themePref","accessibility","resolvedTheme","useTheme","hasExplicitOverride","themeBase","themeAccessible","sidebarOpen","setSidebarOpen","useState","shell","TooltipProvider","AppFrame","Header","HeaderStart","HeaderSkipLink","HeaderMenuButton","HeaderCenter","HeaderEnd","HeaderSettings","Sidebar","SidebarHeader","SidebarCollapseTrigger","embedded","content","ThemeRoot","connectRootVariants","connectCardWidthVariants","connectCardLockupVariants","ConnectWithAlfadocs","title","description","connectLabel","status","error","onConnect","footer","layout","brandPanel","Card","Alert","SignInWithAlfadocsButton"],"mappings":"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"}

package/dist/_chunks/{nl-DuShqwuV.js → nl-DDs-KEnD.js}

@@ -1,4 +1,4 @@
-import { A as d, B as n, E as r, F as s } from "./date-picker-variants-eL6HjWvw.js";
+import { g as d, h as n, j as r, k as s } from "./format-4HNwNGrN.js";
 const m = {
   lessThanXSeconds: {
     one: "minder dan een seconde",
@@ -205,7 +205,7 @@ const m = {
     values: M,
     defaultWidth: "wide"
   })
-}, z = /^(\d+)e?/i, k = /\d+/i, W = {
+}, k = /^(\d+)e?/i, z = /\d+/i, W = {
   narrow: /^([vn]\.? ?C\.?)/,
   abbreviated: /^([vn]\. ?Chr\.?)/,
   wide: /^((voor|na) Christus)/
@@ -217,11 +217,11 @@ const m = {
   wide: /^[1234]e kwartaal/i
 }, x = {
   any: [/1/i, /2/i, /3/i, /4/i]
-}, F = {
+}, H = {
   narrow: /^[jfmasond]/i,
   abbreviated: /^(jan.|feb.|mrt.|apr.|mei|jun.|jul.|aug.|sep.|okt.|nov.|dec.)/i,
   wide: /^(januari|februari|maart|april|mei|juni|juli|augustus|september|oktober|november|december)/i
-}, H = {
+}, F = {
   narrow: [
     /^j/i,
     /^f/i,
@@ -255,12 +255,12 @@ const m = {
   short: /^(zo|ma|di|wo|do|vr|za)/i,
   abbreviated: /^(zon|maa|din|woe|don|vri|zat)/i,
   wide: /^(zondag|maandag|dinsdag|woensdag|donderdag|vrijdag|zaterdag)/i
-}, A = {
+}, V = {
   narrow: [/^z/i, /^m/i, /^d/i, /^w/i, /^d/i, /^v/i, /^z/i],
   any: [/^zo/i, /^ma/i, /^di/i, /^wo/i, /^do/i, /^vr/i, /^za/i]
-}, E = {
+}, A = {
   any: /^(am|pm|middernacht|het middaguur|'s (ochtends|middags|avonds|nachts))/i
-}, V = {
+}, E = {
   any: {
     am: /^am/i,
     pm: /^pm/i,
@@ -273,8 +273,8 @@ const m = {
   }
 }, L = {
   ordinalNumber: s({
-    matchPattern: z,
-    parsePattern: k,
+    matchPattern: k,
+    parsePattern: z,
     valueCallback: (e) => parseInt(e, 10)
   }),
   era: r({
@@ -291,21 +291,21 @@ const m = {
     valueCallback: (e) => e + 1
   }),
   month: r({
-    matchPatterns: F,
+    matchPatterns: H,
     defaultMatchWidth: "wide",
-    parsePatterns: H,
+    parsePatterns: F,
     defaultParseWidth: "any"
   }),
   day: r({
     matchPatterns: X,
     defaultMatchWidth: "wide",
-    parsePatterns: A,
+    parsePatterns: V,
     defaultParseWidth: "any"
   }),
   dayPeriod: r({
-    matchPatterns: E,
+    matchPatterns: A,
     defaultMatchWidth: "any",
-    parsePatterns: V,
+    parsePatterns: E,
     defaultParseWidth: "any"
   })
 }, S = {
@@ -323,4 +323,4 @@ const m = {
 export {
   S as nl
 };
-//# sourceMappingURL=nl-DuShqwuV.js.map
+//# sourceMappingURL=nl-DDs-KEnD.js.map